{"_id":"@chakra-ui/tabs","_rev":"467-2a3b5b07e1417a2a6aca858c969d00b7","name":"@chakra-ui/tabs","dist-tags":{"canary":"0.0.0-canary-2021118164051","pr":"0.0.0-pr-202212011232","next":"2.0.0-next.3","next-dev":"0.0.0-next-dev-202241614737","v1-latest":"1.6.11","dev":"0.0.0-dev-20230908144305","latest":"3.0.0"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/tabs","version":"1.0.0-next.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f1dc0485332c850175db53a75c9a28fbe64649a1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.0.tgz","fileCount":21,"integrity":"sha512-A+wOzIPx635j2M83gqy7PspDdTABxitnyJejJCyz+bTzQuOTSE1un1MqImK33JNaoCvnJgJG8Vps5dqXOf9gOQ==","signatures":[{"sig":"MEUCICtCb3dwrwtHRTvRBKbtblllMk4X21Fj7A2cpDfDUfAXAiEAtw0ifr+BYNV0YJUCNa43wLKdzAlEcd4lgCtoHbMlrNI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":219998,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nTvCRA9TVsSAnZWagAAv7wQAIX18QMFKQNmORiLPJu/\nfSXUYrhx/C40hFSAmeOxPSNvXkmkTULuDWRfa2Oc/F9vUcPZ7VlFdnQriRVh\nO4k4lXre3ZgOcz1EaF8fSsL4bySnYrNUBKHYGXnjFIwGAN+rB+IgGNst7spV\nG9b9MHcPVGXs1+JNp5rzabRrt/fAiLPwc9mStJdXmSpo7EQwFPklgDbWQzb2\nw/PnZxI0EUORLWgqDfxYGcx4QpYKrg+vRFuzLqVcq562zx8f9kBSKhUWsRWw\nPkA260Dk+6mEQgp+zJk1caXJB2YMBR0VBZ9i1SCxcyR5xw1NOVJsFqIe4Hii\nBlwpT46TQRZOf+mYZa81FgK5OpLaEerrKiRdBJCbAfm0qSRZzoGLrkz4hwdX\n44YqZZcujS3fVsu6z4I1KZCAN8R48rFRp7hEWroCTlK9uO1rsTZnNojpCFWg\n0uD2YiJ2z5WMxjYoC5KYLmtSiVqLKCFqHnnuF2wJhVp/Nbe1RfAYYeKGVN4R\ntFCFgPVrE3oS3X5rJoYOo/gqnaF1Ox0QvpTUbIjFE6MEUwIMbWjiv/xxmzkt\nnKqyH3jnly4aZAsZQGv6f56roVTDeyX0tIrXx/ZD0S91oAWO+38nTaw3O1eW\nftbZlkZvRl1erHMjcBP3+Lq/fUKwGyaK1xhF30Oz53jDjgmXadEucdSw2pXM\n/QMl\r\n=Uyny\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":"Accessible Tabs component for React and Chakra UI","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0","@chakra-ui/clickable":"^1.0.0-next.0","@chakra-ui/descendant":"^1.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/theme":"^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/tabs_1.0.0-next.0_1592685800451_0.20470061248755878","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/tabs","version":"1.0.0-next.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"01d73d16a224f532c579833ec7f17ee12139ea3e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.1.tgz","fileCount":22,"integrity":"sha512-Bv4ZRsqI1/WLIF03tvPEOBZpUzcUqxQe+8BgA7eZfPoS+Yd/J2jJJSonXk6w9JWe9EI04ZhQSo+BIxoC0od6lQ==","signatures":[{"sig":"MEUCID/4MRIL3KXlQ1iB4iu44a9a+hhVMiGuuupl3Ay2vMFWAiEA01doGg1t2KqwsLt2L0vLphN2RiLUuJlpNZjhA1mkw0k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":221653,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytTCRA9TVsSAnZWagAAjeQP/3++7xo2ieq+QEpH6j0b\nAKjdLfOf8tUtBVAyjbEAFvoAfh8YMeAWBt5uKLvCdERcg20wkyd5XbmqbhGT\nIpWPaAkGRWiCWQPFmdM+3a78VIDXS/0haqXWgWr0hUIJouf+gYySQ6PzBJh8\nEXsCqW0nqoqqEQE8OMXq7JQlu2VtHg3pe15VWXJnhkKP614XeTVigdodJnKn\niqyFmVSueWb1LDZi9doFl5Dm/xdiZV2Jvgj8YoWaMeJJa7XodhmY0Q24bBul\nkDL2YIfYAcXKcl+Ad8LDMPRVxyHww7alWDs4p61a7mjo5miNmZVdglGUgeaL\nsDKc8+koThykeMZtsLzD1AujcQSN+k5algMp7STLT3v+k+OvL0U87hcxZeSk\nlQRANibjljgm+ppp711fvyio3nHx6FiLcR/UqZWLba8qU8pI7vimF7baeML7\nFIwkeBJB6SEliuOZP/JmkCwnX8S0nYaRRPLY6aMavZJBjA4NHk3PilProb57\nFDU1hAfMC6pdkVnh4d378HBUil6hfpNGHMfRCSlo7PZ3gpyunWx2a42fYOwd\n1vB7a6cqeul73961H7J4iiRUvujXzhlaVQJP51EyU5QTkpSyLseoHC5esG/Z\nsBzxiIofEnHQSiuslinOLvfKo779ZqpMHr4zBbhgGqHp/TowoA4uHwUane6B\nYOvQ\r\n=uqho\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":"Accessible Tabs component for React and Chakra UI","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.1","@chakra-ui/utils":"^1.0.0-next.1","@chakra-ui/clickable":"^1.0.0-next.1","@chakra-ui/descendant":"^1.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/theme":"^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/tabs_1.0.0-next.1_1592732499151_0.7956417605239992","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/tabs","version":"1.0.0-next.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3e0a56399e5a5f837420b821bd2d0302f4e09f6d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.2.tgz","fileCount":22,"integrity":"sha512-pt7SgHy0N4X0fP5UZG1ewjGvivs1ko2C6X7O8oImpew64OCJpnMVqxpQf/Yy3CPBXHp+NXt7JYpNHQLVOQF24g==","signatures":[{"sig":"MEUCIQCEQaFX5jo965eN/+X0BOfSkKfKZFbM8Qlils3y0uiE6QIgbnuoTehcwQfDnb4KGR41xldA5fCE8bfyw/CIn4WVNiQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":222170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M/9CRA9TVsSAnZWagAAlQ8P/A6dkYIOYbwIOEBQdQAm\nY4h/q9fq+tBqeIa0zi8z0Q0MTaBCKCpDerSmGuF2kTAveIpw9Y2VrlfWDwj6\n1HeJsx8iQ0xYs25pDVLYCCNisAZDXSOVSDxg+LExgKW5LUj8joCMFdLcrc9y\nV4Npa1MoHJL5LBatdk7R5sLLTBbqtahXD/VtFoaxSRcGR4yks+d+korwo6m7\n5qHB9LMyTnLEbiyRq6EIpwyVrmpe7ZoX9gEpxqe8OLTyvC5ApdQAVT+jGAeM\nJUsd9M9TB3/xMoEXt1wq8OSvap3DaHOex3AksbfkzZh3Uu3KyoPFKSjNkpKq\nyG3AVVa8BvoEIkDM1W6m1aBmBsxxLeypIGgPl3DNgHpMWUtgjr0h4jqyCdT2\nm3+5yL52mybAKSZdFG9oYjZbj0UsmkfWMACTXrhUHez2sRh0o2pCTCvcR1Rc\niAy5DQaodVmbXl/WwwR/WbNd9EIktHw6dD5jhcse8Yq7rQvzoPGulLLa4in5\nRJNhtAcJEAjrfF5uS6zEQHu5MiisXEEmXC9c2GdMQkoqFSe7lqT0uNPmSKaY\n31tml6yn+u2jOPmubg+0+oScopUdF56XyV6wSmsdZmemkLo/yMjFZVvWvySg\nDe40+AyAe2sU/EZlQPHVg+NHHuZI9b22qaS2A69YCySvidrXGzJdYD1XjJDN\n/bSn\r\n=aiaf\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":"Accessible Tabs component for React and Chakra UI","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.2","@chakra-ui/utils":"^1.0.0-next.2","@chakra-ui/clickable":"^1.0.0-next.2","@chakra-ui/descendant":"^1.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-next.2_1592840189196_0.7206846898991082","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/tabs","version":"1.0.0-next.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"89b665202558b3b61bba623573d710f4ed005fc1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.3.tgz","fileCount":25,"integrity":"sha512-nABdW51YDi3j/K3SOtcWOtXwxwDZJ94Tp5gB1VtTv1z7PXAZlWtQPmPSpD0K4sckduq7E2zeVgt4OnDO9Q08ZQ==","signatures":[{"sig":"MEUCIGJKpszd7ReAUb9pQ7dgYkAlFu/nPLFW+2n5XON2WBshAiEA8hBk7HAChvjCTZ2qKbXMAbLJ2FYqT+R/UnPT7oTZyJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":241842,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+MbxCRA9TVsSAnZWagAAOGQP/jE8jDlPeqaz/wl63fXy\nYiEErqcETSUuK3sP74VVWMFpQ2nNF+VL3SijFnzkEIX3lO23yLzu7NDvu1fB\npe2M4DKjlUWmyrhe9ZDxEGwOOfXs92qaU4D0L9/TycxOER+YQje/+6pZg2xY\nKAzfco6wYH0zBCwBrh4SD3wzQNTt++lZsWxFTkSJrcJ63MxCvJ6xrtT7GWl/\n+TNAidVebAqASgM0BhyBT2YWF1+GdZ32xDlKFeitbIqUOo9ioTrLqXYRRUyP\nH8dupLTWxX6MX9zf8h1UqTG0bqEqjNdtL2dwpG1otsPt+LEjB4Ovke3FPlJZ\nZRT0NxffYpTX3eHOQU0edZW6dH9jCEgknUJ2wDkGi9gnHr7i1X8rw0iGKceP\n+iogsuWDelUhVe0XCzvZA66W1IqqVWE4zjuXsqWHOkzY/t1n4aHo2SIpCW8Y\nmAJ6Q0F5UWZXeTy8hZoVYISGur1GEYccuoM674aU8IztYmivEL/zpHNumjWU\n9pJY4afmI1AxBfr3YgcU/cTU0r8g35/jZK+D/jFfGZbJbfcntE4+2BQkv6BD\nzy/a6tqGYEdeit1CuiitioB1KRN0MATaamX/z7M82yg+u8kadCRltTWKBEwI\nSbtaw3xIZBIHrKz0SzVE34cshaaACYkj/kGz5EuPCdqZEuC1Hno9DCXnPDXm\nO+tC\r\n=uuGo\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.3","@chakra-ui/utils":"^1.0.0-next.3","@chakra-ui/clickable":"^1.0.0-next.3","@chakra-ui/descendant":"^1.0.0-next.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-next.3_1593362160783_0.5134281218501553","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/tabs","version":"1.0.0-next.4","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b65bd69059da993a5b72ecea72c037d7b1352aad","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.4.tgz","fileCount":25,"integrity":"sha512-KchQGFtKieVzdWFhCXHaqC0EWeRK229HyaDzc52B3JoEpXNEgZf3XZLDC4uWx70wokytK11axOeMrRmX82cj9w==","signatures":[{"sig":"MEUCIQChyGCeynrZk+8oIU9lSUrgEAe7x+e95RXuXcKi2ySKPQIgNllNbBAmAopOl18ir3u3rKpyfU6ya48I1vmB1b0eau4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":242499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/MsiCRA9TVsSAnZWagAAuX8P+gMiBVHHeXUEF+eYv4Z/\nTVC/piJWphn7H3Jgu0xtNSWE+LPDhcZs0k2L067tMRXqEOAEfmX7zS6gNVpP\nSBh19PW0L++xSLngaGiNKIoa1+5hsh0SmxnVPb2oJuAWfMcgntvtnsuLNF/l\nFYwikOdMf9S+2gKz+TlVQziF2rYv1p9PwIUwsuXf49GHxfqq229v7g8LNhtU\nsNjZHfi10WrRobAP8b+Djz4R4sTp7IeBTw0aTgyRTi33X6G0BRWL2Qj42g4P\nJr8sUjZ9Umw+E4lmFMOSzrPND91SpoyF6HQ+qpQ32A7OA32O+5Eh7N/d5zji\nZrDj0puuvs/346sdesOkN9vSPY+IjL0DrRE3KSHl212JsvUA7vmim1UDl4Wp\neyVKLJKc0z/bWCcDPddnyKTdy7+J9qpQ20KzXb70AHY2YefKBGx+hhw1i+xw\nW8fBqwszmoyhmSD8HUGVjyRHeX9rj25Qdnr7JDlgjK6xAmVdQcGsmzOmfPcx\nar8l+k90Dm3NCUrxM+8QUHOxX/0sb3b9BB4MvHGFAvyZEBJ4607NVGbLnhBu\ns1nb40Hf5v2NteLfGPjbcMHK1tokald1jRRdkwLCBUtm0kd4YH7w9faz7I87\nRxHHBGzLCwbKo/sbv4akbYo0poIEJPyKRmFBF1RDs+OZSS+FdmpOD2qXKORs\nmxo+\r\n=xm97\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"cdd5eac1db90ba33a07c009fb8dbcc4453d6ec01","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.4","@chakra-ui/utils":"^1.0.0-next.4","@chakra-ui/clickable":"^1.0.0-next.4","@chakra-ui/descendant":"^1.0.0-next.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">0.8"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-next.4_1593625377697_0.45313173068357404","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/tabs","version":"1.0.0-next.5","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"35df57adf179b7df23484becd3f48c6b6b1e7b4b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.5.tgz","fileCount":25,"integrity":"sha512-mSp74FsG6Ru2DfkhmhIcT+euGUD/KOH2ewPRtKzV8A8QzKWSL9zUpQ97IM029gs1+fviMqaxkaHGZbS8oTx2/Q==","signatures":[{"sig":"MEUCIHseeKeSnNMxNI82ArR7sZia3ZfsHvyOrvV+7QR9ZkCzAiEAoumjHKafaHrGGGvNHpr1iT/UZdxMCGz3qle9OzI0cSI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":230432,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxeCRA9TVsSAnZWagAAOvUP/Rmq4V0xxNMd/F3oWKxw\nzCQATVA1AZQw+Iy8OmQgfaNAk5IckY416OB6d2HrvvI+4Qng8LRliPW7xpU9\nWQKfOCTy+V3tHb101jSuAJjsWsiZhi1x5NMaEfZywcTaFLnf9mRKR3aDF8u0\nHmteoUOblRdAKrXkSb5UNcCJrVCPPHAF9GAzNPKEC9AbjLT+u7iM8wJ4hMV6\n2ub+UjOrSh3Wra5EvgwH2PEoL6O9POdjvz2nLomHvQG8fIQmnFn6SjbA0vPD\n0iqk23WC1E0AFRBjJ0gaMIYcW/VfSUnJcM03ncWvzhhgixv0VTQphhOtm+4Z\nR+rVLVyInQPHHuRbYFWIQeNpIBaA8w0e61sqUy+uTP+IFY9BbZPMiZs7OUXJ\nRwPldLYhHNu/f1NGCK5m/rNLC5vfYKbyyOSumA6nIl6AmZ/4+t3KMpVz2K1Q\n148ZVWLhSnxN6u2VEuGoeQoZwfk+1PeP6Yh7G+xNlpoZpyAAuw91JBDYToL8\n7K/emTIEaTUMh2HFZyBMG7Tq6VyxN9HyfMHP/pV57hbUfDeYZzu++ehYohnG\ncmu77rFbDOryPe4ZWMLJodTU51ERd6DRe508Qa7VED0NIobndaGnmzxOTUwC\ncWzkls7gDj2Gb2KDulDFOvOiaokF9yuoPaz00MwZqr9vMOp7GcroObvBZVws\nr0UV\r\n=jW8M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"24eec5d796d81b6fafbcfa7231fb2cb15e6d5a29","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.5","@chakra-ui/utils":"^1.0.0-next.5","@chakra-ui/clickable":"^1.0.0-next.5","@chakra-ui/descendant":"^1.0.0-next.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.4"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-next.5_1594809437663_0.6493601945114611","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/tabs","version":"1.0.0-next.6","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f3cfeb09eb336bc259b8f3147deb163d4cdff7c3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.6.tgz","fileCount":19,"integrity":"sha512-SJbJZfOyrKcQNtA/RI9J3tANoqnCAu7bxzpMSKEcIgM4DhAFZY/LmyNKokweaoiTtdnAnYIEY9QACrY1xDiP1g==","signatures":[{"sig":"MEYCIQDAfZbC0420IbEeUqADDKtqCWTSOKD5gxvvM/s2d1WEmQIhALe36tHQbZ/dYYCpWA6Jewzp8qqNGKARnGxlo6BuIfer","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":211313,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyJPCRA9TVsSAnZWagAAQUUQAIpggEx3/y3espuYLsmE\nhd1wcYBGnGY4sul5VUfDN2p/Pteeb3xbs5iyWkeUeS9KO7SpMoa2akR1f1KG\n4Jr2SZehsKVqVe38L0EYxNgs4oE3vpzNDNvwxfvRDoqE8Z79rbLi5qgz5g0O\nhzotsEZogn5AuQ+m4gaQCugIcuEzT4DfseTXf0fI6OmkFsWBDekfgbv7R6SH\nGvoPeBylsbQxDgUnS2yWTKh5JeZpMu2ag2LtaurFq8D6+fqA841fyIzXpIhk\nNMEbE/wkSCvKa57NIDS6VD/xD3C/7JJ6Zu8oiaogpAK84zNL5eEPu8slJRU6\n7fywkj5IZr5gG9qhaCBQ2sQ0Vs9VJDtEmAUq3SKuCPdV5qRBHs581JyHrdi3\ncNJk9VJTRw5YNheVgOadWNN7RQdqzvR4vC9EIJdEVLztdpyuPDDQlRSr0BBD\nUWI1/dQMTsljgPFWIGQrtK7IAFTYjZYyII4WYIXqun+Kpxr5ZaUeqv0u5lBY\nlabewekPIiXI28QXqUsvhVOosrEeKFOwqGzUCkDD5UqMRjrBtSTB6zcvkp+M\nq6VjWC6Mopqda0k+SqKxBl6yqj4w42d5akzXRA0kyIu7qoFC84gWCkDowmrj\nsfs4UQLgz3dBv6fHrfdg71x/NNBq7WnI3Alv6phEb13kruYHtQRlc06zbOJB\nrTt+\r\n=S7Du\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"72eeca4ba3fc6e7d8845b0d283a03cb6ec384a50","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.6","@chakra-ui/utils":"^1.0.0-next.6","@chakra-ui/clickable":"^1.0.0-next.6","@chakra-ui/descendant":"^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/tabs_1.0.0-next.6_1594827343024_0.539744412962708","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/tabs","version":"1.0.0-next.7","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ec2bdf4f880e84a9a3470da66d014f8ac5a3338c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-next.7.tgz","fileCount":19,"integrity":"sha512-kxuqWLNHOvQWC5NY7uQmXP3MGn7IRB5aHDDS6cpDcIFyDDvP+DKA0Fn2rS84FACYWJZECIqz7k3Ju46T8pIaVA==","signatures":[{"sig":"MEUCIQDdrDuOd1GiK4j3wd9sBrzvCfvI3fR2x+zoAYpvlL58bgIgOYeNu3IF+moF3UQ6MruP1Bn1hzwGgOMuhoSo6SmTY24=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":208406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX1eCRA9TVsSAnZWagAAxzMP+wVCKt7lALmbU6B7DYpy\nTRyPH7v+y7WFJSmO9J1JnNsRFdu+mwENNFJowUIAtGAyko2JjrNsExcbQFK6\ndk3I9tkS0nILlqdhTCE6JUvRr+ZZyZp5PkEa3R9r7tJ8oqAyr9u3uhCraqzV\ndbrSzI+zycg0hQP+EODwb4RX5bJOilnLV0kdHPWtOuZ2i1sVkHZLaon8Y2HN\npsa37+fEJiLRldCLCV42il3rQVDthOnr0+PhUfV8aI+l88uGrEPranbgH+4H\nL++dnPCsWSbkS4ln7uGj2lSwKZ4hooAL5NIApMlyB9NquA2gcSiYD1DgvKOl\nspD58143wlR3BWibVbuhei9b7GqadmFHUvb2GVCwEyf4liaOR6zj3yvoq+kt\n593yyBAtRIwLgqLNMKAF/sjZvP9hw7gFsj3vYuXhlzVijVQd9GJ28Ge7BJDx\nQCMzIvTvaTuZfFdcu0k6RMWgANQ0P6XeDCGsEq0DUknDzIxwSuq0dBWuhCqD\n0IWa/aLda3KpoHinkGLrJ0XfXTFjgrv2s5An/Z4NIm+x/lVfp5tH+/kQ1rMu\nqyxFl1eJ/icJnkIjUTYTkifmREjDmA/WNTV3JyUyHn2w00OC2BZjTaTqFVQS\ngh0MfgYRrepx7CY4102brqTwpMOGZiAkBW2jlC5DCsW0/k+CLLCjywKdQ+KF\n5Ja+\r\n=OYjm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"3dcabd8c7e21b32ae1b61485588f70370c4e626f","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.7","@chakra-ui/utils":"^1.0.0-next.7","@chakra-ui/clickable":"^1.0.0-next.7","@chakra-ui/descendant":"^1.0.0-next.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.7"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.7"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-next.7_1595768158150_0.4247795928110578","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9b8a3052ef26e34ff1a23726869b989d74cec73e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.0.tgz","fileCount":19,"integrity":"sha512-7hO+eUDxFzfh0p+D/y2zzlYRzClGPXq6BaBiQiiFok0+G2S3V0nw58PIMzWChVD4idNbgKhdSdjtXcafb/iSog==","signatures":[{"sig":"MEYCIQDNH3RYuHJNEVtNJ7amtyMknTX8bdx1xk0Ll6YBy1FGRwIhANNLJCHpUXEdD8g2cOkzNPwl/HVdSKoQAzLpNmnrCIyt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":208745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHagUCRA9TVsSAnZWagAAlV8P/1+ui1FtwUddtDJgy1+s\negx9z3cMk5Vz6U2fFb8p8QmH+6pZO6dI0DuX3mPuHjDd3Jmj6a2mSMVkM9w8\nihrcGkMCI9SmjkWcXfGreRlMWXaXqE7BfbpaLCZ63sGskY9qqn+NCucBl8zT\nNzyDo2AhxXMbTQgRPSaDVtWGYCKWvWFLmeuHBDaISX680G9RQ+IfMQSYEIoK\n25qO08AFKkBpBMTLG6T2EhLjhKfUlsl1mOufZqTLPIpGFX1ue0y4k+Rr8auO\n4rhzI6XaDCWqYGU0un93y2oQvjE44C/NTcLn0WW5Gv3sD822KgMbJywtljIx\nv4llTlpuUC0QLy9ZaSGr95tk05Sdu76Zj+XN6Hop4sOkRzefaUDdS70bzsuT\nvpikd1ZlfSwpDykJIjPPQ9ZQGe/lR3NFcE806WuaXlOKMuRutFAeHhbtGuj2\njKx0nxgKYDH+Zp684rMhrk+9Hha7kG+97O0tPBBixEAKFJqqfAw4esiS05XT\niigX1+oaUR6Fn1iG0ELfNk6TYLyRti7CT0BXFFEg3HBmcKnoEGAJgbRvTh+q\nwEHSJYEqpHWE8VbYAl9pTaolmEcyNzgNfMdSB6l57nDBhaaAkS67wmjX3Etm\nPULe1NxQxknNVB6dx71pl2bJIb9KzP9CAlDdEgPha1RjppWRMHmcXAnW1XQa\nEeUB\r\n=MaDz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"60392008d42867da38211687e2491f02da9975a9","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.0","@chakra-ui/utils":"1.0.0-rc.0","@chakra-ui/clickable":"1.0.0-rc.0","@chakra-ui/descendant":"1.0.0-rc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-rc.0_1595779092566_0.4646959371810149","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8cfd00d4eaed81077757911c5c28a912d0af99c0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.1.tgz","fileCount":19,"integrity":"sha512-8nSeDYC1mLH+UdF+62tmugvkSb5f9C6haCUPCBRENXtlnb0NP10qyzLZFLkIUhRLpYMNdiZGFrEKaRVGGt32kQ==","signatures":[{"sig":"MEUCIQCkmkmNdCvwaRiBO0AmpK0/GjG38JM9FyZVQ/KlfNNnmgIgfRw81W1haxzsFJrjRZ6RZPCZn9S9jBk0K8qgnKPoZ9Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLRCRA9TVsSAnZWagAA4DwP/RYibCSVnPyQcS74erH8\nvsoSSjNkKaz8/9i/n5UT6ajNoOkKKt/SkF7CrLo73JqQBpbfwNE39DKlXBdb\n1O3CZV7Nhi5+WoGPZfWvLUMXxCWuVSLBGVDAN5wo9FW1RlKM7zBIGkOiQaIc\nDaoC2sl1sIoleqEy6xFQFsZyscmdjgIWDNMrTPjo91sFG+2swxnk5VlyeBTM\nZH9QwXpgJ2OlECGla+efTR6iUdZKtNbgBDYRe9V7QsQiRGBYh924DZ1vTLbu\ndagYQVTg4dZnVPyBeYuIm3XUbcoV4wJTQUD1tPCTAu0YDV1K6Hqw7U3Bcq/B\nAQuUVkf6Ihakzwz0F5Oz8VFX3mTmTOBQ3OnVMtiUWMHC23Wfeua+8GWxyLcH\nfkPsBXNNo03PnqetICNEyHcWGo9eT3idjGALrbGIeSYNqcEEn/bKc+P0sig4\n5lt5fJq8dC5euhSfcvjWlD0gqmrxB9WNZT4ny5sbyGX2FiTZnOB+ZTrhs2cJ\nimrOjd6TyRoK9jvlJ+p6laxfY0v8l3bJItAPWOr9HbqiosDMWT75O/2Lgct9\n8IKon4jm2HCzPrnW8ASniVVcxjym49tQM3UlVFDoHAe5aXDzuZvMT7bRGA7z\nsA1MKoqp1kxicjsC+A7YOgm0K8MCEM7FqeDxrF6XyPvdO6Gy4bnVMZWrQMur\nrvlZ\r\n=SxhP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e0470c73a9f6be24525dc5458d6fb157096b5ae3","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.1","@chakra-ui/utils":"1.0.0-rc.1","@chakra-ui/clickable":"1.0.0-rc.1","@chakra-ui/descendant":"1.0.0-rc.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-rc.1_1596748496895_0.4048953671288471","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c3924dcb78bc8e595ad3a4f1ad4760c8b550d8c3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.2.tgz","fileCount":19,"integrity":"sha512-/BVkTYB7Lqg0bFCNlX9ODpHyZ23Z4gFa9CrRmTwNhR6w9K4Cu+eeu5R5j9rUdYXs8wPrYsMs0GVNS5bFgjBpIQ==","signatures":[{"sig":"MEYCIQDPJnu4/ISrUm85HwhXxLKhQSMOVxGJbK1IjfZU5JzoPQIhAKZHZmlkfar3bKz80gVNtfjKFJFs86AoHns6gKStaF+2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":162702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL97fCRA9TVsSAnZWagAA+1sP/0di+xXZtpyydzEv4YwY\n4uLBYaD8VCMQi1O+OiXj8GvVioGYBQM1XFcbLtwCZz/0jpQb8Bd5V6/zZ/C7\nRSOtM3cI6Of24+ZGvm52HgtnXgTx7yIpsJzLWh/JG39Zv8hwOCkiP2DDD76n\nuRPNUMAFkjUwQzVxRmDLSIwCQNgsI416WXKct1qKSvF4g7SSUMdgJI0SqaUW\nS3ygCZ7n+p6Gjf7akqvBelCnov74wAUpTNVNgN/eDxSBhm1YpbnNNBfy7Oid\n1i6mJgSuFJwftPKUPeum7113lHRFWag2pVWvXn0WaG+oaEYS0rwKa31SOHEd\nOkQ87Dpu1afx+vbyvEIsz3qhsT1JTfj2unY2jmO+d+LC5BVRdfV/g3WbRGar\nZ53hkPHGFeAwblBWDHhxd3CM+V0OKA3DmXNXvXDFUtPpgaOD4L9sxWSsI0xL\nuGgl5m8FlnhEaUbib3qZdmtrZ+Op934idVMINhgWf+i8uw1EinJ2szsXYcbV\nO/V2kjMskecvmR2FJ02b82EB1HFHwbKHY7VkLHnLhuHx/U2cTtDumkmBIhof\nH1eq3VEclzqaLMXLbUQBC/owByjWxbn6i1P2OsT3K1SasSbAZhAYylTyBCCw\nIo8apTvEgoI+Rgxkkli3Iu2TYT7dp/V0zRmkj/OXqwS3MPRqicboL6zurnzx\nF3+U\r\n=TWyU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"c0a55ae7279887996fd2cbfb410476c86793e1bc","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.2","@chakra-ui/utils":"1.0.0-rc.2","@chakra-ui/clickable":"1.0.0-rc.2","@chakra-ui/descendant":"1.0.0-rc.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.1"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-rc.2_1596972766983_0.14731561703043572","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"242168acfd487ae268e95b0f6574a4dc761dfca0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.3.tgz","fileCount":19,"integrity":"sha512-Z59aPXoGcMw1zCUOe0j7Bmie20iakMtW7UKzCTG3ahGQYOCYpvxIcwGTR73KjOmi+0zGVQgd0MLQKRUMYXS2kQ==","signatures":[{"sig":"MEUCIANHeE6LhDDJ633HdZCyWGNnKtiDlS4jpwwSpqnrvhjOAiEA8dNK3b2r1C+M+SC+DztFZzI2YiZjOol2O6zMNZW+UD0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":164699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YUCRA9TVsSAnZWagAAVoAP/0PwtbDtdeuAJTCZnbW9\nCpJPgTIOX3YQoEBDS8sp+mC1tphmkcMAGjNPHuBXM8jcGgqn5/Jhj4Wi0VBK\n5Q9LmzI/HRozUKdGwGeLILjAZXRtkmjk5NZWjVqdaSwpKua5blSmlgWbfIaB\nVUh8KKegBEVNTvzKXvvaq53n2sGj99mhdV8mf8qRHjdAJuZ7haLIr8tKW/qe\njj4VC/fA0lgKLz8YZkXokx90ZWL75JPqXds17GTZaKQm7UPtBzQqqS6LioCM\nPflBB8udCu0pg/G+x3jD7dtaysg/hZVXhPbN8edzbx6cWK5TslchSupRxL8r\nP1HuxOs5tHyIovMsZwIk4zdaHbJ6hL6jRdouTUMiswQIC2+Be8JCT4PhRZhm\naLkllKEUhAjI8hJB7DK60mQGTz2+P/y+xnILX2Lx8nLk2LOg/eOdEUgQhNCZ\ndfvMwV5efgznMuq1G/g0iqf20RggfuCV/NzaXj6KvMPacQg7lipFBT+Ljy9F\nBxl/JfNaqO0Uu6+F6AM66haiFmQzyjD9BRfy1X8+tRymXgmHkd4GNkYf1wxH\nxuuYoYP64vWJxLivioR0BUyd67VVbn7jYjp87ptwD4KiEdCfR8Xgfw/LHcjl\nn9ncYmbe4bvXTuYoUwNzha/i3C8zJ+KGIvnkRGE1dSQbVqKEIyjhLSk+Lce0\nHXHY\r\n=sRJ5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a0b689f3a2b1589d58e4d9b0c8a9bbd02ed90f6e","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.3","@chakra-ui/utils":"1.0.0-rc.3","@chakra-ui/clickable":"1.0.0-rc.3","@chakra-ui/descendant":"1.0.0-rc.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.2"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-rc.3_1598801427892_0.13116323758172332","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.4","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"734aaa1cf0e0113eef7e6c35ab733754a9c06782","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.4.tgz","fileCount":19,"integrity":"sha512-Sjkztv85sQkGg0wKqEtLSPc3ItJaImvgsr/YI+ngEbMo6Kk6UtLmPIFh2HfkEYtxygbN57uvvgctobZBBdoazQ==","signatures":[{"sig":"MEYCIQCN9px4TqZh+y6XNu6xYmD5B7fgxxHO2CUM1btnQO3jzgIhAPP3bQs2RtmoFy92CMa6Dq6qlmsoHXqb8gni+wBmEkAm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":166628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfoUCRA9TVsSAnZWagAAJkkP/09eLReKmrwKHV2353nu\nyPOMTblA9NmjPyM3zHGZYNL+X1PAk7RULsCq//L3xiL+HZIng05B5y6z46Uu\nOsHXDVoYrMAIAOME1LzHMSSJzK6nkK5DH8ypqDpD+0ynWGOuxmDCcVp3O2az\n18TXM6NHty34is0uiId6PzB/N9EUvl3jrm0yKQJ0haODzP95OtJmv6FTKhBT\npmG7j5q/bM6QjWJ8aofmXlJcFagvSnE3t+Nt4/z6V0IbDdWCDPSCviQ0u63/\nU7QS0iy9VbhDjdSfiy7fwiWZE7tgcOA9PPi4ck+B4bMCxI3rQPwZT/TJ9ptp\ngRoLUaeV200J20hHDf2QnT1opfWCqEQSVPbQgusSTe9pJaytDKmacarKf6rk\n9nNbmTuz5colxbWfT7r8q1ns7X4AQ1zMG+dzhZwk6MOyK+EnZa4ZFfyKwIa6\nIWHq5X44z4x7CDfmiJAcTWwDNZM8C/V4UeEHzPtTdtduDPZsAVbe8Fqci8Yx\nn/yuFZGPAAkYaPeYs4jkFmSWLpQ+ki5FcQxRI0fQAWfwE9mqZ4myy53CX9Ah\nP6tzf86CdDmK8tpct5HWUgrjgZka3TeAWc4WmGSbXma4Pv82q7gvLRwMAdEF\n0m2ZlH6Sjs1SZWPbncGo2c/QaTr9XHMQfgsKwNx9blURYAjvHroiEXMv6Vgn\ny3OB\r\n=l6ny\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"830b8587c572a4c20d6b56b256accd6686255819","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.4","@chakra-ui/utils":"1.0.0-rc.4","@chakra-ui/clickable":"1.0.0-rc.4","@chakra-ui/descendant":"1.0.0-rc.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-rc.4_1601042963901_0.23119090044629864","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.5","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c0dcf0793ba9d9e633edd4f8b7d6b3a2f0c3075c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.5.tgz","fileCount":19,"integrity":"sha512-MNKwbbq3XH9ECsdGSbJUag/kvJoP6txC9tn31N8ho57obpviGKBtVZ94d95dhYWWjzuMn/5TY+EY0XIwufn+QQ==","signatures":[{"sig":"MEYCIQCHXZZIvD7NJygzhU+oXawmmcEspTVOo3WoKQw1NE7C8gIhAOSCWdqhyKj3SopC4RKqTL6lPxDg+FKtM3Ed0sUPlQTz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":166716,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPXdCRA9TVsSAnZWagAAsL8QAIPTLPyqzJFgz556oWrC\nLsY5xKKM9ZfYgbI5Kpw95gHEYgM4ZcDZBcZXcaIaGwMyoO6RLgMyawJOJxax\npQR4QixCERoRjbia/r+etoz6BLpbkTLRabdxgtqKGke0ZDHiw6eLwGW6Hhrk\noBtcL3zry7/Pg2IexarTjWr/m5++w2G07uqPju87WHF1WRomA7s9VgdvZVYV\n52yU9KRFeRzCSWGgW8lOCXmZJk2htk1zOcbOJOsDA3H8SPl0v8sy2A/bVzge\ng87aiwDDcAce3Gr48SOXpCA/PSKa2HF2WBBtSmxTVasxsZbvj81d4cgKnC1k\n30U9V86OmffHKQ3HtcF1Eu93cYqdKfhS14g5DRMs9dIOO2io/J0g1ppoLRUr\nWDZd0VYvI06O7JmvR2OE1Enx12WcQmY9q69GN9qwUQfBOnUOz/g1vm2CLi9F\n369tuNArREpIQ90so7FkUepFHm4ZPGg3ibF99in6JLPMaylnocAaUy8lojG5\n7dwqqnLUhtZi3EwlwrH0ay+ApTtZ2dMDUMJnS4wbB2Rm2QOnDQHcJLtNOJgS\nV4guZ7iv9kNteJG6SOz1f0kICXGO0MRj/Am4ZegMc52ZBCykzwnw6EYZzKiA\nb3pygvOiCehQE2vzgMXYnHrAmeKBVbbmxBvznQCE5t/o3btvL4sg8TNla4m9\nTc23\r\n=/WP8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b5c8482b778b19f27ea1d6c8ab6d5ed39c664afa","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.5","@chakra-ui/utils":"1.0.0-rc.5","@chakra-ui/clickable":"1.0.0-rc.5","@chakra-ui/descendant":"1.0.0-rc.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.0-rc.5_1601238493033_0.5752570906780095","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.6","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"32cac4f14de2d1876ab72b1df412579cb7fe6b6e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.6.tgz","fileCount":19,"integrity":"sha512-RS05V1BxMWKVEM7S14CU7H1GRba5JxnTMKmIZkn5i1Qhd3cSautKDcIX12MRXNK5ruFpI/wr323kzQe2GLWgaQ==","signatures":[{"sig":"MEUCIFv3NFgMicIIXyiQgbM0G7fT5hYArDLiGo6zdDUz5ndNAiEAm/26NJVBoLn4OzXQvFELsX8cHnASNYGzkZpLtjBb6SA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":119535,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZ0jCRA9TVsSAnZWagAAXagP/Akgqhz494DuGwIiAUeB\nGiPHbz0fHLxOoPof7Eh6LLPbPglSSyGRn/b0+tPuLi0fISs6RNSlFLM6OOlE\nt9Omdwx59+efyZowVzX6AhhZVo91SGzn9Iny8Ojj7UYAxuu3aqqJSk9OzW3X\nQO3hJscU/TLH+5jh0b9xbmydkqpSPZiBeoQpBKYWNUtSukgfAQSLzbcaU2+Y\nKMPVtNlO/NRHYwNrFfY7h1qupfr+ttSpGS2MVhShNSjG3DxBZ9j3+lo84J5D\nmRwGLq2XdtEajHI+aEWemNVEIutjt2IL6s4YaWa+GZYVE9stdB9K205c2ZWt\nCy/Bov949m8haDSC80uFL0aC7IZ+cP3Fso0WHOWpmZzUcCJazr8UIBLLblr+\nduWNzjfnALtw8BLmEwAjTvWs0rF+oEitZ1L+v8c8rRZA/CWpMzJc6i3llJiP\nrxfB0tjRRmzpG/rDab3TLKLk7/ELPg5B+blabe9mHC+PCqQmZghnSmd5vqYY\n6VkSa5/lqRdzE6SQmu6ybIIM1I9VfP7qSyynZyhqiu5N7+7+evw6OHDToNpJ\nG+lWnuQ0MNwLE2Q/p6CY4e2iSyv/mVU9nRbIG2GXxy8ifQZLAQ+DX2xZEEF7\ns/8C7x7asDBgmD5zwwGHaF8Xc16VWWLHSJF3P3B5f+/i7JEbOh+0ugVu+6R8\njhsW\r\n=gka3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"e55b45840d1edc821ad0bb45632535333be5bb86","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.6","@chakra-ui/utils":"1.0.0-rc.6","@chakra-ui/clickable":"1.0.0-rc.6","@chakra-ui/descendant":"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/tabs_1.0.0-rc.6_1603640611375_0.6140778181716928","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.7","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"35305fbf3334c8784666a8b9f9a28971a0f0da86","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.7.tgz","fileCount":19,"integrity":"sha512-gEDRzqD70V5nEotXq3pjMAQjuqAHoRFvkXFIK6rpvz8DwbCjFZCWxRWaETjoc23/UFnvrR+i/Jo83l0aZ7aBFQ==","signatures":[{"sig":"MEUCIQDH2p3isx7Ox+aXzhpQJ6RMVAaxRq7hZfKku2p4CSIp5gIgWhJ9z6stXmCiHkfJ2cqIk6S1JY2j+OzcaxZrT9+QBb8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":119623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfCGCRA9TVsSAnZWagAACu4P/1x5SLaoIFacvSr6n+pN\nYFY3W+CujsRP4QCyUk5UC91RMzWfh7O03e9qckioOglR+hkOEfRxczUzUqfT\n6RxXjh74ZyX/UnW+8I08BOz/bYEA6HyY9f9UshO4t9vU1o46LlzftearddFG\nIglDS16XdE92ZajMSf+25Ez4+APIUi3bzT4F/pTrugCHbhYUnbs3LZ7UYXhG\nJ/CxInoRYs6hDBABJuzhhdDeV7Q38o2ZqEf90tNk/A6EIHrKohlSaxJZzF/Z\neoLCLSglusQ72TiHkHXro0228mnFXUoc8CYynpew6i7gctNANo5ru1k1zQHt\n3m/JARK483bHFiagjoyAh5GS1kNGG7VKZ4W5pa7emGQhLZnLkCpMcHel4o5a\nrn3JJiCLAWTgCaDRn4u1zPXH/m+d11DdLH+AbyABM3jjrKGcXF4dHfMDa5rW\nOOpB4T1y+hDd64y0lbh4tUsT7a8VyKV29tMjCXYM2BDsl1qKuXeHFaIbNjif\n3f/ZU3fYG5p8FBBKq72ZS3XW7K8Y1MOFCFF5qXKIw79ltRrHatetTwPAfzeC\n5DkJxD1a/B8D2g52TPSa6lkqY/iBPpVEePcH+34bZRSameRtkFk7Q+VIYB1A\nS7rl0V5YoYPiEWLNkcVGtAryCjy/sH7DlytYiTE1SDMQ9yBn1GYe+UWjpWhd\noAHN\r\n=zWC5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"6da531af61ae3780c764590cbee62297fb206e46","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.7","@chakra-ui/utils":"1.0.0-rc.7","@chakra-ui/clickable":"1.0.0-rc.7","@chakra-ui/descendant":"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/tabs_1.0.0-rc.7_1603661958432_0.36744148789356745","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/tabs","version":"1.0.0-rc.8","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"407ac59a73ee838ccd9ccd290d820a4a3e6e7d86","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.8.tgz","fileCount":19,"integrity":"sha512-7bGm/5RsjbFavlt4Qog6+hayTdsXi3J/UTpbHX3QgXuFvPuCvv2pqThRaljvzA16DqOAdo+vuWDREcVmpS0tCw==","signatures":[{"sig":"MEQCIFtrrjP/YgSBMwgshJ9SNmk8ClzG+Xe3nB2Qa7tH5MWbAiAFzpqlewZwzYytZmq9DOCXkBUpaVRUCOs3RgPJIJmBDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":119620,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyUiCRA9TVsSAnZWagAA/YQP/0o8ZXJtAtIxtS/pvJjr\n7TiDuaY3SyOZGK+/7xXF1uSd+N+XGgkdlG4k5iHLPzJuB+1/WnHJ7lquMkU/\nPwxUudDoTCpRMiGnUa8Pkr6UEBLT/PFp3hQp4lS4YeEpkUO5fqtmObsfbYgR\ncr9vIa6ic+Al+ncSnOaR03bf3h5n5SSzUsKsLqd46aITnVyEUpIRXA2nM+CD\nR5VXz9Cfrsvg2nw5EMXaOk/kuKseZKaIwpSQzh7i/HsrLY+6+4Q4MT/v9izh\nYwt5i1gXYzz3jQbZN6+0eNG0L/DcBa4/AOBy2AaKtjVP/t3BJfaKol5HFl+d\nSDo0hdvKKxFO7Un8jRXfVpdxIaH4ZG5449vwoga/hBOXZOxfOB503/K27AEl\nbsG3gRnlZ8FA3skvxxjjd8rOa3Y/ypW4IOkSdu/rymgYW0jWn7u8TzvvDDue\nn0zBoHkKP8tOESZO5aTKc8ENikFp9ftSIV3FW2XnVxOFLYNKmUFuNMMVVQu8\nKnLQLAWQz2+AJZSLzdsXc+OeVXld0ohP9UlY6EqWEAFTF2VDlL1wO56C0kRD\n5QcLO4XaxDqLBGPC/PdtqbK6UchjIkFY/vO225POhyNHAzLp34MXckUPG/ax\nIOyC17NFZGWHFT5iTGzWYGkhEkJVhVeLV1XFsFB7Z8VGErs5bNAQr9m3MXyo\nkHHi\r\n=Z9Lt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/core\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"de4cffb1638e8d10cd74515b0289d70eb94931be","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.8","@chakra-ui/utils":"1.0.0-rc.8","@chakra-ui/clickable":"1.0.0-rc.8","@chakra-ui/descendant":"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/tabs_1.0.0-rc.8_1604003106139_0.7745434590430034","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/tabs","version":"1.0.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"71ef4beda7bc638f21238cc06d28ceafc2d8edf6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0.tgz","fileCount":19,"integrity":"sha512-u9pkgq+L7HtiNQi/Th0gowWyl5t9gqUZbV0LiQqrOHwybfqRkx7PqzZMviikdT185AvVGFVP6wR5N8Tk7U5frw==","signatures":[{"sig":"MEUCIQDykuvHe2vbDSSwR9hivVWCUcXuc8ZL0h8/lWZ8WJZzvgIgRxXckvMW3y5lspGmZagbB/+LivT8BCSbVl9T/mwkOSE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl4dCRA9TVsSAnZWagAA6zkP/39+dfReAv4CKZ3PDnlq\nlKnd5w3xFPP6pfooJEcLqSYhyluxD1QmtAEbeWIOEfAe0zWc+Yao+1b1uiKo\nA4G+DLqGv0ESfcLtnawIqA521jVe/9FXw8Fsw3F7yV5XrnwrQgWjn8DIhy3S\nyhECIMovi3YDA3XJ/NamaBvwnsr5jYMgSjrlrqz8GvdePdPo4+ib6suU3PgT\n282PH7zVrTkdEoBiAVmgLW1SYduujlLkKRspvfpMHnjRyq2ZO63F/XyjksjE\nECIncKM3u8fojjCSmP1BqgTebnHmKovCERyf/Z8sSfXpNpz2XHF+NsRszqRe\nZBMmoi+qqcHdx3yQJOMLOY7qge0yM+YX3a1yfc29Q6fIVn7OT/KYpoER1ILi\nOpMx0PSy8l+1d1csflA/1n4uBfZjjDIfA8BUcF2IX852NH82BQfkc/0rkH5d\nxpmICqvHC59sGTzM29vSkl1RvEK4UQIkUYTjCV7lPu4hDcADQA2OoKaX8IoT\nqhADXeeCkeXLCeMlmnykTqtI6AudMwf/QCwuWq4pM2Tbh0e46ut2mIbclb2S\nCAWD5g8YCd4MIqdTSTMkK1z68exbWbNz2p3iKlds1zdJoIXh0DbAcUbNcjc8\nn7t7kqdDeB4zhA5TKqfLxXK92xfMDA96OKCDIYTNgo6E66EDFUjRrhjlg0Ce\nJ4Qg\r\n=7t7B\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0","@chakra-ui/utils":"1.0.0","@chakra-ui/clickable":"1.0.0","@chakra-ui/descendant":"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/tabs_1.0.0_1605262876501_0.598047453463477","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/tabs","version":"1.0.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0a50225786975fdd22d21de40598e40bb77f9619","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.1.tgz","fileCount":18,"integrity":"sha512-iUVEHRw2wb+aav7DB2gdTPa3TbQYLemFK9krH31C0trLMK90QDMtgG1JfVUdQMg33d93dCG6+po2z77mVBanOw==","signatures":[{"sig":"MEUCIHg6+zUnhgMO90C3UGdtXImFF2mhoWXrTJ9ln8iqm6h6AiEAg61gZkxKcAa0DDYozr6Btmm6dmBO0TfGkoif+pUWHGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB37CRA9TVsSAnZWagAA+ewP/iKLG9QtrXchr7ssQwoi\nfWXj/+sszgaFVvfH78CG8aeXRqqlFHTyz38KKiff8FrgjgmRgkaFjFChu5Ek\nXj6b0BMZC/IviX+52zomenuOKQwMRbwKyBZM748JZI3PJj5DznldLCoxVw5l\nUH/csdz2lgrrfg5VX5U6eZMN995M5V00YDRImc2ScV5cVbdAZgpLgDY892iv\n9c9Kf2huwKTLrY7oaibPLY2/8hvUNCJZFMro+nDIexO8b62E91VIdml80H7h\nw7cND7ZHsmKj4M1BBlmGEfyUy67ikNJMAiijQDKdPIlV5UQrkbkEpMD6gdSR\nZzHOV85uXolRlPrlki+0/bFOf4fJ+hHMc1WRjDF8+84O1zOVplnJgqCCxKR6\nfaRF+aS3ip2GI0zbjeNjzqW7Z7Tf9W5+nj5SXhdIiTbCroDVd2HbIeLRprqZ\ncDcUXGviCaKfvQ4+GYbqLQoSei+VeEdr4wAfuKCDD+r5XsLY0Qqen7oe5TEc\n7Op6WLWEgvk7WCZifkaVaWMuABj6QXN/WohY0bcdqWtXUZoNphJAvrUkdlFc\nDm93TIyG0NWskxdqu0rG54Vyx1O7WCff8f01OIWDkgIBVfMwP2OSLebDRyie\nqzAbgp2MwvYrsOj3tBnOtxdoBp/TEQfUwoa+780pn0EOY4Z8jQaILlB32KTo\nE2Jd\r\n=bAIA\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/clickable":"1.0.1","@chakra-ui/descendant":"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/tabs_1.0.1_1605901812071_0.06923789206152797","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@chakra-ui/tabs","version":"1.0.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d03f4be1ca1fe5ac19f8818e5a2df87a706fb4d4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.2.tgz","fileCount":18,"integrity":"sha512-jB/CVPUt6+B+SLiFG7Eshs0RfGZtTHSogSeG/r+IZKId5mj1syG0KGEfT4gv2lD+zLsN8QyXKbeNbDgffC4Wew==","signatures":[{"sig":"MEYCIQCHw4FTSD3F6rSmy7K5MwysEN9iuuslur3V+usFQ+8lywIhAJ4lLWcgUFeivj4rkyPIcwgwIl9CvfeNWYbK+eu2mSLT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":158467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29AtCRA9TVsSAnZWagAABGcP/AjYlyz7KBPRZErwFNpE\nwIkZEUJZSfSXAq2GP5G/Jp2NeypYLLOE7vvTj6X/B4gO+iMBHRuEYBQJHsyo\nwBbXUbncRFoJgl9QU04AojhqdTxeKKYWFUf94iHO8OO39YVWO66IZPnPw9XR\nl/ET7INXq9JD5OGFQQSi8gfHmJwTqbNEEmrfshbSB4uIOlNu2tCvvTR1d1y9\ncb6LospnLijb8O5nBqwmaA73KyPpdZf1jAyza621Bspij1f4p2+rt0hpe+Am\nv14aejG7EiK8vSV9jWnsPEeRBok18+8ReP6TVAM7rLxMPNzPv93KYJW1aU+s\nwmWkrRNsJdhpxXddPoSIHzF7uBf6Jf07wc5PPVGh6+A7CRTvz0Pu8w9CpcP5\nVF+qfZLArjBhHlD0vfD7mYsNxq9HanJuilfmR+ieEQOrQHFFSN4ypt7TEXfQ\nyLFMrrVlH+5bMvwmvCrMgNancqtGPKYq6MGksI+clXsLWu0A9n5BANXyzA/8\n8GRyg884YKMaen/C6ZVaEcREOs1DCRQnvU9U+ItLbbdnZW2gg5kDrmoV7P5b\n8ChbshbvAKAYPRX9KgNe/2pam8upfeS70/qrwqd5Q1U0LPpcttZxyBSOIB7E\nOkQjRR2anVgSGhEVyjUTAHiiX6lyngN5P5rXoqc6n0IqRc6PXl+DUf3zMNhY\nqOiW\r\n=pYHn\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/clickable":"1.0.2","@chakra-ui/descendant":"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/tabs_1.0.2_1608241190038_0.4494119517673185","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@chakra-ui/tabs","version":"1.0.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"34049c955aaf79d78d3856352d53427377f035fc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.3.tgz","fileCount":18,"integrity":"sha512-DLfY52ieDdmddoB8nCt7OPtBp40d8GnZvaF3hzsu+y6TKEM1SYO/mWd2HR+1CWKQhLsiHnOIB3UsTnCOeT2Bqg==","signatures":[{"sig":"MEQCIBrEJTKTleMrmms1KvCOIfBWqKirkkU8KC22Dwv0SYtBAiA811L9ZGv984/JWNIWj+zIJ2tO6dFkfO9VKsDtH86LHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":160242,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8cJVCRA9TVsSAnZWagAAeWgQAILw9rXTNvd/NIgFuS+S\n6qs4jBBijfrKLMuS3z1aigaOugJa7HjVCjiJqbXiNCeoSVY/pW5ecuBt2iV1\n7vG0VI/H1QVQgiP7JMT3C0k84V9UiTr0dUVH3t++1TZNU5XCEAYF9Xf/ejBb\nsPm8RTWwYr3D7ZVy60oYvyTc5rVKPoncl3sP0PR5BFW4NY+tHpXXjDATqUho\nCiyO2C/PsxYNkizf/uldb1EQ4wXSob5dG7lN70fS9RPaVjbErnT6D2KAw15H\nRiC2BVhun2FNxlxp90PoTCtWlTSqn6KoTcjV7+8m5b82ROJ+yolxEeLccHNv\nvjswf7bajKJWBiF/8JL/o4TIBHy4l7txKWOPZspIhe1hEAhI+i8NTLpYkGVH\nRln3qBEWlZ1C17rTVECKw/MQ2w2LfYpcLnkTl6AholIiGwoM8qBUklRnu6Lr\nINfmU5NUHgBp0lXnIavXJC7KWLsb9hw7vpSLrXRgITsAZ/J3HEj9dA39Xo6R\n3t7P7pet2wJ7FsUXTAlJAnR36FY4CmmC1hqVhRuS9nBdcW2k/PCF2iy4QPaD\nA0Ceq4B+KT6xS1Br6wJPUg3UHlahtzVBrGJlssbEtioAOBQJSaslXncqzg17\nHv+zMngeXL1xxkt7LK2V5hsIW1BVmTSJlsH6/Vp2VZoI4uynWOWhRf+DinmS\nDKZK\r\n=DV70\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/clickable":"1.0.2","@chakra-ui/descendant":"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/tabs_1.0.3_1609679444618_0.9705763284246733","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@chakra-ui/tabs","version":"1.0.4","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"74354425c20cbd927d6d536726c94748838538e4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.4.tgz","fileCount":18,"integrity":"sha512-dIpU3FFduAu5TO0/FDCosWd6qg3/QSkpCFD71yYvoggIWx4GcRexTCh4ySYpt+9g8XBozNMA9dTwKp5RtA4cBA==","signatures":[{"sig":"MEUCIQCiB1aqfivyW6IgBnTvTG4rVnat8PsjLZwxDOvddVBYzAIgcs/PJ5qTw2Q+dYYTs5TJaXQetu0Pb72HKHYeTKqd86w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":160526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+1DGCRA9TVsSAnZWagAAx/IP/iNM8yh66yDIAF+hvi4h\nFzWef26awGc2qqeC+HgodwR9HSUEu1rT6709RQNKLCsg9GpFhPqjmhJ1moM4\n7BKI9MZu3yptBAb1roWrAQbi9lbeyPvZA1lZ8TRP/2BJi5TBZuax+FiBKqwM\nSd6WoWfmrio2fDqrmf/TX8kZFZMke9rMxT4ZN5KqxXdr1mdKyn4zNgp9QGsI\ny40AluiqTMyhjrGy9Jkf6lyS9wI5D4tW3Ftlbr0k7vfr73SJvNGRueiJAywR\noLY7gnTskcwqL2Sg5Siq26meHheTRB7mUE+H+L6aHRYHZAYpsbXCY+WHdmHq\nUguuIg7m2X/zSCpyDVjgXa00B1lPBnXccuT0g04CRGt0ItG6BEQmWH1VMgzi\na7jDiP/zw79t/fOqRoqy6G+ElRbF1+91pmv/NgK8c3wUjOeWBmGUjD+bWK8S\nEsMs7enqcEQkim7nNcRuOpZh6CXSzv84KLmLvC+TC4xDsharSLD6byyq1+Kv\nb3YQGhF4DhEpqFPexjodPwJGBRcM4BAeJqgWyrI6HnHJ4VyXWViLWh767THA\n2elm93MVPqoeR9X9bEZ3jVjoEU3VNoN99SsYUrSJo9jgnOBaHln54iU9Wb83\nCRQu/uFdHmQVOOOBtiAT3bhK65HWdrRPQbLyW7bG51VBIjTPK9LIec/jgypf\nP4i/\r\n=kroL\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/clickable":"1.0.2","@chakra-ui/descendant":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.4_1610305733308_0.5954054875907593","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@chakra-ui/tabs","version":"1.0.5","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.0.5","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"efe3bbae5f774a53bb93af7e17ce699a4be1b5e1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.5.tgz","fileCount":18,"integrity":"sha512-bS2uGoOwKGKoXT5enVKb1W8tgGBcptH0XQ+fNgrqiTQbXUVgZrbbj3tc5dJWWnsEW1hGwsO290QK1ghzRi3qiA==","signatures":[{"sig":"MEUCIQD/r2d0IMUNiQs67AcB6BZpq96cZhrXI6Eq5JZ7UCb51gIgVXWBtTUhinizkroCknJZQJ82NhgyDR4/dPBKNhUCxIc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/ISPCRA9TVsSAnZWagAAaiQP/1zvqdF2b6vU149ALTJs\nb08HP1uFti4BooK06CoyJ9zWMLswGsaLMfhKWO6X4+K/eENF1UiSGnW7lpym\nuPHtvM/GIlCZtofDWuPhTcNt3AH2//v/bUvt/vpAq+Owq5zTfODYvhr/NuE6\nDYChFHieta5Gvef4i/92s1B/47ikawVUls4xkFG9FzsKF/mvlQDlQt4INYBr\nkAfnBFTG1gDxrfBUvArdj/q56f6I7eUvAQbQuqhl5CDCy+7G/9JBiShb31m4\nH/DolM1GOy4AXO3hSf/WAqk1Z89Fb8Dv3bEKABUCi1fNivJHovsR+kDHiyOp\nATCFU82DAkKJ8q4TVPBvffZDsnrceg6hLps/1DADDsDdGY4O0v3Bv0LAcMtR\ntJcHrV8buOAZ4Vmbi47pZ0SNaS42v0Eh6rBdaFfzdnVlyXBcwZk3SkNsnpaC\n96BnPd3BBBxFxD8LzXglfxYX/V1WGe5RUBj/2RkDgOZS0Cas/Vp/pj296low\nUVDTG1x738dk0/1kuovA8D35yUdcbIp09vVrUJCrtBRAVIVs1tC4zuYhGUhE\nMFfoqCUNSsB3OrtqYfetzynmE09Vfe85QXsP5qSrNxNWbpBMNX22TV5GWlNM\na8AKEU4ehejZ5ZAQHHhhfrR0yZwPMZW2kG7APl2M65xqLKT/EmxCOXz1BWjZ\nzltI\r\n=Ujd9\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.0","@chakra-ui/utils":"1.1.0","@chakra-ui/clickable":"1.0.3","@chakra-ui/descendant":"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/tabs_1.0.5_1610384519518_0.3503486231628976","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@chakra-ui/tabs","version":"1.0.6","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.0.6","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"64d202c67b3cdf6f0e88ffc2c2a70fae0d60a85c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.6.tgz","fileCount":18,"integrity":"sha512-ufzeiAyZpr6o2U/wcM79PYunyKKkaWNU9NggSPzF2VXf9SuTGALChnnuVEhEOUeu8zNTFU36jLKci76XZB/upQ==","signatures":[{"sig":"MEYCIQD9QmwToMM9JFkoWjtyzk2+I95FiQAc9EIRApe6fBKEMQIhAJT7CYC+S65yRGstklqCXL5qpFpUvPvAXUy6ZJ0EljIn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":161228,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBJNvCRA9TVsSAnZWagAAvjkP/0jZT59CvhbJqlYjZ83m\nJ+0TocMmKc8LRfvnWiYqnvi4SvQTycKwAlnbds/WM+k5XttVtyHj2Bedkc1A\nCKulnCVnvTr2q8kuDXD0b5iWnQMjCV8bjfSyUKZ4VzDn1oOzEKmCA6AvEGU/\nrTmKeNR6o/hZggJGmEqGkZriv3D91AQexPt2FEWUX/wanZA+tHqUjxTrEeJ0\n2RHtOl3ZnCae4Ss2aTHJUJxzpCSr9tmTsTpg3qRiHAnQPOpSA6YveA+jC8PJ\nPDbHakgbUOsmhFCfVU8jGLIm/2LUzF/V6HQ+v/LBtGrnt1hWsyqLaxPsHlLw\nTGwFWClZguAEHRN2aBSQ3MJxoSKjEwJMJ1yK9Rm1g1H9z545EBMcocyiAUpI\nFz56zzY6WClW2FIlOpFf76VB0u8IrC56lUXP2xVhL+3+idv9nHWw8jszl8GA\nngK1Vw8GLiSu5k4rGqD6DF5HCDzjqRTTuyf5cmwnj3CTJssHdWQeNP5PGT1j\nV02P9DrOMSx/Mw14C4fphhXgTHuNurPuVNO8A6KWgWAsaEvNbijbp29hsOW5\nObhkKW3rFln1FfyGEjgjYhWEIPjPdlLsXlbpnJO4drmmnYALXej7t6dSwPxj\nib6vF4Rlh4Wdwq27/g00fDqg5jc0jvf7UAMVWUfhFJ9cPD6tvv20BWs5kK2v\nPYMQ\r\n=hE1d\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.1","@chakra-ui/utils":"1.1.0","@chakra-ui/clickable":"1.0.3","@chakra-ui/descendant":"1.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.6_1610912615720_0.02066306456322642","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@chakra-ui/tabs","version":"1.0.7","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.0.7","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dd6233029365933abad31e113abc124fde5c096e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.7.tgz","fileCount":18,"integrity":"sha512-LepQkMcpYgbUJnBuEAA0gEWjXI2AHQEq7fy8WPTcokX225B0cKMfGEyhpVkKkM1ulCwRp50jD4NUO+5pNDnBww==","signatures":[{"sig":"MEYCIQDHA2ieaHrQ6/mLvr5e63mpSglJB8oz5E2eFPtNvAkluwIhAKb7LOjynBY04E7UmJUF0C4wBHCz2dWNKiDGOl/vwmAP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":160637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDYu0CRA9TVsSAnZWagAA1wEP/i7+pfCCtDW9FSfszNaS\nZNMhNkjkJEFdj65IHtakREeQY5362PGhhPyrBUSF5RnTztvJqRR2tJvg11qo\nmL5zH4Ju2nAvsU5hwIg3V/RM9tC19sX7WhM71hhrsL4521pS1HW3PWKe+yxm\nYSUdCEFaRE5n9BOmfep5UwS35XHw7369lqtB/iVCe+NK7LUZ/Cg5/PP/q5e5\nKi2xr33qqlOUOq8NRzUYsRG7RiBzBN7zooiqMZlwdH1YhL71opvdeNHGo0wg\nWjvXyQs1v4E8gj0TSiAPKe6v+O9y+tVEP+/V7j8P8xuf9FyBFq/KXdKlsNLN\nBMRTFvqsEewnGhYO5B7HRTLG6Mag88koQssIsD6baN4kijD91PAmpdmgMyo3\nk9qd2TI8dig54bmBPXBzsd238s1jNHm7qdehJcwXuAjzn5oHz/ivj+gjv3hc\nNQZP4hfL1gUE1H8krXOodleGM7agsfaCGD9NIhiVo5BgRJKdCmD1whsVa7Nx\nbK60NQ7mpLwvXDazd0ryWQUtAx7TZkO5QwGQ55JXW6u+VULapdrSZBZwrozq\n9jsPO7DBL+aF7xm2zScOpjv5AOv2k9T4NGcfTzL1n9KhVQFt1LeRbou4RNCS\nj/c4Lksoxh/luEW+yIU41cfondHEZIIt2we6OSbtGteLEJniX3NzarP5cDZ5\n8/89\r\n=8G2D\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.2","@chakra-ui/utils":"1.1.0","@chakra-ui/clickable":"1.0.3","@chakra-ui/descendant":"1.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.7"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.0.7_1611500460994_0.1795794902084893","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/tabs","version":"1.1.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f38c1fea3220cfe3f4ca17d1f823f62d855fb5ad","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.1.0.tgz","fileCount":18,"integrity":"sha512-wSAzyffKaj242GQISTlrbu+dXh8358sh8ZRhGGkBjvTXE4NbxuuFe21+KIt1mArFuxHKb6SPyziiD+QxN5klRA==","signatures":[{"sig":"MEQCIG/okyT98pAsCL71Juav0AiAf6gmkJwDntdv0Tl7H9S2AiAI9JZbcbUUcosST/4l6TZ4rFJNFCAYJM+uqsXOsoWZoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":163471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUrCRA9TVsSAnZWagAAgEsP/ROHMKv913vXhDXriqQN\nqUohEUtvI6LGVzzYiMRqS7yZiwpR2RwEX22kmz3aGmM2t5vtwRmWWUXTOMyg\nerBLI69+mv+F7C0d5fLNL31mA0GLhI3DwqGRRx4swp00+ohw0wRgrjsYUbD4\niqEq2zA8gbNCbqHDisN71TFMVhvgeLtJtXsMzx5AOXXj0ahQz5g6+iy20Ilu\n5gYcyebJ2L8bQVhCLe+vg7osPdaYFR3NB1tYgIlANP4m0skHhQbiZn82P6tf\nG3k83aP5zXC+BvylZs98PG28OVwwVsBH9qNoOudH7oN8Bjev119X6GVvE3Er\n0SFL7WkIMlgtPSOmXHfptnPjwBnA68Pu4Zd170FmmfqJ2jAh4EF0EwfzM7cp\n+munZXlnB1Iu2n2881YapIJI1mSbaytjDgo95ag3QPKShSiHanWwrG7uMmYv\nbsliXgSfdvJqr1sLz2XwnrXdUkOqIW8XHj/q3R9eDoeB4oGA4n8WSfnIz03J\niAH5/c99got9PaWLS3A8xxWOowIOR32MJjAB6NGqz5grdUbSuF0ACzwMjM6z\nL6AofgPW1ls4enBKNmAlQy32Yxu244hdi4uH21FdTt75moLFtzWhPOMXG4Cy\nJ/C0Pk7690UWdFeEOs6mDjQJ6LdMP3ClhOAeIzYywjIvSfDonEXMSZ/czA/q\n4RLv\r\n=Zehg\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.3","@chakra-ui/utils":"1.1.0","@chakra-ui/clickable":"1.0.3","@chakra-ui/descendant":"1.0.6"},"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/tabs_1.1.0_1612043556878_0.4554068293878002","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@chakra-ui/tabs","version":"1.1.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.1.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a0772d8adb9d1452f103213443b7852837d94cf4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.1.1.tgz","fileCount":18,"integrity":"sha512-yfJct0Yfxt2fQ9KgbtVhC89OaB5iD8nLAFi3zhiuNQBp84OXESVfvanr1lHBg3YZLgVLW1O0QQLv3aHVGLtwYg==","signatures":[{"sig":"MEYCIQDwhRsXlIgertFrz2ocu6qY9c/GqHcinSpViiosVn4jawIhAJYDwnc3ELwg5eDKiXwKyAq1FN8AxcuL1x53drHWsJcf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":163958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoBSCRA9TVsSAnZWagAAjcIP/Agmntn1+d00kDBmKpE2\nb1a54ES+Hr7pSE2Rncn+oWLA/2iasdKsCTjagSbwq9bj6fJ9hywq1P70k1RS\nFzHeaoHKKh3wuRtJaLFC2WjHYKS52GRGKJ0ldANWhGem8Z3gP8WU9xeblig5\njk3DsYk22UX/Kmc2UC4yX1iqtVIpdXwg2TI12xiJMg7bDnG8Yiq+SPsMMnAH\nxVucMAO7z7YgjkIJbsxo2YW7obqoLp4my/TYOqsr7YxGO9qZ/PKNwUm3WRww\n8a+X3BgX/1hjaQnG17+QiKfasER15dIztGJ7bcYGVF9ZZNYDF9Ij4WlQIR9N\n53x8FsQrNlsRdQoDJWoyhcYccBj6kW9Mdsnbs7RRyMeIcolrER0JD7xf2C6b\nyqA5DmafGXZEGoB42HiRJ8qLoJQ1JF+o7uRV7bs7tFkjiplu6pdoXzpvB9vD\n5Mt5wOVe7GeL+QFcFRPxQqLOYEHlCKKiTdhbQIDCArgueRZ7s+sof5jHTZka\nW1eT1PGr7SwZ6VnFFfFCmg8HQdp6tKgmuexCDiQHHW/H/uM8DNvKZpjD07XH\npZfV9iskazlNUu9nWur4S48x3zEIEmudP0nGmjp/FSK6jls9wS6/gzqDWMzL\nX6hGav+XgRABAvLk+b8T4afOJFiZzzhQNt+be8QsO8p5wL/SVP+i2ntEIvSg\n1Esy\r\n=gcRX\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.4","@chakra-ui/utils":"1.2.0","@chakra-ui/clickable":"1.0.4","@chakra-ui/descendant":"1.0.7"},"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/tabs_1.1.1_1612611665622_0.5981139915086844","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/tabs","version":"1.2.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"65d83dde70668cc64d8b0016d0fed44b7f062c45","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.2.0.tgz","fileCount":18,"integrity":"sha512-9yorwUbbEqL6b+vDGvbAmOJTucLpC+pHxKCWFHub1DuZNXHKfqVZcBYYKWPVs0ydzVHCwxd0RRmhqtWAP8n0vQ==","signatures":[{"sig":"MEQCICmOHIj2OpZeLJupVGY1ZeMMz6qYeer7uPQ9ItBeqKUDAiAejCr83LycqczsQHG2J5/ZrTEBejeHBubwcF67ww03YA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":165094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3sCRA9TVsSAnZWagAAOY0P/0AQz4YLMaHtcb8PYSuR\n2DTxKA11pv+tRUMjupMdtomc0272eaC3Tk5vbc0nz8hAysP/H6AQ1Jnv37k1\nKlMX9Rstbo4k73hva+QUWazKM8UralG9yWxWsLDgi43zUTWv4Q8f7D1uM7EJ\ny1/YyXrcYTsceY925alqUovTtEWgj5Lt12xJvLKwvahmBHWtuMEw4626Vcoe\nmmniPmstam0OB4IFNrHQesn4jySA32MnutUl3RiqmeYUu+vwLhAZFR9GXJT6\n2IN5yFwWchumsKvGJt+r9JvVGYURN+aX9a8aPRInVWE0NUHqnShRFdTPVvOT\nP6pgpnVwpTQZH3QRrCvzKybcUmMLWym2E7nygpi5J4g38mgqB+T+7iKXktx0\ndZc21/RIFuUw645F/7iP0CwwU4fxLRheqchJ8Of5nfHEXWQ12BphQZ3u3qv3\nIYuv4K4DdYE9GprIZOvCtNJ7b2fvh5E8rik8kCNfyUVg6nhNupCFDizFXFt6\n34HP5t1h4Hw6f2GB6yTU/X/W0MQb68S9uToycIQ7iYcACbYLCi/79OX+QpHP\nZJfpeapXwkMp5lsoz788gTfCpDkAJpDMlwBatpjzEx5Nqo3hCrDQmSJp5uqp\niHzRzju2Qc1fWk82ubtNjub06F5RQOJ5J54+tbOEtwu27z1mL3eczZsKXe0t\nGInU\r\n=Shu7\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.1.5","@chakra-ui/utils":"1.3.0","@chakra-ui/clickable":"1.0.5","@chakra-ui/descendant":"1.0.8"},"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/tabs_1.2.0_1614974444299_0.7273999564395637","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@chakra-ui/tabs","version":"1.2.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"606168281ff8fe9916ccf2f79fa454136d5d2ae0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.2.1.tgz","fileCount":18,"integrity":"sha512-+nzHORo+obsZ3582qp8585WdCc9tRGu9I21edsaPwaYy3HJJNYh3/qXIaqW9xKbMuQmdPjGJlPN+sLWlda0gbw==","signatures":[{"sig":"MEYCIQCNe767nrMlpS5wOQSuKDwXQuVVrrSKaqdfTkhtWm/2EQIhAPoNwjIwTbL4Pw+nbjcL3LM//GCDi0Jt/BI1vbZ1Vnax","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":165581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVukvCRA9TVsSAnZWagAA4+QP/jfWQXhj0FVdBEjAOK4M\nQqjRXZuvXJAP8Bki6DwBqSww9yOlLPjOsrD1rqxUsSznXAo6aJghGP1J4sVt\neTIbV/uCjKIjgmmDT8+5PcRsd3a6r5sZo1wGrQkDtJ9T8EIJDA//QoXHVWCV\nYB7Z5Nf7F+o49A9abzQwvhxLQb4tuIQhAFdwN5NUPHFOR0pLoa8OJS0767AP\nLm5qFZLwLQww2g1V/KsGbQCfI6uoHT6mr16luInh5yMv+zLlsXTSoV3wd/k8\nNpR7HKAPJKd0mXzX27asX95gCknmgVLBMJDknA86hyDKIA6SrBZZqIC/fA1w\nJt1aMAnN+/kSGwhD0dTFmbFvdLNrxwKiic3H7qvYk3VEYJ9c7+8Ah6r+rHiY\n/6WoLQhzprYA6WYe10xNDMyydRARp7ttqTeT3j3YGvutYHUPHC+04GUca6+h\nqT2jMCfWttqcmoFWmD9K2RjJ0PO6nR9Ye7+BnBR68A3LSkNvlc/BUrROaIwE\n5T6wrD0djwU9Sq0XWoUrGMh02dF5gGp2BICT+njS/USrfq6j8myqziRUsdkI\nJ3fcBRVtVxEwBN2/Wr0GEAzs+gdSLDbH1V8mBOLXOylRUCWkrceAcTL/M5l+\nhfVq4opFzryCoxbQOGuGMgLI1bU6MiHsa+XaVZmbgY/axwjBP1UNGx5qILwZ\nJ44P\r\n=LmiY\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.2.0","@chakra-ui/utils":"1.4.0","@chakra-ui/clickable":"1.0.6","@chakra-ui/descendant":"1.0.9"},"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/tabs_1.2.1_1616308526592_0.8031526691357147","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@chakra-ui/tabs","version":"1.3.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7ff2e9dfc9367c9928a7e2574c8256b83cc852ef","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.3.0.tgz","fileCount":21,"integrity":"sha512-EqiX2BLuEPrcsEXdN1Dwv9FVQo9LIyf/Fh/zZ319jx6vEzKLqc4AOBasaOHVjcVGQrOq4+NvrIFDGgT7xS70Fg==","signatures":[{"sig":"MEUCIQCVwaQqFlPBk9B84U2+kBCRndGXUBC4txNhkm9SlqMzMQIgW7ZSMxYBk60QRvEQQwpyU6JSE9rnwmxRm1pYRk7vmCw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":170953,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxjBCRA9TVsSAnZWagAAxcMP/2gqciVzvQRan+ugGQxP\n0MNs20NXxHq2FPOKHPp2jnHlyVj1UNvFMC8jF1fsNKy0IOfm7qreAv7P3FfF\no1ke/y6/UHCLFH3AE49CAZEP27qcXh4nY6RGk3+RM74lgiaYnT7JfQ8UQ1h9\nnQzheBUSN0lcO0ORzvrWNrQ42u+NoYhyKiFWg5c63heMBmmvyufRgj9ML6G+\ntkNIU2TYY2JWf9TZvZWP41e64Huf7aRcl8EhS7lYkQFcfn+SGVnj3gkf/edG\nddBF4Y//szTQr+Efs0+/JUGh49bRbiD2d2x/cz+YpULsn69i2m1+6io7j7Cr\n7WFaGiiGRgt7YbkcMk6o3FMjtw8Mz7KYawruGOlsBtzUeDRHuYEic/c1GMW0\np61gXvIDyp/4YxhUaBGCjNKiEvMmuKxIBYYhRC7BVge0mvGzFdNfrXMl972j\nLOHfUqvACdSHEJs5Q6MfH5BrOBSTHNvJzZjX9qESIk7EzZYtnbCI3j0Qafht\nOjj6+pygfCB+fh44L0Ti1E+okm1xvAm9i3APutzC8YbL8PR2TquhXgg12eLo\n67QRPSiRUBBX6GDklpUXv7FKCQV+xGO3tvzZOJ20NP1ZSYmmKhi7cSnFrSRu\nlMQggs/ptqPWqCIJQGBwPG3D31GLOJ1ITdE/PhqLGzC/Kjw0ek2apraz8vY0\nNhOY\r\n=rBN/\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.0","@chakra-ui/utils":"1.5.0","@chakra-ui/clickable":"1.1.0","@chakra-ui/descendant":"1.1.0","@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/tabs_1.3.0_1617107137535_0.23705357013191453","host":"s3://npm-registry-packages"}},"1.3.1":{"name":"@chakra-ui/tabs","version":"1.3.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a8fcbeb28db07a4a89bc1a806a4d1d918f076e91","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.3.1.tgz","fileCount":21,"integrity":"sha512-/Fy+rGSNX6NWYDa9rrsx8J/HJ4tEt3v3jVDBScU5RYjhO3M6nOSZtsdlHn6H5FiGqj2sw5MEZoySeV/neFuOkw==","signatures":[{"sig":"MEQCICtEvF/x6WgxThLN9gzkCONtZv/baXgzGa+ZqVMYg0QHAiBVPgmlPJEsnk+ngDIZZdFNJXbafd9JziICBq35LOfFHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcq1CRA9TVsSAnZWagAAX+sP/jIbvN+LsuUNi+piyeb5\nlNLeSiaXQCvNlTU/egXFh2XFA/asSU48m4OT3lM9xf6C09cnCyCUczyLmh+c\npQjdOSp5haIHsugt6awsSVewobN76+VHiVpgFdyoUQovJ8IXAbXqMTvfsy0U\n+n4NjlmXKh0x0pZGiAmaQZDkIQw6wdKSXJzIV2AALPjqtRbqOPq5w0m4ElPX\nLaUn75axFy82b3GtUxYbLqGRwa6Ini50FS6xDg2jK1MJLYmHWJ/y2EDfeN7c\nCbr6btN+NzgKg4SRYdwZ0WBNEyMouN3DNP6xwFBg1ztLujgLZiNEMMLrI22K\n3wMywxW5t4dlogHaRmoOdg6q+xdVS8wasMog3QPw/4flRpr1c5QOKRgsWsQf\nnDHYGEEKYCanpETSH+lMQp6EUyhQX5395w84HAwDKnHU1NVf5+3hBL/82q+Q\nYnSZmeWh4qb7C4d74vzL91O35aSaNWpa7i3H/y+P/UwAEdEwQYuMWCMqh0xe\nHT3vR2JgN40emVz2Q9sl8TbAV3QYkHcjFNnebkliBoAWzdW2Sv92TyyRuwMN\nFC+tIFlvGpwWdDQjh/tpxGqjNEVPC/paRo4/lerTPY8neHqyGsuxbQ5bIHSF\nHd14BWSJHrJf8RNWM8CJps0tJ5pjjg/kzZflAYI6kumjToLUf4/a+35lB474\nuubY\r\n=zO89\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.1","@chakra-ui/utils":"1.5.1","@chakra-ui/clickable":"1.1.1","@chakra-ui/descendant":"1.1.1","@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/tabs_1.3.1_1617808052545_0.13449217845506833","host":"s3://npm-registry-packages"}},"1.3.2":{"name":"@chakra-ui/tabs","version":"1.3.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"6565f064e1d68e9fcaa692a60f83d68aed2ff2ba","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.3.2.tgz","fileCount":21,"integrity":"sha512-1p8k/t3nEWZ+Kpt0gfW2BdbBPkoyaVj+EBxm/k0WClQk8k+mXFKunY7jPySzPPL1QiduLziulQKppagUJMctLg==","signatures":[{"sig":"MEQCIFmKMy2oiMjFQf8uu0kzl63lW2EquJRfDIjFKTWdaWlSAiBmyhRsiUCbkHYWlYExWKSZmDD7WDTFkkums/GEKHsGfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":173523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhc8CRA9TVsSAnZWagAAkH0P/i+ZBJwW51v7JxRJ1C5m\nZRg5zl7znwRRKKWELXpwobmLSJc43sDNCkxhOvIPGAAfuWiLzC8dJIC516Bm\n7jhfxL9Vb1+4lUyT9XtC8r27+nNwyQnK8MpnknInduMqOxAC2jM1PJ8VlN9d\nvVdch8B7vANzAHhrIxwg7CnuVwMFfM2GtyJdYzcYHtUP+9Cs719RqVgwsUJJ\nbU9ZuXHVDv3J9oSjpI8p0osexpSxHuTkvcen6xg4QJvRgzl05ypYJTqVXbRW\nq5l8i1Jeh7SLHm9EqeCBKkhZqYpuKfoI0Yy2eY36wqgvhd55J1+Eig3mTjfv\nHcPKB6hUwD6mWYQZil7M8HBxdIc7Vh9bRvtNbfdOHrqr+9DbvXZse+ypffWK\nwZYlRkaXlM7YX6Rrcv8wLxYCbyFtjl3tAXQJuTVPRgTzboCw6PuswJdWUU0t\nmJNWuF0kjx/Cxv3c0WF1FOvjrBXIuL1y5BCM2ZsbWykv3ezqhvNrTqeXiTdE\nQEttWgZyIxzbvP03QPdPLCFZMu1E2zhwN/iqj1z4dSOf7tRAWt6ifoSI315O\ndGzi91kHkJPdaW0y+mNun0bX/1wTwCLBuuZasQJomZI+HnzBBthOyV2l0WiV\nAQ8qsn6D++tgYMAghvKX4q6QgqdCidLetK+YmSda+hLgrKDJeDxzJIxMILLu\nESm7\r\n=wxLt\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/hooks":"1.4.0","@chakra-ui/utils":"1.5.2","@chakra-ui/clickable":"1.1.2","@chakra-ui/descendant":"1.1.2","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_1.3.2_1618351932185_0.6009206749420821","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@chakra-ui/tabs","version":"1.4.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bd3d8130b2122f093894a0b7d83f341c36f9908c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.4.0.tgz","fileCount":21,"integrity":"sha512-xKZwYoROXuLvHzYinfWu2gFSNbexnSJa+aCOw1NW01JcAdqlU/jEMwcUDe+m6ns+Pimbw2E7a23Y4fp/eTUtAA==","signatures":[{"sig":"MEYCIQDT2Hakxe0sx4zazFqIRAxqjVq7k9k2ehbj2XQZE2b6JwIhAOCN5soc8iD8EtEl3wJspePkM2lnSo4cwWCxsl1fbJ5x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3uCRA9TVsSAnZWagAAM8EQAJIvv8eaa8qPnZ6Ug1EX\nAvhJTk4zxD8VoqAvl8Tx/NhG5T7GK8b5F2z7ijfzHYpH0emKE0rtcILQKRi0\n4681sJ+54hJiSiQ/hvL/KCyBpsYSA8FiCgCWNe5gnZ/EVAEG0wiHMH52gsmt\n/ZQZFCK5kdVMWM8B/GCEK7IXWf9eI8kNoWDANdQ4aQ4XwmyyjZw3yV1Ikd5i\nfyEgydNJpQQEhXj5eYy5mh28zl4HxyJa4ky4gkKt1aU6h9IZnnqs+x4cc0NL\nz8XWHT5GUqdgrrXIueNETqnqYgQQNwBExn/2QJcK4GUYoDifaPXvy4HtbFUS\nLn+bU8qBVp4upLE1WMGUx6LsxPL39VCssDXCcfIJ4NxWck6PoU+i9c3U/R5w\nZRQgwg07HYizmbxPmHvmvdPko2KslJaZFwVbfjysFyhLoJTSSay+FNKV/zP3\n8ngi3Lc2gMgNVUNYr3tPruK4KzUQdkRu2NI1yjgxNTO4WDKh/9o4u8Qab3Y8\ncJSM2laZJ70TBYYja6o+KEf0fdbcVOeR89k1nu4qCJlRJD+F/TIoGNaCNCkJ\n2tGYbt7Z1n1yDvWoneZtheMdOoi14VxP8uXgPDRzHetbP/r10IWdIcS3zc6a\nE+/BLDNBiAyFVoZnVUGgUZsHThag3wWraBPfS0j9Fmx4HWHyWjvK7kvqiWQs\nka1q\r\n=qvnD\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.0","@chakra-ui/utils":"1.6.0","@chakra-ui/clickable":"1.1.3","@chakra-ui/descendant":"1.1.3","@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/tabs_1.4.0_1618857454157_0.2008436950104353","host":"s3://npm-registry-packages"}},"1.5.0":{"name":"@chakra-ui/tabs","version":"1.5.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8f31f6b076ed6d56c931ff3142696cfc2992dab6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.0.tgz","fileCount":21,"integrity":"sha512-J3VIRdQeh8u8lsOhuGvrJVHWS7Bz2V9RAKqgSsTcKPVd8EKo50Yv61LgMR0+C1ba1thlbzoY2+Yoz8HFCQzIKg==","signatures":[{"sig":"MEYCIQC4SRYgkrJjRQY+ZRm6xOcC7EqejSP3iI7Lj0iibXHwHQIhAN10TaWHLnyTRljK7kkYxPeEG7jMxw8aqhGW65biJWm8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":175058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwwDCRA9TVsSAnZWagAAsOMP/Ra55xd6VXgdD1ED0JzH\nLa5lHEEdkXK9ImV5u6Gn4bzOOZp+bKQrp61c61oGxz2hHjnkGKe4zZsqLvDD\nuTEAwcFWmmmhHzcpkr2bbK6egTv0Ucp4H7MSlOK3FK93xc+de14maKABonN8\nvObn1NSK8E35Ci1EhDNr5W9sTJs4jXNhL8ng1h3FstzOlPifbIPMGqR1B+Fc\nzxzt3Fpm4OQG6qFcvuSoLCdo6DL2lZo2MMGxhP5ysBQARjjDbrxGItwXUTsb\nm9AhphBai43I7e5MiOMkg/gqQs1l1WLHPUqwFaSOq8VnTgSi83fIB/DVYM/B\ndltgLj8bW8D9yaUn75V+6QJvLhkdL1m7i+haLEK3/j3oCIo8h35hRBOPKsjB\nIdCTgD7u5BcvgxV6zOAijcBM32MrGVRAIkk7dnUrcpBDrZU0vUyrTEe7yrpo\ndaFlC07Uk8typREv7fOTPkdVP2jgZpyjRHuoWKFUli6YGBSTN/pvPGmX5O0x\nJMgzYhD38GbrCWMkcI/JQGM4C/gDR8kezmgtNz0uHXcFDXHGzq3ntOqxJqvR\n6S2FTKWEuJvdYcDPaatEBZC7yNRWRjJM7BtRyWcD8TWkPrwjJGPkTjKkL6ca\nBwl3JzwMMK8zoK/Hejj6jZU3ra6zto9kEYk85Zvf+U0gUDMv/Sqhr2nlgPfu\nGwk8\r\n=rzHm\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.1","@chakra-ui/utils":"1.7.0","@chakra-ui/clickable":"1.1.4","@chakra-ui/descendant":"2.0.0","@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/tabs_1.5.0_1619201027133_0.4875775307266965","host":"s3://npm-registry-packages"}},"1.5.1":{"name":"@chakra-ui/tabs","version":"1.5.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ab3a3d20cba422304a42c23f3b8b19679774f1d0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.1.tgz","fileCount":21,"integrity":"sha512-SHDEKvVkGSX1okx5qV8tTBA74wdBeQkX3UnQTEnKckrie9lG98i2kzd8SdXoKrq/+38duv0oer4Cc2erVhobyA==","signatures":[{"sig":"MEYCIQCFIL/VD7mgO7hisCCUHzUgOft10DJes0YEGMlqkScWQQIhAKkyj8WasTKs02iJNLUPDBXa2C6nO9OKeucyQBg5pyoW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":175803,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2tCRA9TVsSAnZWagAA1dIP/i2njVmGscsLo0m9KoiY\nVCWcl8Xrk4y1t4UK8pZc/AmNX5iXcZDwA6p13W4iNVOl92tTJeoGo2juwJJF\nFA4TD/s+hvFzjVddLil8hYvAMgl0f6bQ7NiQBC+KFsKscoxID7vWqj59Rser\nb6jS7yE32V/CMWrpoPEhhlZ0/qGOcW9KXIdv5L1X7bWZp7h+qf4aqlkQ24dR\nBzTHoe5Hv1BzJczkt/6n7f7T2AJhHjTRc2WMdC0lRubvdNTIniCzrCGkhCOh\nKS0QnlYF4hF9zFTtVBwaimO8SDUBqjyaVr/LEDZsJf758lSeIo/Kg+CBszPD\ngvcn1rQLwy3g0gMQFB/WKn5MY/oHSDOfkzLitcrHoTIhfkoj6q1QlpMTHG08\n/a859DHBD+sepoQsxKGL8ra216tyWehK3M73WAerTqr9yohj5FQjXXCVNmnw\nxaqXUrXisjtR+yoDzXiBBsvLXML1VKe9WIAx4FUzwfzF1XittqYGLHfyAPWv\niRbg0JtynCx8yjRNbXQwHQ3RNN+yBIx3egDVMjf8VaLecuz61JMAx6spgiTC\nQUCZ3xN3VxMbp7i2rHEhgtYNCQWV+mzWY/nCaaT+L0jwtYnnH2QfE5XXoZqQ\nIsz7w9i/psYcU36WgayKtk+9c+gIWiLKm0EJDGwcfwTI9jecmLFxf8K6Nxlb\nd21t\r\n=zDqP\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.2","@chakra-ui/utils":"1.8.0","@chakra-ui/clickable":"1.1.5","@chakra-ui/descendant":"2.0.1","@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/tabs_1.5.1_1620213164617_0.224221375813632","host":"s3://npm-registry-packages"}},"1.5.2":{"name":"@chakra-ui/tabs","version":"1.5.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.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":"6c58d6d623bd58d981fa422992623a953f100dea","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.2.tgz","fileCount":21,"integrity":"sha512-DJVuj/X349ZxlUUWxrlAXD2Ih6Hvs9fEbUU7aBzzLwVgLePoAz8yAXLJPtB2YlTa2+MTZcwWw76I5M8Ijcg3OA==","signatures":[{"sig":"MEUCIHj/xxzU+4Pd5iRPvuFhMIY0Dei7MlZTv1jFYa2ltzsoAiEA/mlQ1cVKc9iNXEO9y4JBHRw3nHzI1vLmfoFurGNRcHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":176772,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNn1CRA9TVsSAnZWagAAlmUP/RH5TnvyKpHEYVjBLMY1\nnkBCuaF52LW4K63Fm9KZwQkJkbu4zXad4q/v1ErTp/GfvhBLAf1NT/slBo7d\n5pQDDi6fpD+mQGxN1fwbPC1W6sGhSEJfTQwu48vZNQAx0rsgWVTjLYKHRDWu\nM7/LWzllnf5lpWvJe3Tv+pLxoihUquh3a8LmFFTs6DdI7KTyVtpabPv8JMuw\ni0pL2P4xifUh6z10Ed9zEgw/aeLIxwE3r8iBd1kMJcMvnBbCJOvDiVPiWsrk\nhD8LAX0uCxpyOTuZYzaHbVbhs8DdkBFragwhbaPs5EeLAt7KUUUiDJ9leT7s\n+JCTVb/2kRjZVj618nn0poIgQnE0Vp0M6bqpWFPBl5Pe+29NXQm0h9hyCeFm\nD3pHuzQ+9xxl21xgfxd35NIZtE11nwsbvXeZfVFwuEIAhO3DH5JtCK+DHvCR\n++WAqEc93u4oHXQhPTI4WX1bjy7gmXk4wzPpm5C8ThSgFiJloY7K+onTgSfB\nbS5tIBFHigR27twTDBrUMZj/EyH688rWGUz7t9raG3Va0QRQGl2PGsY09Y+P\n0bYf6UOdNzoGXcJ77Jn5aZ2C+D+RmyREGe1SXMZeFESthbdHg0gqdFcN8dQ9\n+pCSNq8SWGV5xiXiSNGucBKzMzxA5PYepkTPrifL3FTmxLrDQvlxez6x5wmV\nTrBt\r\n=A6Df\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.3","@chakra-ui/utils":"1.8.0","@chakra-ui/clickable":"1.1.5","@chakra-ui/descendant":"2.0.1","@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/tabs_1.5.2_1624037876632_0.6950539134531954","host":"s3://npm-registry-packages"}},"1.5.3":{"name":"@chakra-ui/tabs","version":"1.5.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.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":"cb608667b6272e4f172e3bcfe4c6cd7293111981","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.3.tgz","fileCount":21,"integrity":"sha512-Nn/+gSZRigODwPK597U6DYwaPiOZAFNsozE5RYSZootr/tMIwqTh3opxwzW9zbPx4lQ2+3uvS4QHN5Tn+YxW8Q==","signatures":[{"sig":"MEYCIQDnqUcnX0gYZlRphlf7kxuIwO/1vnORLinuDUqO/NRcYAIhAP7iEn1g05+f4mWdrLvj993iJrXUcr2lfL6w5FTeZtNq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xQ/CRA9TVsSAnZWagAAXq8QAJBlXd8mGbSkag7LujBC\n89st7qi+H9/jCYocsBL2ProXFGMZTDspAQbOTJdrz5u/fFh3uAEGUQky2UE8\nPuvEfLyfF7Hd0IXOETlIUgfg4D3X099VFxbdSKcWyBEv5rTJsr8GzdfEk3BB\nSeCzeWTLASX/LWnqm+65HUj6SPTZTAiAicoT38NY4f/xR9wqp9Q7aT7J2wt/\nm0yT3xI5sqaa4IzLueZRtNGiSKLx0GhN1E+phA0+ItPGGbr4fA3m8TduCSag\n4eYuYLJ6M/pPQxukgGzh1C39/vQxokxUqICZkfws95HdtsyCYG8gjIKLa06s\n/BNyepL+pAlKN6etkM/NjMxiWSXNVACqhPHKqJYActTkPIeTHdQ9JCvEhagi\nSfEZ6nZSpZ6ZOuHKz7xNmS+Z3jZ4CZs9XbZT8ZVx5HcWc0pCVwHj+hWdJk+/\nryuofub4TyIklGXSrhp7dBHvYgHFe6C/zOEwRcyc7I1NsqbrgiYakkK19B76\nvTTpLLyV4BvcE89gxj5oR9YtIAeAGtGrIfohMumucTp0jRYyVlMv7Et+FSMi\nkqCALuQ7M399yqKHDfTlo/BgoMNvILZ7UsWgP0vOEMsfQqLY+nTdOcCY1SNk\nwATc7gE8vt/XWHIx8Cn/JZj2Hu28ae6X/xu7CAoVUwqu5KGbQW58V9ZPaBXO\n1hkN\r\n=pOra\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":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.4","@chakra-ui/utils":"1.8.1","@chakra-ui/clickable":"1.1.6","@chakra-ui/descendant":"2.0.1","@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/tabs_1.5.3_1625756734808_0.7451580858918336","host":"s3://npm-registry-packages"}},"1.5.4-next.0":{"name":"@chakra-ui/tabs","version":"1.5.4-next.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.4-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":"d8685468dfd671a96023dad31b9104c95f06560c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.4-next.0.tgz","fileCount":21,"integrity":"sha512-XO7ittuZ3PzybxzjVXBGnjS37ORid76vvWRztNfSGk1g4BoOjlASv//E+qKxSCIsxhGrULCNnO05x59zWft9JQ==","signatures":[{"sig":"MEYCIQDZ1gNtbnCxzwqjflgZ93IPjJ/ksCHf0j65yCGIP9YgKQIhAP2wyTMYSITa38YqixnktvZuuGC1253v4hxFOUbDp62l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDFQECRA9TVsSAnZWagAA4TcP/0sSdsIzXbEoDlMXB0uO\nxl8A1JYrwA82r+pgHpX21OoFYxh6gLopcKuo6ulPDNHhZeLfFDkvjYBkQI5v\nyo4bqOASdPKV6Dy0z6GoCIst+6qx8dp6FOLGeNzxT9hqFH0tO2i7wTnbgAq3\nFYHQ0Nota1G4dWwFsyIgLEV9mx60HAUcgyZEgnxj4xDDZ6j1kwWzpn/YNRx6\nB82VkRXDPLveDitvG+wY/PCHtgiZj9ovl9IfLxl3xQL/cp5U2WuoaKw9Zh5M\nX5XP5PUHcDKi3grSjmUVUnXYuEBCY6OPvMA+2vHfSwQGmdV9HnE/oSiPSQJe\nnDpuAWvwjaZMsf/Qg62fyhY3WXeg8Hw45HlXnejFoxurBAaBuz7Hxq1RJp+h\njOLkwEuVz9aJ2ESluDGFrmPDcSNKqgXgL5kp6V4OSXE7/HtOki6gX3gK9Twt\nsk7avytFI207vvsScubFwhhbAkk41epdPfcJWPln6UugDQGc9gHF9DQ2lIAT\nVxHKdWXHwq9ZE56gd2tqzY8nqtsKEHTZF04/ltCSJqv503eCUB/Xo8f1ppkC\nshmH4kKGZiTVDFFlm/oGz6Kij7UmX5mQN35DzjTn+6461EjtxtzuXOwHZmAB\nhv7TWo4LmzT/nCxJZSKlhjzYtPuGIV4W8KJd/IkXCUF8Z/NLeeu3IDp+k5Q4\nV7lO\r\n=9qRq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"6.14.14","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5-next.0","@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/clickable":"1.1.7-next.0","@chakra-ui/descendant":"2.0.2-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/tabs_1.5.4-next.0_1628197891986_0.8026802440608258","host":"s3://npm-registry-packages"}},"1.5.4":{"name":"@chakra-ui/tabs","version":"1.5.4","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.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":"7be53cb1ee06ef2a6a052c35f3fa5e20e1f091ac","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.4.tgz","fileCount":21,"integrity":"sha512-nMBlMCUd9gxUyG1wmpA+4YkR9UHY6ggGSxVoxjJW5DrHLujfgfvxVhSilpt2sq+XiGfTIesFtfdgL8svfzEENQ==","signatures":[{"sig":"MEYCIQCDNgPcOWcDKzq5U9TAPz95NYK14+ceGkEVrtyp0KkPvAIhAJKIS342l1eLfzTnRCKq7UfcEjhC5USrR8KJjE03P15a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMJCRA9TVsSAnZWagAA3/gP/1fZXgbeR4UzFbVoGatK\nJTG2FdJOBiGz0rFGMnzRtmftqbHzA76c3xEpIK0Xu48IliR5iyjMeSr+ITbH\ndBP70G2wkHg2qOU5sXQV3qvZK8PR2ZMyMna0v8XnSKv0MDqxQ/1S8NYdhcBx\n6drLAqu98psy4VkranTdr9g5gtzwx33iEY17k6OuThc+YB94LPc3okgKGoLw\nvEnop+g3Mckk5aZILv0h8ISg9vxLjPt9S9BTe3h8qF9QYDRJoqPLHDcWxzTe\nCEcLK4yVgZ6ssdwBlYJ2AglK2hmCYqunp4owlYQWPKvjyzkFxep9vdW2Pntk\n1+xQPTgZQOilXP8Dp3I2C00uTHf2uDnfEqZimdvqG0jPK4RAakVy9S8bxQH7\npXvT/Xr9d/wCtTva91rkvmiYyQhZXzvVcSDAH29YJYl/uKs9Nuqyf9GXROdS\nbbh0rSD3YuV8wyfLYnM93B3TL8iTOFawbIWXMMhEskd8g3GE39sLUABdsZEk\n+jzRAcg25IH4F4+3NjmaFbGBSIsR07dWXKEBAZVinrqXWlnWaleoJeL1LoBT\naDtunIkETiktTJFMONuCQ09skqukd5wKAY4DlPwue1dvQvHlQY4vQUn7eQow\nsSoxaMbMBO3d2EePZuyIqM7LGMVFbTrdpQe6ekvXMpHuCBCuqt/AKi3YVmBW\npYIM\r\n=I+wM\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/tabs"},"_npmVersion":"6.14.14","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5","@chakra-ui/utils":"1.8.2","@chakra-ui/clickable":"1.1.7","@chakra-ui/descendant":"2.0.1","@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/tabs_1.5.4_1628504841137_0.12269939908411698","host":"s3://npm-registry-packages"}},"1.5.4-next.1":{"name":"@chakra-ui/tabs","version":"1.5.4-next.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.4-next.1","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e53d491dc048570611543b3bcbe37aaf343f7b60","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.4-next.1.tgz","fileCount":21,"integrity":"sha512-6IHptOzGt6lN2ToE76PEuFyrvVIV1FadCfaFxRVP3Xra7VAyclZ8u4wQ1eCrMnEe8meTZP6SD6RMm+jDIqS+tQ==","signatures":[{"sig":"MEQCIBN+OeY1K9uFmXGoDIFq5WUaqSizcxgXcDNfqd9NFCGIAiBGc86G/sCYhVozH2DghvgiPxaN8AMCYsrwgxz025cRmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhF+ajCRA9TVsSAnZWagAAqvMQAJr89b2Biz2uPZvBsVIN\njkRbPowQYzAVZqQjXnkSxZyqNG3cUPlFZSp7EURZj8WPw1L1CnS2+fIJs/xE\nNj9KfZROG5Dl8LyXujBynu1TfzYXibEjwG5efEDl8tGqZw8gOWb0oGldiYYk\nvwNotD7+9wqYdRi7+JyKHxbbBgh3ti+3tTfFudYvsTIX4ZmSwB/ikjUN22gc\nmSYq7rISQ4Bthh0+mesy/4J0P6N+5vewPQRfr4jeBlQMV2z923qPvP+HclGE\nYp3CfSV6qThlHJy5cymXOYj+maQoz7oh74zfTlQeI3I6g0+6AkPaX8mvulXi\nvXmRRAr/3/UAnJBYrcN8fg4etD/2OXGSwq4NuowNYMVZXlmDHrneD3yCVPgj\nHZFJo5eCSrof3dqCI3uwxC0GbuqE0hcJXH7cSTHcFCe1cX/eDjNcPl4Ovjx8\nog6+R/NH0eKZxhlbgzBDR17E0trdpqxPBi5NiFMJ9MN94GWp5K0vnzB/AId8\nqc+QS+zz2TCAEJcvs4gtXAjxp+e8xwU+yra+B/RuwiBHC2cEx5YqMc8NoAag\nRp3LfDJZ1A33hVTYtuYFTIKmG1KxIrDzOIMBkcj4cKFpJno65zYronhiM2id\nomODduQy6TX6F3wrqODtCCHJzys3VkVDLKAG+RiEso1ofowaJrQME6ugooV0\nlXcV\r\n=vcZS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"6.14.14","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5-next.0","@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/clickable":"1.1.7-next.0","@chakra-ui/descendant":"2.0.2-next.1","@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/tabs_1.5.4-next.1_1628956323238_0.5270295889271341","host":"s3://npm-registry-packages"}},"1.5.5":{"name":"@chakra-ui/tabs","version":"1.5.5","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.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":"09721f87dbb170df2c67ecd49699f6abda064eab","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.5.tgz","fileCount":21,"integrity":"sha512-ZBPV1KlAYRMlwsXeUf3aPRFpcTsBQND6jWo9ZUYK+Kax8E0Qdltzrjxrrw7FpTj70EdFOIWZcn+2eD0c1y2sUA==","signatures":[{"sig":"MEYCIQCUB3h4dviE5Mm/Xz02lXUFrwsV010SlkvaJzvMvfIM7QIhAK5lZjd59evh6ppVwvcqJ5EPEmgJVaFmHiH66yOWG1Ne","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":177588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhK3UECRA9TVsSAnZWagAA4OsP/0V9JiA4JVrYKUHjpT03\nGCuiCw/1JEcSUTFg1vdVKhXSbadAkx5YZfIR/vHDA1JOaOJJdMIzob3smxPc\nYVqmK6XdcbUTbhBgxTY0TFNzeGUfFEwKWgeE7iZ+AdC4y62nF8KnuK0Ah0T2\nejjjdIrbyNRsZbpMfNkxG7gR40giTcypbwfANQ8zg4/T9TbX4zcqCikA6WZU\nO7zoPckMTLGaWpWqfP1JTDJy5/cBupYxnSoYYG7Wde6vDnguj4Qw2JDowSdH\nZlPkaRYH6pMj5NHG+U8ACKebiPSftb+R6OikM9mf7mt8AgdC8TgjkKTyd0/A\nxBRHXo5mIwov+U3cdh30fGuwC01MK7Datx8nudH+60soGNf4YyvKjoANalTO\nXvdEIeyBTs8JNBxgn0h9octUnR91G83E45clASyEuGNwHAvz2nMVKM+Koauy\ncWUVUz81Q2YMXU+FVTVZHv+N0zKbWuClO/xt6tKZf3E9XU0tJV6FK9bjHODv\n+pdZl46XMDpRdOLxcgUDV1pxeg8KiEsACnDUMMp+4DibDMfFIzocuDOqkQg5\nrTQ19tewcLTPGEqSGnYW1MBuHOnIfvA9l0fdhlhB4D6T9ouYpmRh24VjzSpl\nukyIrDeJ/sYDzScXbvfqPui+V2nJ5/QH6V+6U0RdnXrpJ2Op4byqWnJw5XbI\nw2y4\r\n=JJI2\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/tabs"},"_npmVersion":"6.14.14","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.5","dependencies":{"@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/clickable":"1.1.7","@chakra-ui/descendant":"2.0.1","@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/tabs_1.5.5_1630237955878_0.10311208118760007","host":"s3://npm-registry-packages"}},"1.5.6":{"name":"@chakra-ui/tabs","version":"1.5.6","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.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":"f3edd6de2677389cad1d7c30d3130b8763bb7920","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.6.tgz","fileCount":21,"integrity":"sha512-s83Bosv7aQkcE6ufaAx6yRur8bV2uIuVAaTczMv4oxH/5OU2wNwA4rGbdiPbrxDf9M8M0AuH/mqJ+2uSu7Vdxg==","signatures":[{"sig":"MEUCIHOYZZEWGRVacuUnrBs+b2mbLYnNxVq3DXKf7Zz/RQKxAiEA7Vbk3XXO5KSVypdzNOzbMDquLeow7LB/Zj+GSekWEWI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":178043},"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/tabs"},"_npmVersion":"6.14.15","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.1","@chakra-ui/utils":"1.8.3","@chakra-ui/clickable":"1.1.8","@chakra-ui/descendant":"2.0.1","@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/tabs_1.5.6_1634254426028_0.5335291549573227","host":"s3://npm-registry-packages"}},"1.5.7":{"name":"@chakra-ui/tabs","version":"1.5.7","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.5.7","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c2c485b93dc6719ef117897e807f307551595753","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.5.7.tgz","fileCount":21,"integrity":"sha512-+z9FsdY9Qukp9nShgh+LR/cMJGzwhGdgmav/AX/P/f/C/32PFYhmBZrKobHJwozYZeDebBeb8zhxqV8VROrfRQ==","signatures":[{"sig":"MEUCIQD+RaCvgtYgjJIEpP4GkyDqG1TmSUpAZKXVEhWA3qqddgIgT7iShWlVdTbjygqU4K1iH1IeTXppAld80ef1ny6M4ao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":178393},"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/tabs"},"_npmVersion":"6.14.15","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/hooks":"1.6.2","@chakra-ui/utils":"1.8.4","@chakra-ui/clickable":"1.1.9","@chakra-ui/descendant":"2.0.1","@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/tabs_1.5.7_1635971585598_0.9642635735489951","host":"s3://npm-registry-packages"}},"1.6.0":{"name":"@chakra-ui/tabs","version":"1.6.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"b0a5c571fe335fe0815a6faca28cb9a3c60ababd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.0.tgz","fileCount":11,"integrity":"sha512-4uiVshVE7vzg1ousL4r8yAZM1F3+4WVI3F8IGJvluzujrTBI0/1/W6athcnvxV6AqL1pSUE1aoguEdj3buPF8A==","signatures":[{"sig":"MEYCIQDEJbT9i5a23FLrDUzSw2xyMiVYfVrbXShj9BhUGlGU9gIhAIcyRu4rONroVXkVCbE1lSU2ODcIZS0ERbaksbr9rFRF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":111412},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"6.14.15","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.0","@chakra-ui/utils":"1.9.0","@chakra-ui/clickable":"1.2.0","@chakra-ui/descendant":"2.1.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/tabs_1.6.0_1636649816999_0.6505439699017654","host":"s3://npm-registry-packages"}},"1.6.1":{"name":"@chakra-ui/tabs","version":"1.6.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"362350b10f2fc34b5bbbca960075eddd022e3ff6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.1.tgz","fileCount":17,"integrity":"sha512-p7HdHcleJWNwteWYVPt2KF52YbS5pIIfs/IpgtnYZRsJbqvRVxSwgg5Wsn+vuxFXBKW0cA2rDGbyzsZ+ChtEXQ==","signatures":[{"sig":"MEUCIAUPibjYm61vJVLrYnDomqMLyehtCXOreps0/7/CMsPsAiEAoj22npt4tTApVpMoEZ4sQEyD6mjid4VBjRDk2p0ftwg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":142002},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"6.14.15","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.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/tabs_1.6.1_1636746702411_0.24091957507856754","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118154929":{"name":"@chakra-ui/tabs","version":"0.0.0-canary-2021118154929","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4ff32a7ee756ca7288f0a7715d67b7b91a545ee0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-canary-2021118154929.tgz","fileCount":16,"integrity":"sha512-oWhe8lKA3Wmt6iRJuwzwvZTMQpLKaIb3W/SSTUVO3d9z2GfAchmttJRAKqDETOep6JulPKvx1YhKzHfQ4Aa/+g==","signatures":[{"sig":"MEUCIQCH5CAwkM6Nb701OBeS7kNUiVSwpHjgxutu7eeluHLTTQIgNRyOsG+6632MlCK6S45l/I8zvUiNGhHmmIcLrk32NzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsNRACRA9TVsSAnZWagAAzgUP/jpc5cR4rTC7+HmfJxBy\nkPASE/vALL3Qz3WHzM11BU9eZM7c9NjHr+/L/o1jpzKRROBADVGsvoNJxzqh\ndszGxMTgh3x/ibK61GTVGmjrm9e6fwg/715TnWEZjAF2Z6iN9k6OVBKlv+dl\nXjldLQqvLZ52KyZIuYtSIT//5F1eoloW6N4Zryg+wMrDH6zYAa4ATrPLj5Mx\nEHnvR2SngbkPc8LIdC1vICq+fVC66hVlk3cGebwkin+3QNZmWvlvNobWFzTp\n4EKA3woe1kOVJP3vvY/ZGdmzBIPHLb3a6xI5GtQNn9CIUoMVMHY3H33IGS7L\nKd8v4pjJwOfrw7K2QDVIiY07ngAGo96kHRD+DisIvmBfwcnijX+o6mbNRTJd\nqaQrztYzFDt5VNTbQHP2r0FwJIsak3Q5nEImdO5RuLulgVzJMV71TIUvrP5t\nJEidl0l6S9vDZw0Nqk5NdgYkVEvu9pJCAiEbAylmcF7NX2Rhg0v5Z4RirGab\n7oX5sgwSWBle8QU2n0uAMudbjoj3m767/MG3S8aqovf3HbFaSMtPvIw6igr1\nOLyByriJzZsnHd151TWoFhwUUGS/8O/qxcYy1AW4PGbh+AHFxMYkuCXJ4Sqm\nL1JVDzTu/96mP/JVtEFsFAX7+PLaZpGRnfZ4FK3erMasb21feJZhanhVwfef\nlX/0\r\n=rJoW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-canary-2021118154929_1638978623993_0.07905337721108974","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118164051":{"name":"@chakra-ui/tabs","version":"0.0.0-canary-2021118164051","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"fff094394106a5195969d400bf9ab81bd610c08e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-canary-2021118164051.tgz","fileCount":16,"integrity":"sha512-jm35nuTztn5CnNtQP8CkS35HsSbXZidT2UL3f2ultK5Dff4zHI8cW29FezEvwTrGDG1fJ9h3uoWxuZ0EYT6R1g==","signatures":[{"sig":"MEUCIHlXciAYH8ZSs1fywpBR45H2qTK4HGXpIgJfKmfV5xNoAiEApgSsgECIZ0CkKe2T8EHIYSwdlE5QO90yqi0XVTKLcfo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsOBJCRA9TVsSAnZWagAAGPwQAJIvIlavA+8bvdPhL2lp\n62zYkino+AtHSicww64IGKPqoelthFunb7WTtGFjceXe36nU6BfCfBCxFHUO\nzp6fWpQB3fWiiVjmzai7IXaMpDJdEKOH6+34pC7rWi69d0kaNo1QTSx8E8Xi\nPwTxdP77oFHHv2pA93rfLzgBOa8xqxdHxtJwvvYJkUkLKkXmJpk8BYel5nAo\n1Xs0i7V0Bg3v0bo4Z9l+Z+WydWA1j+FkPAusyEw0hM+IVxYzfXcCt8dLCCjr\nFW+9s4OP12BAG5YYQ77j78bUM0cphZGcirMtOcAe1vW8tiG3x1cFq+OCHgag\novpnZeSv5h8Kmnjg0FO2EHNCOtFGnmn1A7x8PfwpW0icg0EnHwS72upsqDnM\nJlS5yKmaoUDiXBxt04m6hNC2dF38hYTgz7LRC9RV5fAvcD9nO2IW8VichC94\nWyepukdnhusgxMdATZ60zOYEdXsmxPB7AqekIQLeTCSF+0IJVM65MEzv9Jnz\nlPtjYmdvA4TER1izhQta0rIhNGgtuwgsXT6V/F26WVMhAGGY5SixNUGUacSn\nX3dqDzdnGH//JYFAMKLnI2kyK80JPvAZC0f8egv4m8pnlSni4FW6YXP1H6UL\nPlSqZq2fbtJM5gBv6vRCTIc31k8OqQ/gFGesvHm8qTWVuJlo6iGJS8XcvaEr\nOpaC\r\n=rGBi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-canary-2021118164051_1638981705174_0.8019289022462646","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211191288":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211191288","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"be7f2d2d5f28c02bf9d75b5f967b0616e37fc61c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211191288.tgz","fileCount":16,"integrity":"sha512-fSq2ZpNNUg1SpPVAqkvwzJC3DTT4McePKddZQceUepYi5NWfMJcOVdz1+rkdGmXQk8nksjemWJNrkZBjZz7tDg==","signatures":[{"sig":"MEUCIQC7bsZNm5bCTF3oPxL1+xcP6XbeUzMgSLfbdRIgpj1ATAIgctrRFF4KTl2ZB5VUQTyaFpLyLWz3XcC9VmlNnNhlvrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsfHRCRA9TVsSAnZWagAArKwQAKJJ93mUGuw7YWk8hYbL\nIb6vfSLhj+uXnw3Na6X4oe4ZTLXd3MOEfheNlpeFTwA3Tm43690pvHPkP+Wi\nrunRCyDheDFOjczkL883Dg9XN7b8/EuZNk/qT2pXTSdr/VBJUCD1KvmcgtvW\n+p8NURRCmv6zlEFiXUIMBlo6UUzwg6/ZWtrybQsBB78VvHpDdNRhFS48/3fb\nKdovXxDR0549ujK3jKROeFW7Q1Kq+FgUfAFeWp96uSHDs8TkYkd6bvF/9NEy\nXE1q6jL29jt3N82Rnyy0rpIsks5IT4LhlWhh6iTjDF16VsZ+jQgD1O8q1xJW\nkcGovYtnpr0yAYkk3u4J3+/fHo2VX8IdM9xkZH3N3ZqlTlAqof1SZH2HXGWN\nE+23F45/Wge7lhV7kEU3XMu/4ECa4h5TV7Pdy7GFuHV6S5p7oPd/ltlRmHF0\nBo7zwPmbrM63vR+2jehlni3Bii55Ru6GHTLO0frzJtWYTCmGf3iReqGeKz3j\niXPwCQPq2zJ509/Qk3WHpUJJbA+NzNQzafwxGT4gpGtiaBcP+h8RkGRLhjVG\n5J15myCz0gViYVD/xvmuqZQozxgJ2XelCIwRfXbuTjPk4MF9DYegYIDDam8Q\n9FWBNYuSZeBLD/hF66CeoN8eegfJcxSyCUsFUE36KZUw+gMcju71o4Z3KnNo\ndttn\r\n=e9eN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211191288_1639051729697_0.8315162665721358","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111921327":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202111921327","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"864643a3082a0bc7809b8b74121b6fcf23523d6f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202111921327.tgz","fileCount":16,"integrity":"sha512-oyrtN015b0srvHSkxJGNiNlYB8wYK7tqoew06cMEm9klZbG/GNlK9F4A70sAk5V/Ui5EbEpy1YzNJX2wC+QJhg==","signatures":[{"sig":"MEYCIQDINRxtyaxB97H4e4Q6sH/gPKbiQgErupLVyautvtajzAIhAIkzqkckzkCt/zP3M3BLQZyxkA2CeKMZKXaUGlcNBw/f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsm9GCRA9TVsSAnZWagAAgNsP/2qYEE9KnsrHq7TF6UMx\nT8b9GzCghy862GbaRoUQHdsJQvoD54BJfEgZZjfen4yw15Ag4LkdE3GoNrDI\n12rAxJQBlZ30wW99YLNYrEGOujEY9v0uiW53kxLoSelYYnXPfllP6b3n235Q\nvmrjHfzGQBil1mWMDwWdgGHoyPzNnjWk0C4pZH7QhAMNPRxY3/PCbsKboK61\nVR65BPNM0ucbPd9T1FWr9PXTpz9Y2i2FnHPq2gVSzxBZRq4mKhTkJmx4OTq2\nQCiDrBL10wQpZ9j3LRTXVE+hQFju6IjEI9mO2S4A0HbAwb3vqNdTuS8RKF1I\ngPGFXieeuTkmg4rNCbd8+yJXuqMf5Qrhc6WY+b856j77v4g95k6RFOzIBdg3\nglr+0jMyokZyOtpdGBujrYPeDNbueDXjnkKTWfjrrtJLgfVeliW4Vshh78h2\nTiBEkE1mFiDrSfjnyPzKJO/W3Xkz243oUPrnQ/p+1Gw74eVKgXyYWLrUa4H0\n8ZWgdfNSD8gkSETYkCKBwoES96ytRVcpz0UxPF1DiebJXPg+pkYcLMwqegeQ\n+c/04frjSauUvpjKw2KCauISwUlUyGFs/KMs908npAQ3Ey7Clm35M9Qnqkct\n/uWTrl4SoIRYUiceRf1DwDIcNWpXlzDVkG1xGy30rI2xVzP+0UtlrAT9ziN5\n8Fyv\r\n=AgWw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202111921327_1639083846347_0.2213442233442786","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113195848":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211113195848","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"422711e03c37e5ac76ecce1f41255ccc12084632","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211113195848.tgz","fileCount":16,"integrity":"sha512-ls6xucPEVPmLNCVatusmHfkmBg+kTV8+h0MP6pj9OY1a6YDJonGqTlj6FheIqNzYoZwBIKt6qaBvMW9f0qggVw==","signatures":[{"sig":"MEQCIF6ndDO6SQ4r9AQkK66r+pEJztcoHBL48RO2BOZkDBVFAiBseiX3O8YyKz0eYZtXkrSqKeZp1ChLSaSa9HUR9/XWog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6YaCRA9TVsSAnZWagAAiAcP/R8gnQgvPMzFATYAybTd\nBQ6STk5Nsclp7BLpSLdB2yW+ZQzovkgP/4T4/KODhgtHARq9ZuggcMqfI+wu\n4kXEEurR6Zn6dHDwhtwEON1nU6IL0i2qWUSWzi+VwvN7xGZMEmmwtQrjnRe0\ntXRVrzDyVolxTlh2vKxtv7yTD09hSETIRkoNGmUOFnHuibMmQ8MvdNpAndzr\n69oQ4jSvyztxpmaH8XIoP7v+5kMFzM1OygDgC6Nz0PNstHb//Y4TXyWT7W+O\nynP4jLm24s0DpYya0kZofAX9qTBTyyR0bZ6feCF+l0Oe6QVWVybt6NXMFvyN\nbLwq2Bw8TKn8VrWqxeqvAvDV+B8kjAmT6BG28sC/QDx0oAIFaW3WNb8bUUF3\nUC5drLzovffm0BujctPdqS3asVZqVhDqBRO987xa+Oq1nndlEqXvhJFq2MMG\nWLfzJ9TsSul6qa8CJDd0fnTEcWXILp5v/hyaifOwUEA+mEYCEra+OT4rAkMG\nf5pDQi01gbewIsCqRge9Uo9ZbpOn+3B6YaDhj1Vb1fKjDr7SzYF8eq6QcILH\naQNVdJjQcFe388m3uWMe8sEF/jgIfb2rArUwVz5QWRJLs7o+3gnkIMJFZ6BH\n+dzLq1SLjh0ozhrW3zzPbHD0uM2lUy2m+0dQwunT2DI5ayFLUZfQPc2i5TRU\nAIzR\r\n=Zdhe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211113195848_1639425562667_0.7367160915245623","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320052":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2021111320052","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c1119f336776ef38e986c1c29d80223f135be9af","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2021111320052.tgz","fileCount":16,"integrity":"sha512-WT1wZsB7cvIWRDMMpjTE46PAmQZWTYltokIkjxNUjXiJUMt/ETOEEB6lpPusDsmVzl4JadHDFNIYN43apWpqCQ==","signatures":[{"sig":"MEUCIEAG6L9t1ji2j9RbjJf2oTL6Gp8X/8E+kWFewNEL7mX8AiEArtmoVkVA0OQcahz1YCybijqSsOTID6GndISjoAeX3kg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6aUCRA9TVsSAnZWagAA7IoQAKHEDgmSwhMRQjYPeP/5\nisT0T/7wFgLYBbCuX9bZB9vpJ6gUJRh1PbNy+qq+7sR0EEn5CyUHPqaQzSp/\n6FeboadDat8NUJYd6O65by0r089ikrYM/BWWVl5tJxPADm+ahYonubr3P007\n6VXKmvr1Nj/H91kIeA5pMtaE+hdkJl/ZfB+qfaObJ1O2Pech4F3CdUK9vwyE\nMaG+H3ze2LR0PiM3YzTjUc5ozI/ywXoux3NeHndTsCZuMBDpGsxutIWhDmt+\norp6bZoZ8iBCZQMpAxpVDi1HDtWfskREVMI9yl+jUyUV/FpL44zz5mSxwb2a\nCYuewFKKDZrKqaj+wVSbi+fOSb1GMGcIQNmI1FUXEbWle4Hi6UyCQ5Y/cvOP\n1WaNTH4MyqoijmPkOoVgnkHFS3+Q0OWb+8sUXHEC0EijvB6t2TPdSN91x/hB\n7TYLE7kGjWP33P14bW0a1u2eEASREdwOF6wDHzD7ex76maHsn44zcHEvighQ\ntZEMJwNiFXXl/6GitgnfJEnZzGA9PAIjDb9Y8Gw4DJHLs+W7Kkv0bmQvodtT\nTQElPdPWBTwY5lx3FALz2EqsogpLiWAKv2PzTdE9hU4oIw34itx076b1uE74\nhptWjJuaP1YveMCwtEWOzI33DtVzqE8b2WsVJFjawKJE9PVIf6PeWPLqnzRG\nBBKF\r\n=0ziW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2021111320052_1639425684289_0.05588561100427136","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320117":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2021111320117","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7b1672bd0f36f12b9c5f831f6ea5b35d09827882","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2021111320117.tgz","fileCount":16,"integrity":"sha512-iojfXQyWA7DzaRgf08BERvllhrhAkzSA9pQ02HcOoWEX+gn2f8fgaAg4qI/qrSpq5kCiiv4ooU269owq+bJwHg==","signatures":[{"sig":"MEQCIF5A5r+A+xcNpnfo4UCn7RLu+KBKWydHGbEV/P6AuuttAiAd14j8nwc8L0K83M8uSluym0dGiQTJ6UfxqQERU613kA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6j9CRA9TVsSAnZWagAAfGQP/37/Uh0N1OpKOZ5MRoBn\nD+LE7WTxdMAJ/6CH77ApZGtsZon1hHOC3sjau3iUb/oUBmDf+NeM2v8m/t45\nQfPadRxfROXc1bmvFDjm+M2cP1xCQEGDYALIGdrW3rfs2hgEtC+YeX8VIVP6\ngyMjhfR+S1mWti0cr1H6+A9nfw/E5nRW/1J17716AEDusR37CuBW4XA0IcCf\nK7wWmqVLmzj5L57g/bUe+o2XRLS9mHi2/RU4f8RHjTIziCed9bc8r+WRuag5\n8n8ZXqFBq/M+TQypIXx5kBzrATzPDdjHzuV7mxdUlH7dG0g7f3q2XuZhmAof\n74Ts1WbkHCcfZlgMV5WsllJQnOhHsBipkY0m6XYFhpe8j2V/pnU7mrZZjJu1\nftO220K6oZy6NM5ZojqmuZH3Deq9as6TuG7adcJ6v99nj4NvS0WuWD6jeh5S\nMN1fjN4Wsd1bnlB5IYr/aZ0sjP635k55LNTnbY0dnSTWpGNqk7WSeOGpZcor\niJPtz7nsb+A6B2ApR3iQRn5hVAeANKfzLAUj3CBI5wDwaxZDxi4113kPRkjw\nQq71YNKC01OI40L8Y/0aDRimh9r7Bzgu1WtEKtpMp+EqnKRaJVFc6HPgqnXJ\njDfDQ7GMFnK672rlNMZejWuiplsd/4h+GG4Wh1u/iPzuW95FKHGEQORR42Ao\n1oDd\r\n=mJaf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2021111320117_1639426301698_0.4655156827295739","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113201444":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211113201444","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ba6d993b8327cbebd1facc55103ad4d303380ca1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211113201444.tgz","fileCount":16,"integrity":"sha512-60YcZNVf7TWETkgPqr22u6Aw/HLcGHxsDp/QSkJJhd9bTAiljVn0nhY3l1M3RNs3usIFp8HKLB5QAVWj2iE3Ww==","signatures":[{"sig":"MEQCIBeL6sEY9v4SH4sBWxSPuE4WzbmD44rPI8gGnkbpNl7SAiAW6JWzF5vbaynm/Od7dwdJQb8XK4k1o/yP7H8p4ZA8Pw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6nXCRA9TVsSAnZWagAA+CEP/j6QGnv0OK/mwzDLrwx8\nIGCWqEZyVgWEfrkzaUjZdhtS2AT9Wlk7CqfEox3yTvpHAbHFr+j9ZdYIBnsW\n0JkkABpTJOt4ZXDM9zgmrjXqIyp2GVwkVlw0wQIceu2ty+QIyRJi1LLp4YoM\naQ6YtsEqhxqrJ9HJQTw6G9xZO03fKtFdPHUL0oSdjaRivnOwImlJzOz3ociI\npJfVaH6eEdWvStWrE5K5GecZvTvUtf/5chLZtahpK4NY9OXjbjK/+SHTUrYJ\n8wDpj7K1iCUU5mPvWrefr1V8Cqelm2rgxHMBNnUIh0pTsThXTNTcEf4Cq3oy\n6UdssbcNaN5fd7ySfD9j4oImO4TXyhtUOyChRgKH8T4P55jgMFD5PWVH1iFF\nHQ3uRBdVYwr9yTfYTnzsm+hbD3vlAcq0I3TD/1wj+7fHWc4D8cnbeL3JsxIh\nXfNf0m0ChMLgbgB5sYhLpmi22P4Dmjzs8+bP3bF0D+mQ0oIciwMTGgbV6fF6\n8EHg3DjYxikSMlKRcMSnES63d3zzuAMoXHyvH26/gaLkUodOnuUcqGh/q07k\nWVYxQRw3/QANBARm+XTeE/6Eqhqou35eEVQgNQvR94inZmY4dsCo4sa0aAm3\neDjxaRswu74CfrL9437z65ssUs3PY+l7WHDOV+F1ZtxrWKEaXHj7JIzmLafY\nMf8f\r\n=RNUA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211113201444_1639426519199_0.9872975742818857","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113202333":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211113202333","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"472ef9bf7eb132adfa3b37eb0d41d24c0cdbf014","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211113202333.tgz","fileCount":16,"integrity":"sha512-E+GVl3IvAwunK98rFxVenvJBsbURaVLhTe/PSiS0Wv1YUilur0L9ahPuhGpFKNRu8IYCJo2ntNZsNPcQNmwCdw==","signatures":[{"sig":"MEUCICIKoKiwF+kHBz3ta7G0+JHQWytiuRRMeH6USLD3qXJlAiEAtUYN8NCY2APSjR33sG2j/rMlFZCntgLUHIa6fFmlGg8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6vmCRA9TVsSAnZWagAA63kP/jKcml/M9tS/KvnTCJPu\nUGSbfTKDrG7aGQuzDFurHGWUSAS9EAIXpyYyXHM7Qn3onWQ8wsm5f4nIV8os\ns/HFYf3VkXKdJSLHt07pn+YmqNOEiIKWZIWw3CyPGVNBWMc497LovenkEw+j\nxygx8Y+kzbQgtGODJMoZqJk9+FeoeduurvD8xB5jxFbmLDvOyKzbTgf5uKJz\nFgkM1bhXXWjzud+2oP++0Hd1/39hfKh/eJQVlgPJbRiuRc8fCm9Ntlmv1SSS\nD/G7Sa1bcCGrLXdR+mmFGWYFKyGMsUL86DsI9HnpRCP408S9G0WrJtgPIjgF\nOZNV3WWIs0d1VLgjxURXQYiFYdybC0T6UhcI+dtSHBRvj92kg7vsH+tc+/g6\nziEJiYeIljntmOzEyRKAxXTgQq65Km1iSq8WC0zt5yoAnHrIxh8LIji9xclA\nvh2oZWMawdWRi7MB9OzFpisIO4PsmhdMEiUFif6btSWEcwpjE30GYxsI4dkL\n/LW8t+LSICsgK+bA8G4woZIeJ1CHnQItbusbodEM85o7QG+q4/zcp/CX0uHU\nBPp8F6dGHOj8kKinbjGjGiM3TR0Ea2jZkPXY31YQqmAIWSD5ZAV8nTkh+cUF\n/n18PIvoPrJOstvZwd1uY0BBzHGc0Xp0ic+qY7gZHW54LJZKq12MLqIvQGIl\nFNUU\r\n=lsSo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211113202333_1639427045864_0.8496251925543559","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20211115102948","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8c5f6f06f905cf9907220f3633ed4da550c3c3ba","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20211115102948.tgz","fileCount":16,"integrity":"sha512-bsEHnEvemQ/uJ45qu0fRB7o91gN/UFoeYPIC8GkTnKgxyA85cmR2EMb+2yDddu9ZqHJJddiQ/5Ed6DjpyHAr4A==","signatures":[{"sig":"MEYCIQCTrYixAuhrZDlGICoTrwPRM6EQMlwl8koJG6cniLXyiwIhALuq+4pWODLy6Kpk9n2HeK0DKYdvRiYZ82JlUq2iEfoP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPDCRA9TVsSAnZWagAArIsP/2361NQOAjO5bK+8jUWo\nVQDrtSi/xFPaipMcyqUDSw7qGWVl91fK5gF/JBmc8jzZKuBGNVaEAz8Xlbup\nqU4Ida9sZ+XP6LRv8REQ1pcD5ywxifeS53SjvODwlgOTdx1OJnMzBzV5v/BX\nqA9S18yrZUKK2R+R0xxfGtxEoxmfeg1uXJlKOjHtVX6OR8jzWIW+PJw56LFj\nESJLpti4/6N63VVB6NPG1gfL8i5YzAmFi+jMxqegngyaEc+xJmHe5ieX51dT\ncmhCQiASpBlU6Wnhtwdfk4oYXAvjt6EGTdtcdi1RoVfJuTSBNFSjUnmHUoj1\nR0k4NFOWsdaCrTUoGqAWxUWOkBmbd31XrXr8rl2dYItGn2Ssk+qwVEveI+/q\nO8YyTSEd5kaCnYigA6u1/CBvwoCFwUcjSVjp9TBjqg+66slArucNWP+qhDi/\nbkdzJEDL1CKbTrntgRtMsomupeL/xwkkWVGGks/ptiPTJPvlNovzfkg4sOMj\nWx4nKHJfaPC0oGyd7Yl4hHlXKgR04jWIYo/yibgu46UfrUGtxdOsekQrhzwi\nogzbpVo52wHulYLY5Oq0n7jYfkopBe9imm8569whHYvXxBQMr4m9pNOdP0gO\ni7dPnd3ccPBoA7MkYJku05vQBrcryiZY5xendPU7eDxAZ2kt0+vuy8dLDVJB\nXRpT\r\n=3daW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"57f10d884206eee208121c6784633ad27310296d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115102948","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20211115102948_1639564227179_0.8776344702474344","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20211115103018","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"12407c8264bd3058d826ef8c77d38dca67b5d630","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20211115103018.tgz","fileCount":16,"integrity":"sha512-u+v3IqfAYZX1HNISwaTAOgumlxHVPD1dOHw6hhBXgIftVh51WybWrCRNLuJbQ7yxv5iupkowIZdz0/NbR2cXew==","signatures":[{"sig":"MEYCIQC5sbO1J0M7aEvdlbCnxUVGBkOGAQXADoHbS7IWNsEYoQIhAMEPMpk8hd3b/8fUp88OVdHHEepOIO+z3A2NUWAUEP3j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPiCRA9TVsSAnZWagAAYVgP/0On4Q+iPhrAKKLBiqvy\nwk13tn5SjLxnbBqgQIbjlkaP66NqoitL4E0ir3bEdRK7+Q3qaFq7o8R8V3KI\na9O7/AB45/45oYqbowHmIctW1V0+B5+ohRUSiqq8SBmffH8UQkZTJsSpP2xP\nGcXVR2rh9e2f4EZyRtR2usOvvDIx9Cyj4xt8Q5eGWhnl+mR5fYZNQTWOQp0a\niYAly2yeH2suyfOv7vQao1t0zP+VrjyoHTC8WbzMxLrbAMD0LLyr5bvn5Txg\nPmzaZsyTR+JE9Xb0CssdpX/PczA1E+gnpidilzoF0JcVq88BLuahtKmq++mu\nAaBaPPcMXeOqQ+UxMjXrHWmKQ7WwbrqxAVHO3O6//n52IGbqMdpUv6bV3I81\nZTgLC7ESbdH0VHdTt+mv9ybPqiKd/hdMf5v46ux5RQzuGD9iok/LYvB7CeJV\nDWgN1Rz/xe2b/D/l93OA1AFzM5efU9YpdqEZq9qeZ+uzsDZ/4/4jkqyjymnD\ndfQMzMyZ9XeDGQ75QPo35YRLWAjFuzRXgmXuydEglGJ8vUAHLA+BEJQbMZi3\ntj/H/LeTUvttXoaUkLscclWXIbV+n/QNgirScTE+aO8b4d11VnSvxyYs/7fW\n+t2h9odA03WSB/8EZlwi77BpF+VUaPNd6nTLzj8sdXnPyLoeGpf5wq12YoUM\n0oFo\r\n=zS/V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103018","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20211115103018_1639564258502_0.7844374075059533","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211115103050","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"623fa0d4450ae052aefb659f9615c8a5b0b58eed","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211115103050.tgz","fileCount":16,"integrity":"sha512-vhru34IX3ZeKIAYLO8Z33f7Cvd6dJIikaFBh/J0AUfLDeu/+VtKR/iUJquC6AAuuNrRNG6eewnGWwNRVyafYnw==","signatures":[{"sig":"MEUCIGTbwjX+4j7OGJnmJEd5MJ+fLd/dheGGBQWbCyDxRgW0AiEAg22BjqGAaqkRxlY5p97Tl3MmjiBXkEphTArqxRnY6bI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucQJCRA9TVsSAnZWagAAkgEQAIYP0AqWAtCs+EAtvkaB\nmkARySzSqdfNsLEJmYyEUTb1CTqLRopJLt3m3Z/0Nf8QYnrr4qRcYYUTCGwv\n7yUkfy4ybaWmA0HyXHR0Ca9dWTtOZSRxagYZb6gxUzkpC7gxqS3hjWAUdl8q\ng0JBEs8adZAkZJHHMZfdnUrQ1zGJAAjImPuBDR60l30lj0f+Ulur4opQ8fs8\nH8l7t7MRYihyqtHDe6FfJ+6KkwHAh2DJYvTQ9zkqhgGDCXnvOXiiE9Tjtewg\neZEuX8mCYTMgooV5yXN0Bg07OIXou7OIdDwifF/QznH/wmxFV7gcsRDWnNku\nVgL8rkT7/mrCIK17iSIOHdsc+CfbHdSJdhGiPJRJb/CwO97jHR2oEOucWdNW\nH++1/cquajwH3sUUHgJBrI1zYBVR9aJGoDqMbayrJWAskL1AVgTiaBslLhZd\noMNBrIH8C/yPeR1+XaeYkfLaTXJkbC3fJDcDNfXNYKXk2O6bwyjryEpz+G3C\npB+kp47tYwHW0sJr1gYOU1945JY0AnTFpP21gP2oHFzAzR37PBrwmXMaFbgR\nN+mPLvq2HQ3HdAPQm9Df2EL9c8VpfogsfIAl3J9QTHvCgWAs89nJKU3ZBiMa\n5poQCXtclTZVuLPkRt27lB/ISR2A2kj1fCtxVBShvIxzwyZfpBxBAcMQGVOf\nUL5s\r\n=Dl4S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211115103050","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211115103050_1639564297275_0.6684174478359579","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20211115103321","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5eafcb6e987a89b8194bfaa201caa85734587392","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20211115103321.tgz","fileCount":16,"integrity":"sha512-HCoiGLL4s4sWTXr9njxmzpnVIm9NUVTV+QG1MXPg61a14LusTdc5PtERGgiDFVNmwfsdFv/xv1s5OUH2Tr7CUQ==","signatures":[{"sig":"MEQCIFaZW94dS5+MLlqXrGgiV3PPEtnZBYossSaApr8s3RCAAiBK6lTD8cObIjxaCEAHM4zRnO1hEZVJhKp5zfaVXdltsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSdCRA9TVsSAnZWagAAzQgP+wQ9m5oYAmYCsVpMrcGT\ne3X6WImw7W01+upqOxRj4E2ww/yU74aHtDY4/zaGGAy3AU1VdV13KH6cnLZL\nWKIw/w1NBusTc+a6ZS5nym6oArkEDW7FqmM7O7nMBFQWcnn/ScNXDbCy4J77\n5bSNGuFYqvtmLVkx2mzipAOPYDC1dq/mz6zOBHMy8M/0kQlUSBXru36HHvuH\noTZnYBN0+AjhjFlIrDYAjn9KkcHSx6RejwpLfOL9NC5N+6Sv3M/MTZeJJQqw\ns3HUQrKuTNnwDC/674UBSmQ8HNsynnaDIafZb7PCBhO415VwZua0tBdSBVid\nDNtOIisMCUfQwAUKPvlzjXNLcEowWln4XVvLGv5q0Z8NiYyP7cCqRxVBOgtO\n/fTo7wwLJVoWquzNetHpYXia7dZAU+0PohcvFWXcmwCKFrOnxtmEswskxpc/\nARf9XLeJR7IK0bQLGC1eWGXIYFdjdo0dulquo13bEY0v52eWbh/XMuYGZ82g\nE5ylTTfBeXhT+ubev3DvJReHsWno27pGjl0DhsJjsGd1hStTy9K1CBKHLVSw\nY/r3Fz+/4Q37HjMQUgGG2gZv0OqgL16EnLRvD/rp+BvDFvp3CdiBfmE7WqAa\nHPfDiOVi/1YFb8c5eWQHBvautleHfA/zB31FhxW7nySZd+twMwyxOS2Dthb3\ns/3I\r\n=5Lb8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b983e4ceb7c1e794c2b901ce16f12016836d40d6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103321","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20211115103321_1639564445141_0.6884309401007067","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2021111913282","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2e69f1df09e03018d2f288c90c1e4c8d96c7ad4b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2021111913282.tgz","fileCount":16,"integrity":"sha512-vbpgD1iKOr4Rkh1RvFrlFDhc0cjTnPebvfqRcG9Jff4lxWlZVpCuLP+GkxIBmojoSUyZiKiNaC7lex+HhEzZbw==","signatures":[{"sig":"MEYCIQDeMVVQvgT66UZ6fcpQywczUjroA3lz6wEq1O3+JKspaAIhAKvFDASD5WIfBApUneyV+ZyQ5PFmozrrWjd83lqMcPZt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzOTCRA9TVsSAnZWagAAb8wP/34leK/zPZxvNFehFNSo\nxd04Ysiz0kzbAkoEySCTTzRy7jU/4zh9JlY30xAHpfjrbHkkVgxcvU+L4m7a\nf7NQVa5G18hVRMC6AtZ/Pod/2AllIT0M1hQhJGb8Mp7oz7m3varnxBjGb6JT\nFvSKrWqULUj/Ruo+kpuQZFN11zwCtYvAwhB0ZrXydUzh0TJmBQbJpDxxJmzc\nSNrQpLbte5z9j8eWaJNFEUwCuW6s/THHbcn//iUYqpfGTSYnG8dRUhsufRmI\nmT7b4TRBhiX3GWTHWCCIpuz1guDr0AD9GDa0z9SW8cxFw0CgjvHHWElD4G3Q\nhIpAHaX/E7YzCgVA/hSz9D2aln3gL8pyfOq3j47kupri/B/Rbj+o0B9/Y+xm\nKS3Fgli0YTLWbJOdVNtVQAO1jKnLP+FXlzg6LDyYnCzhqXhWuUGq5OwxTB4H\nmm9QRhWYBoUtztNEZmls2BnfqPCtG3ZHdbyr/axLZ/14Y75Z6TsQHEyM+2X+\nVUisGYAUg1BTHM5WkaNXtJJ7//uqWImNAQJB+Kn+52frGGCm38fn9YOPehmZ\npWqY/AqNHW89vyzXQuCjh/VZ0iLRdFzaw9azTQBfGYHqtqCft1LVgxQ6I3P2\nqwF/EjhUF6VBR9PDr1glZSPIvDtMslOYVXXctBIj+fZ18ku8BgSKMcvtl7+H\nujaP\r\n=E2mf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e71186d1580f8a48c8804775328e4dc7266c94c3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021111913282","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2021111913282_1639920531023_0.8783894365586453","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2021112024830","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"83546f47c28cc91ed1a078fb7161b7696c771c95","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2021112024830.tgz","fileCount":16,"integrity":"sha512-FDN+ZSvKxOf79HIIF18zrHeRaAlZHObtL4wCGRwO3wi5uUxERgRZINCGOyvtce6b3WwDTo/8Q2jEE4hOsYCjDA==","signatures":[{"sig":"MEUCIQDwoNZYsEX9B0FnuL7Zch+YJ91EBxwp9HseYe4ep8W8ZgIga2x6cQFM7PYU492fy5WGx2/OkehcBILrg0b6gT1XfaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8kCRA9TVsSAnZWagAAuHkP/3lQ+Y9zcYlYTlY2bIT1\nN8u3+c9wGPLvs07JErhUpOXGIB1ATIaPDcJpTRuDwYvhjVU73ceWP+1DArnm\nDU+HF1odHljbMcKthhHsmZt1pp9Zdnt+sxj5WOuiWDGGYKg5Hqn5wMQ+k23u\nD47St474pD1omT+fvqN2FpkeYKGQzuF7Q1MRvpt4XmjHjfl3xF48zO7amjMl\nsy09ekMvuPET1rDW+xyLhf8ydrIzTJPmdVHzy2KHV8KGuMY+rYFIxzMGNpro\nePR3OIC6bYnmso4TD6D9NYEbEflmavhuXnSroEpCEvkAkx0jiXueC0oypR4x\nRr7iMzjfH9LRuGYsNX75h5UANruqp3pUkMvD0w7Qx1b7cvlw86exCBgVaFB7\n+iEajnLqGt05WXiNlpuKQZr7sCJaKyxIYqQQoWzVNlY0ixN8XyohCWwQu9XX\nKLsWO+pfPEXgr/BHQh0A9biFzl+VDIyvltROGBWTc/ctXYegT8R6USEWL/6R\n7cxed+TnE06Egy1QhV+ORuQvyLY0VC+D5Ts+PAD1fiLwnfaj4Ym2DrsthT37\nuj1oLXH+e0lK0t22Q3CFL6TOdjnctsJ5QPsyh1xk0vhohCk0vzY1c/ne/9e6\nYsaFCBM9bpqGrIa41tIj167ZNsV7pcWFTge9US3435/kD+5nvOwrc5rC/Ly0\nBxP7\r\n=nrRL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"f52ca81e6132842c338193d724d8c6d10135e8e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112024830","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2021112024830_1639968548728_0.7424448106158215","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2021112031456","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4bf566cc33d44d9597d6309c46cf90cd231a390e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2021112031456.tgz","fileCount":16,"integrity":"sha512-E+NPqGAF43k1GdoU9Bgl+TnQxb5WU/d0OsOFHhZ0ZpptpTFCpl418N0eV1NtSj/SfnaPC1/JafIrgdAtBNdUlA==","signatures":[{"sig":"MEUCIGP6KtAG93NMkwxcBasRACJpbJ4JseVPmhlPa7kLFHNMAiEA0OVbd74vPXNEoF18yEEpwLjPSfJW2lUr4vtZ3E/zvEI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VaCRA9TVsSAnZWagAAmqIP/jaKvbVBS+Al9hX9aizb\nQ7G8cSmW8tOAfmpdEZMwTTl8VpILv9jq4eaShd3F3ptdUo2UcMqDxNd9O9Ll\nqkxX1jeYuD75Bptmbl1G0A0nvjx/okBjYVqetPmykD3BCUS71p4i1y3MvBgX\nkyANEANhwbWuMlTMbvKg/ah/uNynHnL1EYF55yezbZ8125FJCGTFvAguu4T/\nRsiKKl1b3mVGBMzpASBER2+jrBnD2VBTD/56TpqlkeQmg1zI7ONiP8g+z2EE\n3Bk5jsLfLiTtbZVQqqRaf9EH2y21pQAlR5rBr5eIo1LA6OWpRCeUgt8U49cc\nqa7rVqHb1VBkwbbrDqaXCxFyqNUH1jY8Sb73oEnKeh5IO4xcw8cUEMZPFRfG\nDDIGLOGELovHZMc0OVkhSthhQXw09irnXNv2VYaIs+TzC3eon0H51Fwlilqo\n80x0OYsKvNtugPwOYZaSDkcFm0HIvjcbzNwBRS76sSLYf/nQrdOGdjVlsOKl\n8mQT1uuqCrYMiz7qKik8hCB4qIgWPsitkhIejfgWBfvhD2oKl7nzDQ8iihIP\nwM18ndn5Q3zIs7IFwayj0/VbTq0/Bda1PVMpcZDbgLWNxdhXO/YDThRpHS2N\nNwfFSqdjVDSakFTizs+yKiFYBTuGCKZ9uyTMTtFfkxgZ0CSQnFptxzSRX9Hx\nxsa7\r\n=d58S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"9eaa11a475e0c24faa96cbb99d16a919c1bd6f47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031456","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2021112031456_1639970138709_0.27633409545876986","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2021112031622","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9f6ec7dadd57599b3c35867b250f7fd369e376a4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2021112031622.tgz","fileCount":16,"integrity":"sha512-JZTrgLFfASGMF9zXI9KNfop0DPSk497L9/l8LHWXEu85jOTZN/GZz2Vxt1r7255NGmxbWLIXcUtlgVBe2W2Lcg==","signatures":[{"sig":"MEYCIQDWsYBAtURaR6VC6toz6LT5s2H4Aj6UPCBDddFd+P7QwgIhAMuaObb7bD1EBgkSZ5ynygBIa/2t4HP7bUsDbfJUbDTl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WyCRA9TVsSAnZWagAAiSsP/2azhhm+XO6afHKa68/U\nqi5lt/tqcP+taq44dyWCXtAbBQu/O+GAe33dHR9bVxdR67TAWdVvPH21M1M5\nwm6Qkp7koY9rJRak34FXoYFhfbW3s5R1rkLFSoGLEFCYZOle+/IUyVObh2A2\njeFtCgGLw+xPPp6Y5NWMrG1b0IyDZbuF/t31p20+EPvnzEE9mfKprPcaRPA1\n0lpK1mkrsi2vp6XaXqV+hpGZExP/2EWf0av/GPK7pM9EKf8dsPKyxbgJws+Z\nUIuizfkTA5IibfL1WVDCb8BG8/FMwFIjwGU24w2PSN1VnYY0sCmxtYpKFDj7\n9Mw9+NjClioKHRlO7oHkaXB5l5TgRLXfUZMqV1/Ih0o1Xlbd64qhJ9GBqngG\nowGFqcU/G8nbaH3anRFUKmOSjDTzj1BCfe/BVr6iMqYvOOr8wEYy4ben/MOD\nGh1vLLscUg/baSbqYwSTC3E1ZmtKPwYNi4XXJokW/r+DNqDLLpgoVZPAMcnS\nTUXlNZetuVPyOqOhmH54qiUTEpFjLDxJNOKd5CWipJI4kmUT9OdH6mglLweC\n9VbwL+CECBlmyq+0w+3QelqIV9bLcY8+DeeEhCcPLT0uYgYkZKQ8x3F0lZYP\n1b/lninl3fNJ+4Ks2yvoAbNioaYkwmL7ayvavWfKnqlpunpP4xGnepSTQRvs\nNZ5o\r\n=ZBE6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e6858d2e0f657887b2bfbba959b25eab8cd3e74d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031622","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2021112031622_1639970226685_0.6966607101707714","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211120212826","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4ca4d5a289100aa6671263101d67cb1d6812625f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211120212826.tgz","fileCount":16,"integrity":"sha512-eaPUV/0DVPtngoszcqeZ6uXAefEkP5/jfqbq54aNVhyZWWjo0WddA5/fTnyAjEhJB1Fu2VMvfceyL+8N2uHEgQ==","signatures":[{"sig":"MEQCIEYE3zYb0c0sWnhwwP7n/loyFWKL8lQ+WSEyqiM3i92EAiB1/kLjbeBz2cp6P6TSBX8nWzfpw/3n7nt4OhcK8R5o+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWjCRA9TVsSAnZWagAArwYQAJSa49eI9MJ+IuAdVFBH\nWb3Okt4sn6US5u9uRy2E7fthijM0qt6dnFVT6geQuUPp+x6QpTCjOFoI4+2W\nD03jQDzPkVoViGFLnmq2g3mMFwjEtEikC5LrCXltVnsQ4F0WRgcqL+YORHpx\n9gnymY30CKqpQEzd6oA9JoSBzc4VE/ONVThJivVdO+4WWA7N3ei3dRjq19ZV\nWJcbQPYXpJwK0F1a+xqzmKOX04STcnIVmr5fe63dk4gc8uDblUOTc1ofF3RM\nvY++uDty1TmiIttyuimwK2NLXq4KmStMGGyIb2nanF7kxyIWP2EQUvhz+nNu\n7HOgWLmLBIxElUIrB3K6vy3zT00MDw5oKXJTeC4qGlEwBp/bB+g54fGK6yx9\n9Cs+/UVfbA7sC8vMEEHOgNbwIeJQKXFgA9R3Av4thCBMCdQDo0y9y9ua/n/i\nCrdG4fB2GkcWqzpkJMfCGvYdyDt3FNzIDEwLJHvuyiRMj9ue8+arfHV6Gf/B\nhJigyYkcv2I6i5mWSa3NltykgPoyrHYsz0QKT1yglS6zdysJiowqsqova3eN\n/fFKSF0dj4zwPz6wpfR3v3wlNgbxDycanpgBeIXNgtBZD9/OFerjxIX2sAeW\nAOJBTNfqvLDjUYkKYxUE1MzMCV44gbw7vgciU7yYrcfbLWLv7nYfDN72M9eL\nyWW7\r\n=0sHQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212826","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211120212826_1640035747287_0.9467346308932836","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211120212927","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b482859287d25a775b67da3e6bc5958729bd0b49","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211120212927.tgz","fileCount":16,"integrity":"sha512-5Nrey6w9HQ3MQ3rqGvtUiv9jIksP3ED2v0SlIDqNpvHfsrouIdoS3Il5oyTeHUYgegwUiOX6+OkJOKLnFUEkGA==","signatures":[{"sig":"MEQCIBlxLxpL5hebmOqL5Q00RNhJstQQsy0Aaa2B03S7CbRIAiBE88x6HIByTUsLFcKsCeU75L8z9pqATcHdwpz7Kzr8lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXeCRA9TVsSAnZWagAAyCsP/Rv4SRF4ip3u60QR/+9w\nVV04r3fR2PGmFxMsONRQOnsgX0cnKgRTKGTKn45O6ChScOr0gx6ftPLZ64p1\nb0BGuRs3+R0Rd4pv/o6QSat19SP707vK81a4tx1mgTHRVjMHkqNd5v9R3JX0\nby2AhiOX4eIj82O+sh+qZDlpFbUmmPqC7cqid6XrHHJKrmk7mHSTLDxFbS7/\n3GyTRRuWBzfTptgOWMYzDOQm6xP4d4pNNbq1LUVvnQMlY2iEjtEyY+JuWsUe\nfysfL4TwdHr+G6+lrw9SW7nafdNFoZXWRxbkj7Nuj4bcL0X2F3QQe08GI1aS\n7GKT4cBHsl4gFnhMsfw32b+ZgMdsxM8Ezno01ycxhFcQg431gqFxjAy5l9Mu\n3rLcqVAkP4vUCmshFa4Q3kq4xpHiHqs66vdefpufqKfwdx8rybuHDzalMf6k\n6ITC9u+0R/ceLKumVwfkTKLViheWY9+aKff8lBWBZrm8CqyOrmpdpw28aI5y\nD07bEJur884ByPk6wBv1LOyNl9u+vUAgMrOZjZsIrvwOZmnj+QMZTgWwktsd\nXPUsQH7mB0sOKWaUI8rA0jvHFPGs+X9XcK6PZ8bax56LB048zYSzShO4dNDY\nx5ra+eDMtIDzuU9LyfloFY7uyefWeo9a5vLPSQlmyN728VC08mnGMXLYGVmG\nIdDI\r\n=4luJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212927","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211120212927_1640035806227_0.30692546284923594","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211120213315","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5b2ace00fd65e19488914fd4c179b762f9f16371","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211120213315.tgz","fileCount":16,"integrity":"sha512-f576JuaNyWZrrhDM7j9HiNVtsdqc/SW7NYcy/Pu32VA9W7u509bgWMW/lYIYEQyG4n9P6R+EVbJgHsJV4Ya0Kw==","signatures":[{"sig":"MEUCIQDDfoKW4vxeGodjdRlHWKIqGgm/NuRJpmYLfpTCXBRO8QIgZnkI0ZL+5q9GAyY2iJs/lvkDoRi8umW4OnwXbzylV5o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPbBCRA9TVsSAnZWagAAfSQP/1yISgS8ZriADnTE3Cdz\nqliZt+7FDrE2N/f/+yZ3/oCDfIMCpgLhdRN11Za9Kw26gaMLbLsp55b73y+p\nKPMQ6e3cM78+WEpYQmvDDVBLDQjlfOB6K33G9Phe7U4mCZMYJyOBXU4XPOcK\n/fz+MS3v4wxoC6F4NKo9pdd/VkMwabzZ3jeigrToiEyn21Nz2YP+BdLjABTQ\ngR9+p5hLJC4Lat+Puh76PFTzuWxGqkR8vWHBC84zyAo29KjcAemGsGZs1Taw\n9PgbOa7cf8qTswxRuxzLqOFcN4hv8Nz/ZAbSI4a098BLSfeqaaNavS6bqfXf\nJ2gjFoneLkk3O6snZXI901TWEYcdK8w85wD1kX3l5auwP98r31FCikHW3Uiz\nSYGrCpIkyWYVMQkQPI/qUjBNb2tLd/0MHsnpsCPmf+XhKd219xU9jLgKR17V\n+1CC5BVgguaNwsjvpF6Ib7vBaSwxtRcctmzB50OXS8p+DXFMNE3TgEykjI+6\nfpOSf4N6GGaYO7YHHY4O8GHq+eKbUc2X1dQiM7/FkoQJLXN3IWdvExuX4nU4\nXP49aeXIsEpaH2tyHTguMYONsPIonpTDmRKx0pQ/Al3Ruea7NTxIvTvez5MW\nwDb/9QshgLT0CqVnOXAWof4K/6fhUtWfR79nEZPts9FxV7co52ITetW0YH02\n/7lh\r\n=BW79\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"8d66b048a634383c0f4a99b7a5255d1bd0e94fd1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120213315","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211120213315_1640036032878_0.7496145091159152","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211120214314","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"6430b44ae858f17e94c0ddd5bcff53c3500d83a8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211120214314.tgz","fileCount":16,"integrity":"sha512-dZW8r74YocGZq3pF/yhbvr+QVi536vBgsKbhDCyBCe+EQSr7oZ/cY4Qqrk1WrgaV8kZeLYLMo4dJvVGIeq2nBw==","signatures":[{"sig":"MEUCIQCkI4IBBNI98DsUEOVNTfXyUPffSKQch+EdlKgsCsKF5wIgeOeEkdcCso//9kL4xc9j427kbszzOe5+uxBBHs3lCWQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkdCRA9TVsSAnZWagAA45oQAI4FaFogO1abIhP8GEsD\nD+cDOsz8+9Z53wIRfBbuUIwrYZHIvf65e3+UfRWWBALqBLaeWoMOsFyzR8h4\nmUL2qpfTv49iD6bmmlafmSoTopuvldg3Ifmq7/hhdAuy/ue7kNJgUD5fU1Pl\nuIxvDQiiM4C0v0occ/t0G8aqQc7W7j65kz2AjEnUbnJjgLUl8BPrPCNpVZ5O\nFBEz8F6lXXUo2PW0shRNkN2oHL2DgXJETBrl4KxKeOF66y0A7HKoBh1QdYal\n+O+5ZVpbcgd13GXIhv+jrvEbumW+S9lSZ0yOglBmMxJnIiSDeX4tR3CODkDi\ndfY6AejDRS/lmLYuWVVjlkdnQyrAAHui1xJoHQ2i/vkqJoO1A8TexLyZZZIF\n9woCRdIctvaPwBWC85yx3MdUaj0ttsMP8G039mgi2l2+c3pFKccQLDCLolhz\nywiUwwSHjAWdxGJDXZhu5mm34P5Vn3gBHUP7QvcekrVbx8msh2hZGEvVHnpY\nvlj43N1CLQvveFNxOrpb7sJsgmncUjgaBZG2yKjgFuO2rFuYAdj+MbRR5Gff\nXaZ59vkvaq+jzLUu56K5TuJkUrPcOQhoE3kY59B6lE64VbLkkc0QiEP3ydSp\nz1mA3DMRqAUC3NFmddQk4Lc+vjd3izlPUeKAM1+8r7XG7Bo5TTbnBdk8oi87\nPFKp\r\n=LK4p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b33d07d1bc611e7f89c90ae40aaa216980618a62","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120214314","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211120214314_1640036637516_0.25325202464730734","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20211120215621","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4a6a156ac453f660e0faad387856c749f30ba649","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20211120215621.tgz","fileCount":16,"integrity":"sha512-UdKrOhzEUs1NXiIcPrHroDuaSvF6HJmnALcU7q7Z1A/oemZSpwCAEEysmxzu5ZSn4B4YD7N55JzwBhx3yirmyA==","signatures":[{"sig":"MEYCIQCEqtRb3u9deuLtw4hYJlRc453Jsx3rUmYZlaZbYw5teQIhAL13SbbXjpBOwhReg3eSYJigq1YG0YhGFWUARQcoL2Io","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPwzCRA9TVsSAnZWagAAVBkP/RUhAUqKamRaQjuM32YP\nuBbAGf0GRQhnBOP6dZnlBCqG5vk8VfiCBTHayh5WLMfuUxG9nHycNHVUban5\nlluP9VVY9dM9P2eeHPcWqbR/qIwJTR1489JbQolJgauO/MFVh5/UAJpDoc6F\nJbkQbmshv6Zeori6f7+shlep7aC8qfQJgEsnaA3OShjDUNdFYIIw/6G5kyyt\nESsMEJI5w18IdFZcopfd3bvk4/gmNI9o6NyCS9/xLEojOyR6x1mhAL3U1qpA\nyhyWA+FyPbkdj4YhkDyrxM1OyFbRobbsk1GQT1ofW5KM4B8huoZU/ieqCLF3\niR4ogxdq+STB6ngK+ufVPOfzuao3+3MN5Bvh1YAJT7u4NkxrYm5/4aMRbYTR\nJ55ZlIu+wm/ZyjnVwr/a5d1bpeZi+u+f4lHPg8WjsSy4dWS9iFQ7vel1o54u\n01VsYSRPwR7H2mw+9aSGpK7uNhml+zGwNGmZP/7WOjKnfN2mgxZ17U02Jc5G\nk1s57C+nU9Y3SnZnsr5tLGY+0+/szjP5zoEQULRdD143/nkEqN6E/FcJN3if\n7Pcw7o2WXJiP+uCyJrsnjVej8Xo6I3r1XpaHzL6j/1x0l5+Lgg46/puiXwXX\ngcGRRFnjYMTOHVuGVOrZmjYtWF1d3ZkE8m0tSLW2Yp4/vccUDqUjjT6htjq2\naFE/\r\n=F5tR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211120215621","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20211120215621_1640037427622_0.13119240951868139","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211120215645","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f9d99d02ea2ef4e8fb4b76b5766e3f580058c735","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211120215645.tgz","fileCount":16,"integrity":"sha512-Vn/H73wSNGdI1pbdDBz8gWe9nWUE8cv8Nz5AZS1pupUpEpLSdI/K/IMg+zcAbgIbke5yu+dlQBXIGZWYKudK3A==","signatures":[{"sig":"MEQCIDqHi3MCroUxdvkf5h2I9sPmx/Hk1s/aD8ahypdUrtj0AiBh0bSTSeLi7ETuUI4qwa+8rWQu4WrapchKDo/5gPiWqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPxQCRA9TVsSAnZWagAAorsP/iV6zG5a8r6bizyNu9B9\nFc4ePZSQ8P6NEKLS+vnEtG1p1hFOCb+XnzcAqSgUI5ZrxmrxA2Wmp8k8APOU\nBSHeG4I1qd0YMul2WruCB3e/Zx8y1XDFYqYC13lRMZgXDfnjoKFxw5VCn6Yx\nXgcTbpBdfKOU3ErA4WNXa5+ML1bOq4Fk+uABJb1LjzsVJmbAVS4oEsT5XBv0\nJM5nUcUA4udmPFvjJCOf06gGddbMHMuIljZCDkj2wOpVst9Kx3gD8foDLzqc\nv4E0kydRlrDKEqLwQKEe1hj4DE/SlvRayAVA2LQ/do5cVKnSwh8aBW994yA3\n24jnbqgYk3UpsRXCGSoWYJGIzySYgGU6VqNDz8c8KNLNNpj83xO/8tCQ60BJ\nQOC2lavEGxav82OaifgVupwdLGp2EDt8s825KxzSW6cIDYIOQ8UQXqh6HBi9\nWgZB0Sj/fT6UXa8yqEqGzkgSZaYK4YIyrJVOBaJKqeuuMelKp8BkxIPOfuiS\nZrf8/QDsUNsH5LMwH51xcH3RfNpVKTtQeyL3qtayTvY3PDBTuQu1xUN650iU\nJzxx98mXk5x6A1z/khc9cpd3DLcf/Ej42eYuKwSmE81nmThl6prZBXR4qrRZ\n8Lbr9tiL2LFsEsxR+sQFl0GjidjZ8oEOPbHEI7umhj1hoZAy9rpZU/60Y5dM\n35Ts\r\n=7uLC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120215645","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211120215645_1640037456393_0.29242379146646913","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211126151058","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"869c0a9aaf5c02c88673239e4778208e6b3ebb5b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211126151058.tgz","fileCount":16,"integrity":"sha512-kaAnyE93gFoE7W47kMMTtPs7uTzMN4dVDOs5oWiYPfM1YGoLMESx6SxysyrL7oOacwjiZ5y4K2O6OXhjdksqsw==","signatures":[{"sig":"MEUCIC5viL0IqysgQPuE790Ua6lirrh5iFmtpH7woKddu96SAiEAmztdq3GOCYxqz+F9O69+J7yP6K0uKLbMgQPqlGr0D2k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYsCRA9TVsSAnZWagAAAM8P/R3PosmDC+etxBRUUKOf\nmlw+am/fmxFpsR/QFgNewFlHf4KGSPBH8644/llSXLrFLqw6IhK6stfSXkcW\nrPfNUHeQpkPRxlD4/xJLGVuiU3zX06atgHa8q6ERPJX3u+K2dIXDHdo4IeGt\n5GxUeyeS07uPwmNi3gcJABnRHNDbMbFs0ANrLXpm/mYHTzB/XgMgDLa2mV6O\nQabRUm28ZDOlqzWdAWz4FboApmE+xr5xFz+bfR9jjfP7jZu2a1jU++071nSH\nJ7qqFbZkhCzvgylJnwYbYD/pCzJpK7kGJVLAIFCxAmHqEfAH3lJ/6W+6xBe9\nx2ymxith5fPGM3dNul506Yly0yGYnHQ7ILthH70eJ70WuxUgqcQLyRfF/HY4\nDrMgE09LBgAbY4gIdL4GtwMePc/ycAo9DcntPh2PUq14d2cbb4oyG1R0BDio\nnFhvZqAtBztWusoxEdP+Zpriux3wtXuQs3RgJ+UbCaBAtdsUVKVEAQZJmlWy\n68jLxOl3U1uyOcblVWqZuOxLqVNFGepZheka2x0RnfRve7Yzv4Bm/eRyrbGR\nnd1E8cewhKJdHbeqMIXZlB6YIe9bcrCi/E5et0md0PhVGfU6zHEjolT6iD0A\nXdNy9H5hm7lNFcE4c3/PiihIlesCWEZ6hkktpQsT4zf5jB42cLjQuAgvItFU\nNWfd\r\n=JeXq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126151058","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211126151058_1640531499897_0.5314421843819659","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211126153437","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3d9adf6d4293cbd4fad4c6387f370a48ead17db1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211126153437.tgz","fileCount":16,"integrity":"sha512-saHsjKE2vvzYBf+vQEGsYqC7PMo/5mSPW4cea7QA6tXo7GFIcZSu+4iB1nC/WzW/KuyJtL07AmDBGOjr1OxPSg==","signatures":[{"sig":"MEUCIEy/HKhz9V9QhK2h+5cvsghcth/TNesD8BCeFsLW4gWuAiEApPc0hZgq6irCKhZxYyVeSdd6xVRKVNr9nvzjq+XLMjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIu8CRA9TVsSAnZWagAAsPcP/RE1/HCHq520PNRGkDwX\nEeKDQXOL7nnWLxFH9mCwToWhIpTq8bizrni7IeBtuRTexehFSyT4lqBqNE7W\nGonKecXifkm9tKyYk8JiT3q2ym87O6xqBE/ipsnRGiJ4DPhZNF7bhd/+x8TY\nzxaAST0+kXZ0DB4FF3yGJ5CzN20vw2cWp54D8/ONklbRdOptr1/RVVQcWdq/\nQvz5PCZ+iK5QcMi8ZQXKe03zIfJIXJ6ffU2H1PMwYqchqLKJOFSyGL34c1GQ\nhn8XmnP3UzHT5xiQYAq4MHYUeuwzj5RxoSt+62IQHdjSLkcFTsM2VVVgWker\nxsluDcaZG40PiNIBCF3rxWygtj800SepAfND732g+0fmHhhyTjlznzjWPP+u\n/nhdbjQdDdxv+Uy7bWoo9G1AALXGl4JkeVvLOBI4CXGnpUQTCvvffBp5aJH5\nHxwPxYG6bzLypVA0MMakd3jfNevfOVjwBXaGOer+2QuMYGJyIvZQTFG21N3R\n3JkfHCNQlrqEKS45eQ1jk7uTImAHIRIto17jUqVGGe+CaTgkHk2nQJDezh/U\nHdTYpJmlEzgZ+dsMOehRgWaaqcXxXg0bVTcG2i4elkwkwbch4wmPhXQmCptV\nMvx+94KCfFUsGyEuKcnWd4o8UM45gPzg5KFQxzlpUcUAfLiYr86GkMEyzQqv\nD9hl\r\n=2ChU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153437","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211126153437_1640532923993_0.17585148777667703","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211126153854","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bde1d9db30a772b7a1487322bfb2d84b2dd649b6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211126153854.tgz","fileCount":16,"integrity":"sha512-Ou2IGDlcM73tZhCPWfW4vrGytB+2uL1JRBjGPnjfJgQF3yoCO82Xjd1t3FXejFALPfojEXmxoh1jUePv1bTKVQ==","signatures":[{"sig":"MEQCIQDG3HmK8w7GDU6ErYRWS5J5+T2YeLhTA0NFxsvStI36UQIfUp1eRNSKO5/bIIi2D6C4EZZAONvn7sebA6mAwu/j4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIzBCRA9TVsSAnZWagAAnFgP/Ru7UKVV9S+vSNdNmb9I\nnfbcmBB1ewKXZtYqVYzKvfNGRNypJ0SZl5nD1SiyDlqtsYBfjXKwRqaYRzbN\npFT71NMMSM6c2m5N9RhU8PSkHJk9gsoOD2wTCdAhwcCltga0zfmYEhDJyT0p\nv4lmaL/vHIrtQfjjYqoM7jt8fRtr+/uJEGPSJFJ6WcqVt/ARiCDrL5vrI/9U\n73vCAV40DtyoBBAUivj4s4RmhkihRmvwW7zFzAwa2Td9cKChKCX1gx6wIZHl\nTe5Ov3K6XCMUzYJCmANmeEBZbDL5TF7d5n7BbXYCYz2y95w+bm/ToxlDSF7m\nzZChblflscNwu0DdvKXPC6f9AmhbgWxObKNRYWIa/WY7/znyygfOWAyE/ANs\npdjJsij5JyKc5FaarVuj0EBwwjlQ8sEFsAMe9AGaC2AYnOJWMvBWmXk2JA8p\niP4E82H409BjXI6xg53/nXDlrqm0gIDqjSKg7gIyRtGmHoNFF4+XfpEnhhNJ\n3ROQ4zTBCAHNQ/3uBH8umivdEqMexayXdsWDPo4Tf+TAVp3rYH1THFqgexCh\nfN2Zccsr5DdRSn5Ig2m72WdvQqAvHYS+kknB68RLGq/jCYB9J+3ufZVv2UQ4\nL6EjPU6BJTmMrDDDdrhgIv46nCzdwSaT5Tb0IafOGhySdy0RQSsUVzPdMyKY\nsz8V\r\n=nI30\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153854","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211126153854_1640533184153_0.5370485466488033","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211126154235","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"dc24c5b25cb196c3f2ee921db9ff0934b20ed2f6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211126154235.tgz","fileCount":16,"integrity":"sha512-SVyuEpnG7T3e/i9696wDTbJKI8Kmz3tHx5GOMOCL8ZT+CSji6Md3IU4BPavtQIUHrCITJ4iahnAhMbsNzMLvtw==","signatures":[{"sig":"MEYCIQDpEHLsB4UB5WHm5KoBdWVaW0qHiGb2voF0HlzyW+LpCwIhALsXH81rrO3aGW1upySjVfQd/F77Eqi9Y2CfOotpL3HT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2eCRA9TVsSAnZWagAAhXkP+gOS9NvpK1I0w3bwDhpF\niJH/dgKrAZ6kmo2z8XxiLvZ/Lg5T1u/6zdVwHSRK+LxzPgEEhaPE1wbGu28g\nodXnvBgquN4GZcGEACW4BRUldI0YjH8kx2ZS4CApU5xxn8CVKolGEg+ChD29\nDD5skflxljg5MF7L61x2rwXiBa8RjVYe/J6XR39hOSOYEwb8KZ86PmsoWW3A\n1R4aJSFILA/OMotrGYeyxceYsDJMqsWUl9yoirFKYsbLHohmRpH2783wY+1D\ndTYDCd+ZDyXsFNo8CnzmrTPfJ6iD05yNYKmL38ymS0PH9clnYB5eotcIHaMr\nfNUyW5gIO1rtzMSTM5LkbZMR+e5NaPgV1/3zC5VjnB18+CyOTDT3GD7LXhGM\nwNFfhkqWmRd4wI4eDQAmcUh2tXpepp2MoIzTKMZ4qaPg7oQmcmLeCUm2yquN\ne6xfgPQ7SPOGZaK8Nki4q26BTj9OC/j8kmAw8MoxrU7Kqh6cqEuxk36glH5v\nPXYCL+yd+84Koe4gnwhEm5m4nv86ME8HqH6/PuFXs/N4wkC1QlLaHYluIb8g\nrjhcLwrGNlCGLTNHcM4LyFpjOqqvKo388eP1XbOA3K3PHB4FHX+fcX09RVpT\n92bfO6G417MwNiEIYxLog+0f3HLH8ssoWstHFXFpjkmmE02326QePbWNGXxS\nw6We\r\n=uAcI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"ae6fd7a25c543d089d500e328596b399d85afe8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126154235","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211126154235_1640533406802_0.9135314932281418","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211126155055","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e960c35dad8ad5a228156800e77e4b83bd2526b6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211126155055.tgz","fileCount":16,"integrity":"sha512-yRnnnulNoknT1VN5IQQ/qazR6+ALzFZ8Hwq2AzoWNeyvxHibJLjs+q3BPMzCk3LIjLzBVez24ss2rNAJBTUZxw==","signatures":[{"sig":"MEUCICdjcGP5xZCWVgBqx1RRZhsnEaC43ekwIWiGfmwSOUllAiEA6t1lMV3aMdKyvwE9Qxkp07ePl10qHO4AdYeAuOTKzJc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI+FCRA9TVsSAnZWagAAOdYP/1UpwpY+zIn92dQyezw7\nhDwcfcs8fICx0L5vsrVu/Gk8qLkVabYvmkhRRRbBj92OiZxXhVCSYiwOenHO\nzPYNR8yuuvWTrNEKZN3HCmPq4IL4+dbScPSc7DFNfEKA4GYSfUVAT9CmLk7b\n75PryHAB3aTAFpWpv9/t64L04X8IiWsI/wAsFiuowKU99p99EKk/QlOgNK64\nNzJEF39h6hkbBbvK+j63JwSQSyhPQLbZbSO5BcoOQqJHZSz/pDHt5zgHbN1V\n+WB2GJCrI2OCh6OJ7/C6OrovMK+4q6OnI29ESl5o9DSrmKu0M8XaCrZ5VTn8\nuwbR7+hsADyvM74rR/YKTDcSaJ2P9o4sKjdbYF9oAIjrx2C0PfmBLCADq567\nc6/sULspAXND7v/vBTeqiaQszMNDXPW9hNJgrzRldPXFohGTELxtMbSPo9/S\nVFuOM6C5ofiVUNreqOxnpAZeDOfxldjOvbEAFlNRpomoND5khEOiWyu6+sua\nSIfJKF6c7cYqiPJFCr8nW283nyFc7vmyyGmAJ7LpaBvBzvv0mFg9GMuHRuPd\nAH0yIvYvwG75LdUYSmXMjxrtrOPlf3ofo9KD5hjD7hibpF4NJFxhDklkdoaR\nJpJNvF49I5USLv28MHEBDDfYNz5lqPT6NUJaOG5mHVXzLnz3iM1Ela99eRKg\nxsQG\r\n=LZqB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126155055","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211126155055_1640533893776_0.2747277431353805","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2021112616030","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"acff2ac4e88f3d0c4a31dda37ca5f36d2f3c3d02","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2021112616030.tgz","fileCount":16,"integrity":"sha512-+Kv9g7hpyqibCtUV91LbGL9hWDwgF4+VfYJAb/0gWw33TKu/BGu+268N2AfzXtVpDrRKOETNnckHvSJJwKDonA==","signatures":[{"sig":"MEUCIFJMWS3hdAKjIInzmgrNDKJ/6nK+PQi/9wUlfgvwJCXVAiEA/E3C5QcypxCYZMt91az/4rYJ71KbC2HKv9pGsr7HWlI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJHNCRA9TVsSAnZWagAAAR8P/Rg25b/3quVP/p+tmBn5\nKmd6i8O13K82oqAOonTtBThK7y0+2+nYK/o/zH5cgdk5ZSP3daGC6SlbOdGJ\nwt/M1MAAp4olsRgo0zuT4/Vwmd8G2ojUH5lQ4QOXPA85Hri3oIkbzXov73X1\nfJ0401GRA4PqqPjSpKKo7FDpjDt6TlZHsm82njekYjSO7O4eRZvsqZUA/wF5\nzV3N1I9+o93MDwPH/cc+mlJJ2UYfFwTx5Ajl5mdh5bEsxTS0UcFZkdKI+O2g\nEBiieLr+SHMSF9Q3JsvfPye/HoIG7PzEypODZNOKhjDNVlInL6UJ03mzjc8J\nFmEGExd39lcfP67LSDuCddTo1movZP9lHXZldLNlUALdzFVPXNLazc2cx8jN\nWIQ+UeS3pax/fzcWLWde3A3HKGhEh++btsfhBgUk9HsTzEftcTi2CBho/Uc5\nXcO4/2gdlk5kQwDDg30R4AMm9qElLZ++DFcA/CvKDsRyHNSjenf0h6IPlDVJ\nmzNPQfscoj9SMAS5KxJtmDfAxRMrvTtQhy0BItKx9wV9KuQtGCAscBSZfhk5\nVSlteR/fQHtAp6z2ZgSHYQrK6yCv1G8cbF+p9ffHlt/NJtW2T/pyr4ARIXvs\nWXATVsrcjsk+41GqseTFXxZHhBPPBRyqWwLMBV9uQiodH+tBbZ5ak97fjNwK\nJJnQ\r\n=JH2S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"68bee23eec488c69850f49cb8c6e55c266c66509","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112616030","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2021112616030_1640534477582_0.1494597018571504","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2021112821613","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c50483469a5852c1f2698f2ebd4122bab81db2cd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2021112821613.tgz","fileCount":16,"integrity":"sha512-k7JQh9aYdF3qc9e3IeKIHrmNjaeMZpX2RtcQ2sSFb2Vc6WzS/nCelYk7AHkCX1muU7q44AZWxqFIKSYJOpb7nw==","signatures":[{"sig":"MEUCIFAjNEPgLRqbwQL8yrCnlmVNdVKrRjn9c11FPGqQF9uDAiEAiczcUhbAymsTsEXqX/tLoRHXQuurrukwX2w1c+MeQh8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3x0CRA9TVsSAnZWagAAzwwP/jJDK0uHH7J8DQjLjCg7\nWfggdhC5opsiBgu3z4P4DDajlxVuLNzDnIJCXqG+1qJiWOOi4DsjrbBDkLnl\nPl/Uo1Puo7k6jkd+WflH9TOoNLOMv8dh9OsYm1I0EO7o/p/kQ7fEHvzTGhWU\nBwr1z+NKcKVaNh+F3jDlrWI5kQdnTQ1FXxYzOaPfxWE5KFZQilO4UuJLnd7C\nW6YR/zC3mrao9uC2pwtFEWj6r8NQx44pERceLFKCjUgoer+bJ2UacluSvPU5\nV+kQTmnOEfgV+INz5Y0BBBeFEdMQ35XpugapIUEGfsE6he8kJwjEMFGkdkrL\nBu7HCKipFOXISzkAKNaxwPw5CEYycGr3sfdy7xCjNi5yXNc+vx6xZXjfVIzm\nQol6nF8mfoInlZHtrkNxNEAmd6vcywxyyerhevz9zmd7EbUTV/uSDrERK7el\nnZOk4u4nrPs8VkfEDXQsnvIsEyPdpAePlLiBz/FTmYLtL6GrK0Z9J5r/I5VL\nF4vG/YEebDvt614iSZBORaQbUB4duXGdRhbaI2d1XDKvXJI7XVDxcLt69P84\nZd7FMmN/G4QrR1kleEk9zeEJCJ0ckKQd3666r3SbKEMsH8ZexhCo4mIPEStb\nr4qWyKm8SnwdzlP3pUjEOBoAaf5yI2UxOgOqH69h82IzblIt5NeFNeR4I/Ha\n8nRi\r\n=XTKL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"8721c354cc8b43b5dddf82b9b9fa2fde731318bc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112821613","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2021112821613_1640725620542_0.5358474982312027","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211128215540","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ee2605d29bb640443954c0717597b82e18a6e69b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211128215540.tgz","fileCount":16,"integrity":"sha512-l3KAtxwE6ZkbtmepjJ7u4kp+y4+01THDrgbzct2CqAzBRBXaIi9NP3plHe0+33XaDrHOo9jnwoGWDRFRVGOMuw==","signatures":[{"sig":"MEUCIQDEuaqYoFi6Ocdfi/LXyElVC14rx9KDcUh9tybOK4RZNAIgdqjXpPm2naDSxJR1NfQacgnuPTUbRuGgmSLSzeKalpk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4gHCRA9TVsSAnZWagAAQ3AP/RtY6b8wX4RfelwIfbWR\nOJ8vm6AxorzBM+TTkc00DI/PeK1TWeJqrx9Bk4iex32MbWYlxcIBhFqEqftf\ncMlj3Pa4FwuPsjakXqsNIpyJ/vHGEQSoX96fp1LVJo88tQgkLWKLb7Pc3zM7\nAZsmz93Il2y500G9wwoBnHLrq+ZOy9wznh392DWrOMQW6A+Q8uktbEv+Tbbh\n74n+dnqZ8MTJ9vbKTXyjXX4/pr3QFLljyr6RN+FgG49xznBwtxNNWrY/3NEl\nY5miYPssNruwv6qmie+FJtn+AWC5kehjYJzbeL9amaKbaV4SrtywslWEPc3l\nIeVPYnsJBlxC6mnHQvwZ64b4uCNSxFMsIXrD1fb7sFKTa24CK+2xHCzxI7l1\nXAfFXdtSSISCWKJZb5lfIktT+H4aSBW/MJc8a+Blbga5fjRHUsaFPefX36t8\nHB/KMd2jvTQAzBsPb5oP6OZ2WlrsB7HlTEfSizyZbMc4CnCHUVRRdeJgeNCL\nMOdcEhn3kp97h4VSvjehGlVmHBnnBro+HHrsUzBRkoppjJf+FcdBcfwPzcJb\nRE/rmXK/6D/SEidi7JwDP5ULsLbs5ni+KKTlApEMdXZqZLgDHbGtUQ+Gcpt6\nIaTSbhxDtUhZlNvhw4Zuu3zTlPof0BSlEvQHRKZ/OG9OJYpBhE79nMDGQS5K\nhKID\r\n=079S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211128215540","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20211128215540_1640728583715_0.029032387557855532","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2021112822349","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"1f70916b542197df41503ccbd6fd9a0dbe9c9ccc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2021112822349.tgz","fileCount":16,"integrity":"sha512-ea2+2W7QHNGWldFJiM5WcJUv3MlA1awzI07Kx5h9fxhqqmK0ltPyhqUPcW0VXGdRVzJnWSTMdEttH5/dw9Vn3Q==","signatures":[{"sig":"MEYCIQCbNs0fHRSyMvW2gFhJY7I1yeW56ifLAuafrvTTsIjDUgIhAK4yo6HGxQ1Ru7enUzWiwtfQiYq/vdC5lxD5n+W1eM5i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4nzCRA9TVsSAnZWagAAvsYP/0h2rdy7GSLtPUktNw6a\ndXS1FDVx9bCQU2ec/t9ODG1mC+9in8PFMd418v6YzIBucEwy3XZYC3IZVD06\n/WwzMo6gV+EOQjRbYaD4eMRLzGAJJzDx11p9gciSbjqCGj8ZQ3GjaE9YNQwV\nVegPMmY6hYxPAUEYHrXqrqGLMWoTLIMstBKFg5YTQJ5dnGEofO7DVfrltYHf\njSwTVj0EYHCK3dtiHHge6kFYmV8VQ5aIY1KTem/xQPnuhj6szpzPvg9Dvp5M\nQ7/2qdnz5gZV/u27BcVqggYruYOGG6wfp4fz2aSoFt4II6NUINNMkXcnQJQl\nwhhMESsLfeW0NiEsvXbL0Gplo2gjy9sXUJMGSe6zog7G6HCUVw80CBJlz1WT\naRJp9PAJpivDApaymVw96LuQ8XcrYt8qB2zK9BGxNTf7c8+XZFiyGRENXsGX\nV+tsxpJZm8If4qmoEBB0ODm/RePF0FLMrhKG2TTiogY3p2uoJ3XpLpLJNudf\n/m14d1yub9pHneM2z7GnmXtkzOyQpqzHK9MkVqHZiJ9Zirrxff6Kg85wljVC\nSDPjMdFhzFJWpzuBG6zu3+ta9lFOmq9UF4sQ0TfToQ1qiPDJ1oox4RHWa2gT\nHkJm8aKz7naOh8EmIVCICmJaahiAb+NiWwe6UsbpPJrr25OK/bF+ZEg/DnsO\nYwHp\r\n=foRO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"4335a1e34cf752d14f9e54805755361afbe31988","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822349","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2021112822349_1640729075376_0.21109372745930166","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2021112822415","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b4e5543c770ebd6ad602a19a53aac71f3f607fe1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2021112822415.tgz","fileCount":16,"integrity":"sha512-Fa3JmHy/W7sMy1/dgErCrJ3JlpKPnUZSWHwuB/6BuuN1eY6r8vwkQuZGDkKQQKheWnzXnB1TE/HL3XS7jpuhhQ==","signatures":[{"sig":"MEUCIAMp+7I37bER4/kMRabsKLy4+T50waX3xtfVUuxtcDBIAiEAga1PA2HM7OqSCyi+GHqFS1s8NWY78J02OR0ZoRuviB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4oKCRA9TVsSAnZWagAAT4cP/2Gl7qqRqkKGIj7lmCIJ\nfvihxvNgTaV9FYI9J/kCetc3evWHogzEFN2VaBtWd4WZmS03D8byCUfY6e5B\nDUUApmWgfU1lIQEetN33c8bJ3jEjYRa70F0JoqfENOz00Yy8ajnZMESf8EgD\nMGaCDFphB0gBP5CvMINmJjMakOF1bNWnaVbz1tDQqTgD1rJJtIlSqskPGW0E\n9kmFQ77aWTkiIniOItv+iofZGcqua26YRJy3YkVWIdysn7MLKkMX6h9izeLB\nFMc1sHkk9U51PD9xl/TEtTcVJ2ocZ09YxlFgfwsNGSWbK87C0kmm2lygSIjP\nmx2LVh+8RGNv6YH2Q9inPHrxy8uf9uZDm2n8WbxDhR+pecBq/4Zd0q4m1SEy\nPYLNLVIFLYOjrzvRIeanw67WVfH63vvptJSBwdtwuQvJ2WrLM4XlRU87XOqE\ndV7qiezKgwnbo7mDfCgedQOBABXezIMTe1d/cKzsjUZ6H84SaDX5qZ1C+TfK\nV3DVXnwjL1Kncwrxtr3pQxWuNhytiVHRKmu8aenGkncsLChNIybYShsliS69\n2mPg0n+JroM+1kO531ee8AugMr9funD8skogeHyCf58LODL/x80rqHLyiisE\n+2iuEJ6Ya7vVbR71ASuJfA2Ztp461yc0bkmn6Eune0DXEeWG6YpT4jM4XUnN\nKGM3\r\n=tWeR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822415","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2021112822415_1640729098482_0.7713271864384761","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202111299618","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d3199936328981dfce8e6a2a86279d209c869b7b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202111299618.tgz","fileCount":16,"integrity":"sha512-l4xdJB6dapW1Nmz3pdhPIVjsqTnKs8/9NeVxIrNf53x7ZLFUh7EZ6X86YLmsgE94aym00OeQH5p4ZS/lSXIE9A==","signatures":[{"sig":"MEUCIQDREL9rXnCVUVsdkbzFRTFfPrmdUqWKTb0QgMCSwPPAzwIgIKMsCYbrIs94QgCxq3NGFvT1brXyGpHQqDNeFw3b5y4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCU7CRA9TVsSAnZWagAAPrsQAJqQWsREGcYOI20zv1TZ\nQolJaA1d+U1WKlYA4bWqGXXMlE8EClGLXTXO5axvNucet88Vsipil373eozk\nA0CPtjfs5X9rnIqvMmw4PaGdjKX3FGC5YrEOkLLePYXvwPl7AW45+ZectKx6\nIQ9l+x0apUiCljcN728zr+YUNQw7I8aCCqPDsaAUhVh6bX6MY3Y4GLmQKzPC\nwqJcS/OgA9fbA2breD5UFm+p84t/k5B4DADNH1yzup/de6Nl1fkM2+a/NGJC\nUD5ql/Z1gvR1UZjCG02JDNciVGL83Ncmnw63ZkLvQzmiQ/fTtZ+cNlBD//yV\nL7MnKJe+xNLPyy2rP/4V7Jy8xQ9s85QE8eAUIftTjZhgtJKBEwXKkQn2u4rQ\n7rU3SmtkpgPNZ912QGl4MjUsLm60Qy6GZKwe39SSU4q5ecfyDjt6dNQswSvA\nD5V+BgKVmshkIWlmXOAeWkb+F+1HmAStZNn2r5mAAWLC/nkfEKHTaPq9TZUj\nFYjLzHU6EESnxrJBivloJUeanwHUrhZCIDhwjiembcbCLJz65unsE1EeQHCZ\nWCIA0B30vvn/RaEjXhid35CqMYDfHd7jjaX8YZ/uJGoPzS3NO7Bv+b7x21Ku\nLuN/CPoICp6c1eUJwASNklo+oBFlrwg3XQE3A3jse49hDW3RS6FYcKOMQ38F\nwGV8\r\n=Vrij\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299618","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202111299618_1640768827133_0.2117703138520013","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202111299647","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e0515a6d3b032670b7ff6c0d2f7a0d5954a4655a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202111299647.tgz","fileCount":16,"integrity":"sha512-kmWPpRpPYy8bqfyzK10Ah+y2UxUp4AUpcNT0xZ/sy4Euo1jNC+kwJTM4PKv42CQcFuxE+U8GpoGtEg9eJ5ca5w==","signatures":[{"sig":"MEUCIQDWqeoQsKKY2TJ07CZgDUmUjFavribTKz7ch0o3IFO8vAIgYATXRFGyp0wLWtpYCbXhNLVBnZlVDvqgD/hrZFSpgyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVTCRA9TVsSAnZWagAA5egP/2RfanBS3fZOeX77B9Av\nT+NhqK5XnCRutvkFulcHu2VZLv7jIxaU7AqYLMfundKCbqHStdqwFZKehAdj\ncIuvGHtA7ogUnnBsa8kvp0It8iHtpeEvYGhzcsxE44g45HOFF5n/wcClKGAT\nn/erul21pxOAhY6RXdD8doj/u1MjHYwRCKYNvw9E8Q4hvJQcyDbFqn1uiLaV\neiq5KC2GfVr1JdBnaFT5cTGBywlpzcyTC0XszaOBSOCMk4SlHhshU1b121ep\n51P/9P4QPOdXlAt7pQKFlVfpNL9yf9eokAZuiuHUqQNHtVY9iP8kk8wRgxBY\nsastXcefOKtF+5LNTNicIf3fh0iFm3R11LLBhuXTa6FwAgZWDtsufBlGTfMn\nvDIVXjSVyH6h6qyDwYftfN4Hp9buaLkTLXf++K7jDmkAfN6OHXHcTQSvF4iN\nhviHHwTRzcxKfqCMsVdvzHcoTGTg6bskAj3z6RObCUfq1zyQIzQpHHL6nlPJ\nCA5H9n92KfyJysJxPB+dByabAtQ7gS4DAs/eVcS+CpXljR3zBf9rRglS40Dd\n7TLl0Vbq0p4I4dR935KXVc8HvyoBt62BPXCX2/hL6Ss3geFHFrQgR0chfJKG\n+V/X8EQ6wPlGiL0xvRiEiz9gUmTQdXLLJfiNwvbqecOBoZx9JagMMzOT5j8h\nQxXm\r\n=9T6g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"da42210eadf8b10011fb1a7bf54a3c92dd9010e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299647","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202111299647_1640768851537_0.6168834847190947","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202111299720","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"28dcbdf43c7345626345516e1e3f0bce5754e5cf","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202111299720.tgz","fileCount":16,"integrity":"sha512-j/oPqqUucZog5LwasVUBllDexs5um6Yg4NNzpunlWbVMt6dzotcNCHy2F76KWFjhrHX/18seLxYKboJsqmZTQg==","signatures":[{"sig":"MEQCIDEex+CsAGo8BBHpiQsTrFkXT6NoJoaPjrglg8Ciid4PAiAU5NMc2CdecCIeM+A5QkZLw5zPMv8X3a8gK1bRh9cWuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCV5CRA9TVsSAnZWagAAzwsP/RoWDhFmi4NpHX/APwYW\nJPCyoODMb8rwxlJURdPF4ASvs+f8WkJN4SrH3I0z7qHsuwwO35dE6rxM8Xx+\n1nFfb90KlVOfb6wauhvGaDejzUQR1iaV+M8MdEzC6B74f6mXqw61wWRwgJfO\ndzuUP9u++cV8oFrRiwfkLkFxdImoI6t89ec+MHAN+YzjflSNxQr1AHeLPkZT\nQjnOJkkCuXwkBAYv2atuZYZC24oPe+70tYUbBJgvGLdhPh5O5R/RixwxUJQH\n2Ebl5tDyKo3+vUOp27KiO2QIBobwppzF+UguUiEbghiECgDq/59c/LoX25I2\nvHyaEC9+caOwcfpoWFz9zqz6dwXhG0Va+8ODIaJHUcp7XJbJxQlpO61RUPxf\nFWh1LdjPnDWY8wkT1n3TkkJWAn/cGUUHCF2vM7CeUoOC7bi/Mn3hgNz9NKe2\nqFNjcilkb9jF97FgHK38XkmmbqT/leYranGSEWrhPg5HYEvA9MVVgu2E0UZI\n7ilbonpZjXCnHHlvTQjwvxiOeHLpVmFYLiUo22no5LJnv00s7qbRRsQYrZ4i\nAl0YewfqHcaxrJAncre8UfKPV7DH0o5SPlbxXGA3qIpOq26ityXTzzNhg+GJ\nCfPvsc+PDlX7piluAVSEsvsSEw4VIcEgB+7t3gmq9k6ZUheaubKf/l0fwxHV\nHkKW\r\n=m8+a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202111299720","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202111299720_1640768889606_0.5621472075651035","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211129982":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20211129982","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e5fc18b11f6f79799caa1ccbdbb5f2f2180e5772","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20211129982.tgz","fileCount":16,"integrity":"sha512-YXBNkOnP+uEVD9tCgNJ1gXHGzucujQbCpdW97FX8xMvzx0/tdKxMfpxXixQ+rRmB+se6+m07/sAJNpCXK13jVQ==","signatures":[{"sig":"MEUCICYZnXYgjKMr0uVkVDsJUcrft6e4wuAPqPLYIBtW+QLKAiEAy6f3qXz/My4jXwV1+/YJIzDVRkzZKPoI2nWFF2jbe9o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWlCRA9TVsSAnZWagAArq0P/RfOJhiYYMOc3o84llm9\n5OVLog894uGlME6TtxKaIAxJBU+x3YwMe54ZTAsDo8XJbXUA2pberMycVagg\nRiCYU6fJqQ7w0m/uxv4q8hRxjXid8FD6KxOz27STSl61GEgP088lxqN+rArW\nuuIaQSSnrqm0s3CMyiIPEQZ//HUfb1qVu/xe37d1kIz4JhJSEynEw+GlcLvj\npHScSLQEXkP/nPaBTcBIwcdhJifrfZ6tlU+o+83ZoO5HMnQt/4VLcnWdO337\nSvfLDXvHGGW+6RrCPztomDhroTKR9/HfauW0HPzhNlqvgI8HqABivdCKP/G1\n9l5L9/6I72WcrHKy9tNkhGYGYPfXV9L+ior97uyuASCjWgpA34n0fOWEE2sz\nQVF1sTsxjhWXiObflWKhd5q3TRaTtBjH44t12xFCmzf8AmK7TBuYbMHxKXL8\n9eV6jXIUHLMB+kXvu19K1aRBRg1vATAmKaKE1+A9LC06OpTxri1gktRcFw/r\nujY/uPyUXu/OTpGDDtBwYrTgMhF2hQjGPbN5mPmk5mUlnnL/LbyDf/WMfLZW\nIH2koIHv5QJNzMDN9gbmf/XkP3i6iBU3ALcY0IiFc8sB5bSxmiFLgxzllaWV\nQZneGOVFwt8Uk2YpQ6aHlXLvxO7nemPoORcthP+5qdfO5icB4sL7ZqqM5pD6\nQnwY\r\n=/Idw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5ac174aa4b53c0ff84d8cee4a1436f48deba0925","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211129982","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20211129982_1640768933152_0.25246248203559896","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211129981":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20211129981","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-pr-20211129981","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"afbcfa554b48b5ba4c5c7ca452b801cb14745b16","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20211129981.tgz","fileCount":16,"integrity":"sha512-v4vD4uPane4NoYrTMK9Z/eYj2ooC/IRwYiDj1670jyNT8VJ1CmG/RYub5MCmv4FXJK/9lESCQYSCK7TvC8IA6Q==","signatures":[{"sig":"MEUCIAzfq+txw1VaHmz+6HM+dkqR2fqmm/eqC9gLy9eiuCXbAiEAmnR/nhfRjSIynHiBA+X50Fx4iok0IdF3+Xh272w4QTA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWsCRA9TVsSAnZWagAAHpQP/ibKbW8ib5tnvXyf0Ljs\ntLWIUp2+apbzRiKjgxQNiBRrrH8b9Z5yU6aQwZz82HinmPn7eM4wBMVIEgwn\nncj6kWwACbgjiskZVE9HQIaPpf/VMjCReqAYW6UrAapeImLtuEPf25RnDzNz\n298JF1RgqvApbh/h9eHvQKwB3eQTk64D0r19mVxjWNiTCf9DQDolickScLna\nen9Y5Zek6WWzrPUa2SwtetpNzq1GswZEeug6VziijMXPhao9OqKV87LOLAl2\nEOEBlDg1qO9nemld3nhY33mgLR1lejaLAC+GDkSimIKkLyShj/oIeb743uWC\n342T8F5fudCZtxFaQZKl7wsEfriLWX+YbqY29RbFZRTHVmU5vzEuDXVelw2/\nyXoFW76BXKgtRYZmjpsbsDD+S7s5tVem0iZwzCz0jnEyafprqgUjllzUPPwv\n/0PYxmVen48s6YfERhHgo3yP+IT3r2P0Y4+sGlJrIgehMm9tebTEs2vZW1+S\nY6t9KaNw386I6qyp6KFqUh5kNzh0k/6G3DxqSZ7Lm+Zb6LOePk3LNpjiJr0u\nztz2zvaqzuVS8p/D6uqtjCokOxyqefd9ttOdUwzR0VFejWeTOII9bIbmQ2hi\nx+w4nPPDElmL4hlvEoO+xWtUoBZCWZmdo7yapLP3OPuTnM+rOtBCMDsb8gWj\nvAI5\r\n=TiWw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5ac174aa4b53c0ff84d8cee4a1436f48deba0925","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211129981","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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-20211129981"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211129981"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-pr-20211129981_1640768940207_0.1074944497257293","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2021112991213","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"768d79cf6c7156b0b40ed972b7cca321d3590bf3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2021112991213.tgz","fileCount":16,"integrity":"sha512-4RIpPspI2NWzXoflVjNu84tiWebLnmcseXMcnO3m9narFG7+V/B6Q38sqHPT/BuilL1sl9jhiJut+FvSd769gA==","signatures":[{"sig":"MEUCIQDnp0LDlJ6bG0E0GCChHf+uNmhq0VXKJVxN8pse7CgjKQIgSleTTGiFbkbHIGuWqVAv1w2LuKZ3hVMxCS4jxYRJJJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCagCRA9TVsSAnZWagAArqgQAJJnvE5UBbYJKW+U8GQ+\nZWj/xcNvXVWGvD7Bw5l7aJ1xyMJpg0TW/vagstSfy9hBRYpdTwjnyZoZ7RS/\nANfsoYaLjPeK5qTGaKlkujmPfYllyZvQ6R0DMkoNkO4918qqPjSvixUvBV9C\nNnbHtLQLtXKQoGuBNtFF+tv0nH6bqoEW2WhxiPOuvGQms/OUws2DttcmDvja\nNbfarDBcgmxOJhNL7P5/3uFtQK6EVbmW/aQ0LBZIIJCSwL5n17Hw7bo3Uu2l\npwbXAmhFQlfQTOaKJfj009yXuIOyF4+dz6xXGriSudu03aZg1AK1Pz150YwO\nPqK4O7uB++BtHMqVlGiAvGJwp9EOefesnwYGxzyuB5u+8UpAt3LvdBBQIcPo\nmuYCpJvG/0ady4JqGk1M94EzFOkSoAXOz3+NdlAt37+/RzGNmUFTwKLUwGfQ\nq0n95EJlsFJshAohwl+HWs+4YeYamso48xVq/XRJ6z/Z73B+0G5rNJ2KkRj8\nHnfviERalI0BWz7nihn4iZPQj1vbrXJdOeboDCDTYL4cOou2lR+uMQbTroix\nELj8Xrfam0BP+Sjhz/dXqrK/sGPx17JffpOjGQt2fzCqVMYsoR9njd+6Ip6d\nM8UnmNfOJX/U9yHmstoUv1kW0uCTbpUkSkJjIvUFLhQeGlIZJ0PSyAN4Afch\n+1ZQ\r\n=513p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112991213","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2021112991213_1640769184513_0.22295541620688364","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2021112991233","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"72223f59ec67ca11fa4dab027c4e10bfcc0c2070","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2021112991233.tgz","fileCount":16,"integrity":"sha512-XRcpDAHAbbjotQ83gc6NcTkWLVUkcw19Cin6VIZ2CJ6i0/lo/7L0oOMifT96J4RnlNKa8UTOyrxB3Rq3LdnrLQ==","signatures":[{"sig":"MEUCIQChfA2JLA4HtHTZZ5DD38wdJvAa+L7k4+II5Ru1h4BY2AIgBuh9VkUzqGu2XohxTh04eNUxKuq+BuZhoBN/uY5FttI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCayCRA9TVsSAnZWagAAxPAP/3BZJ3GR6/7xZgB617fj\nc07ye3dGcTzxbfsnObOceGpMJ7RC1qDSzGvqpxD6ph0L18qdQQUhNl28XPfN\nYLSQpFpg3MnDNRCBXz0b4Jcq0A1cxc2lvP2VzYKWIc7bWqY0Ar3JyUXN3EAC\n7mH3DilZDJQ6+U2ztiEIQxFQBkR0Txe9+VbRg/aZmdnxcNiOb+4PxBQkcRhN\nPfW9FtfkCI6RrqaW61cc6y9REZlGmL6H9e5KCSyX4TRi9SvFf7RXu7YraSm6\nIpSgqGTdFCMveW/MGZeBmqb6rx2+w/FhU+uK0UyoSLY8Ds6bAFPSE36wiGIW\nlE48eb6XvOIJOBcm4vbkSjXbV9Tl4NnNc5TtZnsPt285Tevfit/MBRCUiHAI\nS/Zu1kjs2kk5b9duspKUhwD8REJ3fT5qEAZt1CUxHnVq/Z5X3D2wkoP9sqkM\nGhFsvHYRDNmD+QAKGBwqeXM1oME8jGTeXWs16jZ/06KnzrYkrp1+rCG5vi83\nPhNiuUfIze9u4gKkwrH70viAwjbEWHx0zBqpypEyyJU137PWNW4v3LxJvZ+i\n2Xmrpr86mzoH6OM0yYN6uSWGdXazctMVcueShBa1F4q4Ixwx2VLieUyNMYEW\nuS9UgOwYa80AgS3BcOX2119Rdtk2WjU7Zv1HpHUB+R2Tk1+VL+w8csr/QnkV\ngJRi\r\n=cDS7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112991233","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2021112991233_1640769202217_0.17954863335782667","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220114234","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"05a506984bf603b5fcc42265fdab53d2707ad1cd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220114234.tgz","fileCount":16,"integrity":"sha512-JA85pGw34la0lWPaniFW7YNoj0d+KKIXhxPm/v3NHROVIXSnVlS1awkr3wfUX0XaH/wZjQiNbwurxEh6Fftdzg==","signatures":[{"sig":"MEUCIQCrIhC31ifqMTr5GbLsf6ml4+0GRalE8vY1dvegSLDhwQIgWP4/J68fk34CcclZZVo/Rq1dTAuAQ5lhpvu/j71gZic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7G6CRA9TVsSAnZWagAA5OUP/1BkGOU20+XE9EfllZsc\nH6Hbs1eGpF8uHIcnaktDYV+v4FSTAU5o/u98pCqjVaPbCqs1u5jw6RyBsPe0\nTs53OK3Eg/D2kl/UpQ5WK7MexyTzVJ08O7lVq+gawx5j/wHRS2e5EfnhJjK0\nMXkUrA80lFklMz1hdoJvepGhpoU0OOjrTQvAO3QQefumOfrf69LQDfzppjOW\nOFUrNwh0Amv5CeSUo4nMOIrVScySsMVADZsRb7W9ylIEXRJq+TzpYQgY2r1u\nJy9iapOmzqSWkxDIjCj9rl1WYJeOn3vezHEhQ7pHLkj9nEzHYev1VRDP60qK\nNcMGLtxq0QYhutOlHNXxKwjemHxZraK4h1GN2LdnD0QnIK9gM8r41SVWx6xG\nM0ARFbNgHtHnMGdHgiBkAsLkjGZXYssAZKsvRR+ZYt3/Ychy73wMaXBK20jt\nRWS0KxKgfokKBNG0L1E1dl1qUdri1/Q4DXrPPcWWdk3NLHWIqcTKVmAqQK4p\nTVOzg/nB8HhyQOadp7ZejxS/tYkD2+D0rFUiIBWFZ8PAknN0orb5j8quaFnT\n3hMBbARFllo/sygNJczavMh5hEA+iT6Ut8QB6C9BBUj+1RknalCEBRkTj5zo\n9hMGT/Sh95X4hruBAfjBq6pTrlF9S6UOUDsantUjdEXoc2ovvl4cn4p7j47z\nyhJY\r\n=dSER\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"503ba4b41661a704e0a2b9e115af33a71baa8b39","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114234","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220114234_1641001402033_0.8157474457612299","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220114728","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"fc2eb309c45765574666c5daa22b3eac1d9468c3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220114728.tgz","fileCount":16,"integrity":"sha512-RquoJk+Ix5FiAvddNhkbNQldnbG8D/psHTTv3Sice5/9zlqvk3NEaKmRXYxfjbxcLBt4zwIlDMp4pYVSKyUa1g==","signatures":[{"sig":"MEUCIQCxWw4Rronr+8ZIL6V+0JYI2OYsEbrJ6ZaJAvCRJnfvmQIgSDgnAvUWzHsK6wSyTUYRX0Oj5BrQf72BUmazyZo1m6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LkCRA9TVsSAnZWagAAWbYP/Amh7f8OSl57dOuyH2WC\n0I/71klMeOJlcZIj5LosGg/IEQe9fUmMOxoqSAye7aNiJVWqRDvCu8l7J7os\nvRkrNYqD1frxjQlFdoU+8Cw/bys1SAsGNLb/UnWiVfgJOZIDqI294inxCSoZ\nfcViZQe0iYll2e2SYabRM4s9nTtSpnYaI4lxXGvdl+yuvMAvYMeoTlLeRQ3Y\nCCXG36HkgPsvIcBN2+ERcZ95+B7ofzVbaXXwSfXcIIcluEvlFeXBLbiIGGm2\n5DW9Jqnoq35HYMCTXkjCkWOchTiPD3ejFhw+KI/x6C8V8kC6gJDxfKPCQGOe\nT+Lcl8nJ+BQv28vcThc5wcu+9I33avEywd9SCunYR3oBDpawQlrK4MvxsfY9\nSD9UvzdwbIWOqMzLQRzZGEpgXVcIOb10m70vXWzieTFTYC2qzUHcPY2XPSbl\nEIO9Jnpy2wGGC3qH09Jwo6w/jT9GJYQHI5kEZrL+SYWKD9SzQdQuy/GLs6Xf\nxMWrM3gcGde3EI46rM6B8BUhZ6pBdeWsRmU83tpw0Ab/ek2WyoKWlUwE54+9\n5V8iDPji831QdXlwryd1VCK2HIYo7QmCzwqz2U8deahzsgSi7FWHyFA/pE1+\n5gvrWkwycl9VsgiTNLHuquAKlM5yITJsw3/fDwjk3EwgqCrgtgyrhOfAOX7s\nW4pS\r\n=5fh2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"cbb0f902b4b516e6a1079112f9e97fe10fadf810","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114728","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220114728_1641001700073_0.9367975579662626","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202201134936","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3861fafda26aac9b8887b92092f65969ea3a26b0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202201134936.tgz","fileCount":16,"integrity":"sha512-Oc43W5+4WZG8Jb47Mlo+hY8HB+gLlOORMxF8wHlkgVBgpw7zzibcHxiHrq9SpmZwd+nA4XbqNF459J8btRpJTQ==","signatures":[{"sig":"MEUCIAfxXORRqSI1KWMl4XPIfl4cDRqQCnevdyOh9GMojo0zAiEA5s2gjjCV93L9+W+J8L9dKsuYavf5H7OH19TglGIoOOk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FweCRA9TVsSAnZWagAAESUP/1ip4vKFlU6Eai3eYp92\nhIGkfOjccasgVvlZuSP0f0kv23zB6rtEspf1aBCfFHGYA5ZPFocfDtRMnX+9\nqNuYj75WzNwtCFCDaIsliuFhanos1Zs0vV2HfJj2GEEp+yuPQo9L/fy+3R2Y\ntxBhVTKovfhs3OK27UoF2T5su9NA9bCCZv01hXEA06Z68wd1+nkY2tsFoDTr\nYN4NFWqHHcCEp4k8Y5uBP7gB0a+WId+g+W9BMoVEWiZ06+ENddmcssobaq6I\n95zBgDKed9WRrgP+EawCx9W0ZwRk5U8reEJFpE+G9CTVfPyO7VLHAdonnVro\ngGQKT1L7VWy/fpf/RdUxO4Ty2LbK1PFm9hc7k5l9RQr3S/+llCrOcMidm9ED\nFCxPBjwrr8IS0Mmde9jPJccG5u3+Dxtmsn218+LGO2dslQuGBrRRi0eZELag\noxn4dFeAdwsSB+37ej70jtDz+NphpVJC/NXG0v7wRc+XGKhfHCJwZNYi57uu\nrTpxyq8wf7mhEgMEj5UQxOnRLmyE1kdb+ZSomIwhizCk7fL069xwbvUun9xA\nLeC+b5jvaQeKb2LWcHrx6373Kls221mmmvOrhMIvxKBLz8tPwzm+4mPbs+Bv\nrOuXLwlHjh/je1zExkzN8AlKZpx6sNOz5OQvkZqSe5W6QCqpXECPSIx/nQdZ\nC8xg\r\n=74KU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"2727b79201b1897694d588db94985ad9fc8ba1f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202201134936","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202201134936_1641045022471_0.5309945655922936","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220281628","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e53c4edfdb7a5ac59483074a0cae7e8828e44631","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220281628.tgz","fileCount":16,"integrity":"sha512-Yap0BZriS1KdY1VvcrIoy/uJeeB7gVAfOG8CaeUkkek5tXbwLjgnXeP0hTisn26Bqd2yGVNiq1D0jjftO1u44w==","signatures":[{"sig":"MEUCIQDGmaj6kOv2sBdXc6cSMWBdLKsEYCCrkbY/T45WPSSuggIgeHcKwhNFQOggHZ3UtpsHq4AGl3yMQe/4HYQfGEVN2h4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V+NCRA9TVsSAnZWagAAIL4QAIdKgKiltjVr0SSJLq0N\nNMHZJ52vY3broWFxlPcKirIWPEQDZmqvOL1DKTj3FiccFJuHyt60VgNLoB/c\nyt3Pcbbbs4dQ5MefWGtNlgXnou1a/dtn89Xwg8RKBi2fRZh8IGi0QBvngDZs\nEsPY/obfMeZ3KXSU3DqdYrjb/nH0D9D2hSpnxuma7Px2Ij07kRmOPo8eAk9t\n8LpezprsZiRsYTmg2CDDWgf00KzD95RuFWODVOiJW1GIoVOM7jJK8i1rfo73\nRQ+3RYPAmPc2jT60UOb8c6CIvGZhCoVO4DR7s+J1SI8ewLgF2wRMKuYt3e57\nkr41hsm025iFANjel/5izd24W/+kPgWY2laIufACgzMRcI2BiWh26fYx0ETP\nqd3rgCfJy0JQvrHD2pgkYdIrI/t4Q91ktGJGgfOSIObrtSN/wNaimwF71jFM\nMEx88oi5eKJ+L4QWfTq/GRgZISXv+ZIFfY0Zk3i+jSKEE7RYKXrC1MI9u0Yy\nxbJEheZXwVFBY0/G7o0CI1KNXAxtcNFFALwht6HysN3lBWsIyG7Ov8Lbbfxx\nxnXYW+qcNtkZE71usHLlOqb3UTSDH9haWHT6HHDuwXNuwZ1NCc0mKtOLoAGA\nWyKmsHTU/2AS8iaHU0Bfgcmhp9/46cGm3/uQQE7bGLPspv/OjJK94YsWuiZc\n+XNb\r\n=bAoU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a9dde641ee8d65b51a03845f8210f6fe97148c6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220281628","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220281628_1641111437315_0.9743553161176879","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220282224","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"505ee9d5a72a16c9b8c092d85312d01ecd6ce704","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220282224.tgz","fileCount":16,"integrity":"sha512-m7KoYCALvraWSpWEIx+zK2rTWDZjdlm/KSZ0P65iGIRlhzbpgh7DQM7KlgwMOgmcSf9Nm6rtNDx3eDTvwZwyuw==","signatures":[{"sig":"MEUCIQC7sc7GEZrRjmmRxNd0Mvfc2/OswQJydjDYHL5LRA79sQIgW9XSlQn/kOZPXI+JFBvrK+fOeUB0oDeu/r1stpix94c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDsCRA9TVsSAnZWagAA2CsP/RsHWKpNoNYCroKBwcrp\nmGkB3jgLRNuq60ZtFRIiNHjJD0qRfx61f3kPWs6zMVZnFkwajCJN/YYgGbmL\nYn3KV/v6e57QMAvjTZcfrYif4Zbs0SwQ0v/bcfptkai4/ymr19tNdIRVqRDv\nKlPVfSmV8kbt0QKJDTZt6/Qa1S+r4FusF9q0vsZB3m5ugEG/WyNiQbQ8cy9i\ncSnDQfz+oQ9AWipFlRfO2BEtO1thedRN7atHkkrzdENRQmmNbKQk6cE64Oo+\nZHfdwtaSZL1WM//lv09nUGUDbPqvoQ3+R3ulEPLtnK3yf8+VxDscSY9/Gvct\ns+MeBqKXtJD3Yq6KVaBSfFWiIIjBkBuXxgVe2q0C2jizRkKmJKOdlm3a2Ft3\nvxaBJQa5+/eYDtW565LOXSv+CntwfLZsAkKAaHd74EJ3pvdV9KLkj0zki1WD\nMHZdRGCTF1KbIMlQcrdUuRKEgteoxBY82oh7jmBcnLq4T/55Y6f+AbJR0Ma/\nzVksJ3eKEanxVpyNLzapAmcp0x4h1QI10lSmNCBLiNbV37XKLEpU2WqkCjdY\nHfN4F4HkMTMdyaGKv2VnYXt7UZ3nmiVxDoVeqErq4WlgxdwLhqALe/ej+zbJ\n6g0XzKBBeQOsbSlDFAAu71fdTfI6vI7Hr385dejB1KdKynkmAXuqLjWG9B3a\naz0c\r\n=YCq7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"05b58576040bb66c8ca5daf1a42e31500e33860e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220282224","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220282224_1641111788288_0.46029256135731145","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028241":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022028241","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-pr-2022028241","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ab9097248c166d2d6d8c79fe7583503eacae2db6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022028241.tgz","fileCount":16,"integrity":"sha512-ZhR+rL6DRSzMGWkRYqs3656p2tSHQF1Be9yPnroqqjwiurtWc9VzEE7QAAs1X5WswEbjddg0Gnpm+veVbsBIRw==","signatures":[{"sig":"MEUCIQD4vXKcyNOyafieEOHCmap1Lcz2HEc9rh0qjoqLOLHRRAIgatyx+sya5GkN4vmLbibWsL3DU3Ao6AzQv0jeb7Jn1I4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WFOCRA9TVsSAnZWagAAf0sQAJNzn9OzmNWfSYD+kyd3\nm41HtHCxM1Q1hncnYRJFUy1fBkuqJ1MobfR4H2+0p+wxA1xxkWeWDawNpmwV\n0KzxzOJEYUG/GdHid7sZrSgjY2C8VKCJ+nI8l3PFmc8d7bEHa2RmyHlqgOkF\nNRFJ3+sEMrGj7psLeJzUlO03JNYET9BxNQSGmnQrcr+QWlW9lb8kPcDF0a9b\nzO4DYbFNulbTc880GJ76MLWYA9W0rhO8uU51KMhJ/H+JmmRCXBmvJafILwq1\n08N0y389M9FYUPrbprhi8NjgOT9NhSknWk+A72HGW3h0J9ABny2l8le78yDQ\nn0i5Dti1yNl7oe9ESl3y+tpe/hvDneukIeveVzsUG/YqzXTX0DnSRh6r7Scl\nnaUH59WjeUZyHg+sY2OVEP+L6BSzFeGfTjs7h4R0it+qXBvG0Y6qNXaJNwXq\n7x/d3o0RcOBfhIDsqnx7ZuKe7r9yNgIg4iSr7jGSnjjJ2F4YlaYla8iTqa0f\nGgPXr6G0+PsXroXv514/MUKyuJ/Y/YETcQlbLN4hOduoVdhcUjIXyNHvq04z\niFudwDGtP7HHGgimjEadMilC/jfEEXMvSPfh+/6xu/SOmvxtIUvlPiLwTQ9K\nVp9RN9PLeUoNstONkjBL+SkT03/J+fx8dCjDl5yeeBgOpcCOhLcO+gJS9ztG\nCCfM\r\n=4syc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"183e4381a3705071bc42b4bd6eaca76d5feb4bf1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022028241","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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-2022028241"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022028241"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-pr-2022028241_1641111886316_0.8855864522420576","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022028277","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4bd875d33133d6f05976074dd8c8c3c3fc10ebdf","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022028277.tgz","fileCount":16,"integrity":"sha512-kTVkK2vWzWT5EHCc/wdNLkng3OF1zBIlAyeSjIbvgJyZEgnmjkI2ouVYyZrW7R2rBu41DoqgwLm5Sm6s2NEJZw==","signatures":[{"sig":"MEYCIQCgGg+/S9eorOXTkhI7nhT+Af40iBWLuqoKKnJJQsBzRAIhAOehCAA1LCJqhSA4ErA/pBWRldrZy5P6b+YhPNTevCl4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121077,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WIDCRA9TVsSAnZWagAAJlYP/1z7oFymeJeL6NU9JR5W\nvvdQxWRA25tcACf+9tQjieJtDuFghk2I013D9+c1by7aIFwJZFgfNd5dAtQh\nRpe6qU1JEAVRS+15Nzt3IN1wnl1aIoArICtdCaJxS8UlxwMi8g6ZHmYSHKsE\nUIfxQ7UDy6N1c4VK5AfUqMVubOcGFq4YMUVzI8FpDSTaz4HxFS6ZkKK++Aex\nMzS5JVVaIAQCzm0e7YMM7PgFUVGt6oPnz7ifrcLqbmZEspJXc5z7QiPJNPYf\nKBUgGEsjvHtxNqfNyvM/tr6XP1S8MdEGPYBpvdAls37kXWgX7k7tSZIVDpjv\nGU34LRXjs8J7MGpoAAp1uqQq9fraAxohntAPaPEiTs03as6RtTWXiDZshN5u\nXdGYXNeDAo6WDFS0KoHhvNIKhoIhLYlgNyNmvZ6RZF+7DaLgtQzZI2q+haLg\nkcmFFd1Zg9kKqKxfQCnZfrMxcJHboQzyOhRCHQkQumtMzB6QECMuE91b+iPj\nQv3Wb+JngpYP4XDzX7uI3ewSH7UvTYahKaSqFZKEYxkTJChbJomD+VTIYb1M\nwIyn7sZJqSuYaF20C1EdkCh6sNMBb/9LAna8L4MSLMQ1R8M8/3gByPgVjPrG\nT38/WhkAvelaHtg/SSq0uTaAqY5UEG17iVLMXnoGFmnRnrno6Nnh7OUFgtQl\nWc77\r\n=dFD3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a38649394bcc95d4c0207491394b0cd2a0c64b1e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022028277","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022028277_1641112067504_0.7051635178102633","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022028387","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"73b4dd7c1165955fda06e69e0e51d69446feaf14","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022028387.tgz","fileCount":16,"integrity":"sha512-Cqy0RjVVgFIwnJdmgrc6Jy0Y2b6RLnipvLvLo3qkS8pJ24SOoEmP4HtzPwbUwcK6MMpt1unTBEf85vXW2Fbtxw==","signatures":[{"sig":"MEUCIQCjYkTa4zzVJL/Wqk2ym9Bk+KxUx/s61j3Gt2w3ny9jhQIgXTK2eU2MezVi7xGQwzRePSz8Oc7vxtpRPI0CXAT7AII=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSfCRA9TVsSAnZWagAAbwsP/3FDuDJaGU3OkeZYHMWr\n4Csn/l8D/5YamrsjjrlIiw3LMwCht1zbjdNyQyurMV3ajTX4ECCeXasUGB8H\n/Aue5jaHZ5xA2AqZVl+ejFT0cqJ3T+bLqvrTdMkkcotm2kP8JIH77bC0jgR9\nG+PqqRq59W6ZZi/5Y43nCv3FNoyjwpZ3R4TbMG/BjhDQWP02rRPwBYo2y9bh\nLA3UagT2uToC4s4dxHvtxXKQIVlXH1TY5qcqazpXGFIjtcZaHcdlnKam6Lab\nmqpV/89BVJN9rfbQxwjNq+MwPXB6HfsaV/FDcj6IHLabzXpahdhGU+xOfVM1\nSiqm6F5SBtljLpYbKEq9zyJX6bazat33eN3iZrpuDTUDR6DkMPF4wZqW4uuf\noTO0pjeHCIGoZWSAGZ2Nyw2XQHVXHQn7KFDBzTKD7zO7SVG7W1VGYWxQZgU1\nSs/nyoSpS5BMDsC6hUhEDjvEOeUTdWm6/Gy8YxANEqpoPlai/wfzn7K3z5sK\nBEyzZFVD/t3213C5jDRthtNFOM6EMH8bWWXKbtlM6eykOJ2cz51IuIw9YMd7\nmTFa4NgE625OZsCAxyDZ6V/sgPPJHJpWvwt7yoTlQNpD52ovQEIjSMkRdkcp\nBQWpLDGU67LpxxBts3WDEbRFAiMGWce/GJ6b1IYBiJxad2u724h5S/Bu7+vq\ngLmv\r\n=Lmtr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028387","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022028387_1641112735759_0.19933685057893546","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022028457","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d79f4cd7aa81c9998c323bd2a987c2806569ab8c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022028457.tgz","fileCount":16,"integrity":"sha512-ung5adDXLdqEHGyudLKJhnEjHqamP1EYvK0kGt0ri5pRdEeV7DRd6Zw4G1+vCd0euXKo9N+kf233tkF5V25rDA==","signatures":[{"sig":"MEUCIQDoFj2ayD/mshaFqErh4CP83zwjLyQ5MepX/a4oS0n+eQIgN3n2VWSSgjOrdxcrqQvxSZN6cCTHXQxdGfGLx1XnnWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WY8CRA9TVsSAnZWagAAV8sP/2G2Ik8O5l+kzcrPDcij\nt5aCSpbtagNnzaik9SDecuqH/y6bKtXs50GBYYlDhGaVii1SrQv68vzcEYMk\nzA7BfSXHpjpO68K9tnfezCCGZseYH19377OE1IstaPg/GxVKVJuTx5bh8T1R\nGuVPPFABrB+J04MTIl8wQICSO4Ozskw2Sf7nAGygnnDzAUoR9Vo0M/ZcZaHI\nITXxQxXtLxsdfBIHcaC6IlBajYXUBIbUabzIJHPWXBWWqlcE7ymd2xKVQgeM\nvl4KxoBqPgTnzldN7k5pKn2zYTOtSvXJYQubIQYEaikrlyOxlkpmiXzQrTh2\nBRQKWWS+s896rW02kfhOfQEgH2dDBX7jR0+l4ZerT1F5Skhq1GCzvJTQtm8w\ncoDF61gO1FFhiTPy5l3FM8yikOZuDot5x99RQA4/KND4XN/UeZAABHKl+4Hx\nqWXC4ujntG1d6sbTLtcWoHL+ba+nohqmuCoawrRDyAE+4iUAKVgkW2Z7Ufro\nrUw+wFWrlTJFWRNOAp+IyE34DYlpLmZEqTx4ipqndfYEEdpOJ4nAu9wP0viZ\n2UnRdbSWBveJq0LGnkUKOktVodi+EtXxdcH+FTBLGnIQ6bhOJuePFwpQT/84\n0mtbdkV2eJPmH1qtm7pH0FNOpo4kvVbflFyCp/XEViMAYLqIK/g6wpb1b0wg\nx2B/\r\n=nl+5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028457","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022028457_1641113148062_0.5178961267144977","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220284534","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7859c2fae2caa8bd452abd8fc1745a7a1876841b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220284534.tgz","fileCount":16,"integrity":"sha512-BO1APnK54HXZaOCe8QAsjIy/DWSySpfW/VjjjtnRQH302sSrHFqz6QVn+nIFvG2qoqZFI3H8Y+8CBd9QeMexPQ==","signatures":[{"sig":"MEYCIQCspuO7cXBI7oRxeM8T6CO/eEdc4HOnY8Ca2NoppJK//AIhAN0Yv+nQawLN/FhKMcZwVoNKJHAYzPIngJMHxXIeN36/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZbCRA9TVsSAnZWagAA+DIP/31EwthHONZqCtKNp5xf\nDmLRkZ3WhOYglew3HmHRqVKoo/3cjBOBLrOlpenvfMN2t5hkkk6hLdR0DarX\neVbPV4+3jG8jbVBOtye9WqMf8W7sG3s2oHEInF0UEJwwBBZAT2f5GtERWiNN\neCH7whr8hv9wGgitih1zwmPe9oilK5tBkE+b1YPeS/Anlek5KSLOMewovrHk\ni/evonJFcyQROGFM/FbR+8B+44v3W69QhwLIvMRpXZxSADXBeBU6yGSE24nW\ncDFteg0qsnfllpfRyasgnDMcGkyo0PmRbuxozvEoqY6z1CWIe2tXbsJRjQ0c\ntTNMphKrFvH83HGKVDL9+odmwwG/CGnoRDG+3YEuLqTFu+vXOr+qrJiPZhDz\neL6/AHHpcmcjlZO42dzPzfgIBTQZAU/KNDB5ep6IHY7CX4PF83Nn6+awyD2N\n2fxCVtMyfF2bDUlmaB+TnzkUmTU7/tHaB1FXYzJocG/aJeurf0MwF5UQaWie\nUjril5k5AFfvHViL/U6BXRncMJBfvWh4YPOMSnHhev0EigbGw6n8b15sccYM\n3fyg5PB8q3CoAceiiarOx93LVDMV4EFp4mINyjikf9h9oDI3zhL2s1kGbe+g\nFXeUVGPZ7odlYsTbZi+Z/TlImZBOKHhFCOBsckrtadqEu7gXfpHc/vVhylQH\nVLli\r\n=lypL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220284534","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220284534_1641113179102_0.0787774282925815","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022028579","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"dd9ef43164035f9c82acfa2d8f78fd0bfa60093c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022028579.tgz","fileCount":16,"integrity":"sha512-UKCOeX4knh4Mu2AhZYMPdpn46kE/31JmXsBsaD24/uVQNpPwVqgK6WZ/1LX7ze4+0U2ck2Jlae/ZGktLggExuQ==","signatures":[{"sig":"MEUCIQDuUAard+h5MUjdAEBaqaqPH6sdp8tKNriX+PcwbUaQuwIgJiKshwvgeNCxbDIyBZydAyUcqyYc6ifp9kF/CfDgQzM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkVCRA9TVsSAnZWagAADoQP/Rj94ychz4FuEfTZ07sS\n0RiS/NegurgYT0r1RTdInSi41HQRC6PXN2es0wEuMAS/tpcTDJDdNPamsksx\nr8GekC8v1MYkzClF3PPw3+COYABctUB60tudTex2/zfRCY4KQ0BjUzVk57g+\nhm7/kOz6IGR6Sqb5vUtDIsuL2llcqwR+FnZNux2xcpZj9S+KHKVQuv3NyjNw\n6IG0796uPtJFpqerbRS9Kbxr7qlkfIfqgOdK5P3A56Q/IkpGS8BIdGeH+iCd\nMfR5Nj6Ut2rC0e2PRYs1pFvpwMQOtZMK1UUkC6N0Ozu5DNQ+aOlP99SLbmK2\nU2Iz8MLC/Bc3+fYhF6nyDzI/FGJt1njLzbWFpXKV/Mi+2AsgKY1y8cvlZGV7\nSDEvTwKduardNxQu/fGdmceAFy87oDoiWbj1NSa6/YMdrtWahj+GfHUoEHiK\n7k23YmX8BdFAxuaIm1H56wUBnzXfbXTugf9ctCnRsdSILizfrUTYB1jA66Cm\nR6RvahWWTicpSRpvY2UFzokmvlk9XjE8F0EVxsK9SqSj/dZYnwlEXGFykOVN\nATYFXwhjLklMy5JwFzKbcuYY3eGm34630efB1oQyem9VPOpK8CUZxvsCX7D3\n3rS3kIraBp3LjL/hx4OO4ti0s17C3Trgiu3+sm9jyOPZRwE6zcYS9GNgE1GA\nvUPx\r\n=Vxoe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"bad1953306d693dc6bd1b559adf594cf02a3b8e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028579","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022028579_1641113877323_0.731909888368871","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202203225541","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"97801132553f7cdc910bfc3bfdad211d7d48c64b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202203225541.tgz","fileCount":16,"integrity":"sha512-RCabx1NXM/2oupqK+XbBNhrVdzxtjzkFPGvLBiP96sk4xu52G6+tl2gAtWnaYv0l6riSs98ltNJg+MWRxyShiQ==","signatures":[{"sig":"MEUCIQDEdxO8rpwlICnt+4RAB7Xb5g2jWdcO16GpkAXkG4YQRgIgSIQe8OAuY2hU/gTRrbsiD+3xt6kLaFYLzi220/WyWxY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038eCRA9TVsSAnZWagAA/VoQAIExkxhfTJzhvIizy1gW\nsv3VbVhjeQiVCiqGKXGB8JVIKYhG5bTr7msv9dJjPMuMyPs6qKMKHq2dv0sm\nzlz8L0XiK3wm3LQX23JMUe+rwKvckp4KZjtFfmMhDq1I3pbyhAaG6fFHQ/V1\nLhwWnpJPBhgs0oy5r599ZKhmzsshi2xsj0A2bfbIV+VTXsVBVGnLyCR0pDXQ\n+Su0zxEPvCmtpQp+HmqVRFtpDQNL/QM7FhF7ffFIUODibjRYCi5u+lKvQhSJ\nl3f6qUki9N5FChlrsK0INesclKSMR7CxWShmd0Argoej+CMRgXfNbrc7fCr7\nzRp0Ns0EIGEYeURitX/iUzHzCC35blWj3bDdlsPoeApTf+2fdZ55Aw1YAxFB\n6WCYgvP8JZi9c3ayha7i8gNDjERw5FpumGLbQhrDd02aQxuACARaoyx7o8Z0\nGpYHCP8YtAeHKdllFwcAF8nruUO8Fn3xQNkQNTE+D8A5t206NYQEjtjs2C7D\nGxS36pac1Nm9tSKl6NurVmYVbGl4KLps0CKOo7tiHzk5IegN5fFo8hN8XUGe\nen9BOCObYaOnn/jNecxSgx+sq397PPDQN9PJSAuRu3sBXv/r83Lep1EzugoU\nMREwojwWaCIWjN3kwa3tjQIWIYxtyIBylDw/RIebNuMNe4wHBrJEBcgij9ZI\nuELz\r\n=CUYQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"39a343661cfec6c7fa0d53c9298bd287c89a610d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202203225541","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202203225541_1641250590778_0.02658001962726586","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202203231241","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e117717c669e23cc4e6fa1f72f023f1def4371fa","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202203231241.tgz","fileCount":16,"integrity":"sha512-f03mY4WrL+oD/+SDHRz7wVxsGGTgqb2GnUBkywD8ls/NcgexS88/NOZKiLZkQMRAlfybjKh4ViBjNXO/xNVsIg==","signatures":[{"sig":"MEQCIEJxji+dw3B+3m2sVaAKe+S2K4qzOMhY49DR1RGuisMdAiB0F9gj0ceJSfQdYGyZwD1ug8ohzWQXfz78fg9Yv0Ox5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MXCRA9TVsSAnZWagAA2WYP/RHMqvX8qlfMm9Aslc3A\nl1O7uQQV1a4fEGlZjBztccLWTl0N3h4YLmOg2jHjzAAMmV2pBlJwDbGoxbja\nKBe2Q6OScyhiNWEcdLEjw8/A4ujQ6JuWOd6iJydNqgbrFwK3uJuQM2C34pcI\nk48xKaaKp17BJEXnGAzfxymp5qxlM/ALJaeTjtk2EbzaNx3NFh2gqR7pixT4\nZk1Ilz7WW2fIcsRDWiuxa+CvRofXY22TMlfu7jgu/aRf56QyMPauvyQZ1u1h\n1+6EN8gjRe53wH7TlHwHAvzOrSaLQmrG8L/LDIJZJC5a9dlHl4EJFXuPTgum\nz+3aT/NSD/K8/SfPtFo2sw7lK7g5SpRExEIo6ysyEnZpaaxfhG+rq9PAubzc\nZ4MgVhqSzizREIdjvQQsm+apqJvK0NwrtFt9HPme5nJoR5putA56tQs6CeAy\nZPLKqSHXl0/dgOwaiJlICyoE+hNLWH+8PnXD+J20LkvQUEohjyjxVJe40EbK\nl+0vSriLTJ1bksK0mjR/m/IXdSc5mXbkGNdjlOHum0rNU/ZeBBpQv11r1LG8\nMZhLUaS+NLMgvRXKkszrJtku2T3kP8wlGZ+4gzG+5J9uJrkfPQIrZYowhkYf\nP5uiQnbOVZVPw1/I/16JKpxNeM8uuWf+KwUF9vuH6LJ+qHSggUyw21Ffq2Ut\nzr+Z\r\n=sKdJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202203231241","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202203231241_1641251607304_0.8733110692011445","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220483049","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3d2438b4cc0973cd92fb12c83d9291864581e2e8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220483049.tgz","fileCount":16,"integrity":"sha512-dvcFiYewYmWa35GGgGrrngDJz/7sSP5bTwl5UFDw+ktfxHAkLljM99eJePz04AmBvA508z0HqWNCftMdMCLDkw==","signatures":[{"sig":"MEQCIHOkW2YsSGHTyyF2woXT97e7QmwA68fT+9C30vyBtDQqAiBsN8BxnZA+1oHLVriAaWEOcx8IS0bUvvC+KWCotlQlYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXwCRA9TVsSAnZWagAAbkoP/jsV3Cr3sQXRgtqi65It\nYQi7sUMIC6CuFk/G2hVQWDQUpW1WlYzpKtYzGwPKizk3SVNFhU4AwrV2wvZK\nqhXm5OJrODqVX1RoWEMlIDpCzQCan2vxTKDJNqznl+JRYQ3dcbK7NdVL2nKz\nab+rZQ2EVPyosIPBOBjI+/+JrKceem9B9nMQobG0QMkKLyNbHRSGkRgxMEp7\nSnrFufK03zy9KFqB/K70hBe5qrNA6cYmnUhbLTQuCKlwuhDUvoghBRFfxWXT\n4Z7/pdifwNjkDG/p/MJbu9xZTrVzpAmM9fuzalCplwVqrUJeHzG6DEiQMXXF\nieKvrSLe4yG4VUcU/Ate6uLHB2zwk65RBHU6o0IfpmzJiNC+5eWh39EeQj7y\nAbJ17q/MPXfC0hmN09K20TVNLK4trCpMO1GuTl/8CpC/k3X3N2F/LnCZ7Jij\nGS2cKCtIISAMqLnaekGM4wMZ1rcgOFpSB9RPPajP2ApwKuOjGe9RTqcHlMVj\nYvMytC+OfNTrVIDhG12OX8A+b42koE1zBflHT27v5wIplhIzXuZElQAOsSOF\n8XGuu9XbRW7q9UretSJ2pFq+RxuWfn+BGtuOh6g38kwL65BqQ53/CMxUEMe4\ngeRplPT/DuozT8RnRxW9YxXvhnqIXG/X5i0kbhLP601lNzIDTSjaFs3yOckU\nUQ3/\r\n=EBMb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220483049","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220483049_1641285104631_0.4354551555780235","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202204173424","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"781098c6884f106dd54f8dea96d843b281e1c3e0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202204173424.tgz","fileCount":16,"integrity":"sha512-lt40ChCZ+yv5rU6dC0JE+8PYrDZgxe4xImGTGhowM5dBM2jYv8IwL4ODaEOihLocun11oezK2zqqlMbSbqygcQ==","signatures":[{"sig":"MEUCIQCSya8ulM+I8hah4pQkEbYDWk4jDSNVrWQk/mSMxMRPDQIgZfd3kPg7c8MeEQK+Q8D6D4+KqwDmNK/AdikgauiZPyM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IVKCRA9TVsSAnZWagAApTQQAI9QVVBAOPvBIK63XQ1t\nOk7K5IZLtGlZvxRYPQt6uO+C1tdxVPsduDQzJz7rhOmPoMPE2SZKwIh2jvTS\nzheMZGytZ8BamQyptPY+k0fmvVcHoTnQ7X9irrnvk1FM3uBNgOeQAK9fskPy\nqRz/HTOjR4+HZsZ4h/c5HKh8eQLkjzT+ur8LP6qeUY7EleWAFnRpzWvX3S3X\nK5n62KbYREF7ptWTyjhvYHqX0HxdVBzVqKvLCW4zoEqdsyKFEZDn7qSc8ljG\nJiTixQ3X6b3kVWl+j9k70eeCMlnD83fm8ixpCqswEpJvH+JZGBf+qM4qMt5O\nuG9H/w0wPRS1NQ27veCaXC2F4jXFxPKyIhxpRqYxuLc2XuBZaLCY6OMH3QW2\nwhmPqqiK3aytorTqwl615PpIEpXcLIGDpAAowpJa+0js9Tr6A1dqlKby+P1M\nSI043hilb8wkWHytcES0QrM3kANKsSvi/6o+mDtRAUwQWB6NwYb0lneHN5g4\nF72/go0RvQEmM5RLXX3x73UK4CvCcCfAx6NsuRR0LbbaSBfoSvgFYCr/XrNR\naFe2BGMC/UcUJGLoiQ3OEQap9oEQnfhJlCvj3zcXlKrzCGeo0+NIoVTPULgc\n08ljC2eC7hEymKOt9P0v845y67axgcWuyvBWkk38wJPG3nIf8XQ4mfOfrQqs\nTYeH\r\n=/gQT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"8714d8c0a028aa331602db46dfe0102da4acb0c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202204173424","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202204173424_1641317706590_0.1822767487362129","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202204174042","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7212744d803fa7266e6f518b625c26538a359f9e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202204174042.tgz","fileCount":16,"integrity":"sha512-K98jv3QbWxUYgk3tha1wxJO+SWJ+vjt0OdmK6UERuofP+37fo3JkAizZ1Lzl3bzMc5FMuKB+q10F1/nQr30X2g==","signatures":[{"sig":"MEUCIGhY5Yj053he5WJTsCBTd0V8kNZQkvI6RbaYvbVdJg6RAiEA4M+phHg7mzJt60GppFJSYS6fWM2G/exqWrNwnWcyr2Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IbKCRA9TVsSAnZWagAALIwQAJ3lwBT5iYPh3DmRk/P1\nN9d0gQ+P9+9QieQ15sNlCL9x9pTNtvn4BMzYkpY2IhY2m++O5JE9LVqiR2I/\nMu8H7MzKUtr1ZwyDXr8pJNxMfe/rN1jKzD/Sxk8J7HX3TwglEGBV/afqpvU/\nm6ZZlavQDMRPPHglodWd1rd6Rf+qkzyxYEI0bAcGiAlQgwzklI3ZbeEQI3Oj\nKfRpv/BSiPSLhK4Ud3Cmg5mKfoUJ6u3RA0gsQLkFnrc9s2noVS1WF1IUZVwe\ng0iscmNXWaFs+AhyJBcE/G31X6lTVT77YZe3pJ/NOOrSPJT0dj6MoS8XRFGn\nOn7V1ADYG6gHmOzDNLWHJ+l3jFUyA7WaVfpwODJ+5E8UCAY4V5KzYoWOtdqQ\nJGSIvYPEeS9nxjLnWCGE74C8Bf2ajlPuQtB+FU/0Z6Ba0xLbpYoUOX5S25qB\nJQu8VZkT18fI2gfNSSdScelaQWEzdKWDXT9tCmkuoCULAzi1dLOkcAAjGo45\niLUUkmrZrnhFiqIzchOous3IxKu9Kgu+UzC+tz2al2U5piy09HXTBaJmuNZn\nb8ongmdeI6O+i2U02Ob7L3Sbyl8J5dowweyOr91u1gGIDWHZRC95Vuc2Z8k3\nET8I3kg8zE/IvjyCB1Oa52dHODGa96loW2kUAmcLKj+CmzXNJ66rcYj3cN2v\neaeC\r\n=P2YN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202204174042","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202204174042_1641318090243_0.9919413792462082","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202204174930","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"65f9c51021a88f8d5cb2b133d799d60ce883e32e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202204174930.tgz","fileCount":16,"integrity":"sha512-fd7o3uGAl+ttjKYX0yFYN4uv10DW08ntCEAQH1qcinkpxXTIDOjawxPOMGsxvMASnRrMNpKIqVSjHZVXWFX+xQ==","signatures":[{"sig":"MEQCIAIqzAgRT6O/N6q2veO2JYzaDk7X1FY1WVw9y4HvICUDAiAl4iIAi+wBtwvB8LM66B4lQ99rgQWIoI6fPJ+mTc1FwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjbCRA9TVsSAnZWagAAIjgQAJAGLIoPPgbBCKr1IHX7\nK14Nd9de49hJu2mwgVhV2c1+PPeCzlSfdCifSiav67R7TW1D4TYqQ4eTUNR0\njy5F4TV6QUEOiSBzB8nD0F3jI4NfMi3/xQolnZqz/uSz/hCsHsilRwFxQsTQ\nejzvvZLp+dJ+Rg+fF/C3az25tiHU4eH/rZyMOyhln5FZ6YFryE5RBziw9b8U\n9mXozPOVdVA3hFtgQtQmwmmQiuv1QAg3G2kG9ve0sgjBE3b0XLSsW4oekbP8\n/3gFE0TIeLGA++sM3uP+4/oLorbj6NnZXP1CvyvfG7YCt1Oc/aLpKhDgfuOg\nXVAsms1ZQjVhHmutR6cwtIlLu0SArhfeuFuxDvyaMDY3n8sQdZbj2pq4rZ8z\ncFGAKXt1nIimKvFV0NqPh39i91gffppKnh/BedppRtU8nbD54E4rm9E9S/g4\nqIps/vobREI1JLI8HuEcXAUovwD6AxJxz6oN0smdLyuqaDbc3oFnSThAiX4B\nQWpcZIyHpGpHOP6HQkrXOT9SoCwJfr9kr6pTNjg2a9pDzPYWuQGigZr6EJip\nvH/YWrIzHjpI6dIg+FkgxeZK1wvKnerf0EwWdmQUvHGqBjTMUIdfj4mYdBPT\nvg4qYAWW/UC127BuYQ6zeaE01ktZHO43sQIaGjBeOREfM6UIGaIohr25DnhL\naKxB\r\n=3CCJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202204174930","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202204174930_1641318619528_0.5525043199918434","host":"s3://npm-registry-packages"}},"1.6.2":{"name":"@chakra-ui/tabs","version":"1.6.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"d17f43c81d8e718b378f6e891151e150c9d344e7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.2.tgz","fileCount":16,"integrity":"sha512-J0OY4sEhZW0jxlj4MkotLiD0/snMk7IsqvDxUB17MxuFRs5ytUssHzCqO7fexH7fSfd54ITNoUIns6Ir2ueCsA==","signatures":[{"sig":"MEUCIQDqY9IBqAau26sd330mD6/y5OukXNw/zPK2WXDS8AKpxwIgCc0BNvxze60LbYdcPPsRMjU903X+R86UC4aAUROjpb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/MCRA9TVsSAnZWagAATOIP/jtU2UgAnGZytLXiQU1c\nVLHwPihC1bxG6sbj/ltzaN60yGMR/CwS6yHLcdzaM+nggIYZYv82XYMhKnmU\nE7AITzaTNZVVeNuguQ1D6JWC7yAUNdWyXu1v3umEY7TodlAJPIr44gkLqY19\nJbKMFegJxhpOwFaW41HtoubmSxjVzH6tPkw12Ys3AsgYuWnMmeeFhI6Xc+dK\n4XJe3ItfAMkcUp5/S4jC2NyyzphLcbIMrU0TOh4qAawbJtYn4zDK+jqQFWdG\nKo8Z5bnk8uR0yaoOC6Q6TJA0alZkI2OdwwJYr/yqadKnSezn+UpHI66kKRSh\nZdE6OJImJ+DxqkVJ1izwtnOqHsIkmpYcnGB6m4SjwHViMgo0DOKEQ17Ql335\nrVlN0xkc0sM2ZmV508PorprUn8Va7FdGVvn/IW+uD1QblJRMXHu8I0H82vLj\nxmssea8/ja26W/R7zCCft/xk+g7G8y7ovsf4Yh8q+QVPUE2jhFN9jqcK4Wsn\nUftAQbIOV+z/7cHJwVZLbpqn+MSEHp2j5TZa7CSNo+SHeUN97UsfEjs5wnCd\nI8LQL89L1msPgJKxBUkKMA75vj4pv/XlXyRBJzFw3j7N+RdiisebCBgyEfQ5\nQYAuPZWaQcCgKwVxkLdh6y/g8VCKF7ll+Ic3dtRtE2z6oK1OPP7DHJgUbTBN\n6Mc2\r\n=GOQZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.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/tabs_1.6.2_1641328588275_0.48777330747917347","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202204203645","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9d1825466b3d0876c56a3d4a8720e690492bdd7c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202204203645.tgz","fileCount":16,"integrity":"sha512-K7Faa9yljB6e/PF5C4ZRUav1Y/LvCnB5mxZ9np7rR1DeHkp6irMBoqRbLag+qkREnqTJuTxThYco+6exJkCGCg==","signatures":[{"sig":"MEYCIQCn+EsXv5RP3OPXrnd5NdR/r1q6ZBDbkN4zKfmYSFsh1AIhAP6CA1UlSxo6oKR2v+x/dY4KrY5pg+5v7t4eH+1oU+nJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121085,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LAMCRA9TVsSAnZWagAAEhYP/js3++rFrTGsAYqCLMFt\nv1raYj8e1ntRSML913foBp8+32+xwiCu3Yl0bq6CW5jCZICAa9XMQ1iw3wOn\n91A211Os88e7iI80bnegFR00umXqpc+bql85sFF1wZ3ZvnqkOQWr8sOM3+1i\n80fC0YmIvdE9zDnF9UzbwmA6HgOw8rcoEGhPEAS2ZxqzKL4FnW6xaAkmz3au\n/f6CVOAACwXvkmkvOe/A+WvvsvaD0RD5Nl2w2yzLyCkv2j7yecPl2mUBOwkg\naqn59CTvMntGs5cYpx30yN6XIJF9SR4OkdL/28XntfEqYcsWtg1giHgb7Mh/\nShfyQ7Zlq19+grfIRQxTIYHfvR+0/4Yi6tKDM0aUYL4RANEyZSXKctacNNX8\nv+yvhqFqYJVjWZSeDFlAQn8YbAmeVme88Q5AVH/XN+G6Id3h/CCyeiX9VZwk\nml9/9hrcdTRgAmuzmHsIpO448zoBUQL534W9WA3J86DCPOMwJTzm3d2IzZQX\nI8M2eE0RlG9DG2hOwv1SR3U7Xh2xUr8dGMurI0Lj7Dm+SvZPis097a9iR4uO\nu5Y1GNuldfkArZAUZto8zkh7dqUaCBZziXN1lJrQoYeO+Zyx4cBVSUvAJw/R\nOjH65WPvyGn1WwKxTqaRsRrTFP3vxzPyFa7O+Aaj4EE/a6QOlAlZMW88h5qb\n5/KA\r\n=FLdr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"dccb9a12709b2b6070a82868e344887b7a3255da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204203645","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202204203645_1641328652550_0.5459029986333006","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220421928","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ba40cad80273a213ec1e5adf6f31efb597aae664","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220421928.tgz","fileCount":16,"integrity":"sha512-qq+O7kHT6j6kQeVuxGP7PcTdadN9kyhIPeY9HI3+XR4AA2ym9D/ur749nBTK0VeQTmPqPlj+Iuep8DOvlRoRdg==","signatures":[{"sig":"MEQCIHK1/3jaHQaDbY+HOPzvkEPhK+iSEIA5thPXLp2SPj7nAiAoSyxZqMw97ZG0wo0NZGpvqJ557yhD02fxzlGCO1PJdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1Le1CRA9TVsSAnZWagAAINYQAJMsSpiCJg5KXHi5vEob\nXP+F7eBcZabyVYzfFYn0c1uHk9qF6a++MDrFtuMwYuObeOBUrek9m62cqY+a\nPhkEupGwOymfyr8nF6UO99D8eoIhgfo8GraYvPXA0TUaF5kD6mX6649IroVa\n4DOYeTjvvWuD3ISGphfrZpc9SEQIx1mr2ZjmGnEGGRM6qfMC4nRu1Up0+09+\n5CvHJZiq95/0Ms4tvwA92RMjWvjwUIqMkghhpt0qcraBLKUG+HppkFnS1O3s\nSsmW7XaupXUc9+Y2B8pEt6dePbYJKFUj9kPeyaIPw/HSsipjBrClUhgyCU6A\ndXw3aVbItqxNDU4WmfFLK8w0r2dRbL/PLxXRVhYdXHCulJpHLYiOtqAdjumy\n7hRGOFfCbl/oyfRADkakI3ost0rPtjIDowCSB53HgkhBr9heOYcd5qyx3QZE\nl1345txv3SsEbsSrzGP1NHITcezZ8RDOZUGtgV6/h6+S1HHJZuLE49OB7btR\nj/6nxg1csUGtZ4aWAPrNGL+DDMsegSDz3yXNL0NLLCfYgAJwzmu8+ZXS1EZm\n/wdcRdQQN9g6pCxr/N0CJ1NAVtrZJq9jMnBVmVXvcAoHr+OiWT/arIg+j95P\nirHudUOpUIhvzAuPKTuFFVGrEN3GLyNFVaXt3ppqZhzrdc4nCQoE09GnNEv0\n/F33\r\n=xgH1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"4ef88685ca1e33e2ea6997dd3059f5f93920f153","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220421928","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220421928_1641330613046_0.7429703401483259","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206185910":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202206185910","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5d0ca57dae48163f1e09cd5fb4789a738e3bf02c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202206185910.tgz","fileCount":16,"integrity":"sha512-KGQRk0+YRFVpMGJPakBuWQxQifLanzSPiiYJcNJxOZD212cZX1M2+nlTSoevYcgU6n1cvQVOHmEVYGK5usmDIA==","signatures":[{"sig":"MEQCICxU1IPXVRFOHts1AFEv4n7kv1wP0xFwGdnL87Y2pg5hAiAYWdiCjFoEa3jKel6oT/IR6wph/aJbkDkiNNLb5kc/Lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1zw5CRA9TVsSAnZWagAAFKYQAIEPru4T9jSQN220EuPY\nkSJzpEBEk5xQwefG4TKJ+WjC9jTkMKgF8wJFBDzNpmRbMMLEfpdDQzUbbec5\nhFHiL1sp4j1s4dqXlKzFs3pZJX3XXWBa2PzpLYtVibGuj+9Pr2uFjXnGXPKE\ngu8KMi/9UaxPHPEr9/foDknKEwfLG+T+b3BRPhZ6FxHvmyPq1n3+YktYxSwo\n/XVrfQuo/ZDimePwdgvspgRiQfwn6syH1eXUfnk6ez+2q17MjpvEiZS0bmHO\nvGyrm+icE9opD4tW7RIVWlFbK35/ztWk5Ttn3uLJA45lkXGbNPFkT3NdHIWH\nbPh7UqWtkOHKKzbMhh2zy3fX1xqN71UYQH9RP2y6rGErvGyz+vj+umf8nIwl\n9BPDsYZXwKcpJ0Q337zgBcZ8WU+cvqrBC1R+3As321JPUIUc0hsRNBQ4L37J\ndBBmICxAFrqmaZe8CyRfzS2S97rTvLd2ci454FnFAoV4nQDswdSvMhTIk+S3\neWdnLFPGOVlxM2R/lS9IDQwcrxsQT9qNLMEK/EFyRfdIKaKt4GuO7Y5mA0az\ntrgYR8F5WfEb/DGhzQdH/wTuteZFh7YdiEz2p24NKS5tQmyv+HvSgjpKzzvR\nJtcVqQsSaMaTt5BEFon7sLFvmEW114ipoH7g7LVgFQee7DRYQyKb9W3KhAQ3\n5GDT\r\n=B0c1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202206185910_1641495609322_0.16892075385984517","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202206192031","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a44fd9a0c9ec2825985e9b1f0b1b7b3424152109","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202206192031.tgz","fileCount":16,"integrity":"sha512-4fVkjRxBrexzLP6Emsx6V/rFxhJJoeRvWl24MYf5YgNMIM7nG4UaSxqgg2iVDS46q6Or1J1ThZr6nBEPVL8+nw==","signatures":[{"sig":"MEUCIA8uODf0dw2a7OhyWb8fY9INUpp2qX6GwqAkzP64L8PbAiEA4sxzsSz7kE2oK2Ckgcxrt/4kbXZJoOZv+bEuMzKqA98=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EuCRA9TVsSAnZWagAAORwP/3NUHUrdkTaCv7L/qzdr\n3GoloAG5JK23TkmvPHko+8P4TURUppN62aRtu1czFwCCpYcCCDO0gfIFy5CE\nr48ysFROogPrTLPF/aIXg5w5bd72hI+RAGG8TNB5yIz9wD8Nh71arUEhbPwP\nbA55LnywGspKlRcbRMGrOfRLh4YSxxznMOOauHJ2SWRYP/v5j7gRY6V26fsj\nEE4sfwQx0coe1hnhN630OAEj/rPEV7U8A791XZoTwXYfRIHoK16y2kK5kjT5\nDRGAFrn6xS6SmqAltxS0HVlyZWTO7l0rNRpeA1JQ868zSFXpgLtAqJ5J3Usn\n/anaD1XnYaTqXBSXw8lp6Y9OvqSW0QIkwauVC83gTjsINahYnx2x10l5obDm\nzD0YktHACgLDigVQzCD9kV+pnaSiDRbfdzM4m8WoziXmeC0fCFQ/F7L1NGH6\nmXknT0xFVHuzk3c4A0XnD+07eruJckw6Yu8SDQC6ohAhrXKsTxa9QjnG7+z8\nVew0clwEqdhcoT867IlmoaDhX85GuqfTYcnSkFpSP1y2ABYc6jZd0aMn3gHH\nEy3kKVOPT3ioNu5GSu9X/sEnGEp01eke22WLPJYq44WVFQ6axSWFlqJUVu3k\nByg4L9OvKcuGt+J4ZRdcHivBMTgi0n49um0VhJ88n9qlzqqaPWdASMN9fKby\nqT3v\r\n=IWre\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a538c4f88395cff1f6ce14f27ac201b5f63afc10","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202206192031","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202206192031_1641496878724_0.9637219274603377","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220620149","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"eaaceec40f79e9c0c4b38c0913a77efe686de13d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220620149.tgz","fileCount":16,"integrity":"sha512-YvKZE2gfmujmoGDTGb1kQ3yGNTJC/xOec53zdb0egdkvfM4ytU1tshUY5nMMExanJeVWEH8eqJlRFc7nKpF9Ng==","signatures":[{"sig":"MEUCIFbWzv0zUOv1p0fPhvvCSbAfoXdU20/4+ghfboPrlT6qAiEA7HYYlD5o4AWKZq9STXYu/M1m+mn/ViA/b/AYs8Iix8Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rbCRA9TVsSAnZWagAAE7IP/3gLhJ8lG6+pU8bOpfJT\noKry6QQGeSCwPgKusxl03Lm/wokpSHlgJsg9eygEou8LOpwyQ0A9Abh3uASz\nSrULQYeaEClmBfm/NCMNozKik4uqcPY5+1uYwF1plTdHRnWgz2T4cK1xPDyL\nhB1ImpUHeMaKsEjuz6/W14uCvS0IFw3WHtwVqpsmJgEOd8xl5rgX/m7kSLF5\nunnV0Nr/sGZaGYel9NHoVd3HbBPg9afTww2hikTnQyK7jWJlXamRf99ejZ1M\n4PSIU14wuI6BTzTgvZEGBzhxcH34qNKfgnzOseMjX/MIYK7mZfD8HO058W+1\nQMjL5NGgDLj7ctY7hZ3L2ijLtwTORPam5ME+lDWYIpGUsscv6WC9CE/nwKeu\n3r/YnKCGI+iLHNF5zpNyRe3YHw6lYyJPIgdxeQw3232lQB76qjw+p1lsFB2O\nFX2nL/WK+9fkyYtPNp3MneQceJHkXMdU56YnauW20p1gCf1Tug0/2GfLuOOx\n7kr6b/sz8UFVkiqf9blgrhqUne6sEcaJ073nVauOgnfu7CX1Al92fdhtzqwz\nXkNcOqEeDY+p/0fS88DAZyoqdniXF3vSWmswMBsRXqOXnBIAcgDEhEgn51un\nEuj7pHHmkrlUPoxbSd1R6lY9faNINaZJoO3+kYkB7L0K+AucXlltsSeoYlWZ\nKSkv\r\n=rr0c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"9d02772e8fd7855511820b6c729c0ce72a347951","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220620149","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220620149_1641499355773_0.31449780383886794","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220620653":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220620653","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"48e32453344d40e6edf36f1ffe75c7aa13af01e4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220620653.tgz","fileCount":16,"integrity":"sha512-YasFS77zfKlbIdpIgkazdrXBoQv0UbNnCqh+/QqO1F1KFAOtqpG8TLQ+ifaJy+RL1sBBuWHaJNjzxvFg3kxATg==","signatures":[{"sig":"MEYCIQDZRgnSq6XvSCb9Scz0UtPK4w+nDP7QRBZLM0H0jRFz6AIhAPFyYOiIdM8q/hnMK6l1TpU1svqFG4zds9FkquvIE1GJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10wGCRA9TVsSAnZWagAAzFoP/3zdo/W2ucyew+1WMh5L\n8BOK8Wh/6nk2V2bCAdg5MrJiDSTpKNhv4vM1Rblo3CJ8qYY5V6pYpxVqaQvn\ntfD983GTBoP0oDCdYoEjp/yg/5Evhzg1+NDHeex1uK9y+yxs/FpKFkPDuZf2\nQ0DKj4a/n+MDkiFSo0Ej11Lp0TVrGMNbrnEl9UMCph1ZXW+w086n2RUdBeJh\ni5r4KZ60wPKhCaFBs2PGYOMHlzOIx76XqcgI+YxXe3Kypa/1scwfj/0+aQ78\nVsNfGgC4ydiv6DhO5vSoJFaHXxJ/PL1nXdaEuXcLMqmVsOGH6Iy4tuwjfYRp\nFG3OObrKbwHLmoNsjQQG8fnVG567+KLuXhJd+Ifp5tqPwnilESpRBK5vKvjs\nGUT0Z20+rfBXhia5qoOUT5YhOuSAw9YYed9Cbva5DUALU+me1uqJF6d3zaKw\ntna0nl+fdYMe5wo7bk7G7uLXp+I3WyThMtOhhPysU8AGXBIsBNrDv6W6CSzg\nbmMQQcr3dg53lbzLcp0SMQdD9eXRwI15hrWSQ180vKk9aGwUyROoZc1WiGFV\nLGhkRhIuCHbEM4sFcQu/4F1CQQzDTxYf1EtiZLgAfrumZSqLtzY3xPG7VS3j\nfJnsMRQ8kol36EGQFvGqZ3Ve5gGvnozsCzMGXnsy56QFDM/F1Q57RErLJmZe\nzvGI\r\n=1bu+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220620653_1641499654184_0.7390025732323859","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022062070":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022062070","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8dc688ae563a6fc8f3ba16c1a5b90c6681987cdb","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022062070.tgz","fileCount":16,"integrity":"sha512-yW4P0rfgm/3izdBZyF21uYrEdFN8unVTI6wgTS2FfeeGMmvfFXoLv2AqsvD5BdDHd4DUVhCrc6BUhG0Vh/QRsA==","signatures":[{"sig":"MEYCIQDvNNpVQWRdkpDR6ZCDTpfa3NUZu7q8KWiRfGcXQJhy0AIhANzjsUkV38erGO8WHR5K4C1cZh0ex+TwwPpivbuFpshV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10wTCRA9TVsSAnZWagAAFm0QAJoCm6SLycJo8X1n/QW8\nRebhewOtD7munxPJHBx6YWGXkIx+S2pvf6UH1yWZA1W4Y+vMhrtjiiy/vWDQ\nJVnVRUiSeJImr53/H2FemqIErIaoOqo7YWV2f6BkAUkWyTvqrKA9UPm84ifL\neu1ZhRh8Av48Y+XOT5TEEWJu7bOC+VpDelhy+BmP/T4uJUAMJMLjFg+GKuhh\nJ+51o47VcKE9uxFD9UVDCwLYWtAH/egG7kFi+L0IEUh30Gtf1UCdWV2DjMal\nNZLPUoTfYPc08+pf3WyA8ZBNR19+qo/o33RRZSQYAfZa95m/VrP9D0Bvn303\nv4ZJXWBMYMHQwJfI08BwH/VY5AcxKfHX/XvA6/mBPD9RTNPsQg69ggFrmxkm\nMBI8yZMKEO445af3AK8QX5G2/afqlXBfMz1oidbHH9fuvPK8A1+p6U6n6kJr\nnvocGzc+d3gtVxiL41kakfThNrTqajfhhmOUs71nPm9FovNzTI6FyrQni6LU\nyU2haJWAjM/LymcCHBVvBpXElbnddNvMnFQwwSx4bTMq8aq4dwKk8r4T9adn\nUpN/uHE4TATg2p7VhNKttskmhu81srR2Hx7wNe25IVGY2vfvcstk8ETJZM88\nhqhlqtnI0PWYpmvRgwHStDnKdWbbnDf+F8f8Wxmg7z2lhkSJ/qYD4Rr9UFZa\n5tRE\r\n=YSrN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022062070_1641499667458_0.3711858496209359","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202208163634","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b4ff4237dc10912af287dd1feb2bd95214fa9ff9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202208163634.tgz","fileCount":16,"integrity":"sha512-h0W6fOrEI1lieddAVtMgVw+ABiidRS3DrOyFnzvEkvya0xOjoZJkRrFkflu0clVJtiq7wr+x41anYUUsc/lLsg==","signatures":[{"sig":"MEQCIE0cLW2WGh17JlAZTBUafQ29O0+O4vN41kWGePogUPFXAiAIUA9uw3rbGMa6uuZ1WxWQnH1hZm/RLsUSscHWhol6fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b3DCRA9TVsSAnZWagAAeQMQAIMzRBtNcKHXEIwqKWD3\nWH+YSecj93FlqtmO6GMRRRhLSMRnp2OxTQAzRr2hiawpV4hAnJAZNylYBHHw\nB2bsJnFMG6VvLtXEOaQfH+A0ZmpYBqKmd2lyl7Vw0KzAt0IdCGh5WCXiRspy\nqFeuAvvWZOo++WgCom/2LnXn2kdqCDBO1regSrqUtPq/a9It+OuQs43qzQvR\nds0ow3js3pVqlwKYSQdsfPmw+uvjF2M3aJhi6JDYyBgwSgHo8Mkw+48BcgbV\n6od4AoJhaN0kMFpSPNxv1Ao5N2NtpuSdJS5MrJskPIHTB8b8Y89uPZsMg318\nyAmdyZkkbqb/aU6Zgip9UH0KJNnKmoxc2AOvXb+3JLNq8NW1v4gswcF8agwM\n/3nFo9rjZaGv4p32wfvrBMsgfamIAjMHK7NpDmmuKnCaDHakYpQSYjrkBCms\nk0CWHy1c5GPMtjemerTP2K+9pl61GzdZASCfR+wVPCQBoZDxoVLEgvaLwmf3\nNYsOkfDRPJ8baKyT9HpSn2ued8w80KhMNgEgsvbQSrtDhsCc66XyA7mVsXl8\nJSL5MguVlyGgJ5tEgflYJDbDRql6RBn/sONG2JmpNrv7B1ToKd4OF3USICrz\n+ySvnQStkmP8aJK11E34UigKSjUhX8D0ELeRBsXuecmmBy8gJag/lP+t9TFO\nk88m\r\n=n3GY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"c1ce58dd840bb3be7041b81f4ece559fd7a37f7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202208163634","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202208163634_1641659843389_0.21159803527724064","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220816386","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f972872386a99213e256d939a9d90e2a2395d16f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220816386.tgz","fileCount":16,"integrity":"sha512-yuotJHuoBGSTl34dAztapJFmnjxi/6W3dEAxMzPCCr1nGNrTFwTuq+Bc3qkKq1hHawA8Sc8Q+mjScew4lXp3ow==","signatures":[{"sig":"MEUCIHnfd9Ho6X/14S68VYWZgxiNinpG4hH+0PoC2z5qnomyAiEAmGpr3Ar1cuNf7FlfW2z3fZFHKB83gW/YkG+jvHJWmtI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4fCRA9TVsSAnZWagAASFgQAIKOByRh58ag+tnx6CU6\neagFTh9QRNafA0MX7BwNTNfSveGZKncDcJN3AuKg0OKiciOtASsPOZFwdxkQ\nGgPAoOLyUbHYt04XGAdErb9jz//8s/ldhnOwAfGqf6YmoFKX2rNYlXUbYTYQ\nDHzA6m7qXdBxyNfFV1S2A3nHCx1OSy2SieKohZXfJpZ6x3Azmxn2bSb+S4+N\nAXO9WcbppmZmoUKaJ0qnq694CKkg0H1S3oNSsJtBFErV0ERi+Ide63GGIBhg\nXr+qQfq61/x2WUrDhamAFQoaz8AnRk51R6I0+PhaARSdgZ78ZGq/ochF5tE3\nChlM3BNIKGfobUbOBmDrsGm9dIGbHXQ6hefUqibKeOHzi8QKwg2iUPTYNOOW\nAGzz20FRIcUN0qx2Om6PA5iGcRHdWsDwDJVsf1aU5B6dGyghcMGtCIdXTrGt\nMtehBpI8MDj2MVW9kkifSZ6EptqJOZ7Wtayq8C8BYzHTJ595y8DR0G3qDsS7\nYlnA4gqNQveZ24MN/mG3YwJy5FEV6smPOZ16+KOKhhnzTGVDW2CNsqOPo26k\nopZm9bnUEKHlGumSQ7Uz9oKpuFKuYjHF99eCESja5XLHQEK+JjXhx95tVqd7\n4PHEUXvZ+UNDZZy2zK6Z1Yux8ZjiBRN13V+DCUhzMlSbokzLomTdY6w7nzzo\nGl2M\r\n=0N9H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220816386","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220816386_1641659935707_0.9401685519000575","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202208164521","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e5bfe314616f210dc68fe2673df4f69d24a67f53","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202208164521.tgz","fileCount":16,"integrity":"sha512-Me0qJOHzcZGyxU3hPSa6g9KeFbJHNAY3MfYhU4mkNtdytX0jyKdk5UITU+oy0JaS0bbUu6kpsQLrL9/p0y0tBg==","signatures":[{"sig":"MEUCIGPu/a/cGI4AK1/kKiNzjDmXYq6gEyaKyZqkGhFazGIJAiEA2mchpEFRr29KvqBtAkGp2DzjtL2Q9UadCwOJEMuiLmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b/QCRA9TVsSAnZWagAAU7YP/2l4rZ4MVJw0UnJT8wmm\nAaFvbWS8SM4W9EJD4chy2QXzrHkRGZi+uACoL8V398E4Djfukdk67ln/+t5+\n3nIrMQ/ZuLdNyI0iHa3Csw98gD4SJt1LJcicPjbiut6kc+UqnVSX9PQBbdby\nFvOGkCO033XHH94m2M2d9G/hHlS+gaR+YgY4DizKKC9yFiU63fopfleATJH7\nXZ6NMFoSDMbMsFV36+FTWLdyvlUQxzBZ6y+OFFET9/W4Q33kkAJgwEqhQYiN\nSJXzdKPZkjNp5iXJ6dIbl33hN+uxh56hMAvN/Bg5N8DkcuIOS4c2g7rzHlN4\nSQJPwHPuSTIUk9llrP2OVm4iyQHA/BScA4lNUsJHGmbV+etYxbr9n1SK4+Qv\no/cqJJ3J2smVYX7alRefFkshTRn56KngaWrnoGXyhTkjkPQ96FlhAkVae1Ws\nZ26fdZpEiIIiWhLxIfhGgdHUNOiMmYzRjF4bsgPA2EPDWrsVg4Dcp0KZvm62\nHOw2brBYx+oSztomMleRKoZHn/ZfOMJNvagftHLb9BbSg057XW2qPdleGpE0\n2JbcS0rME51z8isjDpkAbjsEE77zBrSdon61BrVpxmYbLc5kddeN/pNrcpj/\nfTSfqrXQmmusP2LElVsmIKzNqMzWUCqIiLlvqiZXK8HAo1OUl/r/LR9oh45m\nX4pt\r\n=lsNe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202208164521","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202208164521_1641660368145_0.9125439182769073","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209205059":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202209205059","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4fdc4463be6ebbe3375320d19d87284ed2cf2072","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202209205059.tgz","fileCount":16,"integrity":"sha512-cygOTnfAvg8pL8kd58sbjx8cBVALZL2bfJSLpt0PsCx3xXCcmkI46j18wjaADbXL8NnC3Mxo3EJvFlxpjqbYcQ==","signatures":[{"sig":"MEUCIAVqMUC8saL33v//utoge8yNcoCjkIdZz7lvW2NMmniHAiEAtgqrbyc9DAbfvdLuDi8mdEIVHX7DZNAlDHbHbec36kE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20rdCRA9TVsSAnZWagAAuLUP/1z83RdIrFg/PW43eLcv\n/GDt59nT9pp8TUFcCE4m6H8kxknWseYZHrgVt7UunyHlDn7pK8VFZ49x03ws\nuzI0B4Qnv8sBKKjec3BT4X9HYbwtFw5fMz2TsR0XOa/U35sohJgBjccpevX+\n9wASvtHN+xqYZqpJe3bFzq9XdhpnNnvJk5KXa9tq+NynTlyQvI8c9YdHHBna\nOwtGnhMMCtPb16TqhRxFAaxDxgcgptGK2J6feDCrFQNQmnECpegChm5Z56T2\nGJAziAm4Q7UZGnOdd47AY0+tmP/oPZVeI+O0kifc6VnupxYJ7oQcMH2Segwn\nh0wud2NoDW4VSIOOuvvQhn0+KyxvF+VSu8odvHLOdUnSeQKkv9Sjc6KjNbJ3\nEDHEkoPxwYJAJYiR68rNSsVdZZ5gfgtAmeZc8mQQHV1fTvLhtFxU74LNmr6H\nOe5s6RPjRkRIoj82uj2vxlZZAV0wGga68N0bCEYji+p52O55rU7qmYD+J4mq\n2KNpNknqruai5cyyNFepfx0IHZVg71RAVSn3/GL96IQnu8WmDFxhrAOkzxPI\nrM3mbqIlG7QqsVPAGXOrWYFA1YbGKAEgUTvKUADySZ2AMMOLZ3JtMjGTxUll\n0NC2HpO8jLD6cIvx0jy57WUivBcF94H4ZoCUPD9NkF2DrANADIdJTrpWRJH7\n/kc5\r\n=PNe+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202209205059_1641761501514_0.25294177734398415","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220920538":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220920538","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a1f97f0e2e7b23bf51722165f020f83d6d5b8ceb","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220920538.tgz","fileCount":16,"integrity":"sha512-s/V2PGrqNhwbB3QB5fNPr3D8UWFvd7+mokALUPyYpEkn3NMIjC9Djv55pCx0lOdCYqW9XKt80we+iecM6ZGyqg==","signatures":[{"sig":"MEQCIEvF49JFnNJ/5CWvYGKI8TjMqJZc7QMDazb8xCn0/ddPAiA4lq1aP9zQxtKrLRJTzinTrp81v80cREHFXip6ddLukQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20teCRA9TVsSAnZWagAAxogP/iJkVzIGJHAebcLpLDW6\nIz/OV1NixQo38kWDKBWB5503C0L0lpcUI1KzwCez85yVCqCWOdA6E7TA3juU\n8LSO9ytiNl41FqY5MdZvXfPrGqyV7uBui3y0nn2zV+DXpQEtGxZJSbBk9Be/\n1Ffl3VKyt0oOkce4tXa5QInyb2YCxtqKGFJITSbr2XuvtxRaAf+5GWXTRrwE\nnvuxYKFLbn3eenPpbu3S/zx/jz5q0W4PkVR3cw9DOIbAokSIbS4qzOmu5lou\nQcZ9JncbEA1FkJnv6P8cXAN14olJ9MABDWDmbwRNZUCvkS9HqnQ0Zuzy6AL1\nd3iJXb8g9GPk4RImpu9s3Q3zrhiCSSFOhSqNs2XzkQxOQvghULYq36qEzzaF\noOlIuktiDYCQl2pEA+qxleg/zRtBB1yg4uF18hzg34ghPp/BdppJ0ekJ1T5x\n6ppqIvtI+AVos2VWjzC21jcrCp0rw/2YkUwY3VRRzPRoEOrDCSr0Xd0/D/1E\nj3X5TX2BNINuSDf3PxvvZfOpB4Iy7XHz3CAz3PTCO3H4U4+zCkjrVoAOmBCW\ndnVVkbe2NwKjV0FZzDjl5uyqE4+Ez8ahIJLjgo5NXkegKhndKEgpZpvyCgCT\nCCKNvwIJu77qWrtVbivqbvaK9Vr3CZpOVcZ2Aw3QaN6M4VvsMSfXfimZwqi9\nCbwG\r\n=nVUV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220920538_1641761630619_0.7705793674775347","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209211330":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202209211330","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3c8cf594edb5c0625db036698cfed24bc5fd2293","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202209211330.tgz","fileCount":16,"integrity":"sha512-IRn9V68SW1lceG2efqTGukDJYTFEfz50CrlxjRoCkXpEgkiTyrBsbvDUoSQQ5I/DUT3MXanrO28dqUzdqpNDyg==","signatures":[{"sig":"MEYCIQD9R+5Q+hHGqVgbgqPV66r249AkvZL9tEvaXPWcDZJTewIhAIb880uC/PknAoe1u4YKAFlJd7CZOYM1m/N97mgSihF0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21AlCRA9TVsSAnZWagAASXwP/jDZrOVNO3d/DB+KjDio\nILc16GTi5pHtoB/5pkM1llUWh65Ds69EkkwDO+Zb6k/P5T4o1FWT1khRJGUx\nHEZTF3p6Q5/QkX4rNaHm8vHEPvFExQX5p941ZXmqgSBg014nKfUfpE2GsPrY\nuyZ1zD0koI2cV48aLTmYpikmpNhLiAdWuhpRpHRoFNc+jal05OtIjFlZdG1S\n6asSfQlfvUmE4lvlUazwq/T4IQv/ObXrZT+mSm/J/68WSh6cdcQ32o8Y6/uG\nd/M1jfv2EXIwzeosC9Cy30GmgJWBbOEj+gbvoySQi9zpEVSFX3oMBw/8PUzM\nHPxTjpREd8pkoai75fbggr7L8haiMam3nfqsBfN1q4ikxAruIhWOAitv0TZk\n6ScUsP6Ox/0LKOX69w/xW2HopQqEazHQktPkszG/Az/aUwGOVyhi+55sqUsV\nffwQHovjrEOG0IrStH7+uU7PYH0jjq7KMcbsKeNd3JxBKGbo3rIxEC94vvkD\nWr8sBE9wObZ6eczTqUcQkKOrOJiVL5pU8iMHVVG4Hxkg2BXQHf5I5u4Fp2NI\nSwFzDc9M4HGfvUlBBsbMyy3gdFrGq/pOoZ0+9A3QmamAXRp0L91qUURmvnkA\nUYoE4dZITWTZXW4X5H+MhxJT3gMZgoI3p7e7vQp5/0ssZQJ6npbPB8O1WDlC\nu268\r\n=EhdB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202209211330_1641762853776_0.13193545021175734","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220921590":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220921590","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"dabd587f6405ce3490bcfae929847b26d0a1fd88","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220921590.tgz","fileCount":16,"integrity":"sha512-Twr5xiZS7KDwknLgkqPAE6SIqqFGU8SAobC6z1lDleeIjaAKZfzSb0u09Fbdghnl89teGzXwiuqm7rOTN5IlmA==","signatures":[{"sig":"MEQCIGzBPlGxfCNWRkzm3jXCWtlw0AMThFbdWEQTb03rHI2MAiAE+jO/W94ubdeX69DDNutlPCqUf8SGm2cHXUBL/BOdxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21rJCRA9TVsSAnZWagAArbMP/AhTTyKp66VnQtY9uNNh\nVLu/2tIIFYDBIRYpIaxYvTTDEr8kcT27MIwAjCktSKRh5l1ijGqENkxvmMW7\nZAnvey44Uq/ZyQaU0x/jO3U3rXO+MSKxDQGUspaKu2wGDgh4Xvg18HV4Q31e\nUcZR5VruOXwyQofzpg3NO1qVdzvsAZPoi3c9NzMVW5ho5eBG8QO7A6V82qNf\nkCJmKrnv0lBLLeWNzYR656B2fo/LFgNUCBfnUumc95qRPht5rPEV6JqHlYNR\n5iomdIiZLibR62gtHgX9n4RnlvaTYSj+7n6miQ45TKXI9QkgMwL1bRniWdkq\ncIXmPrtdB3zE65d3aT2zxC7uUvxbcXbySCFaVVJjZiDRs7k3bTrbU0jJwfoK\nb+UIqCFWv5ddrczjPCBodyt7GREGuxALes5JFWHF9iyLm6aGqWy7MXmE6RpI\ngTMV2gFdR6LuY+avsGOt85ONKNNY8+Z5pjV+HrLKvsD/6qxtKuu/g8qbIpcH\niicmPAMz+PubmKO4qvbPb3QwDF3dBu/141SPdG4JNvQ+sAOF7VhXMl2Navgs\nae+wyfg6JV9/Uld7+0Fo0PDn6ubuY2Y1+JZ9kkEl3S6ZL0fXJ7RBwArjHN9D\nZSL5KpUCjBmDLjIBmrkt561i5ZrXptYF6LNws0T92CpqDiFgCpEjBaEweghG\ntJ/G\r\n=wfr1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220921590_1641765577506_0.19773745496476725","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231642":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202209231642","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"761b102ea39c2355c4a479bd58a0b30b0440d565","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202209231642.tgz","fileCount":16,"integrity":"sha512-Z8wKIOsJBHltv6kqOEcmxMTFwW2U2QIs4st+96ZZKh2WYSGfo15LX0ph7TJ4JxV3xozQYDFQDw66BThO74PD2w==","signatures":[{"sig":"MEYCIQCeXttMyCVkEdUpiWNuiLr87HA0w13DQj5Pk76uWfjwewIhAIR+QxFI6Jh8sgerqus0RyoS8dDIlbUbxngvQEg9TkRf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh220ACRA9TVsSAnZWagAAJ3sP/2h8JXkm/kwwXNEUlBim\ninEs07lQXLq5NFJlIuiO73yYw783JOmO1J+AQmhQgBews1y1booPYGjwInkQ\nB9+ad9H9a8bU9zlDQosqRhKyCPWKIgeTOznAoOD+nxIStUqe9ADEcxL3UVed\nipYIESWpH/pHyurOGeDsInK8+Im5kH9g5B+MbRwJgZnQ7gd7gLABQOfNa+2Z\nzycY7fYGz02qISwWs6WwAXG+ou6ysA/rum4v+tl7cPckzZAG7TF1Jt4a4PU+\nsrR9ftbdWftp1GHvQSRXyifr8ysYflGlWkA5wSp0NjxxeCfdVxnAiF+dbMnX\nqub/2uHgUuwqxygE4em+OHRKDYdooJljb6+HFXn5PE94FiLYd+9xyAzdQ/16\nLDneoWnykvDoZ8surdgdQ8Qv3rgT4OkRDNGqbXSHtVE5rx6ZWv1XW30N8Rw4\nwJB/yUyUfYwjnL+TKzQdv4YUBSROhuzWVKiCYjs+Pjr1VgnFOPibu/lSNXJl\n61HZT/l2Zu7WYmL6P6I0eHqJBWq65LjtgGD9zuID6svOEsItuGb9jhesDoIW\n7Mr9YHY1L/noRgZFLfusbwE8KAwgQucOr/MTiTupewskmchmt/+ld5sB50UD\n5P+AMGOXKb1aBPm5A0wBXKuGRA3xmvkyRFGO/cPaAWZ5mqzUsTBzGLtJcQpm\ngNxr\r\n=dc7B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202209231642_1641770240599_0.47645307005287907","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231818":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202209231818","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"495c20785b659116292dbe8ea8cb82176a39721c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202209231818.tgz","fileCount":16,"integrity":"sha512-2MLpvO0nlw8kVRQGH2miQbXbCHcIa6f3VCG1Dyw818f/akB7PgDa7oX4UDYJDoh3YpUuVext/YJdebw2gjcLCA==","signatures":[{"sig":"MEUCICh1w/Q8arRsMpIvep5W6TjzDNAiGInXijlGqp6l9BofAiEAg5jMsON26R2r+UfkTW32UBycqVAdUr7S/KJBuzt1/ns=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh221lCRA9TVsSAnZWagAA8mEP/RfuJV33C/dTbnrdNN0d\nybvgsWOiYVwE8ZK5xc9pqzhbhZcLkbHt6hrxX/IZuuaNYxH2koKO+ixXRydp\nFzQzVppRKEUlCbMmWVVJASNEkOj5Uh5EhMCoyNFZ9kyvYkpFsElvCitseEh7\n0sdJZm+it0VA0NaPoVeG27onW9mx+b5Mm16B2RGQofNP0S/25X1Q7zbJa8b2\nEv8zOg4BgA4U2+GXzSkF20m73FzkfNPrtkgJvgJ9XRgYO03LVDzEDYZpg+MJ\nmPD0WxHFupgd/LeAmtrlx+ZXjnZs4vscWOw9/9QirAlG99Rp38eJSnz9E8Z6\nt9FQBzovmIQ0D1gXAbJNGjvlbkf4Nwxip9smoC7aC7ZPNc5rIWGDbVA6OdI9\nqW/5oURl/hUEejGwqcg20/xggXTxBXv4vgMDsb1A/eUT0eQICCt6Qx+kFDyk\nbyuXUUJzMyL6KCzeUDVdkIr8VA9dQ+JWLXBIiYPyWnR+flkyTpacuBTp98gT\nzVfov7+YqtrZ9lSMdStW6kLMpIviAvJv7eGYrB4xuLnR1k1phiqEGjD8d3TW\n/QWiGqIABd48xZyNf4OXSnc068b9wPpUitODNnJWR/jKjRmavQLkqhBmbnAW\nyI17QTAZ8kyirBxt1Pl+8NEQaiOUAxTedc7Wa2F8p5EGgl7Q8UVXBfTllQot\n3SQN\r\n=bdQb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202209231818_1641770341128_0.0699452178111446","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231927":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202209231927","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"eec8e6e4a344dbe06d5892b471456febf4437368","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202209231927.tgz","fileCount":16,"integrity":"sha512-hvvFCAjXqBj76SVPIUtHk3J1f1NG4JoWcImkuOL4KfXDR9hggE+V2yzzKu3Iwbi8q/7kPc2vAlg9jnC9uOI/8w==","signatures":[{"sig":"MEUCIQDEElKRfwi7CUvZV7KmNtfp1QBVTRbE7D+KDIyLOMWurwIgNIk6ZHXFmnDstUY0BesNMdzLErQqncJpMf2iv/naYcw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh222qCRA9TVsSAnZWagAAxbYP/A7b8Jl9Vh0USn1HL0ZH\n7B9TAsVXCeIbFF/SNFYaphVXemNEhp5OQgGVDnAvsbrw9J/D8Y6m3gtCUqsl\nWqQREOZIqEcrQFHJApqNN/UqISC5rZUZyaS9qKG6kSXPzrPQz4FM0z89zuu0\n845WY1HaByF81yypQV4NUFy6g/2f0KCmtyWSwb9mLbDRjUIJGyOK5ULiXDVm\n8mP6d9biZDV2GVIF5XDWorpys0KhA9Y+2cIF5uxf8EubyiKwVhjaO3DoKs2p\n1YXqSjc2oQuXWJJmXHFRQPGOMDwXD70Smir4CT60/z5ASUYvP9AtZlEUGa/P\n4KdEE5lQcBZsFOKcD2Sih0gg1ci5APzLUJ64yGHqNI5gNDlyvhXfO4RHc5Cd\nWr0eYQs/+KqSOi2bDt8COj79ZjnMLk/NUdRUnUyh8uPfLx0nXJP3IMtntqlO\nlUU/D5Lg3LxB6x0jeZjkzGqGk1m4qF+ooSOCxtxCpGu4QonaYjSS6ApbznS4\ngsFlIXMKOkfIN1XzLzZu4ZEE6jffi4Ezqba80Pz9tOa+I92jTR9NY5owiZZE\nb3ROTHTfLzCu3uV+75O97jPu4be4vvUf1r+tjrfZiLFKRtQdrB7wtTTn9RWl\nN64qen3YQsnNFHxfENdyzaQfGdo/eAUX0rNFELrRhvDc5qWfGIStKXgAz1vU\n4hWj\r\n=XRTe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202209231927_1641770410122_0.808193003734851","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022010134944":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022010134944","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"6af0f86c231611b2bbfe643bd76b3bc2100abf06","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022010134944.tgz","fileCount":16,"integrity":"sha512-9wckTsv8Q6cTTQy+bAgB3sutByJJYSTuQrvnvlCcR3QXG11jWa+nZteiwYRzFHOfVmcSsy3UpVWtTgPcn9YKqw==","signatures":[{"sig":"MEYCIQDozbRaLZh+nw4SRkjdOQDSa799drCIGKP2hhvMgG4IhQIhAOuNvow2S4bq/bLBooDgWOAV9lkzZc7AhpkN9EO43qwG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DmcCRA9TVsSAnZWagAAyroP+QA3G7difakuvt7wj2iG\naG0j9LWHSyFhW6GfazjkCidWbcZ4PHYrwMHHYojcT2cxeskB/caxkKjpAOUS\nIRYcc83bphSI34QrCWOnmYbf04kcBI2IDUt21MP9M8/WtEUlDa3cnQQcRByn\noWCyvdCztDFESA4pMUVRXvFG8OS3klHXOYg5qPhcnuiuBmLhybMWDsUJLbSw\nlPVVmMCbwU8C6P+z933eOh6Qy/lAmpOW6CzEsXa5JFsXeUfCsGvUvzkiZiKR\nFfwu0BJcSrzL+hHaHl+IclPDFOHlwd6STI8mowgKjDkRkAqMgQ7T1nQmgJTV\nAU+i6IGBgQ8CAa46rv+ldjL/j6GIcMWwpJbniXDTfjPvnp/V8Drka+gtyyBZ\nQ8FrUgM9wqCRkT8w0ni0uD8P6po+yUepQskl773ZBUEl58vuvMlRRd70ZVsp\nfbujHDYyfv9NQ3Uc/UrXHLTFtgQQXDwyI497W/srjj8k+WW34k3j1cTDWA03\nveDs1B4og7pArGVVdtrMfE7L2VlT/XzrAM61Uta92jqrmQfJM8mFrNtraI3R\ncdCYeMoNPRxG2oTPrY8aI3XK0c5qv5S5J0/U9wQ6myUKtSLulElMwlxONwzE\njpwngcQPi1gM1l1E0A0CNwT8DjmII47SGsZoLWENOEliHCwiaVIg+LlqZvKN\nH9KB\r\n=Cqzt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022010134944_1641822619922_0.8076152921760311","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201013510":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202201013510","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d594c1637753121a858e7eaa6b1f6a12b504e756","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202201013510.tgz","fileCount":16,"integrity":"sha512-SY4xs09IJlVpFwaGHG9ap+6/3exfFg++Mz9ihtxuHzrwbqX5HxWD6dOQZiZ2uynL/aUSuPMXGthTkKYnV8//7g==","signatures":[{"sig":"MEYCIQC3wXFsV3MVWEwfBQmRzdzBMiqsh9XPu3sOh7oXEbU+2wIhAJWwVykt58RPM2SGssO/OPsTWbD/Xtes5Tupc+L5l9ce","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3Dn3CRA9TVsSAnZWagAAO7wP/iKbOm6of75mS2P4x4/E\nTlqLG8IjilLmIHuC1c0TLbizJ3O6Q6x/T1hi88dME8wc+Ze0o8HVsFFOZyg8\n1j0L2kLFR15/LdaX/hsxMbtxB6zui3lrVXWjFGdxTB94aFALQyTwgKeD6Zec\nD6AhT9XOnBqITCalj5M9nWi1qCAPDIW8ZDAJS/p2Vjl5kPYk8P9rsN4TqzY8\n5yhZPKs/K0fw+IBH/+OP/EyPzEZwCz0qGcE4w/cW5Ub/hTQtxiHeo5sYTCN3\n2GRQWGe3vLMoaZcpqsdAwiim5HNOKRiZR88tFAczWlmBS3VfDKNzuRZmPs4v\nFxcdNoAiXqWqeyUjHHLmiso38ky2R6aVfBMhlGlaeMkIOrpcKQ0uaZxFO/p/\nbONYOc+BGJuau4dNsKYgmobcPhSPJdOI/e7Hn0pXpOsPNStbFe0s/84ayx/W\nOg+QLRVTemGtBnZ50eNwCbYHD4IerEmLGbrSRbvTHZz3YzO4GnZZbNZfHKus\n2PkdLeJhaP077sEQWKdrx+8kE6YCeN9J6bK/avr0upoLw8oKmj0CgDWQhwYm\nlCkMxc5S5xLjWQA67fPTJCTnGn1JNIIjs6PO8pCa6F3zFd8vBy6hk6hNPFPJ\nPaOEnvLnP8sbxLuV6QR0Qt64EPLx1LHWlFn2G2KTWvQ1Je55Z80nLLZeuck9\nPiAV\r\n=WvFY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202201013510_1641822711678_0.9155083453257262","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201013538":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202201013538","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"03d420f2878f7c3bd809c064a8f3709113e4bcd1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202201013538.tgz","fileCount":16,"integrity":"sha512-ZYQ7M9McnXLy0VzVkp+5u0YCFbLZRHXH+TUlX7M+sRpf0VfqChLArPPxJEIojFPygiN7lgTMcdNZWKvE2zhASw==","signatures":[{"sig":"MEUCIQDepXiZVwcuyryb5gIPtV26LcJE4jd3G0YyLD8ELW0EsAIgBuQ9R23S+oeG1Ax0hOIA9TQ9PHMlEEdcYyLcfsllSnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DppCRA9TVsSAnZWagAA0tUP/iOKlNb3iXXtz/LZSAg5\ndNKIb5LEV4quu0/CbpgcUMr209M+F99YLDrZfyGEANCF44hxpaWPaWWJK4S2\nfTOdBgy1e0g5MEmbzAdnY1B77yw73ghNTv/Vd6uKRlSiC8UMWQgUOcDmcFPn\nz+r+Hdr/PU/2bjP1MBE4gL9KLeeUAu1bQQO/7HkfXREdq7voj3OzAlWmhCz0\nCIsBj2h5nUu0bGBMS6d28e6B0PJIB6/JhXEi8U1L3jTTr0mo+1R5ALDkJ0x3\nfHmUga1oZHFJy+nls+aOJ20qIrHfSmYqYJ3R2bbtznYp8obLj+GRP94158Qi\nJLQEIOaU1UPzzyBpvEE/pgoQBI4tqa/lJp02LYj1ronOADYx6VIkT+6Y8xDG\n4xq+sHhvaJA6fue7Low/uJKJDP4qP8iyqGc5shtx9u4+Yj8WI1eXIqM0wCSR\n/VxPk9NP8jIIy53aXdikVjSUwV1YdB+CKIMtVjAp81SMmduZ2IemlMFIaBE1\n/KHHolmOafD8fgNKb1oXEGEysB9xlb1KaNU0FqP/iUSV53fj8M/4w4YOdskI\nZFAEbt33hLrVtYAnABp3T2c1CNdYgQLRXNTBUju6AO7FEPiFz1IZ7mwg33L/\n/T5YZVhJXoW31VCDjd3htqtR7cosyxnanCGr0AXj4f1zQYsv7kdVOHnivjp9\nu4VT\r\n=VvMZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202201013538_1641822824966_0.3161220686878017","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201117413":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202201117413","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c87f57ce01a6efe98f1459d5032375b7b3373521","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202201117413.tgz","fileCount":16,"integrity":"sha512-rGHjvmtImMA6GrzPqzX5abZ2MS65tXs+Pf/APmbBtvX9h4rHGU+ab3VQcnkzLxeUCvB2k9zsH3Vq0BxvxDvQFg==","signatures":[{"sig":"MEYCIQDFUy3iU0xP7TI9UhikFPe0KDi6v0m3d4bCOvbdaLerZwIhAMuB1Qo49JynOC3Yk4xW3jld+PakD0F4L+9WdXMna+Ur","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cFSCRA9TVsSAnZWagAAjyEP/R86WFjICfOIs3gp6kER\nEQZrVFuCvAATe/MKTv+6LRIe9+BlZESlqKMnck4wt6Xa6QD1S8UlbhS3DzKF\nE+4VUqmXEYNe/G/NKj6QKQXy8QtBje+I+TCFqnXttBFQxkCty0lmyhTmkivN\nDUSU/oPgOFVPHdmZ+yrV9mHYumMAF4x2eUCXB06gP15q5EBOXXT50M+RROjj\n5q9gvlO14fGcw6T+tO5lvQW8ZekV+ASEGNsEhYPnZEGZiXxnipp+L7V8q8wT\nbmUTLwNub8YPe353Q3DqxUmVt3FVSW2aNUROYqpq0WdgnDVxrDlGjQkbKT4s\n1nzypE2fyhZKhtOjy525amckK2sVFgTcaoI52CKSpGxHVUiR1CC6UMbGv6Ar\nxksCfeNpRYQAt550Zqz7uW6dtUjLzxgBxP5zz9R4P5W1n8v6NSODK9JG1vno\nZgnzI7YoSVpVkU2WO2Spy8wjnMKqoqZvtCmNZh4EeuFjfcDpj12c/HwPa7ig\noRI0C/0i4dzYYn6pn7Au6mIaEwlbFz1oUuomFnjuhtEa0jR4b5Z3F5ILDInA\n9H5YJmEMqRhaPjtfms1Ip4kk39GvPKluO1yzqZNyNIFYdrJ+e/Z2quPb5AO7\nCXoXjCvWdOI+zfAo6OhKWCJZ38Z8lf/rgCd6+TmZP0knV8cqiIW3lYQIanNh\nyop3\r\n=Nibz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202201117413_1641922898336_0.4248325331537097","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011175644":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022011175644","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0554af7954920aec0365c031485e3be09b6f8f91","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022011175644.tgz","fileCount":16,"integrity":"sha512-zZ0MohuAFtHTPRZ3pi3AgC0fsFqZ+a/kKyOUUH+0Svr2fQFydA0VPK9rSRxNw+L/TSa2ibx9E+4vvprKe9pK9g==","signatures":[{"sig":"MEYCIQCuI4l7ARYHRs2kuUt0IowU5Cj0kXH0MKr1CvbuDzgxSwIhAOGmomOLNIndRLHd4CEK9y8nEQhdyVyIX0IY55q9y2yP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cUDCRA9TVsSAnZWagAA3tsQAIM1TFBgAKu0bNlHuZeR\nKiALstRFxTydKlxI4y9OKWE0APgfe4TbHgli69WeZER3cqQY0Tjy1DKneG/I\nHznhWpBNIGYzD9/bzJhnggqbo6+wjCOSCXuyOB+Kd53zTVEZMwf7qkGqMIrZ\nheXVlPyqCUVyb+VAbgyq2kehD69ZqEgFJQaOl+r8qfuyTzH2lJ8yHkg5bbyQ\nnfu5RthWDNUihp/pp7129tIdBq4ixL0sbpmyVtN8S4A/RjoOMgEbWo1m4Z6r\nZmBoy47S0mg1Wsmp9E82cjs3IfDDNlyNUr7VQWEiyc7GTZMx+PU8SRIXG9po\nHgUi0kEFLBK1q1ugFdsTi2Zo1Aiznd4IBqZFrwiJ/YtZrn0tkXIumWLImsUV\ngviRc7c2jba0zGMkewOMI5nsPW9gWqmdmlAsz4WDUjxdHNHshK76UAintbxi\ntBIXZxs9C4oRAzwjvJAJSOGZii3Ujvid9UDJXWdf0ZRssKzUfvrxbdnsLV87\nJZQOx4OPWZ7HLNPOGT5dl4GGx4i5whlreUwqsPrq4CG3hSczMrh+hn7tYpi2\nFczLkG4a1vUyGh5cClG/c6Q07x2xXxysrBRapj2Nmnq2b0u2g+3M0KHCJ3C9\ndaM+oH3wwhavEMw8TXUVomT4wLXJ9zyXJfwG7UdGGF3+j8TERUJU+mq8zBPx\nRLEP\r\n=ilDW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022011175644_1641923843324_0.18046381067518258","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011182024":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022011182024","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3f6433092cd21662785569480b436325a7acc1dd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022011182024.tgz","fileCount":16,"integrity":"sha512-9/rCqniO33c7trKoD2J8iEeph0lpD59SooY7sCgYcEZiWlpmD4GzWa19amw7Gt0Obz/mNyr7oJ0ufKaHbAw7/A==","signatures":[{"sig":"MEUCIBWMqJX68aDJHb1m/vRMWe+pYw6NnRBBsHlIKbioqme6AiEAoT9MBG/2pCd09dc6AewQeltkAciwVgmNVnDNUK6rj/8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cqTCRA9TVsSAnZWagAAh1QQAJkwvUPRx0uHcWz7spZs\nWX+Q3j4L5TRVwI/O36DTEEgVt3XOw8IkUUXVYz03QZ903e01Id5tMZtATFGc\ne3tlr3DR8jVB7YFl1y/iNY93EByWkxCtADxak2rSatYyZphX2vkmcHUbIjLs\noiSokYJUT4ZA/wJkgJYOxpqCpE5ln0UQoCrXjS4M5s3xkOQSAfFpgGxIkxNb\nh4wy79oPR4tft3cegKqXGdS9G1+HwRrGjmFZGqCWG8SyPVD9Rs7ZRbwokzFS\ngYipJmnPRPJsoi0xkEY1J1Xq7L8GzQv0U+oFaAR++tswgwalSpD3RkxynCqd\nZqK2mdpTffwDtBFMzrO+VtRVjdGqT2BrLh5Qd5TzBIsLMktZQmGfpAO5+pgS\nbrRylFrD4MpIlRcqmCLg4iybTgV8nxlAPYKiKh+Ji8Yqw4ex5EMCeMc3tM/n\nnNgeCWeSTvTeRzgveKy0slt3EeYfnvuD6w48vRz3cQNONr7UM9KiFErFw9w7\nOr9N48BTax+HoDOK5f9K5L474ugPGBZQ9yItFRalRGLIle7PBw/1V4VgRJyz\nGuobNJOudYwVCDjJY7I4+9VSvZ8wjYyoKeOeVQ9kGIn7z4smQopWBvcv5Z8G\ny3Ctz8b63MnaXXTiZUHnbd3kP/wUOyTTLmTo7Zgp6anFerp1s71EVQtX+44M\nXpus\r\n=7q9l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022011182024_1641925267414_0.5609871208929387","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013185957":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022013185957","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"31b549a98d1008fbfd1dcd10d853c8983ffb4fec","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022013185957.tgz","fileCount":16,"integrity":"sha512-LpXqnldQJlCd6taSvUoUlKjrKsyMQhpTwmK9l4YeuNQelawjjDc3mSnyM+TItM2dWO6rO9J+qTo18GOFBm01qg==","signatures":[{"sig":"MEUCIBB8eeK7AoJMnNuSytOCYEDTiapjG/vHN+7oKawsuaQYAiEAykMoHDR3IJ5L0aTq6t+3HvzCwdjqh5BAtSihDO+05w0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbVCRA9TVsSAnZWagAA2OUP/2F1CYIIPL+Q9RQnuNfn\nKFM2dcqG5TvTcgx/Sdzo7XzcYURlL4WJVx7TC6OpRVXOIvZ1a9k3zie0LRjQ\nl3Hvt56b8VNqUU8HGalcuQOrrNDN7V3ldcUrSlViJPvjBHN1t+rvQx2U939R\ntugHu/gFKEu8V8dyLq8ShcfYSazlcSY8D8bhtS1A+lwzOqHN7U9vWOukRE/P\nyYJrPgS+lmH7bF8CArlN4eXeI3M8lCcqzcNe3ULp42wZV45SHjJbqFSBKxaA\npC2+owBbapvcTpYwgkQKCt6LlYsnW9CtJ8GeUaRrOOuGFekJUlgo4geLCDTx\nG+OtX34xngsfLmMr3pRWvsxR92f6rZby1eCI6iJ9djEpeOrWxHMERQOdelRk\nO/Xu7pjAis3RRZ5J0BNKtXnHFCqm9zVrFv3N3V0eUZmQ9U4wDiuV5p4JuexF\nHAxPStoYFZnqTnGVtlrDBtzFP6WjrhHDjjn68gAJ+UIYr+EEIspnCAwQ9uH1\nnuDmtwpRxt4GQa3Jxt+IUNlNWsOdbx4iVSueTwh56zWO83d/b44Jk2jQPow/\njnlTe7mktcQjzo5MBONu2PKsXzBBP+DS6JdSe1VzdXoCQDJ0tPUKAhrW7uG0\np9JADaIdNQ2wgJy//RRGRgMw7vNWlle1vWMyPKkhCL+3Hic66De1M5+Dx6Xb\nhllE\r\n=kYLM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022013185957_1642100437384_0.749026778620292","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319022":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202201319022","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7ed03791529b7fa0cd296b27fad3bc636e0744c0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202201319022.tgz","fileCount":16,"integrity":"sha512-sM0ppQI/sIq9GKThlfe2ge2uDz0piZfYLQTLRrddncaIueHiAzrPIT4+7ktGOkozqs1dPDkkcUVAMj/RfxpcuA==","signatures":[{"sig":"MEUCIQC4KxY0kSaI3Gc8OYOEKFWCG+urmNtzDm2+3JSB5kUKFAIgTaSn9GLTNgTDsUApQgOdNdnOkQt8s9ClH95d2z1ugpI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbvCRA9TVsSAnZWagAAT/0QAJInUIpjYM/G5PF2HEco\noCQF039dug3QiuIjfHP8Uo1sd1H6KgvD48WfNuf0pJUD7Cob0nvZ7B7rMA6M\n9NV6l96+1j2WHYEWeqSGuR5br0w2zARWDPhYmIFWz30kdr1Lp5VTPVweLpX3\nc5HL8QS3ZT45obZQvdf85ZaKUoKIJQcYXZJm2n3GsPjva4IDEyLtP++HDVG0\nkt0ibv6/5kzuDGowqEGGH6HlJ7a5TNyBl3onPHWI58kOUgCJ3RtaBtW0BdWT\nTtikPM6AbTAKjWE6lGz/BSnopBUAjnhfMaN5+i9bIm2RgxfChHHnly3XpmVx\nTecmaoQcWph4U4lK+7nIXpoxnT5yFi7N7ZWQ0MuXqba97fjw19e2KGjNqQsV\nyOCqZVP9mO7Y+0RajzEyAFJV5NugDGPl6z8lD1Wtxb1XgeP/mERtWIyKB0GC\n5UJsvj6pe/JrOYEkxmN2gSElBzMeSnR64XUYlY+w8GGPoU3fkvpAFUAaUa03\nBp4vtJrOiv4t6L70tPN0H+GUv4j+0o3kQiWtCqtFi2JtYjT5xNGXxnCuZF9z\n9QluouriLfZOb2FwK/gAwm0FJvm0fG4WMMn7v9QewL6+P6CaZvzcdxn9D6EN\n9awZfLIMPfsl+kw6t1Dn2kwdcJuMX9V0r2SMJiQOp2F44fjXAnMq/IO2KSYN\n1778\r\n=sFRN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202201319022_1642100463174_0.610248077691874","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201319130":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202201319130","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"55ce353e53028de8bb16e61f2085a788c0f03748","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202201319130.tgz","fileCount":16,"integrity":"sha512-qKSiQUPXk+P7FvYGlVx/w6ruKoXM93pyoiPT+lBT7LuDqmqzysoqnqA54mjCb7v8vuNrMe6Hni7rV45Cj8/2vA==","signatures":[{"sig":"MEYCIQC4eJfq7tQiYfhVsYsw6VeJ3pw51AqRvnlP26CPtdROWwIhAPUhtfZrKLb5uF1faC5rbueq0r9CvGfdCTcl2Mv4JHd7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HcwCRA9TVsSAnZWagAAfwEP/1O2U4vFZiJk4VB85VJI\n/KqpWFm5rVAg+xZz+joXlepfHJa9RRpMifGcrwhsz1L1cVr6aolGewGqH+8D\nXhesInowLFFbB5x1HXEbxDcznKj9//FcoBNXy/Le+3KMD0gC9WE/shdD0K3J\n8kVID8vNsmvASVTVx5mRn/rORe3stf1fMYSyW/tGVyPAx3MVJruDoFHjTFYv\nX5gQU6ymNWsOb6jZ0w8lGyXcsx3v2aIWUqUMoXUulOjIrI00pOgBFTS3qUNO\nqjQlNuBXREsfOHIo4r4pHoRlQUnM2pTmMCrXr3W1+1M17bONGIu0RZcxoGba\nvOPIrH8hJkz4o66yCFjfXGNy6cUgnbGyOREcg1SXJvVScAbUkv6YDODuuK4U\ndzEBvp8jKEQ1REaF//HbyxUfZp1J/1BfTAI6g2wk4OrYo0wVWLlRSD6fluLm\nTx3nitMaVGEmE0D6L+9sRxpYG+qXqcLIrW0Cm4a6NcLWHKlmRhAiXzUrA0Zz\nUuC1IKEMVubIwUwGTTjJWUxQpZ0vMUqwjsDBMP1Rond0ivAbYWaYDlJUCsKU\n7kXPDzWLUqatO2HJQkHjgdgN2sYF1IRGWeBS+cFuJ3TN3lzsC37HvXlVZnXv\nVnRlD2pei3AsEV75ZMrKFfWnqUAh5KZVZyF7LTvWAcKUOtM3Qo/L3nuLze2t\nsAzF\r\n=oGIT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202201319130_1642100527929_0.03861225427660964","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319211":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202201319211","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e74f5fec5f126dfb7e2bfa010c7bda74b38065a2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202201319211.tgz","fileCount":16,"integrity":"sha512-vTUsG3NN96nMwzSJYDKECedIKOEz6uXXc1nCjKpRGqkdFKRMSc2PBEMWsPCJTs9LiFdj52uCU1idUlnS/NrVeg==","signatures":[{"sig":"MEYCIQD16tmJC85JCGea85UsnMOoRvP6GSxr40La7lS1kvX9eQIhAMHus5KxLHlfRNGJm/5rPH2d6d2wjdaZaAfkFRa8HN4u","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HdoCRA9TVsSAnZWagAAsykP/jDBOqFedcJ3+McOehGC\nVvh9ro8RrdFOmtWLK22NmvgjxBJtqJt0MDuHohktaJvvXMjGzWzjoXc2X1Wh\nKniuwLUJk7HkF7F2Ov5dCXOClJVBenYNXVXshpUBZFUWyVQmXHABSROI8OL6\nHxgvSr+RF2pzVCI5Q9+PrSJezKXQpYinGaw3kfpKqAnY/Zqk4etME3ftLQgA\nu9Ir3xv7T2isyxZvzYfccXxpg54SJHXH4CxJngO0bbyf64HEgkPJcbq0niBJ\ngQfT3vCJ4AjJmvAzlkQvIbKxF4WX/pOOjAsRKtahkosTS52WrC49fCs/nhCc\nlYWatOHTRDyolRZ74qbG9GPgBXZGKX1568uzoe+2dK+PLk5jMqX+bBTcidPj\nSxtu3qEa5oF0muBULYNFHqqDViayWXhB1ZhqMgm1oJax7ROHceQz+2HwPSDS\nz9E/6vvFOKP9GUWsVFhRYb3BOSNX7ORbvLTh0kNftahfmhqhaAS7XtFauVar\nflRl5+EldBySTQujEzd5NCziYoSXbEyCk8A0Abk8SOJhlf4yt9IYzYBcoWiA\nR5h4ckk4Dn/VO9Rs0mJzch/+PC8oQlnnEDL5tm6jd3hHENawwQdGg9QSjfkD\nAvdoISx9hX0sWw+sT69h1BO5wBHJEA3fTQuSJyVvxE6S6YA54GJpNJuiiyTL\nKEq6\r\n=F7Ef\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202201319211_1642100584147_0.68107942771369","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191557":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022013191557","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"612c080791cee6334ddd096fe96bcfb4e6a5d65f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022013191557.tgz","fileCount":16,"integrity":"sha512-CQBU4O1qACgAxknVESpfRsZ/NPFM0cfGV2ZHKnzQTYxPvrA/qo+fwyMtHRk8mfvxud9H+Ovu7N/bVVsL3/40eA==","signatures":[{"sig":"MEYCIQDRldhFbeycVRpRJo0oz+/Sr8R3+9ZVHEzQx2H3sS1fAwIhAOnpvGaAlHzJsShUgsCOFkoj6QG8WrxE4acPquvLErS+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqSCRA9TVsSAnZWagAAo8YP+QEcO59QxYKfuikkDkU+\n7peezadxBEo+w5Ca3lVLFVeooAy5mkibqapqx1x7EtYGdNCrfwAj6cMUz0b0\nAIE7uFk0f6GLjb/qHdXAWm5iNw2qafbVkEicd+Xp2+gfFTPNzBakePoDPFT5\nIbKx8unE9Daet13oaTtNG5tDzQ2IbqHiF8Sk4j+ixr54ZFNIdTs4q2PyUK3P\nl3wohOyaO6bw9wjEOzl7rHrg6u4fZxW+Tw1t2FKVMln3Uw7KGI4vhdFeUiNp\nqdVBhXtmOiaFLKNW6e9WVL1VduKqEsLC0NxnZ2NJA1cfTaRKEm/g/vqde9hu\ntrFAisuR/639Sbx7DgFRoJGammYt8DW1LdgLJbmZyPAj81oRdBn3nRYDoGWK\nZ+sz+d7sxxZy87I8Q4vgwxaaKO9qL70TUztZKV9xRFSiiupZjnpA2MPRfJgb\n0cwr+a0vB3KJTtgZusptU04arX6XGjjxlL4YX2J7EYoV6VD/u7caWQnve01/\n6RvnM2Jw7nmICKopelX/VZLnI+y3ykGy03ItJGgps+dMRABYcU18APbfdOGS\neAeWKIFCCq34ohijtjR3XRZzdGT5NiLBu7CDo3HBcpQeQd3HetLCrIe0jbbt\nW+/9a7S4mVMFVwXwZOjaKS1lvk/tTdq5I759xdayvXyhs/nmyH9AGPM78Hy2\n2L67\r\n=buLD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022013191557_1642101394058_0.24254934917118143","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191627":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022013191627","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5b3895439cafd555891471b8da5f64c33e5fd3ba","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022013191627.tgz","fileCount":16,"integrity":"sha512-ZFGGPexJ4BGt3yf44LhY/ICd0BwTYuYU2oFN5377HVdcZaWB5++esIQSK7rCpgBLvPC2wnH9zIrm6GB6xf4Ytg==","signatures":[{"sig":"MEYCIQCizZudOz4wRMfYOK+Fn6O9J9/baR6BKXMCoNhtMY2dAQIhAJh90sMNDLhpihXtpaD01WfMc0HLUAObAs0rBc9oP7V3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqxCRA9TVsSAnZWagAAkcsP/1m8j/vPnd/tzVa2akhr\nfwxhDslyJqG0bCCq84kI2/7iohTgN4IkvxztQmuylO7jO0K95qZ7a3tvj018\n7tZ+tm7Oqh95G0oFm7NbZc97ZErty0EV8gPtCmETG13H7CcWUPwZkIbdxd/q\ndll9HJ0fxxLVKiVAeFBIdUqvT8LwrUT48c9xVAXpwsQazy/WuVtGQUS7kxwk\no8SBrtxH6k7Kbcnur9pQkUkE1DtjMSxLIpUk7/ulJ+fvUDj/AopzMqBhPVxC\nyjS+ORs0Y3iwYvd3b9TpPSB/J3+HltEbkUl6L6DcedEDUUpjywe8mkpKyRvq\nmtWiNE0dSV/VEvh8C17Qys2/w+NyqIG2fkQEHbEfool6yRnZA2Ph1lxW+hXB\n4pwDSbc+dRfZ2ZDFOGSs1MAg6anLvI2eboW/6vrEbJLIZxPzK9LsW/G5+TWG\nRu3v4NrPlma7Mb+pVflN8fpvJQgCwHbWMfMyf9y9tgrTexuqYIAAccwdbsZo\nc7IBZ/B7y+M4R7a20iRBbGpImnw/Jx+l0VOWiN9oKeZ/neokdVDdaGVbBi0t\nHsm61lV+bMlDhXEcMKYMgjzGcP+UDacR31e7qmlJ/FOadl/dhH/sELRapxeq\nh0Fk9nRKIp/IhZb7ydzD6Qy9eBVWoHhBztOr1pcd19ka3E8ga4jkR1RGctf3\nxVam\r\n=mm/l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022013191627_1642101425779_0.44276463061565496","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191632":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022013191632","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a0f9a5247e8ed09041d881f667bd00c1addc1241","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022013191632.tgz","fileCount":16,"integrity":"sha512-VibklhbWBT+ZQ6yqaMsiR7M5+/+NyxlPdypDQDVFrfASjr50dk0bcZhFhnViemkgUnWLNdGioy7YgxoA5eq25Q==","signatures":[{"sig":"MEUCIGmumBGvGGM4I7ONkXGSgHMbATtZ0Q1UjY5bkbckn+WTAiEAtMkIuN4Hm9VCHqsMdBtvxj4KeNAKgtMA8U0N0Mz204M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrBCRA9TVsSAnZWagAAdGgP/iPsB6nmr3736LMf15FC\nA0g3BeSScQSSvs/tjFI9dlMuec8TBJIIQnfT2pPjd1jjVod/TzU4oT7Atm2R\n0t0iEXTgZU4JA6ePyQRV9H9vahF2HqRdvvjEQB+WhKLmZ4JtJ3f2Vltq7ez+\nlt2wdODLPGeYXgSyzw3SO5BfKynh0l/0rQoIhH8c8pHaKR+K6PVUL5Zz2FOF\n1J2bKmKgynK/dvoB+bkBXB+Hz30YwNgN2oK1ZVn+IrM00lLlbLt1/ASf0Lgz\n7pry6An2LIkPQnhWTMmVtBo2mq+ivou+hiv2n+Sf/wykkyKNqMb5GpeTDDgJ\n7uvxLmIz9GfYLOVZa4H67141cqx6u0QvKtxfm4fxu0AjaAQALcSkxAq1kI1G\ngckxAbbDix32GNhRDMnGKjTZj4Ank+oE5GxD0oE+okQAxZttU72Dx3WTM/+c\n4NrnQF4awMybOXP0Wn9h/caeyzN3kI0/FnDKFQS9olHdSFZ6zyXI+tYSuAoa\nzwvDq8/CN6agbmiecsW7dr6dSE3SCmUFplad55Z6bK6BjeZ7mmfPYDlKnMBx\n8tQSmh9KnxQkTI2ihZzMt2Idw6d+NL40YI7AnwDgCZ6iLbLG35f2O7Iy/L9a\nBCJriDpaQY2y9Asnq4QIij+S1wbiwvcwTIGgA1SV7bj23ybjvvEU71pwfec4\n7JKV\r\n=83uB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022013191632_1642101441499_0.07772202457431954","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191659":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022013191659","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2f448192cd5c4255c3f04eeb0d00eb1a4c28e32a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022013191659.tgz","fileCount":16,"integrity":"sha512-qU1aZWn29/Dm9gwnNrlUd0AlhOny1oA9gfe3fb6UyhF1mb48v3AFwaY3A3QenLPBGAqLEyOAtpv6oRIGTrjHEg==","signatures":[{"sig":"MEYCIQCqIxhnNxE/FoXDbu6jaCWtuzhe02qfk3FUdQnU+0BeKAIhAPNC7pZfq6bLFfyS/gxeC1wdmkuBYxenMkO8Z/IFQrJC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrUCRA9TVsSAnZWagAAIwMQAJPS/qs4DcM2beW6AxDq\n4qv5BeEJIGIfPH1nnjXe+e57+OHgycg4GM1+J100XKhGbrj4ddsKO8R0mfUg\nRVpF56CBYbTdSst9mAzVCIpf/yO5xK9K2rxnnJghMwvnlBfcloJbLPC2fFgq\nr2Vb93A/QRvNSd2Pw/2CxTr+OvhoeIUf0eXRuyD3iARbyh1V5cIqypvKLOlS\npm9W/wPVKrfcyx51MdYGRUALEYymJrLjb2Gwyjkg2GaKDq2/9fzZ2eLHoA2f\nk9zGEfdN7tyQwlGkehHbf1m7Byl+ncorddWAwMMSX0S8gue0Bzlz2VWRFkjo\nH3vxziQsVqMlKFeXeNDzoB5IU6rI4eXX/fe2eAjs3jesk4blLSep1XvLtiiD\nonE432bgAOTVAHoL4cggwsAK3v+uIpF+VaueRh7YQa7Sr5dcTvuxvAEVtgoA\nx6rhfYIhlWPIY/IvxFBx9huiM4DkkKe1lbhMufuiFWFN6OgAnNwC7mQn1URv\n79cf2Tc6Oz1Rhb+aOn7uL8srhQy5M716MEksMsyfAi/EIiFqkaZbCONeCGV7\n4nUClKajuTf1Up8RmA5si/Ud1fQsgvtyfj53bGDPq5QnkLo9THNXoYjhWi5i\nN8/6i7md5UyzWyW6MtxSpqOG2SDIiJ9CsYgjDrTaEqsSh9DB8CI0KULdVAnm\nLni8\r\n=G2PS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022013191659_1642101460602_0.7006598881895076","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022013192043","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3310cfc0e9f6b2bbaa8860a1924fe319a49a0a74","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022013192043.tgz","fileCount":16,"integrity":"sha512-UtodBKtNThKI0rAVKJ546tkzxnVWkjKjE2zAmxLq7/IGA4oC1cpvHOrrmWfoFOJ86I/soT6KGWDPmO1u7MaJEQ==","signatures":[{"sig":"MEUCIHe5oYqTWwXAZrD3iyk/ekLFxjd7vRRKSaB878N/AadyAiEA8RJPhg3BSaQn5VLUYxjZ+76XtXwtlMrzRpSiHX31fYY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4Hu8CRA9TVsSAnZWagAA9RQP/1ompRucxhgs+IWvwNhb\nEavnvTzc76kOmRt+KkIPdEv7xJ70HyHgMdnA3J8nIYf5dowE/jqRHTgpwZaZ\nlAsDHVzIA+7SSOA1fHUAXXnVyOI6mJC18xIP5VswQHB+cPbPFo3C3IwjkU8O\nn1Ju/ap5JCgMZ15REoG7zpB+tILgMLtuWWIfjCN+0xW+7iyxikW9Q1RrGAof\n5pFBlmNUI0XLKTkH2GdOA6w1WrJvk14VVpXlZE5KfP0Z6I+TKJtHQxxdWBwo\nif2Z+uluLz6vOl8zUw7cQpeV84NHMvRhpj70iy1DpLglSqPrXDIM4xQrvs9a\nX1O0QjJQ8XcQbwtU4plGJ56FFgNowKrb0lUgi1A3CMepq1nkMlrMo1f6eSfX\nKYRATIlLLzp/4S5KpOjMTcdAHdnpUKgQsEt/cCEk0gm0XHBUSXBdIHHXK3E1\nX2YY7fXghd5wHIGi5MmqaTQF2v85S8ihrhRLUXC+/t25lk47025vWRoT4LNG\n8vwr8ZWw4rCQ/UCkGVy2uO8pK3RTUUzZAsqNmLYnNEJpBppLeydo1qsJV8oN\ndC3PUuMij79dERBrtQO4/iitTzKntCI12M7AQcybnxhQ7rqje5ep98/z89JD\nHJyl+CSsN978sebbBZ4Je4mTcuFa3Dcb1Fle5FqTfEPctMTUMN77YlSob6o1\nAQbk\r\n=Ag8t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"360fbe69c665cc1b33069dc660bde05a8d62c16a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-2022013192043","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022013192043_1642101692104_0.6820515902632003","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193154":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022013193154","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4a1abdc10515339e2a4261d5cac6734c6b16d4cb","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022013193154.tgz","fileCount":16,"integrity":"sha512-gnPnV9BcgwWOBUZ8zCZf402Av1f/s2Nl1Wt8U/+9RtJO8xadIoxjZlOsSejtFU3oZlYZhwUfROuYtY4rMhCmJA==","signatures":[{"sig":"MEUCIBuvjKH+MC/iSiP+e7nrg9gQdsu2tACzDMYo6uttl09+AiEAvLl+GdAI5Hbh3tkhiAtIrD9IGeUvklzzlH5MvY7/KG8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H5RCRA9TVsSAnZWagAAAngQAIJ9wJv3NCId80hqDPyO\nfRCxwV/YWalejzd3zT4t0Ox6PTFMP/WnBMK+RzrrYIO49RvY2u3rPbyNVZ9j\neAPEO9lN19e34p9Nj+4bDPL0OAKPuolCi6Fc6SO1Su0/8QEwlbCSM0+ePEKm\ni4Jj0opyLwiXZO1g4PPHN+iCKoztuygqWN+tsArDqX7984qvIrneIcBeOcwg\nCd++aY5C4is4FCn8lZkFQrvIvgp/cIgQNRodQv8W8k3EQoI9RVt+rqDrQB9e\nA30Xa8RDLGhONm+djYusguw3KSY8II1zbtKpBImvwXTAUyzn5egKfqlgUH/O\nMZqN1frSkespXlZja0R3vXinwbrnM5PdUZwdfG2FUju1qQF5KpduPAIM4IYf\np1IZ5C+wZZDHwED7rebbOFcCEwEsxR3NV9FnSxi8q8MgVaZLRBcLyfl0Kuc8\n4y6bTFZMAhAMveY6WbYFLQPmoB8/2tz3TLYs0SAwuClhykoZuv/Q4GFpG6tM\nR2Rwkq+ZbE/wJB2kQGg8de3b0eWCUOsMphYkrweoTNRZ5ykGjw51Ww3xQzsu\nl4KxHCsVXbdZLls1Lz9VAH5gReZ0BdPV1/Qr1isx8CqSpFs74pIwZ7AJPxqj\nHgRjt0l3g3YNXJJX7hu0r0jIJZFFF7yfXA6JG1xDAx7Xz5CGWzDPAUEawWx4\njwvp\r\n=WwdZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022013193154_1642102353790_0.9295256391307296","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193526":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022013193526","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"feb0dd2d700cd60ab1311985645e7e29e683f2a5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022013193526.tgz","fileCount":16,"integrity":"sha512-7sD46YUwziJTeAgu7BqZtpD50y88u3wGw2fuSU3gcYD3skljr+ZUJRIujIYghSa/sNlTO/CSJJjIq4lubwS4pw==","signatures":[{"sig":"MEQCICCj7IVY3GuNX8SRSwgP3fclkk0GXJgDyvQMjkGHPMWYAiAcwPnf3oUaf6uJaqOv1LEofwRLAs/AP6U71d9+uRMnHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H8rCRA9TVsSAnZWagAAf6kQAIb2QcT25lwBT4dSnY4I\nnwG9DfRYK8tyWKYBJw17uk+AA+gn2lNG7N9bPpCEGPcNqzxo7E3OKDY+lJ45\nZl8ztpBoDbv2STfEVvuhOOAW+9BPA2xKfWmkWd66XEPLv2EVMuapEq93KMGT\nI4iMg3SlwDR/Stef0+M/W5wpchgpEn1ZL0C/4fMkpLhOQZc1VjkSxLW0HzGK\nj5peCh89Tlra5IfZVoDynD/Aw7HP0z/YtVpJ7eOutU++R3wTZig9v17Q3HcF\nPFtZWHQ7ocYGxK4l39gmOZCh1er2ceBnClIqvhSYeXaubSEfB3nFVslUe7W+\nQG9phbqZQ2RBn80PMQAN86Mfjn0H1BLH72YimJ257HYQfZSRZSpv2sXzyE0v\nY+O7lZD1TOjJSa7hrt+1mhxAFUy0Gd2uqUGMNbl0DRJ+0Ai88pI+PkZiCl5Z\ns+pdqVj9T/mRA8bDv8WNyknBP5bVn8mAxhwXQohMwIA1NGyQcOdlb11fv3h6\nElQOcPgPcyHlTt2YCaPYtDAhTziNOTvElSTjWM/0DUY5hszbzxXlq3J6yFce\nJEpBRWRnetGeULrschGvH/N4xI/xeqZRoWbgkjtdfY+rUdOFx+i7/uMkWmaZ\n44OJ1s5IaDSa1xMsGLaJXIWQjfkrzqJAnj/HaY+cXzDoYv8RCahhFZZpqWF7\n75fx\r\n=7I1h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022013193526_1642102570904_0.4513400641458172","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014102532":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022014102532","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c53ee509eb64e1408a29117bd62e1df56ae2b9f7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022014102532.tgz","fileCount":16,"integrity":"sha512-l67bKAPhZcC+zidcH9XDVPGZfLtDKBtVHoAI6Bexka9t36kvQsf/jUrxmEfWBhqtuWXtqDCTZs/m9l7R46HGVA==","signatures":[{"sig":"MEUCIBHdX2hVK7KWzPt18uUy8u5lNwmtiHRgr9t630sv7bdzAiEAxwUrkhJuKaYkmCW1HGI67BFcGoEZhIOpx2GaZdq3JOE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4U/GCRA9TVsSAnZWagAAkl4P/Rh2vjvpx/K+wdxSBAub\nOEkN0ZXwTBM0Vg8X+i6WaX5Sn3uheYeeoB0b0VHGiiw3puk9U0Hkc4u0vZ1L\nhHy8fNfH1KM4iqEmTRebERWf4X4CHkLmXddgzxCymlwmfLHs5ivyZ6aGUCoA\nAzMYMh0n0r5rD2Qo11JqSUyht8EzE4OGEuquQNwCTCTvg4JJGBanKERZeS4C\nF3ye6vctb1UIwlB520spjWuuxPVku1OKY73GO1sB/M/afl/bnfB9wD+pFddj\nAmTqPyPSO4932YCEgznVkZylOyubONAK4lLBXgjjJN1hG6nYUvO8pMqG+sva\nB783HU0G3SgPeqwl6G0vmDOmbTHdhtFG4Ny7/OKmu4XqrCvsCiagl++YeNKP\n3cc3nioJsK/Og62YBJK7piMJ1KKX8USh1kCIu/hCmmaUXJx5Dxzj6ah0T6/d\nVhcRGWlFInp3Xfz7n5ZuLgkPBvfsoKM1Ltq2MqwhwkYugYGfitGf46wOfs9B\nt+1l4UxVa4BKye3HEoZDX0QtkaY6UFZKmmIcgaFV6T5gyqw5WpInQkiJ6hbC\nn+Zu+lJUDXsDZfs8/tEVmTZVqH/ynmgW7SLh1gd5qdhFbudcJXLHtzislZjn\nbQ98CJZHLUZxfq408mn+B4mfnfoueHNfeay9vjEtFypgcbTv4HZPmlDJxo4X\nMxpr\r\n=7Rtq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022014102532_1642155974060_0.15063455415208105","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201418849":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202201418849","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7b5754da73e2d5bc852a6e36fb7ce0e6220694b9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202201418849.tgz","fileCount":16,"integrity":"sha512-IvcTfRbr2aW6rNtt2jydfJhGG50w/IMmprRT2XxuGzx4XRcHygniwOlYMQSKNudQLX/Pukcvtp83L3XxKWKZMQ==","signatures":[{"sig":"MEUCIQCpWVHGSybgVnjY1BxMztCEptyN2d7PDQvc1ZV63INJ1QIgHRqWqCnbfhhbtSI+DWrStguE5Lmp/om2vV6tiBQcMAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4bxdCRA9TVsSAnZWagAAic4QAKRfeVD4K3Hq/69CbtjS\nuS23444iSvXTu9Uy85X5WN1KyK5WThs8/Na+piwD2q8O6XeywgA15RpheKdy\nbgyzlgsbWgX9k0MvVZG6u/YDkf9pdSDG6N2kN9r2lh4RyQ1oKquOjpX3Xj7I\nTnzZiahKyvMRmaX9/81si4umIjNsWIpDF8SXXjZaeOiFE3L6gQXgV9pNESgY\nXxmCSs7zA7T92cmJt02oHszZAE1cYMFhrGZHJv2OX93zRmwEWXkTVklta7KW\n7T6eJuApRrjFdgv8Tt7+93QfkeymAGOwF1IRyU2eXbDxpCusB0auKTeKMcnj\n6ynU9fQMw4HghxnNafv7OTSip12zABio59+kUsCszLGcpAgGPVSycaax4IoE\nV5innI7svd9lZaXBK6qwQJf3/5KTXFoynD8nacGaimKbLSXCsweUjX8C1jU0\nMyv6lmg9EHAh0kNeopVgQoNqtFmQcY+1eWGDtVgw+llUaGzAqdOy0uBJC5wy\nmjuzA6YifMSD0++UISyt+5vWehrlDyvgw57fZXWWTJpADobUeCO4zmEVl05k\nMUBNRqKxAAjte//UUSQQYmZOxXc8mNpK45HoRav4iG0WNoiXxhgYpm2r0cbm\nkg9soF7PW4VpPIscCNRQ6RUpEx8B/m3yvGVkQyRAzVHbRpRFcDYNO/EHizM1\njJE8\r\n=dNPp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202201418849_1642183772981_0.8663637299128009","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202201418280","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3b5eff2c0710d671da1ae03a764f31ef0a5e2832","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202201418280.tgz","fileCount":16,"integrity":"sha512-Puhm9XMEORWRh8bQpv2YGTY3P7scyzH9xet4sowNhxEv7XWf6uXx9Wcj2ln6VDPcETbjbmgjDZLLpEb3zvN6Qw==","signatures":[{"sig":"MEUCIQCECabuzdCuVVCs9gHXqLmBKi0okogWciENDfcUhqOAEAIgPcQ80N6yuqaplm6B+B1g+OasTAHcXjOO+W/ZOa22uuM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDiCRA9TVsSAnZWagAACJ0P/jo/l0V+wgZBhOWrd3km\na5yEZBwl7U0MYY7d09tBkDHofi+aSVMCjq7usBwjqm5B/IkkcpJGrhRb1WOZ\nxPk+Zz0lSJtjmX5O89ksFzO8xn82B4Eu7YeLZi23dnCNrLo2vNeFTwV67YuV\nsKXPukjHk6J1beGd8LwPzeD1A/HO/B10hFgmAIqft5mdL62OaZsQJ6mZXxzX\n0bdypbpZDeZO9YAUVCoKwbpxN/MiiWfpXyCUzdgcYps/h/N/RD3KC9FOChHv\nySb/Y3bkSAwvqe+lqsmWWZynBkkn/TwjFnJBMxV5IirUS+NWLVYX1+Dh5pRn\nnRJgNSXXpNnjnYXzoHpnNNAs0aaWnz/lsm99ri8yViVNAaS38xF99gkwKCPN\nYtCHin2xUEsrVu5Q4lGF9lyrax5AdwMK6KrPQJSQb06vJ578KdIXp8D0365T\nSWRvOYLH0YNoGM4dQVg7XlQUGSDUgRX/bKhcSTHGP1S7oPEsRnPpOSyhB7l2\noxvYUpCtRxC6D5fRj1yTpOSXAwBOf50KhIGd1dHdXaLIUPwUV+WEny3R80bM\njERN/PGmIQOlG/c6Vl8NWBAdQdlQwWaTFAvksuDDJi1vjCqMNIYfsUdvh08m\nUbZUM1COzZOUlJjWA1bFH1hJSYUDkm849fdvrzItOmR6LSNsD+UTDwoREoI3\nnuvT\r\n=6HHW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202201418280","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202201418280_1642184930176_0.3283762817621887","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022014183133","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b5c7fefcb4b498539c87faf33cda03d3fc0537c4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022014183133.tgz","fileCount":16,"integrity":"sha512-A7yaWq3AxHyLoh+YZVmASKDnS8MZXCp99bFAxEQ+gkumJEyXexUZKlw5dwPDrsTxVAS52wU/stZ9zJACnbVyhA==","signatures":[{"sig":"MEYCIQC+aOHcJc0/mLJIsK/J9i/5pjToaAzip2MO0vJNJfakrQIhAP3ZuRXR40BA6Up5Uwp4wrXf7FUqML6yiVu6w9fz6Eom","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cG7CRA9TVsSAnZWagAARG8P/21l9J2D1XdMR7SxD2bO\naH7SeI9yAKMypo4irgoRJBNRU4CJIOYQKB+y4YiS0ivjfzi5Vv+Fu32S15kE\nAW4i0Ba0OMDFW1fmWXf5B8M/DSpcgA0LGpK+1qfZf/tr97oAenf31GQfVsGG\n7zIBAQHVOS1kERO+EN937Jv86w5IsglE9i37DfASPJxqQywd6IVK4wp/085G\nlocdl66kZE/mIQ56iQL0HzJgM+W5mYe7dWa+Zc/Ih88B84/canQhysCngjGx\nKLdNtSMbKgjyaDSR/2v8QGfCwdNnak4cUJQgkphZ3XSm+/w7AL0m4fNNxLOj\nKtmJK3GCieu9JzggH3tNKicbw0Oc7mHHsPowIkQNNANnzZh/RFc3wWoGLFMT\nT23WTBb7Ywg7U4zfSozBYjTWZMrKfYRhRMWCRovHXbq6yLrDlJi1r8wcTqHv\n76mUkxYGhey7CvnkthQBFt622cQMa3QMPJZJ+YR0GJ1OkA9WjQBnnr0yrVe3\neRoevMuFRWLZxtIn9agDsffhDKyyZU6VV8VzZx2vZCLtv1ijxfU39lSX6qZ9\n3yBGvR0qGfIKS5b4hp7CjvqQSeUy5Ztgl6Pdfag31zusuDNDtFd96VyC2IfC\nPFsmjp4p9pFQFd2q8BlYpvCMSjl0RcFAt5h5sLnSuagBVbvuvGWkyTCAG6j+\nY7Pc\r\n=II5n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-2022014183133","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022014183133_1642185146825_0.4947060676506274","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022017182645":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022017182645","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4b760873be717f02fc1ec3305feb7f51427c4bd5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022017182645.tgz","fileCount":16,"integrity":"sha512-kZ0w7fb/cx8pXle2j6WqED0Jh5QoAzpGKGPM637rOB7nJbvrCuJJ5hZQOQkkrO7EQsWtwtg+oueeqnpKPPy86g==","signatures":[{"sig":"MEUCIDaJYm6BaTlclVdLVpJjIIfYabHZpsZtcDGrTI18scw2AiEAyWxdWDVbXOn4e4X06f3Gl+5IKzIkoCc4BUW7yZW1Luc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bUMCRA9TVsSAnZWagAAFmQP/29oXgXepiCh8gRFJQu/\nkj1qWx3f3HVzfljagV+nVMtpGjmT1wyTXe/HtShTpmBzSGTfrr5hUrav/SJ2\nbQT0g4GLxOILC+4HhwAXXMtkudEzstAGwzbe4SNPFq3tYGNogDlw961KpYF0\nGmONi8FAT/gBf8fiUpWgLnmKgueLO2TP351n1kJHlV237Pm4D3XUmeXdl8go\n44/rDLBqYJ99TalQvzEoDwj9uei6la/tjHVJFK4vxt6FdgMutTgcxWvoNu1/\nunX2SY+tF447HKqQCy1Ozv/rlh/u+jk2A/cYgedOH02PMg+qEXGMc+9XGVZZ\nkSnmcBbQkjZjB/VUICLpFwH/6rMk41XMpUAExCYpsofcqAkRHXCgtot6vQkO\ndxMRvxNiFDdCdXQlP5lfRKKV9TfW+MXvit5jbj3tF1VvSaN7UF8irBgsHoQP\nb0aDh1J0A5YNm3gXFpR8fqTCMaOQJZN6NH6rwjtYlf8KQdxecjjp5YBf/Nt9\n92MfzWbzplG+ZORRiH7flXnXwC5+Ia2vVn/r2K50yCYOclwNKVdBueLNbPDx\niRC4bv0kG7RMgYJ60STMiNc7B5xxFyBive0VqQfwpjkVOnDfIZmgacPZIwWw\nH/O1gqWtIvl/k4di+ri8RKqnwtJDleXH7WWDAXOJS1oR/SQef5cRPKfUMnqB\nyVoF\r\n=YS9/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022017182645_1642444043942_0.10631907484179148","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022017182859":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022017182859","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b0a972402c8f54248e3d174525393c0c2d565054","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022017182859.tgz","fileCount":16,"integrity":"sha512-ck0IvzbFUlSTNuv2EQyTElQUyFhlEZmVm3iLrWDjCFXzpX/QsSXMMRuU223tkkTlJgK6HPBTqXvayTMlClBEiw==","signatures":[{"sig":"MEQCIAb0dL6foq9Q3AwKTT1QEGOXxcmzNWJSBWrr03yTs+4RAiBb4GWtFIqGEvef/C4OV+6xK3qL4EguiFRK5qrhTEsPSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121075,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bWZCRA9TVsSAnZWagAAziwP/1nTR+6wRJyqRzMMttZm\n9tHBtExdb3s+bJJOLSlTJ50K8tzXsD8bXL4pobfKi29EzNLtyF76T7hPXlWR\nhZpSgx8plzcPVb9tPSNDi65gDUyyAyQA7/gDhd57YDDTYwg3B06VxrQz8DoT\nb0OnQ+o9iBfK8hWU2nh+hoxJ1IsBX3Ka2jDOlOiuUKjhDPW/GIc9f+bnmRxC\n9FhYBaykGbdIEk5JWsi4lhFyb1UAB/yIYgQt9JcGgesF7SMrMWI7gCE0iUnA\nX6pytI8olE1MuOacD8h00GZQaRdYIgBNZpCm9weMTBYQtZQphC3At0fNOadD\nLyZbWeJliw/DfcFsxA+35sSHg8qhd8Pjfd2ZqFK6rJqhibYLRGfC5bYUYhaj\nbBCaG+Eu4zIh6wCIC4z8PWlurOJJW9fTYghBjyJjaJPgeqh05xBlLkwOihW6\nJYxCsxwTlY3otcLplvKz4fCjkYCl/GueTJcGK1MyPvdJltX4B9z41aMJf6b6\n2X/QFQmR8I+p0id/gKJDap5cCinCMxG6eRLVfXJTJiq/hxud1r3r7QJxMVLD\n6EDa09XOm7xL0cCrY8SitUK4v6NEwutBrlCcafIIyU7AZT4J0b81ZBgglwT2\nXa2J5gSXkY5g97rlgrLJErcBfMjWEEeCk6Zfey/wxgrcKFne0RA1QaFFlRGP\ngGg1\r\n=E+lz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/clickable":"1.2.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022017182859_1642444185624_0.44901903072736893","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220209527","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"1d7e600581fceca7b7bb3f9def22e14ac45baebe","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220209527.tgz","fileCount":16,"integrity":"sha512-QbABbHZjYKWmOqsrP+rxiynLqGJ5qntU3Vi0Gq7951Q4HiMdIzxM6aX9g38nlwGpZJOYFrOXGVk0f37QSlg17w==","signatures":[{"sig":"MEYCIQC08McWsroeDLMYhC7AK/0DEZb2RBMY4XJpV+pxMJRLmgIhANiObw/oB/P5GX11t95+gP1ZMkNXbB81D21UK2AxYO88","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYECRA9TVsSAnZWagAAoxgP/RyOnQyQl8cTEXe3019B\nCVOv8Aq6DY0Mj6I6wLdlRjbAMowzBh/ITB90G0RP5gqxTwXUEm/BnxFSdL5a\nh5wEN1Bh12QaPCBnwmfh0UUZxFiErYelcEDHvy9HGHhPCMQ+leOB3evH9qkU\n3UbDrBXAFhzcjdX5zJv0HYBfUg2qznswO2pgbiKAulyhh+e2djHBAEIM3YfS\nqSR6IP4KpOXg843ZHHGV3GxYKuZ4dizlJd1hn6wDqXbVEddJbbYJYYmrM52w\nT0MjacDEK0jZTDpdUEr/McW+07O4DN+2e5cPws5pRdncW8oFyFKGHFwuoLE4\nf60U1xi2UxpsMuJKVDsha80w8NIlAsn7OhxEgpDCcrqB+oL4/JFLq1LzlsGI\nKlsoUopbFyF0kmReyuQllLDewAo8n8eQ9Rco6XBOweY9nPuWkT02Kepox8mj\nkU4v0kzOltuQeo8MgpEa0MVEmWfwvunt/oBTXq9bFrGkLID/Ss4xYBvdC/qF\nHcgPqEMaLFuhqbscH1WyqV3XFfTE6+SjO+f8G/2fBBVcwB6PAPNfQ47u9LVk\nu4rLk5iExXcjZvt4EDzTjL9uc4Kq23u3CONlepnyX4bQ+bgGXXAwP0+qYsME\nMHRJIE5DrrVMCUhUmgPPSQXwmecJ+1/tcMZ9RxO4/yqOX/11GGGx+5FjYfRX\nQLO7\r\n=8w5c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220209527","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220209527_1642669572316_0.14524581672032122","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022020961","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"73ba8f4706a9ba2dea1968aaa5fd400bf9a24056","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022020961.tgz","fileCount":16,"integrity":"sha512-vg6g8pB5S2Dc7Ut/YIIz+gIF0Eq/ppbjCYWntkYbkn4VtWjP55eR2gOLear0D6Q1oatuz+zxuSw7H49BEBeEBw==","signatures":[{"sig":"MEQCIAyomT37wLcH3SQsMWITkS6HP67adiV9rHwu3PHo4XhcAiBKnFG7yqkBFAQcMf7KNiILdtGsY3K//3U2zD8HorfyjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYzCRA9TVsSAnZWagAAjPkP/0ALxAkkN4fd6dCWMTl2\nryPBs1eaOnNAaj1iaRq/0QF7VQ6SV41VdXiGp3uc9vzWxsS7yr9kFx3bUlL4\nltm1LmRD9FEFmxGUi8mLcHUvtRtn/3gsvwKWACMH4+tjMazcwcjyYYiCMs94\nw82DYAYUMDrdqPAnBemB64cCGiONXTnd9Wfr7siwwQ9pLtjlpJghLZHslOAj\nIh+/HuWy/raeN1/juQvZEIFUAgDzs0imim7BPW7Uy5QK5ObOSlpf07z8qy4H\n6Qtr100mpprRiJfxL7hCrFNNxAkA+gPCcSkQIrdiS5eFzGMWfOE8gbP3PNbc\nmI132ecRecXWGIhtkqjq5A1xXK4sQHSKpbl8lK+dDiqZIg1zWUJ0ABBoai8B\nxVSwmKfMd1HxpPaF+H2sglK3fjlR33DgYGuzn3OfGY9/jCYIEeEypt+hJS/c\nSjTFH9pET4ivUjrWEPG4R7i9P4mkY6wyV+AvqH1c0/4qKDUMJAK55Ggj0Exf\nj5rX2SHyYCwK5w1QLS2SBQt073BO7hbfDTQ1uT6uMrZ2SGCTwxUSLKUCupoQ\n9W+T+5TTjskJgAwHPKxtncL4G2YT2N/ygn65VFlyT5EwGzmRCr7oecdacI7b\nU8Jo+vt6HY8GH2t7OsCymeon2tTGHbAnjTxc9oFmN3Cdxdm5uIwYmiUFMj05\n+ID7\r\n=SJ7R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-2022020961","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022020961_1642669619133_0.03955741966558746","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220209192","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"cd5a87b4f67d06469429ad71b214e470da0a865e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220209192.tgz","fileCount":16,"integrity":"sha512-VDCl7LAPDsid5NE1FPRro/Tum2V8T6GqPr7ylMVDPgPJ0HBgOrAt/ai19qaiJNbMsx906PGEqhxvgZu4R3tT0A==","signatures":[{"sig":"MEUCIEUuT1HTCoBYmYvxK9gH7Y+jMzDvAmn/gDFfTsi7KmTOAiEAoL/nurohztdzSPUe9AkCLZ3zk+cDygCQmFLsNNs0tIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6Sk8CRA9TVsSAnZWagAA6rcP/iFdnmoPr2vztMxKjgzJ\nTQhny72orACAdghEzwstQRh6Isn77bxSMeUt3NQeANE3eLx5WqLILNt8fBp+\nyRHOuaSS99FdLYqlNBV3HLSMOhx8jQyHXnus9SWs5zmx5t/3x1VPN0lsHawE\nGYFJOBOOPTY2UnK/NVOLsqbLY+b1Rjs8DHgTPvGVGiorv9Wed63XgAAF4GKl\ny092EnnSt0BOS74klu/sk2L55c83LfIChFU1cIjlaZSmKgmDnR3reD7nx7we\nwJtTKUQZtwBGvvAdCGFA+KIHXYBe0kukr6N5CUAsCnY8XciW1fifBUXQx4id\nt2mCcO2YrbZGg1wgZda9lj/JpBNBpLn/ebmv3e+IAZ5d4WVhukkC/ife3orT\n3FVMTxWhsJrcadkQg+JCJ6FHueeh91EkNq0+OMbMxO6jTy4+G5bYJWVZB68L\n/nuglwCcdaFvw5awm2c58I7bCVqZPQcJ9uitbE/AmubwULfhY0q6WIM4EyDe\nfrcp5/VyH8hYbj7mbRh3uU+6oc1413wFCWb8r20PGqD82Gog0LeJE9kHOWgo\nSqFmgxZ4UC8i1D6/rNwDDVu1tKfk4NCm7QT/TYbPEgYSmYIiKzcnIn7jzyQk\ng8IzFIH1xHeO9U1nKFLIBhWgsuYRkna6aLg0yzNNSQFlTd7LihBO4IGru+qe\nBetf\r\n=AlQ7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"90204c2ff2fdb19a376737d7519135ecbc9794c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220209192","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220209192_1642670395925_0.3154703304023869","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202092345","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9b680ce04b0d0b9b3bbebe86034fcdb9c88079a9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202092345.tgz","fileCount":16,"integrity":"sha512-2CQe9vfZUlawXBoOa0RWQ5ehb2p7jUbxea8i7IY1R14Ccc2u8plyx8nQXzGrfefy5U2bZIBbUGAFKQaG4S9Wbw==","signatures":[{"sig":"MEUCIGa7RiYLVIjKhQRM8Y3huKsmVS6TiIcS2aU33YmAqv/UAiEA4WMWnUSyxo+RgjK0N61MlgNycHwTx4IRjO98qbI7MjI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SpTCRA9TVsSAnZWagAAlscP/3F6t6C1HAilgYgyS95C\ntnuPWGTzrA6eN82v10N58/Hbubjllc2w1Qeaul2oRvxtpNd4xNej2NEmqtIy\nODq3kUPRPfJKbz019ezwOcNeBkub3UIwqkl5z890L0Upna3JpVeAMu3oVjhF\nLmeI0h5G0E5+UxauOqi1focc5f4lRw6TvUwTx2tp/6op5esXweKOtYIkEK3y\nv2EFP1IsmLSArD26apDR6VvGYAc0fJAT8NWAqGrzNAl6IKiS8/PVX6W1b251\nDcT02nNifdTux3YsL3F6xSeBGCJ4apquIKrICAOnjN2MQdVS05Igh/HmQ4t3\nYVal1zQ+UIHPn9t/LbzP2zk59DBe5JajuepzCVnZYs03HVCahmM/cM5hrDpj\nBfWGzrowQZEaMtZNIIaXwb64QSy1T9RfYS4DTXEfmU4o6qDglzRluQvd4eZF\n89iIkclCqdmI1vTZvI010vvpvA8mmNHTUBct38JV7oMPwsnG6VSCqe9+LD8s\nBlC/SiFaYzBpD+i4rNLfKKDrnm/WM30o7lwrhxhjieWE0HdPL6hAl8evShh0\nMu7LuvWIHDsHmNOWTmo5DNUg7Hj0HQSFl4ix9UomN9zWiWMw2XsomNwLPCan\nxhD6MRHNUhAvjktzZh4fRkzLxCtR4Cq6NXOy4xLChKY+IyHJl721HP6h99x1\nqNWr\r\n=cLI3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"dfe50d3b7b06b49149b8b57305bff4e0d8d486f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202202092345","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202092345_1642670675571_0.5298948980324878","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202495259","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b6792c34242500b9aa72a7bcce2eeefdd1b311d3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202495259.tgz","fileCount":16,"integrity":"sha512-jZT8P+y6Q8+Fs5FMM7atzDiZPe4L2c3rAcCv7/bczFRp6qruXOh03FDQGEAr0ABh6jnJ75i7G0NR/3HlwTcisA==","signatures":[{"sig":"MEQCID079RuOiI1WJ31FFyLaESGRcFTYZorUf7CVPZ7pm3dVAiAkAB7RrSjI7PSWIMp1TsQ9DlC/NYK0jtsH9Uev8WPdZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ncwCRA9TVsSAnZWagAADT0P/3F0IkABQfAwsEiG8yLW\nYI7Wlt1w23qalm4JWxcS1LWDkT68abFlEzH3luuw9De9gc8d03quvEZuWIHc\nLX/v7D6QK2qWuTJHMphWr1l5FpLjKJAqTRokLIcbit4jogVGW2J6K5U/ISus\nFSAJAlHSr5D9ACcq+VPwtKlbyk93WAMI8r/YD1zFT804h4WN7ARgAvVW3bCP\n8CK0Nny1jwVLtTJ+WfDruUlSEFRkePmNAzgGAqc/uwCfsQTvejr0LvUzL+21\nbvDbEjHlZwPSxYJ4Bci2DYblHA2BUHts33wRhd3pYbBEsLw2aL9TCUEnQBgM\nPKjIeuKbzaasykNUTCpxWjpwmH8L7CXp2oz2K+LD4Bxxn4GhZe5+L2DkyThk\nx7cGbmYLFgtjmDOEDkD+PzkVLUyJZ6K4IInZWwAmmRQ6+8Poh6M6N8KvlrEE\nc906p62Q/NkWmwkze3dtUaAEfmw05/6jKwRBQzf9AkAJedOIA9kQGCNA1qOs\nVaW/uUsfQluRucAF4uprnpb5ASHezk+Q0eVqeTyRoJWzbukbQlccUFvMhjZD\nLQz5D9c6zmc5pkMU/3IRpB467MDkxhOVckE1KpVhh55/A9KchrKIdpNDhqhq\nAqHsSmYspLvLi411LLsCUQLlps3OuxOQ8F7GWIg3+bgfXm9BlSJ42UaAbZFu\nL/Cx\r\n=xfM9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"cb7bcf297a212523d5e01079a08757f49b76e89f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202202495259","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202495259_1643018032384_0.5314888430409532","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202495536","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8a71ea20e911e74b1d8172611b2b82b28dfe684b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202495536.tgz","fileCount":16,"integrity":"sha512-UyWCSqqQQYWJsPDIhLD8ZM6X07DuFJi26e7/9aNzwxnukEXqBehgycKsK1qaV9Sl9cRtp2L6lanZ9CfTsHYqQw==","signatures":[{"sig":"MEUCIQDFORU0/OmTIqKXGmGQAdeG0SBxo24bqVbZ0n2tIYDTPQIgLTv6iwaV0P3bMFZVq9uZP7W0SDTcadIDwabpL11Pch8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfPCRA9TVsSAnZWagAAE8EP/0kBLnivMNRtkgapGioH\n0sxKGXpqCJunNGH7YKsupN+/NKGlmLUYbqpx1g3yzf5+vHKThnkoI87MosLE\ne7lBADCGGqrIMr4zdFlg04sfUDSfXxl124WtLbdLoJF1hhbS96o7wHOh9Nhi\nN/k2yt+4MbK9YX17dq7RNCPL+Glz4IfD8d6YDoJGyjOSFrXbNZG7foqdF0CB\nBL9cbkrsLJcOv0gATWbYAR0fGbDoli/4iK8k+KYANgLGJc06BdQ0rkpdcQXp\naM+SniowOwQ4ffVx1uOOueVWd/O478xcskuZE6MtF1WwBzenYYPZV12h69Ot\nGGcn1BZNc9LdVGl1gMFbfsHOAISJIdKhnFFJOJIHGh9HZzgc31Wiao+uD4ZY\nCOTeFLIemGLJxzkJJvhGnpha5Rkw88UoMzh3uKvxFSXcIeoNeiPlNtNkHJva\nnLibhvrv4P5QgtO+ABXvBp+eHmyjm2RmExKOQKQsd8X8sTC/6hOH4xdEql5M\n7P4HTYU4tmEXYKrJJgJqB0ab+wITkG2IPmPOMM8kOf0ACnsuoZgvzcs39TUu\nQHqdAMw4f77Nhf4V+QSFxogq2OHczYfRlVtCprxgMMD4jIGSvhFWp5OAlTRo\nnqg0n16Uvoki6m//W7wBmnJYa/w1GZhuroe+ESfS5T9Lhsf+xiGEHHqILSNm\nVekH\r\n=D8QX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e56b8f644895d420cfabbce11146af62b5375095","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202202495536","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202495536_1643018191657_0.44825688213499104","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202495553","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bce42fec5df2df78dca4f0d14d05bded58a0dbf3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202495553.tgz","fileCount":16,"integrity":"sha512-I7VpMetMPtKTzFtPS7+Hm2er1XGdn9iKHrWcmvx5/L/Fu5UulKrAiwpVAjJ7MI5hTfnqSZCCgFICekKgIlZe1w==","signatures":[{"sig":"MEUCIQCHy2Nc0i5DhmPwuHyB2HqpyN9lCX074aENrxygLMX/RgIgS26ZoF+fh9XeYy4eYxGW2gEzQjScMRyxSfq9hLu6UWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfZCRA9TVsSAnZWagAA0YgQAKElzkIA0Tj0izhlqhB0\nNvA1PrIo43b2inTqwQWcF7Y5YvYl0+fO2md+y/QYwJXzY3CQWGC/QruYhQqp\nWSJ2+lFYx7Fcey/EKx6aAJ5bydqzVbLNjyO61ckySzEgK/QlxVyzTmZLMg/U\ngRj8qOsg4WZg7m7Uup12w5NAjTMtKVLDcNMdxahPTAyq67vkyV60T7GlAW2o\n72b/xsxDlvEYDxGrWVa2E8tFLUk6pST2tl6x0jQLsZTZnHkTo5+BGzagp5gi\nlUE84WmbXOfZowBcVbKq8PjATtYdQgXTuozX1SgdKSkF/w2PiqD1QSOER6YZ\nlRc597YFWk7Iz+rpWqA/t68in2E/mfcoTMrhBMj75+RMCM3/jHUrkGrN0jbc\nuC4BN6+8uAD6T8IQpIDhmzTUwC5wNxZbBEVWBE98JpqO16Z+XNb5uHfXg24M\ngheV6q+CBI7jv4fbPg5f3ICx0E86M+XMrDu3sXcZLJfzvA7xZVR3sz32Oz8+\nr7akGXCaBReIPdnsBulKrZZ/XPGlAZQMcCpt0trmnvVmjFK7TPzYqJxy4a54\nFf3Hwbx62RRa9/M6TDk6HCMwf3lw9HYwYsJpybdWM0SZ+zUB/rH+3ocSO5bv\nj2Hir3bX+LDUFSE3p0DMwuSP5ApJ840ijk6VahinzYb6QLjTNBCxx5P8NrFS\nhVc8\r\n=yalZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202202495553","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202495553_1643018201535_0.15217895164446293","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202202495727","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f6886fd389a35fad81d2c5dbff3d4cd19db50136","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202202495727.tgz","fileCount":16,"integrity":"sha512-Hj83syaoATzGq33yxLi4EvqJzbCEwWmb5Sq5/VlkfkVqZw31ykltiAAIlYg8lijMLw+C1ONCnsFVAh9vLRGXww==","signatures":[{"sig":"MEUCIB7BOOdj+47F/VAXcfUt5sZHx7DE9u5E2g+7KSHqgmEvAiEAtoPk9K5e1pK6EYJJhQuMmHM4aFbNj/XKhC3iwv1P0s0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ng8CRA9TVsSAnZWagAA/LYP/jvbRK4AQ+0NyXJ0oVKu\njSdUhS2UeUoZeEh8oT2apyNO8L01TVCfWxfXmMwF7R8/6BuM8XNrqqUDr/ew\nS5vJGWyKReDBEdMhMCDuBD8+TdbVz8ypVUxRI0aXu4bZT6rPBDSTGtn2ukZQ\nfCotx4YjkpUEW/hpLC0/sLrvXxoxQpP0JeW6bVUq/1QssY/31jauEWVGIv7z\nRFUfNuXyhVXOFyFkfFy17UWlYjzk14WO8tu3UI+Iv+v89U6Iiw0jfJTG0php\n/PF6p5tGD+2uyGIm0SN065YcyfSSQweaDnc0FVtWXpRVbQaMnwv+cOblmWTN\n/JlY6iDerr01SK+VtODaqL739mIZcAoQMRrdv6U4CVCnA6quItUNsgbK1CTz\nUJioNbNpPWfQH26wHmlQ3yH5aZSTi7kdP93sMpxlhuF4O/OveBkCvcOvh1cN\nmRNPE7+8COzF4XqilfBaTFEKtIDz6LYr6s0Jg3hMK+kVc/sK2LS0G0SOMSG5\nuQasItCfUYrCkI6GuGvBZKjRXdnQkLfVd/5fKOYa1CtL3CdVxMMIqN9Zt6Cd\nRcRXPmS7/AKyeLEA3o1ehKOz13uzYBt/XDgqDVW6dUrBE1rh0bLZYiH/twjS\n/5akMBBghHDIlCo66aOuLi5+T4ogX8w+LCbLCKNDz50oyfS0Df9k7nxrbRpC\nhcy8\r\n=UHMk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202202495727","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202202495727_1643018300876_0.6752118665992113","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202202410017","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f25ff4bcaa3284f88f1c0fc208f0a4f88f7753ae","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202202410017.tgz","fileCount":16,"integrity":"sha512-hy6zBvdslm/+ar13GcP5L5Xsl5MiUthJsWgGERr1hHL9E2wgDi3kZJ0knn52rxuONfTxsXiorB1dI3ovhphX9Q==","signatures":[{"sig":"MEUCIEhJeeHOCUxMQucO1Ss3eqrOn8H6VNFQaI/He6LSxXn6AiEAyVL15r7q1y/c0UtBuXS2z1eizdN8iG4+BwBDQDTmMrc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njgCRA9TVsSAnZWagAAYwIP/0342BENDQNnpFnE58Wd\nQZ+lfehIWf1nj89wkp0k7u3nzntXI16jtvQUHNz5aM4Y3vRhGz4aiRBVaWMA\n9Rv3HEIqfON72SuYRWIkJ+DZJvglhsrgslfxVrW6SEB3qKCJeILP9fxMCLqn\nVnxnaHqgBAFnDrqoFgC6Xzg7KpGkFhLRiNw6ygzs94trsKbDjNsLTpasojhL\nQ4Mr9gNWHCoKG/k41RRUyyTykeBZX7bQg9tVcpdCDzx3d859yZIL9ROiEY/u\ncFLrnwX5oaFSQvZwjAQZKmIhKLHGn2lgC4+C823EZVPQrxe2PF4CUR7UKnhr\nZK1+lxJB+hzzkA445USRM6PiQR0KY4Y0Y6ZQFXN/TCcKdz7VqjbW5ld3Q7bt\n13mumMbBlaDGnglijtQdxblBepScfORcwZAGqEKn5bI55etr6xNlpvN6L6VJ\nXY8aqQ278Ch1Btc+KJ8EwLYasjf+xlmz1OMzT+Wrs2bCN0U/z1UoqEQIH1lk\nv2MypJWRbJ6S8leP5KOA3ymIjjlOd4b72bh9/tIZpEK1ISia6em5+ITA7ZcD\nGGALTdYoYvyCsxbdi7LmG/VBAK9ppwlhuWVfbHWl2hy8Hb84zvEXoDFckZql\nRf3DCXh08Zjc0Wrqu8vKY8tA/SrjBuVQKy5Prpeb8uDRiAWLlQMdE6D5/xUf\nCkvP\r\n=HGAf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202202410017","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202202410017_1643018464551_0.38943627738807485","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202410034","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4b165fd96a309ad8d5f9fea08c3bfbc87f81f558","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202410034.tgz","fileCount":16,"integrity":"sha512-CM/M/3laoBsiI2ejFk8iqoHq6oK+rckqqN5T0G3/PrdSroloI3WeCxhxMcHLWuW9lSQ0ON3pKWdhEcUgWVitnQ==","signatures":[{"sig":"MEYCIQD+cYL2Q6UrwcPNPkR7oHTk+RnO6IXStdB7sI0moYTvngIhAKqHmzG46NFvpl/pCoRtXdlWetOuoGRfvIwwVUMguou+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nj4CRA9TVsSAnZWagAAuWsP/3J2zljBlr9yLcwPbDXm\nZwEyfkmluPBx0bhTWb+zULp7Ju8m0CCKxpank0IPNTqjQp3bJ4i0geGBc9DR\nTglsIHNhHE39xY2dEOm+x1kJGGTxNKm9Y6xQKFacq4i3fCFBA09MHV4wpvGh\nTeOWz7f8J+CJxVEfcVUz5nQ2CdAEe42Am3lU7u4Y+bmOguIdcWt+9uAy7rAe\ngBx3u/po4/7MfWv47I24iD6fPRrTx3EReZjf3tzTs1B0+0b+7fbq7wFAiLIT\nDAofdkJYisfstDMjzRHNHiALHSeFWfeTCA/2bGl98uuil/dYBaFUissw2/l6\ndRGYTVn13IpEsbiG2a7kMc1YNyL7/qn11UYIyyxtL279IT6TD/6xZNizWHaX\n3DUtGoPP/hXmGE09wefPxmRnK78vFdLpdmtOaVt5iFwqfyPYrUwf/+0soCeQ\nvCZIGGE/RQVmDcBSsfGiy5Y+ivM/fTxPU5t63szVdqBFd1gvcnfTPQ2VENA/\n8pF7+4TCaVKwlkJ0T01wDaylMv5T+p0mwHWQQ0vfFbrfMslamfwWeAJLTo+Q\ngcox3QUxAUi9iv+GWPbBahltWeE+/wXiNeoWvdkbvU43CX0Ag5uAeu2bP1pY\nyGcFr6vqmSpdOdQElU4noh/kR/LXr8CvRIjK4I+nwASa7cIGh4rwdZbWEWFd\nTHbM\r\n=Xthu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202202410034","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202410034_1643018488047_0.42826058854521754","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022024212254","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"31be9933f4f0b81e23598182c10635e7a1a359a4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022024212254.tgz","fileCount":16,"integrity":"sha512-VrC14sR2G/7uhmHuX+wh516cS41j641FmJD9v3ZEgPJKz8sAdMkNHG3fnTBOXSLz8SRVegQIbVkZ/d2SAEr8NA==","signatures":[{"sig":"MEQCIBv18+CDK/IVjYnGxQrZczoB16/GVjcOSb0OeeIzk4dnAiBMdb4V/VALtclroNrxXb57JvPCvk8Ho2vshdBD7wpS3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjfCRA9TVsSAnZWagAAfToP/2s/Gdf5M8n5NACVKzZe\n9NpeCEnDUjxcR9Atee5WdUt5QzbEJVfnPK/SiPmGLoUUSVVFx84qXNUgLTOX\n8YAqLWXwCafLOaNlWnvEfg8rOlENoXe4mM3d+/V9W0HEfmYKgVlHTrZ/S05w\nISv3IIt+2rsXqdiqNmNHd8gL2N4QBuUH7W4k4gfOFBZdblFNY5gYjcXtQAgr\nXwu4+pF5tXmTlyo7mVEMn026IM7ejwy423SNq1Q3EJEvFUxXd5El7ODR1tQk\n2zMTYIdFj7YtUgfVM6Xk8kaujy5k1iYal0vEFJRv1IFQpkydHwtvtDCIop80\nHj3WQOw3C+BWJ8+E68Pjfg7H76iIzyf0mlV52q5r3McVUo3R+VZrHvAyrMpc\nVrsyo/deKK+MOo8Y6B4TNRomg6VSw3ly8ADheZK/dPrNe1uVVWNd845qjtPs\nQUDuscr8dzBi0SGDvTAOgZ2vG9egB8xKZh1xCidhNLQw8cO67Jnfcc9/386y\nbhSUS8mU6h2jReedcCcy4s+VCEzSj5+ebwS1or2eVyw3zNxjR6SdiszlaCec\nOGJXHUAeglczKcPa9ya2MohbTO6jEQd8IEksQv4byiFRj8Ngq0FIHR0WAv3Y\nKkPr33vwnzn45cv4wvblfuGlwAGX8dWnOVpfNCBCCZ+IQS2GPEoVYu/zDXuI\ndC2Z\r\n=cipS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e69f154a1e1e88a636f8730e2d405282d77ab174","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-2022024212254","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022024212254_1643059423611_0.0021718121484679553","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202423375","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"22fe1ff7340c05430a607da21b936e7afafa73d6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202423375.tgz","fileCount":16,"integrity":"sha512-9BkRNjsq3lvlvsdnKxDjpVYXv7W3iUM5QouKy4xG8OfYnnpbSXkmy1nMMBQALuD6fRDuWsP3JQ71IfEl1Ucbrw==","signatures":[{"sig":"MEYCIQCSCuHhr5N5Yd6S+qAloERnDvcvvv4TPICaS1w8Imh4SQIhALrUg+5Fji+Ldfop/H49ZxcF3OAwil+DMnHTPtP3WzlD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zhMCRA9TVsSAnZWagAA4c0P/0dRNdcGFXCnTlMv3R7u\n/t+KBdEFbcyHVjblAk8AG2IpTotmM11zGXwPjQwt+jrXsAm8b6+HfltVUpYU\nrx9ia50O12rNqePn2YCIDvdyr01Y8oOhjc/acKTw1yFe8o5JT+FgMhI7AYI7\n0GXXzz4lv09IghqNvA5d4h3VqZAhwtdPnDSFGfGIHc4mx/9co2iC9ciXxEM0\nabPblAqMg/nEtQvWSsmUkYICuN1Oy2HLJd9mAhH9WH+d50/JTirrPASOykKM\nLEAIJfj0WgVRZsr7zxnZIEM/BNFFhryu64BrO60MJra1De3hSt/yriM7JM1e\nND3nhxuMKy+DcR5PIZx6fe4jQ77aPFFrfqgeIayLGaOOA5wIAzq1Z9CxisRr\nw6Qr4NjFpIBwi4kAvHRHwnODzInIqrnRALGE5uWLv5uZZyI7hgp7YywvLXoI\np2OAwsHQ2SEsHI9BJu2qdsvAmAz0NCPjwucNQv9XlOpJTreHr2CNMPgdmZUy\nu4RFQekwLkHxIVoD/LFcdfmpXhAd/LA3xHQuuyPljCEWurTdxvO8DAP4zCtT\nG5Wchg/8QSE+AoKbXDJ6ies37o+ggsfTGQU9Bs1W61Z8bm+zScUOjFpft9Qa\n1d2+KuFdzdryhaytw+SOIur0G68N86ET6fcIgYGqy32swZFvkSCZgF9AI7Fs\nEEo+\r\n=Hxht\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"d3eead0763d58975f197b4c33b5c045f765973a3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202202423375","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202423375_1643067468603_0.6580378795762429","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022024234531","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d024be89ad606b168546905c7c25b2b50f3ec419","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022024234531.tgz","fileCount":16,"integrity":"sha512-Rvd4cOnmG9U9GXX1hJ6apmNFoiH4fSg9DKn+Klb7WGpi0TxKqBiWXabRBaVhG3QZyRB7+L9ZVdW7RHsWpss6Sg==","signatures":[{"sig":"MEUCIHls3J4wgDk9BpyOdsLSU3MI9UerU+Z7xdSt+n2QO1MdAiEAoocSDxaR0ccaRnQ1o85T/z37FvxAXe4rkJGsmAyzz6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zpMCRA9TVsSAnZWagAA2TMP/263W87J3p3hLNZY/L8p\nr22Vmj3VGQaCGrcPwgf79JVyTGbzn9bEj924I4WaI4jwRm12+3sExZRhBLGb\nOErKuNd9xd+MeWIxrMkvo3RaK0Lj+tLTrMAVihD4F3j3FPH83lyPJixkG+cM\nKfufud+nExdMbblkklY31iTN4/6W9b8BqSYArllsbuWrBby8wc+R8JuOp7Qa\nVBwxU22jylm9/VS5aFHNPi9QwjkeHbJ1Ms0tj/jLzY2YGQ7ekJq0nkEb7q8m\nGuq7SeHjFH/0dWjq5sOnLQ2mRdipi5nSL7YBoq3u6wBdgJmj8jlW+oEGfyKT\nOMZHw7I+4WPCkRmaVz4P6KJA+cT7IX3eq3ae/Bjqp1C2Hr2NP2fsxWY1ux9q\nz1WI7W+OukN1cZzMraSKsnLcdFGf4VUf6Y5DZ/4Jvg61CdmR+Q9Xx+P4eqMD\npzEaVSTcQTek46pB5+j9MoMssS8Chf8mEFbHCqp30lED9LCMSfqxWC+jYpuG\n3avV+HluNhEFQgYoKwxZzbxVN4t3CAnvojvEriQTMlCZ4LCJhVmSLo5rq9tg\nNam3oi4y2Swxm/bNaG9g0B62reWEF8MyUjs1Z+Y7bm7Li20DzQdnYje6yp5f\nLcEQ9OMTGX7Yg/Dfs6+sCHE9xSPx5lS8Au/y1v9jcj0L36MNWPKUysvtiB5p\nHz1R\r\n=lXLU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"4fe2787ec515af64d8a9642306de839fb4a3f973","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-2022024234531","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022024234531_1643067979621_0.9772465238425796","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220258423","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9c2093871b9fd4c4d7fe2098ccf31fcfa38dcdff","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220258423.tgz","fileCount":16,"integrity":"sha512-mdrY5icd0aB1K/Y6vKj5MYpcC9WuUGdNP6lAljuk9CaA+4kt+ancv1CNN1kSU/Ku9Tg8CIUcSL/AZZOn93S4LA==","signatures":[{"sig":"MEUCIA9C5TEnyxD7eqObNhCX3xBLeoqt/Jj4y8kYaEAEwaOlAiEAtzkvO+fVOirot+Bd5ShJLhEMZTlTuf/DiYspwnAmaig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77gOCRA9TVsSAnZWagAAvVwQAIV5J4JJwI843Fs7F9lz\nkW8BU/GknO/I/LFBRRXC8eWKpK7uyztbMmH9jJisouhPKcQqgajRtLOjUSHg\nruIvgrv7B+EOiep7JC4lFC77cFr7ySaf07TfVOmxJykfkVKdTqjrmpF0eNoq\nbFThTj9h9jLzOt+h7Iq+RQjT/x90LNfwFS8E3Jib7V+HgYmM2w8XG1FjJNXC\nh3yBofKQp0riMGjmSM03zmS2agjSMIjWjLvVUqCDEkaU41bTrHDxMhRIymJk\nuBMhg0sWHNGndYcNz9XrjCdjnWiML67kgLXB8sNU5CQRFsvRmJc2qfFfH0rz\nvDQ6hcyCzeQmlGuaZ0NSuW7s5U7qheMH8pLsL3i2Xw1J8R5hDRK1ceOW0ifq\nskYqB9WyEWjRHTqZ5+on0l3SpPKLVktGR9pFmNid3wOf7mKUVSR7MqhlpXFQ\n9qWI9pz6LwHQCx4O0ti+453fldrW6Nr8WVfSWgum1O3VMwbA+ash1TvWHnbs\nFl/eKk0rKbknU+vV5FRnBeFmQc/Yvb8kMjBOFQNQ4qKAhneV9yCqNPQ4zyRk\nPptzg79YX8tAggKZuY0gnTZnEn+Jj4Ri1s8JLB01w66TbNZCZpg9mLP9m7y4\nZqP+Za7NBJGTbePP/VKFixxwVHf/xdO71wxW9UibQNba4KKDJICyYDPoEl4W\nq1h3\r\n=AxRQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"6e651353369eb28099e440b2c273921356ac3361","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220258423","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220258423_1643100174606_0.319525228860426","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202584437","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9172f6e3a4ba0d1b1e8f5b982c431fce43871b56","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202584437.tgz","fileCount":16,"integrity":"sha512-CShqPfwddF4srSU9H9DYnovpZMbNED80PwjpmpIgdnrzeNUGed8GJQNnnr+nmn+DVMWzBrCgy25oO1L7OIBLfw==","signatures":[{"sig":"MEYCIQC+5vnQoCIB3zs5rzFEOg7f9/KI/UH15VJt8Wu/OjgQowIhAPIe2p7vk4/KwmuaPy4H3TutcJCnYSyG5XPO1Li/+ZAJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77ipCRA9TVsSAnZWagAAQRwQAJM+V1lbV9XMp+y/vQvj\nQoVIvvrGSaND545wUu3/v/hHsLE23RHjYRhA+SWcFIrgW/7GJOvF2oecozsE\nRKAnboO1KAkUFBn95L4xrEbtcvImbatbev2U7RbF24HZ/2ACA41HKzl6CVh8\npK+hvAOWb+F8rHeRkLeLDx3g4z+WJlt6luWqKVViZvZ2eKlvUb/LJUmQI5KN\nSl5RGmYt83XT09AenGm2yYEJMdBwegcIN7nRbhURGDtKMNflb6Oqlc5PaEB5\n7dU00tY4LKYpBbjYPKUG5A7DbzXrITSLzVW7Ur+oIi7ijSpLpOuYgRLmG9tG\nsRGPynXlqa8nER2WdwdcU/QEVaLj/T2812uW4fpSVfPzmXxzHMoWINnbgig7\nr76Gi9eLsYDWKTkAJR+hHmyu4xAJAI5M4Em7ZOJ6k38jhH1mzTW2Pl7Wye3X\ndZYUKXUhaNH9/IJe0CQY4aRz4zgYATIQBinaddVIsiQTWqeIr/i1VfmOt9By\nGVxJ0Q3q7MGtZ7Ro/7flsFVg4DhtH47vDmzyjipfq5hpdXgZHUfdkRtAFlPa\nIgiFUGqCGmutDU0pbbtDiMXjWqTIbsYKBPak7Kf+P2wmaeuqAQlSaj5jnOGC\nE4LMIteRe880vrCPcQAOR7MHvh7e4FTQGws5SJ1hFvun0pNdZrF/PNS8Glg9\ns+jg\r\n=IC0D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"92fa404bf4bbb7127cfbdc749accb65409eb3bcf","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202202584437","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202584437_1643100329644_0.47382763265188865","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220258462","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"6bf4ae1c394c71ab6aabf6bdf60da5d4b5bdf1a0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220258462.tgz","fileCount":16,"integrity":"sha512-WJirOzl4cAwsBjO+Xsq4Hsccp87N/NtCN4q+QSfhWF5UgqiVs6t8LrEPRCAaS6Vpd5+WVmC6ULlrOeIVqZkTIw==","signatures":[{"sig":"MEYCIQD10qtcAr4yf5VjXgImbh0G+xOJC/SHjWsomD352UBRDgIhANFPgsc5VOEKqJkjaCHu6Vjy65rKc2xHQ0Cjpj/Zt38V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77j4CRA9TVsSAnZWagAAkXQP/ReS0SdZxkqiQF0dRMrq\nCmDL3VcNK4y+irntgR+2gyuw6hP0bhD7waAbb32zJdrzNgdE0FsGlSUydi7l\nx7nYQ/PUv4QLNrAroF8Mf+crt44NoT3wKua5td16cL5RZHRue2LwBG0xDF+O\nxyIQmxLCB05DeHxHw9a8tid/NyBGV/lf17X26mprHD1g9S+KaZUNFRLMe3+p\n9KGXB8hzjm2R3v2pZunWHmMl/jk4IRGzeIBNivIGj5eHjVyE3Kwv7ajxf22x\njSrVTiN6h3AYUd8BL4aYpE9mvVJiR/rkraEIToPcTEHZbvtfvD9tT+qhXaG+\n4Qp/uhdGHxlE/MreOBbPtZMu+BOYVgYk+KlcXaA9j5saXxAaSTtnnLVM/kve\niayH8qyPQfjTXBQY9Tml6QvhReL18pjkTtx1idXRt3CNGj53/49OOyLEUqBc\np90ymb9aWWmWa+/z43MV5Qx0I6fWJtnqsSyVbJ/xAGtmLDw5KBNLedaB2c2P\nFY5+AI9oQ+KConKJRNOFyH3QesSE97csACw0Bk8KCfGlL/XT6+dZ5ufKdR+A\nz6+kdYB8CcTVHSeZ5tyN8O8ahuzQtTlm88KuRTw7qcUfCrbuV3/y0vaqB/EV\ncRDfV5uNwQgPzJbCm6nPKFeqUzUowSXiRSea8mIveN/Ppr6/oBeApNInzSPU\nGprm\r\n=uIPV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220258462","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220258462_1643100407774_0.05855935247150712","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220258486","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c3cea6df3693c9e8dc6b9a598db38ff9c5487b08","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220258486.tgz","fileCount":16,"integrity":"sha512-R0P60qd3ADYbeI1Es43EzyF5iOZLvz/SXZW/gVVMBPMcHZTmFIbq4f7hL9aOdD6k60gZjKW+UPFjI2TR0lHgaw==","signatures":[{"sig":"MEUCIQCAFQIpm/a+GIG3Pc6OlyTrZxcz4Y7PnrwPlpTiUAg80AIgOFMKc9QuZv8+3M5yjdIQn+BP8sLB9LuYMj2w462iFCw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77l7CRA9TVsSAnZWagAALDcP/0s38/fU0qZM/XfzZpeY\no4/JLdIPFhmRif41TMNHfRF1E7KKIFTt254z/CVCtyioqoAbjPZCOuIX0eUL\nOtjsDvCh1XvSqtlA/uzo4rC5++Y4MB8O9SeQ13PO7Jk1cNuJMRPBSykkTA6K\nJKa6Ak0S32LUivuZWemrv0YQw30qtJLkXluhqPXYq3BqAg9KvCiCmeYKi/dJ\nPsjm7y0KSA0Q132fIm2dTPDNrPfjEztlNBzALcd9WRv59m3f90AgoeHC0zSj\nO11QwNa5qEk4PF+F4Go9HyA6bsjSZ3aN/6QYI+kTEUC+zk6tOmXPeydr124v\nsAHrtSfUfEp4gMlyY11fZI+ccvHRIxONFf77eEFQ3X6TGq5mF+cx08FHFlpc\nBVTzT1ebUTuaqwCXcwHQ1C0eim+AK9QdkRQtLxVqbfyiS2+4GWJWh26sM0oa\nAc03JQ5Ggh6Od+H7rMPbJq5SeFPlbvG4Z7fFGwT2HmgEJmHQQ0gKNGnSSA3A\nIRH4o531QB102jIU6RTUat6iJoM7noA5S1jxkKMt3jXlDpS79fdKBNK52vFZ\nHBpEJvmqWg1z9TOx6uOS8ZFa5kavB1jwVMSn9iE9dPlJS7E06ButljoiUVlH\nWL9I0gnRFbT+7IVMlnA1r/ViI0Y8w5JD+htxkRtnj2hEjgom6Nx4ZiCzGXqD\n8/RX\r\n=cOmY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220258486","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20220258486_1643100539402_0.5568598028403848","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202202585455","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"6fcfca98d7644ab8faa8ac3307e30c0b32b17509","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202202585455.tgz","fileCount":16,"integrity":"sha512-DzaGEAcgqm+LgAm6VryiTUGkw7yX+MxBr5xwTB+i4nDDpdScPduASITDBVmVf+wIyWH1KAutfjoCPCaEqaLgZw==","signatures":[{"sig":"MEYCIQDYYmKk8IPeb5x5PazvY80/VZtFPfyYA4DDzzhgfOmJGgIhAICvGZS0cbOX98ERMO5Ps8TMF6oeFCv09dWV9Uhy9dOh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77sMCRA9TVsSAnZWagAAwakP/0DaRi/WyvsQUn2x5HtI\n/yY3iomvsv/VvrIc0VE4EdoBueu6JT0oZ0LGVdZ+CpqHgk20Mp9yrCdw5cZo\nxyqcomvnoqXJbgYWJefGfs3q8jV+fW+VfxiAdUy2xY2hwoB0sgP7d1f9Q/xm\nRLsIlwfzG8aP0ayVcSkra8nDQO1qwUNqpwkPrAe5jNwN/zHyAy6f6WuuBo5T\nU8X8FJm2KTyaFu2SPdP4DkCKbA+xd8cGe7rsggx2D6yt4l+E46QpSltCwLGg\ntnpC4lFhO/kRnNStTaWJ8FiF7RMX66n3e1OWAPQ9wfeSkh1ie1Lead5kVExM\nBwhO4p0LcGOPS+BRpEcUJOYT5ztTpVamO2k/GcdSO+vqu0MYAhgS/TAavA29\nYRJnFlsbfmDxoe2iA/foK8pLmPxDJrR9dufHTQM/X3E5NFLbzj7p5GWBPG8V\nHsgRtZGvRB2sbZWjoBjjJ3mqMSYmubTLBvrvDEychCydIa3RUpUmr0/R0GM4\njB48397BBj42h61CbXLbojz/s3NWwuhr/zHmE1++Q82DJhHon0SvfYA6ZJin\nGmVgI944DZAG54Q04QneBsNHtA1Ovsm8YJifOiYNhz7amPVRU77C21izFvsh\nl+VN6/kEkZbs6rcdv2516lVgK5f0XjqmAsYylQvmnuXCpuVrwZTyc7I+6u3w\nmSOP\r\n=2Afo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"6d3b6d368771bbcc93006f4935fb54fbeba115fa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202202585455","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202202585455_1643100940855_0.9249174814802803","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220259146","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"34b4ec286d652a81db6526f0aefe6c4ba403cc46","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220259146.tgz","fileCount":16,"integrity":"sha512-FmSU2t2xvGWZ3lNm9N9W6dHKT/k3xsHEYuAEI7xL8vXA7ncjTuXwwFnTZMRj+dxXLuBenBe7UC5SG/4Iqj0RBw==","signatures":[{"sig":"MEUCIQCB7khHWMiEG6UoHcbbtMkCkOLOU/ab4WPxeY+4hc5dGgIgQDIi8ITZjNpGDqKFD60JMEcGXiXiSnXZM7I/2RYPajM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+MCRA9TVsSAnZWagAAWJMP/1lymcU76TyC4iWG7wK0\n17djwEwRSTHCUevbWT0gnRA5e42DHO2l/68+ezkmdKEcL7spNXduAGNrWjQu\nbJBUaP4nFc3RVdEVCjYx0vjn3yrQJv3UyS+QhqSLKUtNB9R7MMqdlmJ2HAeW\nrAYDsyAl/EM6JvVG6QFQri1JgLqTpL24kqT1UW74/GuIfONNutBiFytsmZ9g\nuqoXw3V+6xSRfXyU7Dzu41x9HNwcAPbTJPyPBe9l5eouV6s15KSBFZ2g29ET\ne7B2cuASvuglpuZ3cGXobyx+2nAFGJS0JruD4QZeyTwIoUlSJ1zOMs7fgp5s\nkKrwfesjRs1B02hzluWk4jAVdfINZdAg0c0FJVmLyFMuSv6X2ncCnsmfE1NX\n3N8yelmEb1az1Ff/wKp4NoEyTOVx04Y0kMmsie0qF+4ojP0LVfwLo23ZwggN\nDt1oGDj6MrauSTt/9+7Wv1Isn1S+F1i96ugQEIo6L3Fyez03D90duuOKlXi0\ncLH3GdW/4K92fQgFdkc/npcRAi3dHesgW0dlxj0qP5fHAgNC9ATtPpumSO/x\nOH8Nh3t6R+0tnqDe8n+Fd+xwk06w+sY/9ZoC6fc4Yov1+1OwmKI7amU6mycB\nstqqPskxQTYivKf2OpdBPhthzufEiyz9ZR1+YPKv04v3pdJ/Moxg6BqFo+AX\nVu5T\r\n=XRZ8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220259146","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220259146_1643102092382_0.8017343063445572","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202202591453","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ce32b38ee5c778a962186ee6ac6e1a85a8f2e44e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202202591453.tgz","fileCount":16,"integrity":"sha512-6VcsQOCO7/mbkKFWiA8ZA5ReMxaK1guyzXPxMzMQC50tbV4mL+iuxiMubN/++HCM/3e6oF/5swDqhk39j59Ixg==","signatures":[{"sig":"MEUCIHNu4ceL2VtHMItMeY/yDTsDgW6jsySwaXBuXkkEUqcbAiEA77++xoupSdjBSriYS8ztOrEfed6EGeXB63gLUxirREY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77/ACRA9TVsSAnZWagAA4mUP/R2Bqu01F8XWef6ckgGr\n3eWzhlfThn4C+V/flY+Hq158T06weQksBL0xao+TwYrjdLU0XAY0MMgt7qUW\nZhkQayKWhbWqpRZrng6vNb6wJFFJrIQAQfeSoVRRk7kFCJWDi7jrH5SWIGKa\nIu5nDA6Fep18pRrOXM6gLonfUaDN4d41cjPOFt2kIbCgTfgWB4NZFXW7lf/Z\nzwTL1HK2tSDRENzqQwnUm5uzTqqcXEkWLTJlDqxwwYewAw8k/wXrfZwxr+g+\n9xIaPRJzAPpUIUDwGPUEEcxyM0gyM9ubxTHhIA9AokUvj8LHTQ0JLj8fOd58\nH77TvHA7MWoHoRSiKDjASs9+vQ7a9l288LjeMWSpxFGjpLYGhU6fyR+6/DD6\nMFj8rnaU29oXJxXPa8aU01Yzg6N+wRMtNwCgyW7B5gfV61IKI376rwPn/Llt\nQ5e5C58cznLhULgTBorRqw72R/NAQjth5WJRw2vuR6z6G7FEFoahTuathcRa\niD6O9LllVJSGRx72HRjout+Agcfegp9QiSA0M0Lgc50TYO9EipKgQXIJy104\nlcSr5Um92xombtMeI51A/MIUTCPMsmjQKNS2lW93PgCOXZzQkolakdQV3//q\n8udWBDkPF+AynJ79hOxshTTFlmb5HaxHWxpXVnTypx0nPI26KSVrje9EM0Sa\nVnao\r\n=Teqw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202202591453","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202202591453_1643102144380_0.17685919823486107","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202202591937","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"fdfc3a24985f65617a64048f715cb3a12eaeeb28","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202202591937.tgz","fileCount":16,"integrity":"sha512-BY0LQEupnbg7bzoeKrzbDQDfMxohq+3PaBTDB3Lo/NoRWIPjyFwfMOPahVS1FBGkHJfQ27Lwj5pp9J/dotWprA==","signatures":[{"sig":"MEUCIQC4cJgzR2lD4OUTYHNfBOVRubQYvhsFD6/ujudbelWkEAIgenI3TWTiMRVu71WeK6smwsAkDEn4W9q39lZdVcpn+3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DbCRA9TVsSAnZWagAAWCEP/1FE2Istp1pMq+uEPZw9\nKCDvbHp1Gv7ay6ZGQM8eWk/ZzI9FirA9xYmXEKSP6vRs4nWuighWdwunyI+0\nbEGDXl13OPrm8rkY2Hd9De95oYssx8AFVG8RI7iDpU9/BApTJwnKZm0t5IwX\nKuFIzket9UV+leSmYIv3XMNlq1aqKVAokcDqrSESgky52V0dAVJ0D7KkeyrS\nK/wLMqWapmmV07cG1vD9IAsKO5Iup9lygs86958LXs7n3AdEKTJRJ9qMJ+A7\nIKfup5xTg7W6/OmBHKxyFfiArCC1lal8Xm3+BkFpAbbZ8egmtkDjKtHdE10n\n7fUpT9lTzM3PledJ5HeDhp+3cJbR+Jx0b9lvwBBgoX+RWOIGOU43F2NEOWgw\nejxXkW2ZpDM+vYONQw9u2Co8ucEsaTMDkcD8Ot2am3n4tqTATCd0sa9rN9ch\nC1YyA4Pfw1khNOVMQEAdWHUi3Ff5NYyZBipKx01mbkWJ2LKp+fkfZ+i7BO8V\nns9KrCa6lonkkjhUBdaHr/aLhFMmayuILm8vd2fMAxCaJ/2sSAnXVmAr73XK\nYo1Anq6A6TB8k88GwtiE+t9f6YEiAV8DW4YnVPpUPOw46XA+H1xYAuTEiafD\neWbGQtvyeUT5rXY31y6QP64KOCamz5H25yLnophYUhHoeE29yTF3Q2yD4Equ\nnScn\r\n=kHD5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"39c7b1664ad18aec22c2e0bf5e92ee32a199bac3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202202591937","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202202591937_1643102427242_0.872380058582952","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202202592640","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0744c5b094d6911e11d33a9d9e11ce4cb76deb1e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202202592640.tgz","fileCount":16,"integrity":"sha512-+gILoQuWSOfXdxxGny54Zsb+0uEgU4HJDte1dZyHCjKJyPZvOzHCkequ8HqFdkDsDRawq8MFhj038186JXI3YA==","signatures":[{"sig":"MEUCIQD11xvtm/Ld6Hx0qYk4w+7Gv03Pry/Fe2Rk5xN5qjCKpAIgTDjqDet/YZumv6NroF5BD4qzMedGavjQPwKXG56yNq8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78KICRA9TVsSAnZWagAAKJAP/Agx+3SRe6FrNJF8f6E2\nT9z9FhHQaeUP+ZE5A/oD9l/CmrTKWYFIRKWnowAiWk2kYL4QHdw7csSJtFFs\nqQPLz6jaa2iRzbcBSSDavq6NlKCXLO90Bepgd2bqcZZ7CqsC8a+2HoBh13Gq\nMKYVvpfutkn6+VeNqgFXK3AoXYZ8BnnB55PqR6I+GNy+xsnUwlqkgCoJ2ySF\nSNXoiie56bWMx/XyHYsl/WMeuP9WU0wymX2jcq8Ubp9D0JDSLwveExGcm1RD\nd6zEq9sv2SECXaurYzz74pcrSPZv5mOCStwO9Hftvdftf/xhxGunXIo4gFxc\nuIrEH1ZaG35SDBwytoChjCtvCNm1JdYDbQRFOVNfz9gKIM9VmEdpNJ7cVFjE\nUaVg360L4aCZCFT1A8ocpX+NS/ElZ4Z9rX1ilPHR1RI8rcxFK/zPwo/YwBSF\nJYzKcmuD5omjxwtAk3zUYOUxtHixE6YYAe7gRNPfHv7pV5ThpexLRMLg1Q+0\nd5u/up4ZfaRAESrpNY4da1evXVO3JlBtt+GI2vIHDMCQQxHkyTF8ugG/lgFR\nG6VTn1JMygq4PouABUflT7+w2cBeYtbJ4FsVY4Om3urjOiW1E2PKSwHgYFOr\ncbFgaukxo+Iy8otSkFF4zbixoIxBrtnGJ2yYaENrZ1U85j2TXFfqjH7MUieE\nVM2j\r\n=rk9y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"1b31b374cbf413a551b8bd288da69e35c6bb8379","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202202592640","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202202592640_1643102855950_0.17813094335689206","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220251866","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"af7732060363ddaf17073b1775affd45a13e13ef","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220251866.tgz","fileCount":16,"integrity":"sha512-o3IaqSFoONHfSECpaJvUMtL7xMQojd1aR91Q5riUQLqcBCAQuCG7kK/ccmVxK+uMl/D+1uvE+YVqjY0YPjvuxw==","signatures":[{"sig":"MEQCIDbWYcT2vU+eaysC3QzIwgFxNH1uCxPMZ5wVYwrgh5dqAiAIYdKGkPZCJ//dAX1PaZVU1f3wFaKpa5uTTu4T2zXlCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8Dw9CRA9TVsSAnZWagAA8+AP/1ZEZtcN3/yVCwA7wMdM\nvCKgMzk5BeBE2Q+8v46my7nTONA3H7MhFnsEAQFIjV4/kjlo3sG5UvxE75ej\n1TYzbxgz6g3aiqXCnA+0PATfYmY7kULSHDSyhgQCeVub0IK3Id5H3uw/275w\nzN2KuD7rt5rF5gV0eHRXHnzcJXG9fzKyiM66YXDHW46VNA46vxpFDFQGMwpj\n8jOxFJe52XztJK6vfaQ/k4/AjK9KDeLMJfgU4hDASkaBYQ3ztSpw5roBZ9z1\n7qP1vZvMolNnS9MBs7PMX/zFYO6YLaid7x0cW6K4SNajf4XHQ/74BOk0yZql\n8wn93JYVpe7erxGfRTDFaw0iNRCMjzYG2kIqzCPkQ5tqS3O2uay6vA+4y0Kq\nO6EORLtjbtIpPMBJ5rqOG2crT0lvzE6TYB+e8whNunTE4KNjCS/54I0byytn\nLTVdkSimvxlZoas/IQuN8TUqrLtvFIFp2yI/phL1YI/Rl4TZYtOlfN4r8Nit\nFBmibLNlAunOKZbASp0tEMtWTo2vEIGzEniDoWSaPJaNMZMv2YEtPTdae5dK\na5NRAV2wxw7IBRjMRsQrhfLMRcY19VIs/oaDrBrzYYy7xZgTNpMWpforxiYP\nqCxuaYHRdmGRLeTvrnmcMXb+UJouKCdd0cgsJWWoWlztb0SgVIet2XzQqw5U\nqMNx\r\n=dyOV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"1d6266a4b69086a2bdd69b3a110678c16bda4c4c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20220251866","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220251866_1643134013212_0.47683261604724736","host":"s3://npm-registry-packages"}},"1.6.3":{"name":"@chakra-ui/tabs","version":"1.6.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"d63034a5002fb85992bfb3dadf027856072b2d47","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.3.tgz","fileCount":16,"integrity":"sha512-135FE9o3sJOH50J9O7pfp/6itiXd+M8z1ti1D1aYysGA0TiB0nlCjsStWo+yMO0DCs5Sd/teCoWO067BpRB7eg==","signatures":[{"sig":"MEYCIQCcTbCTXo2St8H8nA1GL0vYHo44aXhCf7BI0L5xSmRW0gIhAIqjmp7JPuED+eqJDa507ep+1STMwy+8r1hWWyIb/7n5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxlCRA9TVsSAnZWagAA5BYP/islIkG8jUXHsd+lsP+c\nkBLyze8+Jyo8HlQ9W17Up/xRdePNjDYlAldXYb9sM9ZjpwjWO5uXp3Kp9B/2\nsJpGadro/HvqWwzppfAJIuCtDNnqpsy94nf/1UYfYR0CfORoIJXxdhwH8Umh\nSSr7v4MvnbaczLVa1a+vMKLSuMs1cOK5qnMPMLALVqEKVeUt8t54MX5/mM7L\neV3qO6oWkBmpNCrSMXN4su39BKg5s6mGL3xwyp4InM8vYF2gpXVcQ75mOCx8\npNGi5rnuC5jb+ONRq1S2qzz1UPwfiX0dizpcw5oS7tOHm1RbiZE5LP2Vkzf9\nBSYnQWS4DvBi8ww4VLyY0ewg0QiebqBtXhwQVr8MDHsPU9CCjNKb/C9kYlN3\nStX/rOSb6euKwRzN9S7G1hao9+/8s3wi7MViB/i/5q18J53dVTVoLPg0VNUn\nqPGadnIozh9iqQ9NWPT1n3LGg9RABJW6EOxZJl21WxjSJ2sDAh3CswICz6Uz\nAFks0X6TJ1GqJ2YMMQrgCoj/rLLFRPQd/US6Gm68bKsfqwoz6R51RPxfaOlV\nP0wp1QqGcDe7AHevUpPSX0j61b2K1wt+hf8/HIZOI2e+gWpr8d5xmIVYx04h\nIR7YrvTZbFjugS3WWRNtdx/dzFwE5r8oxh49UGOcdpRTt7vxlwk4QGwB/2kS\nV+ID\r\n=0Zba\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b8508b0f3f99e0ef04333812938efad93da02dd7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@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/tabs_1.6.3_1643134053676_0.9239261558228264","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022026181758","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ec94a9dc2628667a194f25611d33361d563548d8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022026181758.tgz","fileCount":16,"integrity":"sha512-ChHa/kh5qdU7LqyYeV2yP7mfOs+PQ5QrszOW8t08eptS0a7aQTJQOhX6DiVuRKEom+OcdaOIqW2JfgRuffzEOg==","signatures":[{"sig":"MEUCIQDRvu3KqvaTcjePF7RfZx7L6YuxyyGjg2kJvpU3gz4hmgIgcmAztB8KM2TE4PuFKZqZvGFMCvCgUA9psklmVRKk4Wc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZCDCRA9TVsSAnZWagAAW1MP/3sJTmxMuLrFN439wiVN\n+VKH+cz7O/dWvmHE+GHC35EhNHsfGOEOH5oP/Cvdw3XpUyCcv0L6bKr7I6ov\n0rlaQON6xgPp17ikxfWhMKDhbcozm+YoZnkJRBVZivRrgTUYyspOtjwz2HuG\nkCp4hB1HMUdIqLlsRa9HftWTulUcaOBpUsZEZzr/GJzxoLaIFhwBANw4V9o3\n3fYMyhjW7vnwQ3KpYgns2hHsSiD+BD9MnNqvBqWKTkgOjldFXETJWwYWFgap\npd6Bb5/S4NBJv7X7b+4mR7kkX2rbe8aq/LQDi+SQsIssDab66jcTdKdpPSgf\niPrniJmBAiYnQEQYoVkGahFZv+4gffVTgBKfoNQPpxaAiWe+HYVr/hw5xmxc\nd/uNsMKljYPTHHi5o++mHLEUAOhwgyGZrIOEW8BrgUYp+kOtgW+LP+Cp142Y\neQa+zog82w1rCFMlSRj6PH3Ou97TMc/15dRVN0eSJsSNSGgcXzzmAnAn8nHg\n8QtAUNXwiVDlQjABeziv7LxcHvD/oPvZiy90kteVJdfA31N1rMS9mHZ6nz9d\n4wcFfUvKVZeoFSAmp1eHs5ShI5K2JRsnvrIsmxoY3IZ8oLugJsq+R9ZWkjow\nl1ihQHdppJy9TpcEy3yrIQjk7pk+L8mAzWCPJMLnOa5PecLHSmga9PmgKj2u\nzMY1\r\n=0mYi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b2ca7dcfda51c801870c864e98dc23b2cc90da78","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022026181758_1643221123740_0.8756381246647542","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022026182926","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"dfd67a238854ade59a8686b23ecf141cd738ed9c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022026182926.tgz","fileCount":16,"integrity":"sha512-djFXor9l1klz6TL/QY9Hg6W1iLIP9Vkr6JmGzm3dgRnmGnbL35dPOlqpgL5bZuz3S0QSJqICw+DZMXRBXhHcBg==","signatures":[{"sig":"MEUCIF6gPOo6qOEAg+U9XhzOe5ZgnVH3iZCkr7LKnrGEESBKAiEA908nokFAr7jVeJdoFc2aGIKlhA4Ccnn0G3NwYoIrTts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMvCRA9TVsSAnZWagAAB24P/iea7iJwho4gUrYMLuhv\nLbQ3nnTL0Cf60AYzcUX2Lyhqoemz5T/GjJTE4wc+5yXk60CtDwwXrnr+e5jk\nwaX6T8sXS/3q27In8dsY8aXqrZ8wGqsi55aPdSFpNnwT6T2kQv+J/sOvBBq/\nsQeMvun1jvy15+p9cqBCopOOjACAkA2OHE4Dfm6dtOV4nJ1SN6ORrG0cs0Bu\n0DBCOWx82t6rRux5qMOPCLAVGH76FoICFLRstiR+Kj/U65dRx+iUVi8vj65e\n9SG5MIZd1Fu8mhmGKF3eBuDy3HFUHjWFuGEPPsQqMR/NIOlZWTLKClkJw0nc\nEilYnbKgi/OaTCYXRUHmeOPtXYBCjpQqwseP/Vxg/0aBbTsQ0dglAcAkKzNJ\ncPnHoaQ9sKKIJF9Huj9d0nZP/OPr5A3PoL4zcMFltGQXk/jYJAm5vT44WyDY\nwf9B84lWm8EByyp1JYoFSTpWLgP9zwB+aPF6f5U0FJFTA6L6Dz13IYv75Xuc\nLyq2hJn7UkY+gSifZxvQe0kwh+iwRQEkpLjZApofolHU1jgCBmLBrJi7fR4m\nvNkxwUw0Wfv2qN6V/idp2wQCP1ERbnco+LDVGsft958M1Y8JS9TmurtXKoOk\nRY+qsRdl7d/3teyzq+PRZNtQgCE2UCuV7gqgp1MFWZMOP3TXs8UcdVY4u2t8\n/xHl\r\n=c6Fi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-2022026182926_1643221807744_0.5776335878091985","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022026182947","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e158f7b4ebf5b96beddcf4839df4e4226d74a6cc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022026182947.tgz","fileCount":16,"integrity":"sha512-Rt1jNWWeVZkTxcJf8xykJ7eWgceIQYv7/Tze770WkPQgPbEW7VKyb7mZ6Ba2n5dpBw0Qz2LZqJF5JshycLCnpA==","signatures":[{"sig":"MEUCIQDJCj+h8pcp1Pj5BDhf4DZnVD5OENsILDeFKhDhhd5cRwIgOtzzJrKsJ6t/NKCtnO7CfOrXhdw6SbhKhrOiBnJ2DQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZNDCRA9TVsSAnZWagAASyIP/0dgxN1ogH2rTxzjP2/T\nlRBXNqObCwcwyyaJyQKMSwMtwlFTtj+BV8QSncdHWIxWA1Rl29WrEK/z4pGW\nkWKUVcGSeQNwA5uub0puus2y9zCf3hSsZIn9jtqVgXaVqRPW/mswGqsdixXn\n3/NijqIkWL0E/KvgXjUpgyiaIvZ4jI0TkE2RI4bidr5xmKJ9InozMiHLYwKu\nnSdaT47OUHK4UCpIZrn3Sr8y4l5jmqMos+vdOc4YSxLwy5rCshcKiaSpkR7D\n/2qtzYeCJh46IYstPmkNDPc6KEBq4NL0/0DF6X2RcZt6cY3lVP048Q65gQMG\nJq8c90WbtZ8eoaDt2BPDWnuXAlszk+bPKxNK07gw1dcte4whgtW0dVdNAZyG\nB5YWxUSXdRfnRh8X28bHP3NkSlrVlsu5ZJiykGyObA6xjQVMzibLdCOE8m91\nzlhlZyQ580DpLWuZmBUnwzvN/8pzcQ4mIFl0caVt14ggL7rH1gsTjUHk/3mC\n2BzOV3TaiF5ldgtL26CuJOky7Ok1baWZvDDtLtA+GfGgXdmq0AZ5d1wUmlYY\nnhS91iwucEbBtwWbLYQUNLECec30bEyplNBODvFoUnvMY6cnzTLpC4SqoaBP\nDEAWE1JJUEXLPA3gJxtErjzaAuIirpfVeoeFcAGLKwYbyViKCxwvL17njm4w\n6zps\r\n=Uu2b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-2022026182947_1643221827109_0.8143156896629862","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202202618407","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"679a9537343c4891e7022ce43768edd840d258ca","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202202618407.tgz","fileCount":16,"integrity":"sha512-hnRkbhstMQjgrQnloZXnDh/5VSx+qGq1wBudVewGifuJGgY4rcuvk8B07CMXWVjel4kFIj7GCUyYUuYDQhQaSg==","signatures":[{"sig":"MEQCIAKfkaT2IjkVjvBm+ZDTudG+EsMw9t6OZOXg8i6NxfXsAiBz6xj6vQ3CxqzPa2Vha80fYIJ8r5ivXbuw/0bT2fhbJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWpCRA9TVsSAnZWagAAyP4P+wZu82q5OJ3F8TqyhF/i\nG8hV6eGEGvx3rF+kflbYHsQE0AeapNlShHTRPmP48vEd0huybQn9ykFmMvn8\nxINwYbpH+9RjFzVBEu8a5C/EYkJpm6LWTxy2DweaKokgHHWHv7midU0KwoJt\n7XN+4OaxNILzs2dIq8zT2Y7fCsG7fdQmCTwTow/MBmQd1bGho0C0AFtDEisE\ns9256Ah9h/iZJy33KwCksCwNgwmT9urqi8yr1u3Ir0iilg9cYo4q2e+QQAw/\nVTUMw3eiNbEy1Xf0cr0RIPftXUkNB4xba/SvuSZZNcwjc6RGpLBhGI8wTYGE\n6xgjSBIRvhc17iCoWsJu/FPj/yLYSymSrXMGeJIIyzwxWnr1rMdNJCIsT0Yk\nh3XgULAIwy20Lkj2GYEYgFHsf1lFdm297fbycxOLiCF6m2hD/WkbxcDbABnY\nxabSM4e+YColrzWB+QOG5bVfXWhFzV1lyw/UECnTtBHGTleAHurAmmPJSDBc\nAQJTpc6IBQLmqzYU8VadG/zeLeAc0SsouCOqTm5j15e4SloirzzF5tVpBw30\nX/w684whZhI0pagffFs3QC+Dtlo3fuw/j2Sh3PQxokI4UaQd+SRptJP+pv52\n5Vk1BbYucBmS6xgGjZva2rb95LhYivA4FCklFiFIshHF0d19SyFhgXqRRk3A\nsjDh\r\n=6gGz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"14239a2e6eff4ea17b2eca405f52fb26f02c48b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202202618407_1643222441501_0.8077979649268099","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220300344":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20220300344","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"06ecb0cad7fa313d25c4a83ab90d286ead7ddfb0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20220300344.tgz","fileCount":16,"integrity":"sha512-rN5QjU2Uay1aYaSoATWodGJp6HBH3d6a2vOPWc2ySnpYXeaIcPi4cj+LXqcnM3EQKvsF2iGTH0psj8OyOWO/+g==","signatures":[{"sig":"MEUCIQDZkk1jmX2T/8hTLINVGqARAh9ZBXr7nZZ48ABIJ6QNGQIgGCWqiD98t+8nxF/94hL7pAdHNRuFdVkKRsdpc0iufpc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9dYFCRA9TVsSAnZWagAAC+MQAKKwY16yKR6Jr5rN7CjK\n/n0vCteMFW1KLGOt8JPLXJlrsz4jca1nY2sGnjzz5VcDtE/w4gti2SLJbLSs\nfubyKbVHvHkirR44j62R/qYihggO6vnZWmLEEvRKj4evj5mfbdtpPblJeAl6\nTT9TMhrgqizlmjDsJmwZFYIzuFe/MNCsfJ0+D3woJpPYUwk2h5RwXN4wTMih\nDvqa7inr6HtHCvdgfLJIBoxzSJTtMmt0frNFJx9DaawcImMfg2RYtp8BIC73\nuY5oZTA4bIhODQ2vR4dfZylRcrSRp4Hc51hDVFSlIp9Lj04FbXO2tbH3a0va\nnXBSMSfvqEbaVrXuubZqyyBfCFohiqdYuAigWHyvEWvp28aDhjvUHk+vxyC5\n0qjZURlVneEzJKTSO1/PffX+ZwSQARUGmju4ZQ0HkMLbEDFevPdi9EaKa+nm\nq2zZTqqcct+iCi/f/Cv42EgagaiD2kxXgF/ePzQ7RRE4tTmetBXJ6YOjVL25\nVZwd+xJaNGG8DzyS+aOtuFcd6EFTU//0IgTjuVlfD8QANBfjeeBfAXqaTeb6\nUuRpKJkqUphsVf5RlkPjXRcgUhxsNrk6HZpZ8ISOwC+LnrgA2rzfYIzgSUwT\nrWThm8JAEvjear9OgiOBV4mYlRPfidJ1d1fjvpzP2At5amk1tQGy+efbifRR\nhdGX\r\n=gLJm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20220300344_1643501061523_0.3355646033979873","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152957":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221152957","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"6b54566a2fec75fd7853eb87f9cd9eff922ed186","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221152957.tgz","fileCount":16,"integrity":"sha512-i06lUILSyCYQbpJ4A6iIIs1I9IDXaMsnbq/hFWgGqrnfWCO5kHlPp8oTLWKO3mn+rg1CVJ5tFPkhobUg97OElA==","signatures":[{"sig":"MEUCIQCNmKSSEz+mjRia0521zZLsAn41fp+AGCFZORHoBfe5nAIgRzqSHqPCWyR0iEtX01Rr1m55bl/ZwYru7wCA65aZ0wo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MWACRA9TVsSAnZWagAAJgYP/2KYQQ6jnpZWPYVAs1ae\nZIF9fDiCTC7x0Cr5z6uDjtc8p7vqYr53nT7TfB8GfT7OHBzFOxcJXqgYnLiN\n9fjkL4D9aTVEXLDKeFRphncM5MlwN1VK4MH9O//gebsRHWlsmDvu5jl60F5Q\nWEcTtvWYJM5/x8bGpsM1jpcAd0WGVpOQhyP+8SpfClBNEatpGMPXrngrGKL2\nNTB1q5dKZ0SsJnTk11AAViLjUwnzvaIDPomrY3nul6p5M+BlbK+MJbsuvNqK\nsZ1HpzutL//dnq7m/bbeAWU+tccdsDbhEVzkD8dEUtqveddjVXsm9vXyrDxh\ngadnLMREKkjN/HEyypkU7AF8EcnQDkvh7APNf0RPl8bTmWDvoy0mUYyuomuO\ncrGKjsvxDUk56Oj0+V9HZYatYYdRdtWJ2M5mpysXPapRj8vUWjIXht/uf7A9\nWNGb7kzOsbkjSSuXkweadQtFn3WJtK/JPThruf1XFkNmjcxU5ZzF76JPG6GW\nJFiVrMw7U5ITtbMV4hY18weA1bp9niLIh/z5UtVMLUKTKHJOOa9V9ReGUEwg\nU8M65EQnp6IxAlErYbUZj21XmvTy4PghdCfc0a553las6D0qQjn04TYIGI88\nuJhsFJRBpd/qq69WM8SjdbMEhYwDxsMErv9RDJqArTWvXCQU0pft7rWHyiUy\n4IG0\r\n=6iWd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20221152957_1643693440067_0.17397672665876196","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221153122":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221153122","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a2a0bb208738299148c80014f9ed92d70599e4d6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221153122.tgz","fileCount":16,"integrity":"sha512-c0sxqEpfhPrpKsdgSu8Rfmy64ZcbJ7aAKjSv4pNf/p3weDnf8pGJsuFjs/sL5aWUScGgCe6ouuq3YQemykOlAQ==","signatures":[{"sig":"MEUCIB9Z/Cgb8auoce9cOB2bWIEFy6EtizxHzENQGAKYYYZVAiEAyXsnykkmJDoZcamhGudK80+wETHD/4ZIia8ydb6G50E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MXTCRA9TVsSAnZWagAA3U4P/2/jR5F3sqglRiHASX5t\nnHOso1/n1yugA+D6sMwnQC20VOzhMagndaCB0QxkVZkj2TO77fC1AbuLLmLQ\nMga/oJWRm24BXWQybaBo6Cjr7Flu9nmzQYS5uFPqnZbqN0a5KbTuQTIuSGY+\nqVErjnCiMoX6S4jxaU5BM63ym2lGP1od6HAb01iTXttr8iD+aqUMqEyyzotw\nA29m86RLV1e/mj6d23C3Jzot/klnNlBxXk2Z86shBOJ2/C8fNUopcI7hbtL/\nSNkPOielQLHmnbmMblzRzEWRnaG5pMcA+74xGvdPx5kJClpvgrw2HpCVKsbB\nNPNlsCq1lH4ok+htSlM8LMMLOdjZKZPaZx9scoj6pa6rrAtruG2bP9dHbMeD\nC9MFYbuyESg6yPJgxHEfZdNkfDxLOPTwXMX1sTwz7nx4YampC62vCtwO5fTQ\nTifXrtci5P9RRSC/7dkJMluXySLQeQS4BPTgr1F7wVDXIaTsHSSdha1mGRbr\nlIbq6AMne/WkVBYEoTuvFOaEbaqGGOfdZRQDTbfp/6YUwCFYi9gLcKQ8N/J6\nnthDXmP8PmIUUEjNBfbnH5l/fpsWmAKrA3cutRka9QroFE3I1/KZscdQJQn0\nojExpVvRajlhVds0ztyRuk72Zakc4L9UII2poOiEx1+t4ibCZFPppI43xp7z\ngnvq\r\n=iPFY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221153122_1643693523750_0.11486930799592288","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173228":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221173228","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3f98c39ff665064c3a699646cd6f6ba7414fb828","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221173228.tgz","fileCount":16,"integrity":"sha512-Aw0Rc+g9sHwN76Wf9Iawi+Hom/8GgAahoHDjAqwSlOAu/+bh144S9yVnFioJzgBOktrNd/s9YEZZrU3H3xNepQ==","signatures":[{"sig":"MEUCIBLxjJc4jUolwcg2zy1kmd6H3L1Oxu3I006yaxoua66EAiEAmMJFbdMXhC7QPwF+XPG5zMnDlq1wgmE7juJvvkt68Ts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OI1CRA9TVsSAnZWagAA+3oP/Rma1KTTcXY8RMClKYoM\nST2x6KuvWA3QZEsF47RSWkHZg5fOdsJ8Eq+XyxruRKpxqIRquwBvZR7dYe+M\nWHZ0pUJ+f7/cvyGj7DImX5iIdEBFP7kjU0LbGMk8NJCIoVZxTC8/hV3EOwFW\niwFFLHvLIYbMPyQnesy0fWM8dt30hQtHSrYRQYyE/uBp9NIiSTlNuO6cmr1S\nckpDqDhmJDoIzpokoNf1STTulUMpsY4VGf7WJzONMSQLAKYKvURL9SsuGCc6\nsOQlaUNyfXZsqnEO4vg159zQlNEYpZJMgm01Kq+vZJRUBsjpbocWGn9waYvL\nyDGCFZ3DxCvaKXU4YlGDNC06R/ooBCPBuW39zm746un9vCpms/lWNnGpeJs0\n9jn6UB1F2LAzwCbySl/CGTsSi0JrjFzqVFNuyQdz5vzCekk0ZWEO2ZODBwBd\nVhdpu1Oct4vcgaqxgcfPPWyL93IYNPOXsn6MrUsM4HMYSHPkq2zsg4neMhAk\n2tcqBlz4mKfTMf2E2NaK/dYynUQX+RdafDIT5fkgKCCnSjKOfgeU+ud1Z38J\n4VyElfm7ck5GpzZl4tE3IntPyvOH4aBmERcptxlN7CaHWLlShg5qBXXuo3Yf\n6j++o7vqG48CbmhzncIEhpRVP23g9Scy31eIqM5FuhDzUvWJOnyEv2dlTmJ5\n2YnK\r\n=+4PM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221173228_1643700789434_0.05855843214949297","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221173648","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"78901ef92b4c610012a4a75aacf8a180844d6f27","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221173648.tgz","fileCount":16,"integrity":"sha512-1Jw4aUfC9mOGDOa9Ejs/kmoUPFXCvjD7XoleUQvwmlrgaOZU9+6sXtDe18o+HJQnjOhIIsxX8svngNoeBU0shQ==","signatures":[{"sig":"MEUCIBj1pZQR7GK84bDNzLHkf0lVqs9yiKBif4Dv+1gBLLWMAiEAsQQKnCWr43nJcpfKqrh84vco5mfN5fJR8bN41sKGTQM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OM/CRA9TVsSAnZWagAAQZcQAJsD17D4GA4ctGEplK1B\nzfD9p+GTjgKMKVYmsC41YMUaLW88U1uzv3oqjUvJYVEtK26tJmaur3POIOJ1\nlIBgSKE9fRl5Ete7z2coH5upWlj5vrLqRGRjkQ5IozizcJxWc2Y5PH7+dIVe\nEnEDCTwthmBBaqp/VqYRwZ6NGRvUiEzCWWMoIN4doMgf/l+lb9ehzNl/xnlG\nEZw2kDutZq60+cPnRq0q6p6yaiKE6M51GNijZgXSBuSko9Z6y8bx0LXffqSZ\nZG/9jdmVEz0OF2VH0t44Yz8VY+Nq9KV/yhhQjWBTTeG4CNaCHluezaq4YSjc\n/TmTvwwFTb4zbEkCDzYF4A64a2FJSjN9L+DlBz+QM6z60AhNW7vlyW47dlyW\nzgtBPAR6I6xNzswsHR4X8xHbHx5m+eHWRSqTaOpJC86GYprmIWuKzOZQyLgW\naO5WqhbfPNmwdVytzQP3QHRjfrevmEiTfhmEfCVz6LslRIxVpQMqgVNoWvGn\nLzfdocFRbc3h6EBcifCRtbAsmVKBZNCGvvc2JSwE7qTZzNOCg7pvltR6otpC\nN5J+qG9zWLALfP3sJwMYOWQrBy/nKnaAzOqbCXpDHPk1STdZ5NFZwiXeXWGL\nzAusELtOZEn+pcAV/nJiCI1fCjjqIiL1F+ob04BEbO1K1PzesO7iiBr9fbdB\ndnpO\r\n=CIQJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"f775c980f4d1e8a692bc45cb642eea796d4025a4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221173648","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221173648_1643701055365_0.7697309920530369","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224055":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202211224055","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4ffc9e91979c31eee444b153722218ae80194db3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202211224055.tgz","fileCount":16,"integrity":"sha512-mrhKvmDkQLme+rgE3s/mn5S+7HxwiCR4WAGrXXnPkcIlCYYqazAgazaOuTU864YZRBNAPMfVs1ZF2/bzKxDXoQ==","signatures":[{"sig":"MEUCICsxzGIU9ynnYfY/rHwYeXzHmiOo55M5jFvy4mIVPLnIAiEAh6sj20WkuKJGFDAay2AlFjWTpdsJ5WNCverUqfscWhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bccCRA9TVsSAnZWagAALmwQAJHnKhNlfwJXKKW7lWRo\n7hiHb7jarO06QW3iGfY7EsQ7zpyml7519DQqDtcY8yDF/tIpWJboH8Kt2TDV\nWMr5abpAQJhsfvunIXxesptXRtHTNBsNVcX09zpsUIfpCfShNKDcV7dHviA0\nbiJwqv3Ebqj62pxathN9tybmIvZSKwBYRLbjCGdzkA/CQFizBzjnjPFUniVD\numGFqBHK0UfdYWR8i84SE7X3trl5LZAvWW2HbT/xZdLSCHBjRr5S5fHzxSs/\nY6P2a2m9BeWVDg4shtifCNg4rti3Ci+Y5nwkqyLCLxRqYrKHMNJVcr3uWwKo\nyWKhX/uW9gogYoeQQv7gvHbvDcJypk8I+2e2J98zsFa+2/e1wyAwVIhLZIcW\n4Mfl3PDIkiO4KQ8/2KEYQnEbCq+s4b+sF5Ihp8WXL+DEpwHTeLHzqV99qV7G\n/0Ad5fd2qVXU3yIGdyhmca7vkU6RQX++kv7XZJj3Qyicz+6coH5LWyNEYbUo\nIpRuIUTiiDeqdTg9nu36bNvgtPuF1UAyt///93XZ5Clm6pFiwXo4xJz+I48O\nYhAiMwBfc0yZIbKXa13NPo0mUjffDSc9I1KGKhWsOd5QC53GkcgDjezfhvm+\ntyJ4siCHUa2VzfN/dlxLeI9uDkmhXreOQEL4hvNDMnCUaNMtvjc3fb6WVcLl\nvMPD\r\n=n3zt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202211224055_1643755291889_0.3684395706823915","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224227":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202211224227","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ab54673015cc5069440759118ff0647f1a24a425","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202211224227.tgz","fileCount":16,"integrity":"sha512-yWxpesx5gh4yShFsGb3D6o7n30DvDrRGv81r+dDnpBrtug81QElHUpxWRtsCJLA+R4vMJM4G6qjpsj2HF+o5mQ==","signatures":[{"sig":"MEUCIQClCe4yTfH2ZG2lsE/+nILgkzJVB28UL7fKt05kzkkfNwIgAZhn5xd9PY5WrLRaYZAQyfsRkLlp5ud72AzZsKZA4pE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bd9CRA9TVsSAnZWagAAYpUP/19VSfG/5sqB29xh3G3q\neYNaAiz9aYWkg6uJ5IHouz45AfiMoNspdL14DIAONmXveqlzqSOhem+u7NTQ\nQyvGW1IIIy09So793V3EGl1TFcP9btAEsTeNGZYaVVK4gTg++AmFbEMRGK20\nNW7du8kUTo6s89aXl2m3RdbR4Mk18PhIXKfC4CQacDklhC2FTsx/dPu252Qo\neTQ753Fwgq6CDcJQwsU31BYV8TvPYNfYal09Hlfs/fCm7a+1UEFXHVwb20ck\nggjnL7tW9vVmkqM4SbIxseLG+EmL+odTaduHYo51cMIKthqBmk54lSNncDfw\nvU/0MROO/Ht2ebBpdD67Ro1zpc82YZUEM5wHsnYfvFT8jfPi58hj6Sq4IOE5\nlRr91pFDjofPicJKxRPLrccT6AR+CKB4rgdzESQaRhXYtZyOhy/RGtklojmZ\nC1zdZUI+qdBoZFgqOeupUxJRyoJUhGFDGxuiK7h0UAcgX80ArXhvYtx+dz+E\nTMpgW9rSErUYabdzu5+8Efx2vpxzqHdL6n94HWvE1rqh+SjRGbjT4Z36dsbl\noPxGddLtYf2PSQ+FzOPPnHnzOKvMTwoCFJoUWYKDqYg/3FOWfiH3ZgSNrHge\njEAKC9WxmUCa1uGAYAf6D7Q5cBXgmntTzQs8fkDJEEFmr9c3ojV50yZ8i33l\nqaRj\r\n=Zn3V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202211224227_1643755389516_0.4930615324176342","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221263638","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9b8571cf6d8cc91b7f00ce55b34b61f301d5cdbc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221263638.tgz","fileCount":16,"integrity":"sha512-aX3lVGAFmNl2BlJmrHylSoG8ah/XHDYhv+uH5bqv47606plWZauSkufOuZ6mU0b03eCqiUR8WhlldnqR+4rUFw==","signatures":[{"sig":"MEYCIQCOhaltakJIMX46/rYcYzF7injB53M1jiMMY2mTypy42wIhANgX3dB1GoYdIHLUVZbp4gaP65Nv6p8xd9nFVrey4TET","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iaqCRA9TVsSAnZWagAAwuQP/26UYjeekubNWyIOB4rV\nhkP5cYvvi6mAfCbVFnB38oGqKc5PPIOtgLxhwMiezvBnnatZuQJH87k2WlDJ\no/uCM5A8c4iapvJsU7UMPeUfH0evr0bTQxWia9K7CkjpoOX9MIhFctgHeUN8\nD+DP118oopEUlAecXP5thes2FKfHuyGLN6g3SLOVKlnuHlBskiw2S/y9wbIj\n2OhASgAun6bivYTA4aVngeRyVgmDsQtevF8dL0fWftejGOpLj4YzBQ5ZuMyl\n79VZs/70Juytjibv57m7Ox09FhumYoH6fLeRh3kn6Q8JgK/z6eP8nhWhzT61\n8SS2EEuvp9r1KGu+aeD2k6MGsHwr3vPBlLIYhJKThckaubaL0kILVhfI6dMK\nS3OsueZNL7AO/U905KpCxgRZvCq3CXptp4lqG9hbmnaXZ1Oq2IwPUq8Fay4Z\n3F+vCEkcpGdmB4x+lM733OondO2peL52kqvXU1vc3+pks4TETUi5SqzHNma7\ngLrcxOEhOJJhgjncNPm7l9oa+te7FlRUqh+nNQyYpBQJrNNwqi64jPPtuiqV\n+m1lIYsLkjIKo91RblnHmeV7gvs922Ue/Wx1Iim8DhklTTU0PhFHD5qQfmj8\nod4jf+hTXZGV6OALk4B4gQ8pgYcAVFCTxY797HDpwX35CqY7z0xqRoqT/sPG\nfkCk\r\n=uWET\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221263638","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221263638_1643783850795_0.8824632402138601","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221263715","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0bc089cd57076140aa230484614cb526a3ae79c0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221263715.tgz","fileCount":16,"integrity":"sha512-6an1HWaH1IFKGAZDc1lr8Dgpm7aLMll4heH8IBdnq0LS1QbP1XZ+dHjafIKEhHkXkOS76grLGuXEh02wKaNqbg==","signatures":[{"sig":"MEUCIQChHy6Ix6ggT+GOV1IdYeoq5GNJVFTyPGqpecXViBwOxAIgd7mBSJ9bEb/970aNBgwgoWttwMvcGo1b+yARygW5KUk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ibHCRA9TVsSAnZWagAAWNQP+QF4F4OidACuK6E0bZgN\n4QIVsDWkT1okEk/BHzaJQEyUW5KcK8ZDI3xXfs2ONpcjMWEY4qiFPvmHgxwu\n2ZaWMyV+fey0xVDl+KQdElv3O2J5wlDGeoxGL5+ZsGe0PJHjCbEmbG/ERcaK\nc+sf/Yd2zHjwUdyaxetHg8Kv2fH1CouRQV8cyFJmFeQO1Ld4/Hc764e+2LsE\n8xbeijoCRE+BnxGJchUWjlr4ueizEWvv6DSNr5977CoK7hhv09DPbkVsuyaP\nTn6Scs+NNYDDs8C+2IBpKC4wxxWsnBrCSBYmD2ONGKLsRN7aI4tirC7OBcf5\nzmYDj4GF7DCAN1sGoo+S/PBtqgzMkgFXCAFWj3di8OaF5R65hA7yVNcWbIkT\nSydt6YocWIbZ17EkV2mqkKHYWZv1weGOEqelXzs7NGrFwAE38vFQubW1vLGt\n7jIA1ukjJfGnaU7g+jzecZHpMiJkkmykyqVVCd9Hf4bS6mTVc+RMvfDRyyl0\nSkINTA8q/WXpnLN32L3KwpbA7DACLtP4r0enb7aPqnWbdPzb/H69XqZo+nOa\nVi9pFBgUAT7yxEO2xOjX6ow8GvaNTBFz5JLKzQ6lzfEa490JsGr+NP8ImpAR\nilojSFPBT8y0PVBgweNSrEo/6xA6Yx8RKjxWuaNF70pZcPBuOQhiLkrGhV9m\n847l\r\n=cXkU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221263715","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221263715_1643783878943_0.5666015525479093","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221272130","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c27d43915482b09a53eb77bb1a760dd5529fa25d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221272130.tgz","fileCount":16,"integrity":"sha512-n9HYLLT2+V+KDGa5XjP43kK534lCTiXJhuQhyx+zLGd/fc6Qe3JPuetsO1/f0k987Oql9i6X1Cc4vOFGGIcUeg==","signatures":[{"sig":"MEQCIGwofEVc6FL17+Qzo6cZQKsCtSxRgC/m/8pszU5QrahZAiB7GO7CwxSAwJ9K/e1mCO+telh4LZnqFy9ocAfYxe4c2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jErCRA9TVsSAnZWagAAqEYP/ib5II+rwUe0XI0ZDV+6\nRAnqs9wl5J3V6qVgt+YxkCnlWt7Cc391vVgjcxGcEb70M3jrMzEmd6UQkZC4\n7vuAAq/bIAY1rkBRqu2qepmkj3wOzVBF/us47C8Pg1eIV/Ge07/HeE0fSPqm\nfwrx8/WrNd+fyKbKdIwqphdp8Ry1v90qIzmKVSoapKOGtfkCwq5HLDGdfI2w\nUmr6aiRMUVAQXYXk/m+o3kepeBkTt1a55XiB7mMbagbU8prxIE3Jys6Jlfov\n7sUv8xeuaF1Pmw0lSh7nvZYQU4ok16bQ0HaHilubg1JJOinPNWOqdOUhrbqX\nR29xQko2aUQH6x4tb2BAs+4wmgsR1yc00K7AUeRK3h070zmsV7Dpp/pi7I68\n3I3T7y8DUdMm+CILjBPrDmN8c78uY61J6ECTme28L9UICLg4nyCOylwNjZBs\ng7IvvT+AuH3vPB0SL7tSU3ZCXTJBUgDKVlJUfSA2+1rzGhtSKPlWjnPDzAh+\nQ8IvSfFsEsBmDp2+nrhzbmDIKbnME/2/wGv5IGGysj0dqo5HBhfL4b2cyptr\n8bJQ2fHgV9oTRyUjgq28SS8qVtCRTcWZZNnnMFZKq/ooK2l4/aoTQzYWUkSF\nHSMXKllKGnMSGcYBntlxW3qDoLa70C8Z558OPMGdm6p4qWQ4zRlazUg5g4dc\npDx0\r\n=fjD4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"3ea8fa9b83b10aeb76162450f2d997d87c4c8f6e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221272130","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221272130_1643786538958_0.33543572039047476","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221272450","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f68ea45060be6f0b2f10141858ebb9017aff9052","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221272450.tgz","fileCount":16,"integrity":"sha512-UlrbQMEsbqb3pDp/99DPyntzdqBRCs0PeYYswzdp4J/bJGlg01gES5WS73l3QlNd+IC1gN0xzQmbUjgl3EBSNg==","signatures":[{"sig":"MEUCIQDlF/PG64tlfo96PyUAut9RNLUnBBIWlq8qD06HH/EaCwIgTwT6BkybxXjn14thu9sQw9gFqWMhOAosu6LC0JF+tyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHyCRA9TVsSAnZWagAAJNwQAICueAVy3cZXmOhSuCvN\nO7wFvBH3G+HPmFkby/LnDa7OVHkgSK2crAKmKrwXKfV1sxGz01Bozow1RtHF\nUCha6YvKWPesTDRGIC/0JNLtmEhyAnlVv3ufIu2D09DVu+B79601qA+EjSH7\nBOujhB56knPRyI/E4YXlCW62VfnsbB2O7yfDq9J/lOpLAFiButMedJ8vKD8W\nRLjqtoT+t14k4um36zriePp5GolRIvv4G87p4/XosKrXVu7CskIPachrx6m4\nA04Q4x+xKUSI+AC435j1UiY1bx8c0pvXdS2Dv2QxX351Cb0OBpD7Airelr/L\nfwk2NWu7ibjKDfaLGDUagg8YCoPMdfCrjkOuWvPKcjE/pB3ENYjkmrh8oumv\nKiJ4UPMhKEsZvl2n8Baz5BZVDRs49bbTf+q+9aR/NAcOZG9QlKZBuUQyuhoa\nPc+X1wYbjauFmIHYCDlgu9STtL2lW0vIf2QjteArkmy1RrzB4dCKRTXxgCCv\nooLRwDfLQJOdZaSYEFlKqjZjTKVDtPnuPofa6cKk5iuQrYncLtCddxIwVcsg\nXRBVRoGhfwCVXD0X7ErJdORqULmYhUjPAx2bveSmZ45Alxf6berpqbfg0AfQ\nTEcDQbcKyIXdUWvEOs+2RqfeHKC6hR4EQNJBtQDTD6XXBsOpyiY9bg0QbH2m\nbpqZ\r\n=NSCz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"de19787ad8bdb65513c8f2928e2fc65425ebce3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221272450","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221272450_1643786738123_0.8231145161790576","host":"s3://npm-registry-packages"}},"0.0.0-dev-202213175727":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202213175727","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a61d4a60873183ec8ac7878e13122d800f782bea","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202213175727.tgz","fileCount":16,"integrity":"sha512-jOWtHUSlvtNUBTp+etAO2dwCPU1h9alKuFbKo0qStpYb+oZmkHCidomA/+TTl3DtmnAgz2DnJ6L602+wx5Pvxg==","signatures":[{"sig":"MEUCIDoH6rjL3O5yhuqR6NYqtExtqsjfO9OAyy6cbhva0sq0AiEA9h2flCPX38af4xz7hltwkLhx2egdIffboa+Coz1pirI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121073,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BezCRA9TVsSAnZWagAA/4UP/3lI5Jms9IEp4okvHDey\n+QsfRW/o96OsWvOHSFstSQZSoUbVSa93kbg2iFfo5DBH9c04XFu6UZGFQeRR\nU0L++vyGj/LpAFM14gMQqX6wC28gviuU0DiM7jdQm6ttv0nuZMAG/FZFrRFt\nHRTb8axVRvR+U5MItAFsqP+WifQa+FQElIFfUz/RPRZChUpBde1Fh5NG7DOs\npJYAFrLCFa9NPQfKgM9n4TSXCN9Nox0dXDJtc93V4VZvwC132Fc16yRfiON4\ne1gWodduLLbfjQeiE7Gc7VDQW6W4JKHhzom/7mw25rpSROo6AdVZUuQ+hGQa\nH7U3FYdEc136QfibI3g3UsZrVKV53xYLQcdFkj+5gM9pQy55stb1rPBIYEsR\nEt34IjMPv3SbvFfoE5ViZbLD4eOYqdrPnwmTT2cC/cMync6AMYVTR/rIsAiG\nDBmHaNIMc3Ik4vR/coLEvDIckcJcsLYnzRzauT0SBKcp5AtBnHvroAgSTk52\nVOTn37M0asEjbafQN70U5Js4Q5OF5zNF2+eY+LkzFcAbQaihmylkx47MJGnM\nI9hZo9BOoLG7YIjKutHZFErQMuaUomJahecKS7+3dvyQ7Z4b+doTjZMB71MM\nEwPJUhXdXHpbePeYl1NGHCtbAfMG9PjuG50FvvsxDdr1kvCAjIQ207kE3ppY\nybGK\r\n=qex6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/clickable":"1.2.2","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202213175727_1643911090950_0.10784316712882647","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221462931","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a8cb33b9388e9038091dfd60de442203b3029f18","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221462931.tgz","fileCount":16,"integrity":"sha512-1FkmTs5uKvTT/sXf0kc7ZtlldFPtJ0mLwNaGV9ZP6blZpAF53qIquVtJOVTPfr7kNjwHDluLmcm5uz2rPQrzqQ==","signatures":[{"sig":"MEQCIEavAIIRL5woTwN7+tA1SsRMn3tSvuV1pp7Fba/fuwxMAiANBOJwOrsTltoTLFvdBClgdhW8cynN2NQ6x9QuI2tMFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MgGCRA9TVsSAnZWagAA0MIP/RHqQlOA2UFSpPpL4Zis\nNEXcPld/mUlfeBuxCiSRk2Rwwu6OFPzXckgeOxl7wBq9+Y2m2/CDSZiQ1amN\nYZkhxD3tPFz93FS5QoTTgMvR/9PVQVYSNyML6C4wpD1mi6AIoCWt2ev9olNC\njIxJ+W8Y7/rn3yxvHjlHt2lNOAqFiPEU+TW/wVWMLQFWsgEo4tdSaU7TtICt\nLp2iAKN3FWC2UrTjA5920XvY+3pxz7Go81RZMn/zCS43mM4RTKWuLBhlp8EY\nqdWWkbk1wEazzW1dtPsbyu/uLtze0Qbds8rcWhGnY/wwGAIaCjIMwhjDFLd6\nQfWgwx8p73jLtXxtgrbr5ptgAnYPETVIzRJezL75bIl0RRmefQWTSeHUHYVp\nF+WiH1ozNd+XhpvRI4BhE49I6cILpz1a704h2XJ39acPlLT9AL1Itac5sodL\nIHZnxv1+ZFXr42nC2EBMY+8JIb5O5QbnDfWJ0ThYs3Z2F+32+HBTlP34fIYk\nZj0H/CaYQMyLT8bQ7hI4hEezDQd3ncRhTnsWSWiUInyOdHTQDSfZhpdb8n4b\nDXeSsw751dGY0tkryDF/MkLt7NR2iyJGCl0x2drj51ull8gbtXNpS9lMkakI\nVyuiJKEqAUseatulNkuidn6sA0o4FqZtxkjxUkYFulUr4/vN83g3tUknubVv\nDHNr\r\n=Lw0q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221462931","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221462931_1643956230501_0.6977779992313948","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221463045","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ddc7bfc41739ad79574d4b03b8a49ca00dd64ca5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221463045.tgz","fileCount":16,"integrity":"sha512-SW+WobPNLxXmZV9rJIOX41nkkUeB9ucJ4R13eg95Kh/NZKCvcQCYweWZ4qBW+GL5EuVyxFhTUZZp5zyZvfgF/A==","signatures":[{"sig":"MEYCIQDUjpLWWPoRyENCxusXrR1LIDFqnEmjI92A6MyfiDk8TAIhAPciretq1lAQaH7c1nvB4Y5JWBGbcl/Iq6YBwuSE5C92","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MhLCRA9TVsSAnZWagAAPHkP/1izPCVE7xfRkyTKwUhG\niPgt97bDy54MQvpQvg+E+lfWcChEOqpSuVJhhq0mAesE5JBGJGobOoZyJgJw\nLBnp4lXsQ9B/5Sk8pJaTQtoUzwjbc7dbPMYHKdT8kk09OwnHuUoi+EWaKxxc\n9d6Istw0YQt4ck4e+6oS3fQD+kX1b3PLThHwqqMjejwEA5k+8/mpEyjG7BzB\nS32D2TaYmdJhhI8Iln85oM06VRO8IQPfdMxmME0yJwjzJhXQinRk6ygaUqHo\njJswHGoOwteAbivY//piydtdWnlrrrH386ZNOdQd3lAYsSi9bse2jiBPm8//\n2K4sJhukUUQc/V8IvZrWY6BAk36PBAFbucEQCxEp6qfas6+a1pJPV1kFmxf6\nebvNXvx+kvsiNPylz8ECFhl0B+OHh4LdYGIZCKuGYGkwEGTUBT+Saq+1Fa6t\nRT36PEzc2BqTL5qzSFF6dLHBHk2AiWezMKzi65YetG3JhmupYr9YMVqQd/Nd\nCppK9HrwGVLZ/Jn8xXaG99t6F1AdH5P7RF7Slwi62WUZvg2NZfsjGzUnwpFI\n4n8qYmEmA3vqUCNHBi0jODdLKwQoRLOyEQf6z9jSuc/DEiNi8/CDudOCG+NL\ngfAfzFP2/eKryHTPdmvc1XFbt16VTV1WyPSEGOpZQVlFW0MKnxoeVOJFU7Su\noVMX\r\n=93go\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20221463045","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20221463045_1643956299443_0.8100330927746213","host":"s3://npm-registry-packages"}},"1.6.4":{"name":"@chakra-ui/tabs","version":"1.6.4","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"7ca266ef07ef1d3e6fad2e33c7f2f4fec0e5da36","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.4.tgz","fileCount":16,"integrity":"sha512-eey2Rv4/UNA8/OgxYjDdkpKAq2s5s5Gahu1WaukGRFLdLxWmLUCOf2WbOE0ZmSYnhnYzbdrMknEiIzAPsww1Ug==","signatures":[{"sig":"MEUCIQD2k5AyhIXjSITaXGJoFKxHkPefNlagx/XV1V/pxulu9gIgXHBTFQ9sj2/GRcYULiBPM8lUgoIulzhgS6+U8bpgw8g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MlMCRA9TVsSAnZWagAA6QwP/RuVeAV2fYtm8P9JflTf\nIeSj2TRCQs+1fHpNtydYfhtYuyhkldVnPX2do6Wwjp/1DZQZIe/C0p+XN7TH\nU/aH/Bb0QH8xIw048Q8Rc7+4exfN+GYj26He30h+hWkc/iHzwtNHczvNXLIS\nYyIfk5atR2K3IyDA9jfpOFvASJOsRW8B0DeoQdFp5NwdzOCe/a3jgShFECIy\n5lQO0oZT1320HQrZFA9J1dzJSV3OHDDtzi+rFfj+C03OHmkDtjJzAbpGAB/Z\nkWm2qj9K1dm8lkf+XbyEAomejpziYbNRjRGTASFm7Lzb4LFtxRFOoQSRSOTl\nFdL4T3Z5F13YqibCw8JqRN9pjqlcTvj053OFJV1ugy+VGK6Yjg2lMJqJKaZS\nyuSpBqaUHvudY8vLiTFh6AIpS5Fi+EUEA5y1sgTmB3n05Gt47lXpiAgyuDEF\n149dphNvbRRZmmTmmMrZNagHXCWhP5AfmdvcSWcOT8ZIcyrM2ZCjXVWNU5SX\nvMEcnS/csobQ+qPf6oLngUBB06DcGnaDPcZntifaycJajawxiftNBNzZCiy+\n12R8swF1V+kDyrX910J9q/X7OzOvi6Ax98vdVkZKUtbjd+YDYWDi0lkpbuLF\nGT9X5+Z30iAPSYVpOcWOnMerrI9DaZMYDGNrUl3JJ6uNoAnUW10mROs9+4KA\n2i+z\r\n=XWze\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"78f01d04020525a6696ba97e7dbda956b692d080","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.1","@chakra-ui/utils":"1.10.1","@chakra-ui/clickable":"1.2.3","@chakra-ui/descendant":"2.1.1","@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/tabs_1.6.4_1643956556080_0.6159689049520756","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202214171317","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e4ae527748222ac36cf3253de4d9c6ee6bc95fd5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202214171317.tgz","fileCount":16,"integrity":"sha512-8w359A6xpD7oxydz3EN5e7TwLtjKU2By8w0gI7NegJnlvpcPWvtNpd/10o5rK9y/XigV0JEBkm6O/8NjUlsScA==","signatures":[{"sig":"MEQCIDtpnK9pNKG4SEIQY/sP+kpcXWKEbfbzoClAJuHW1k5HAiA98fqc3AECWLhNjJZpyXsik5nn3jXpvvceZkwiGZX4Gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7lCRA9TVsSAnZWagAAxiwP+gPapOKoNu22rh0nW8IB\n52i3hwNP9C+8/2yBcvfaXMw8iLflqnyNEVmsTsZGJ30nVD9RNJoa5qH62iNt\nnX02/Iuta8mF7QyLN56bh+PQUymeIVDDzKZhiGNZ5sdKhIB7Oqp9FfMbLZd8\nanSd4oU/qAMyZHN6IYZk0R5+NK+HPe4l87Aoxg+pc/cwFWIQoW9e87SO1giZ\ns4NMJmHTkwqti9lQ5xJlDmaufQKYhZRN+1eCmkmFIu4AE3rd2ugHv3AlASzA\nAefzeJUcNm7VbQxKcBbgUpLfPmNoTC8EM2fmS2U4L0ylzUFuEhJ+mMeCKT1J\niT31dx2jT0LNajL8P5ZbeTF5Tb8eP6pgsPkca4nQLI2SCSN78O1VlsuSlnr1\nyb3xPUQA5VS3sAd9a889pjZA2TPsx/kat+VK1V9GfaNtEntG3FV3hTR5c5av\nFYktMIXkIU5ic1MPjGRKMjd+93KfQnoTBb+Zz5FqapL6lVH+p4hFxwJgA4qK\nLkwr7HgsUi+I9VDYb+DNzREiEY4rlD7o8kAAKewWu7ZoQPQDFs/yWhhAqo3q\newtvOrcs7SoXnnlxLxlv9MQXop3MyIP7OGNN5aNWg7dMPK71cVQ8T+WBWXsk\nm0I3W8Gv45gBPF4m7fnrnnGYr6e8meCYUkzvoTc2L1gn1meHCJFCLWajuNQk\nKucv\r\n=Dt6X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"0299e357a2542e035d6bb17ce6072f38ff037e45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202214171317","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202214171317_1643994853471_0.9775635025550529","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202214173019","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"96280c76a148f38f74882ef5937481f40d48b904","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202214173019.tgz","fileCount":16,"integrity":"sha512-6srU5BqtAKeIZIX1D0+J29LDsJbCK8XkNYk4/suFzMPWS8xbDFMxG4uyvmIMZsUB+pDpUktLxFT+YozTESNiZA==","signatures":[{"sig":"MEUCICo538RZWXE0DHS6i8rd6ccoDjrF/ZNzP19OHTfHqqFCAiEAk5rvM2lRVx8C0ljXl+ccV7MIuTP4KbOim2Q5s8omz0w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLbCRA9TVsSAnZWagAAXq0QAIZerpEzgbBp22sj2xoJ\nqgtZl8O1Hxqxqo15M8/Q8AXt+y9vTmlN0ceKjd98bui1uHD0fXKdGfumWU8d\nTSD9NBHqJc7IZI3prz6lAAuCV0n6W5NnHGE6hIoAZqabYoqcMGfjNR7Fi9hn\ntBmVXvcHkfZvF4XMShqJrhP/YMms5S6V0p/sSfK/Qls8q3HJHex/KagbxG3Q\n9OpxtYOl7Jn8f5X9orEcgNeRPNrB8j+lljdwLSFlRVjGmapZMO7X0DdsNMRo\nSPDooNlmZGDWN8chbVoR6zcyYIDAkMmXaUy4FBQILe7gTZw+IfrwFyQ443x4\nYqcMAxEU917ic6Qumu2JERqhszM0h1zxDRxZQLJuK/Z6TXI85B75TTh9ZunM\nUq6R9BhPiilwgcayE5GCOUmNaIb9S7/JdzlqvzGggLab697kXI+lWPNOumof\n5V56cr5ZEiyvj7Shl+KyFHjhqldXcyT1TPaXATqh6yxEJybPMbZWvo4cxjvb\nrQ2EcEoM1u3jjL39yFJAeLQtYpNW4eIU0ssQxxWX787J5J9totrxfK9A9JSW\n+8mNjDge3YG7jBBcSn5MXi4DWRop/MNhYQoE2tXsHbDs2VMWG5ANQkmwrinb\nP8bQwrC4Xl78DOTuczmjJdJSK642sWbRb+TqUj8qFVx2PDSd1eOsn5Ya/FGv\nBg+I\r\n=9TNZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202214173019","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202214173019_1643995867540_0.07730262798930809","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221417318","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8d0676f487d7b63d7aed8f80e68532247c84b948","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221417318.tgz","fileCount":16,"integrity":"sha512-dUcaH+reKNBAC/uURd1DXbOL5SxXST4xgfkI/YM96ZPDXFF84CLYdclcfxrk71uOr66d2S64nqIVPuS+xR85/Q==","signatures":[{"sig":"MEUCIQDA7HPOJtsytrN53aKdtZc7qH+bEPCte0sCJZyY9MD7cQIgU4cnd71lrH4dukgS7BeYY7sGJNm7zZRXp0ebVLlIB+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMTCRA9TVsSAnZWagAAkt8QAJeDzNjgMJy/1Ia+HhOe\n+XYnd4YSuCXlguuZ+sh25Q2EJgaOiIpJnXNerOz/qN0659ge38XNPurZjMSC\nDuN6BqLHMdsiPad6QNik8qyhsjkJHp7Ne752FXVfO8V3GHr28jPgqk63MK8n\ncPaFaP+AVvsluOojNCO+f/TxdqzVAiLXWMWwYQ52k4fuNqqqKEXdIvdGWs+d\n7wyQAJZ83uqgq/mpxv4ShSEOYK1Xai8vUtOds+1rn4ZRV+dI5YL9G470mVNq\nx+d/M9TrDJlttjJD8GSrXhThlpCGSRTDbSXdNV8+cAR+YgXWHDOqYVe9dk6f\nndMecwA9jvP5tQcLH9grWyYo/zVUq+rhmQNu+NbHE9TH7JQJSF7LWwaAVQNx\npaSsqvVY1NOLLFBHiETmW3aTyZaB2bp5j+7adp1OVOJyz4Od+azP1Li9toOF\n+kEJre8o2H3GErfhEZ0kmxPudg1mmo/qbnbPirMMlvtxxt4aLh4sX9oY3Z38\nYJxAWkABrStGvQV7/0WX0Gr4xBDSaMkBMEul4PWqSmQVNpmfuc4NglI7O4A/\ndO1ZyAn1zDqMoub7lC8p5lkG9mploq0CTN5gZt+9DVke3S6mJIAc0YBo5L33\nokGTtxm/JFbbOToyp3xdttiHDraD1l6VW9YSH2Rr894TDSAaeDIEMv7S0M58\nQzm1\r\n=8JTs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221417318","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221417318_1643995922879_0.29273268698534216","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202214173148","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"18e3dfb60d4a7be034345b145a2c9620db3fa61a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202214173148.tgz","fileCount":16,"integrity":"sha512-HnQYt2M4dUUYl+L7/gUWWDaTAOE2FoPRatESEFWU1TjLxWDVK+moINmUFmX0f7kxTA2PnTY3mf81Iz6rtapTdw==","signatures":[{"sig":"MEUCIEhBWKRLL2NoYwXYuLsIUZxu9AMfIs1rcRP/DWzi/pshAiEA/a423Lwk1gEiGlknYPT8/4A1fEn0dE39ZZZ5jxNXvbM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WM3CRA9TVsSAnZWagAA3j4P/RTk+3Fl3idlDr/ob7fP\nHWGf5NUFXcFi2t3TMhzLHJohyQp0B9wmEgoL8L8dycnJoW+wknZkz/i6Ift0\nokSDtmWTklXNODiIRxRNgXsVmw1PWvcFmfzgPM2dLX675ORRBJCBqlp3uhm4\n5RFqv2T6NcAKamkvwFRt/tY+ObwP2N9c6klalokjjeqc1kcIUfc0tGNZwSKx\nRAoP5c9Vg72EZ9MUxEQqCyJnuehlsbPQofPhiKYDEb0lnsbPX464vHl2cSjr\ncudCk0YDx/7fg0hier/l5VNUZaI4HwRNsZn86RtF393yHjmXg2wKfxDIBlhy\nZ0TANC8379nHTX+kNW+ZlCzwHQgOCB9nPXbaiXdvxHAvikiu9S5dUlVMFcjv\n4jPmC30+0Z2bOGg3CGwL83m6Ja/q93VkSY2ZV+Zlx77/Y7lP/jkDyY/VAQj8\ndF7tFjzZW3vwzq+yIJO0ILqcqAKU2ocgT7vn2GR/DwWrXr+REJLUQxTaBnE9\n4Bhbh3Sfpy97qGRHdy5aa2lv2nDb20eVL1zZr0Aj9DfbMMkQbQYCtay8euio\npTXh5rFVdF3H2K6KfxCWtQVGgVWuJ/uOl7YR6dBHjGc6Ai/HtGA8LZ53GpSm\nZ8Czz3YVmluxIxtPa9gMSmrvPtkJIK91c1gAZu8WIM/XpAAc5s99xWqDGaB9\ngJRA\r\n=Srcm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202214173148","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202214173148_1643995958935_0.6366874897085815","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215111823","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2a01eefdd6dd88e3d4f0e6cdd6f553a01d6fc6a0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215111823.tgz","fileCount":16,"integrity":"sha512-twhubk33JUvhim6D8XSFMS/+69mx7V4+q6+z11T/NrMxvU5YEYRcYx7spnqbCoDr6yy+LxSB0bU4V6rbdvXR/Q==","signatures":[{"sig":"MEUCIGS1oFtBCcitDstGrG7wo6RPX6dfUBZSGni/9JFPf15XAiEA8eRQyB6/DMhkengL6zXsrMlTej/894TtV11+i0Ky6Dw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0zCRA9TVsSAnZWagAAIcQQAJ9hVtxjEX8OOM32ZwU/\npeT00AjWOywydInNgWwMhZskwTLq4OqRI3N063oN+hKwrdSKCMoQ/IdQCwFD\n3UQQf1vejB2gFk5kZfzvrifk7DG/Oj41Wm0pT3SmkUjk6hx8e90A6bc88BWD\nCLbvEUlr4uIiz7La2FXIIuNuSTC9x9tE9z/qfb0d5pxrh3XXeJrvGdUIMlA2\nW1x1zlQrLNw4NVMe6PWhOGoNRT+TRpuelUFWGVm+nHoKGfHXWl1LhZenxJ0V\ndbpt3i491c9usI9K+It63l/LeO50MnuVm4hXq40Y4fplcjYDkKan8CaVR5cg\nl9CpyfbbjWHYD70q1/NNmLZTEzgnVxaBejqmBzrG16ZRwFr2FyQgz8rRbO+5\n3iSiP+GBCuZ8wcCnGitje3zo5/2sZZ1Y2HfXjpuA7VvB9IRCiGtZRIHRoXGT\nY9JuMlrJIJf/s+Svdqfc6IlyYq/z9iZz8M8/BukFl+cLL77JGuVKXobhU3Og\npRXoFythiLBE/ro3VTNxm88fu5cfPWcmJuO6yHPZjt9IMglAp1rX/LGhGq+x\nZKAxcJnq8kHtPTl0RsnJpBHjWPCo4KC13iLjgAQCY1jktz09tPGwy2Vr4jd5\n+1jkAAnbi7yCNQh4s1ShPx6TzZtpaBw0YWFo1rFlPxBP6dxQGNoVlSoaU9w4\nKTkL\r\n=jg5G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215111823","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202215111823_1644059954907_0.3422100144869584","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202215111945","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"59dc105ef7014e071a533ba4f3bdfed09478ac8b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202215111945.tgz","fileCount":16,"integrity":"sha512-ypr1swqFAySmF0FTtQkTuoVnoH8goT7fH5Kj4ZvVU9GAkvamW8QV9pnXXwl+IXsGdhsPoiRY6NZkfnnXZRuHGw==","signatures":[{"sig":"MEYCIQCVp+T0Y9FUyijqtu07Zfc4np/5afQHklClKThoGxKBSgIhAMNCrLO1B7hI1mvucCo4OEUStXiqET1Gqa/yXXh2QHvZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l2JCRA9TVsSAnZWagAA9awP/1+ARs+O+s5ajwTQzr6H\nPxPbFpSssRM/NHtpT/d9d1sUbor2/LdVRvgkN9S00n/7iF8MQjLud5GvAEhp\nzE0Vb5WGcziuZkcFxRlHFjg0+REAAbhf89sRNnPM6LId/m50hbc520mKgkNX\nwcCAyGG1l6Eyg799C1WPI5GDoA+wZqlS47YzwIc9g9wfL4O8BkZm5vpVPchr\n1ndA5SIuA/BBvNJB5y9hiUEd8qEbORaUbwQhCjSxZbmcuXPIOBUjAEN5CCFM\nNXwFuIIe8sDPa6WvOVgXH7ALM0CAAHKXSMBwz/1Nt8gYrhHOZH9Sf0ygybZC\ndopE6W0TCzlW6nV+6ImETWxzQKlEZJ4dZQWE+l/BCyP7iAs7hu5USvzYVrva\nMuA36oP1KQ5DcTap2qwuAe8z9od9NkBY1r704POnZjMqJ4gcsdpzv+bBdrKr\nmiORU7682SGFI8qWAAGie/g2viOYnVwcaek9qmnBkNHjZP19uiGiIdHCSvcf\n6CGoXrywa+Pn+OVQXjC3vXLjwpb7EM4/97bm+X21aVoZTr1ZLxTsHRkTMqQV\nDS/AFo34LCzqyEgY2JRqoqgXLmAVAzF/JMKIsQuckhQAg5XQZmo40nnDFL5G\nkmF410fZcZgZ7rXJXOBbNopiVMVCl++tJegrfr7empIUugFwqPp1lfPcCmq8\nBQpl\r\n=vP13\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202215111945","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202215111945_1644060040837_0.925061158012731","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202215112739","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d1d799ad450e2ad69b661da2283f121d9e933a1e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202215112739.tgz","fileCount":16,"integrity":"sha512-rE0OhaToemH05nP2M5OyWM69Le8wCk+T47xcEda4FFwPhXwChD4LWOIlOxcz64YenO2Q+351YPgE1L/t0DBmQw==","signatures":[{"sig":"MEYCIQC/i9dxKSBX1OB9powi5iBI1K8RJoU4cVemPrsKHa/8jAIhAINbqk6LlXr+j0EWxFc8oxjZ0ITPiPMWxT0hNiyy/aKh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9YCRA9TVsSAnZWagAAfMkP/3LqcAQdHmdzAlIVj5wD\nXXeWm2sOor50b9M+Mr0JkQZdYcg3MbeIIljMfFdUnJHk9dGr0dv6xvPeVej9\n/En49uL07UWTXQokmWE7ArMFGlU7ghc10+ZbCur5SxpS2su++ikkKtxbJIbR\nPZAz7UlbizMG8zwH5agJw4KUG6e9hzYl55YpzLzkWs3CALvG18XrJpfMidX2\n+W5jdmF3Ke7mwzme4uakMEmsql7BKCM3rluxJ6ZOfO+Ew3U+Ac/f44QzzzGD\nvhxn5ieNQk5xpb87spaZP9S44jyXx8Z68SUT8siOK9zDmqeZx4ND7MYDir39\nxMjpn7SBkpOz+TB11jB5fIe2YFO4dG8/9TAiqL7kOJSfw4jcwc/AnZnFbj+y\nBngPymr5ChHb/Cz1f+hx5YjiKGlCOg8hzdYFdK8sa4F4bZAw47k8ekSdnGzf\nEY+x8QEyWcIT1geC68oJJemEgQtsrjl4W6N3ohSbVoXwQyQkPlcSAdsAwMii\nM0WoJ7rp5UmjBWxwJddNSGIpmFn1PzyCaheix8oHdGp2Bkjg/SYB291Gq/W1\na6PQ/YI2Zh/0s3G/yAtMcE7VE6qFYpRbPR3z/b/wrc2TO9x1oUZ4fkvvOztI\nj8IKsRXltmyHSS1vtkJQgE5x66ZyWVVA64vajvCSLBjlwKD2tAT+6Bmj2N1N\na0HO\r\n=LUnr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"d4d18b77576549ceccc8adf91b4f9debea1f388c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202215112739","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202215112739_1644060504088_0.8393069046126345","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215113521","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"554f2afb57afef947215d32ba12be1dc983c45c6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215113521.tgz","fileCount":16,"integrity":"sha512-Ks+jFXNHtcF+TwyDmztwaTBBfSCEN4CTqu3733Lwgw56pdNewxfhYmz+OYBLxqCpkecfPihrZU8noh2NePkgoA==","signatures":[{"sig":"MEYCIQCoDe4EDIIWlSYjllmBKTJLY8bgwZq8Wg+MTKxNsKvanAIhAJs0mU80cTrEQJ5jz1sSsdVaGm5tKzP+CBkMzq31nGgW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mEmCRA9TVsSAnZWagAAr8YP/0pMIfaS3dczHu98pylm\nx7tDXoWB/bsq6dMAPvR7lVT+OURxRaUCfhwFW9P9D3tMiuxHmTMbQJmL26Is\nPD7ifEo6wty5oO5qowfgIStcbejaa6szK6pBoHHrXgsBZAsnRH5OVHOSPaxs\nca0unjS6KFwxX5VJX4BKJCRjwS6CASRATP/ZDaDFpzphWzZUjGvbUU+dbwLa\nW9kjDsGzGCfjpm+gN8CKDvdNzuLpFrCdNmTqixWqZTvKQrQUNeCnSWw+AFRL\nFv0FuaM1IIJTrlzQb9lLTtFXw4rnG2n7gevYaeP+8FFMwEo+s93ZGaQYu2sH\n8YvvzOmwOrg9dTb2jm8aO18xmXY2sbDCjRu7+/3df5Idxiyd9hDAQi8xuClV\n4qeqRmBDDmReJW6ARff0qyccdzfXAITGlw9HnMgxMnI8uA8EtTEjeHBwtRWF\nU68U5ygfmikwDGl/0enctk76q73GxrHeTncnt5+t9by3Gt+WCs8UGwiyzx0O\n126mNlusOEWhscR/Ky0fPJJMJ1GIeaHBGHP2+DF3VySYHFpokPEB+XonoWFP\nQua67decT5sTS8Pmtu7BFEDheg4RgzLkb9YI/LGDXDiCEnIMZasqG3BAdGRM\n+mqDP5NSnAos/vgeuH4onS9nyqkqwAlkowG93ufWM3nx4krGpiLjDJzp0N1D\n2EJ1\r\n=3nwq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"ee0744efa9df4d216d56af53ceb4ef6a8adb40a1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215113521","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202215113521_1644060966290_0.7797306470357523","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215113950","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8a1710ff3d536de65f5934ab5a5007ed3399ac1d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215113950.tgz","fileCount":16,"integrity":"sha512-ZuCCfH+LI2mnW8SajPq6zdLXLmKGEQeDJ/a3fo5DvbpvIxArPamK0dDWd23V17TIbjppVcl9O2uxKTSmyLb8DQ==","signatures":[{"sig":"MEUCIQDJu5QSdOsQn+Bw2JKL/DUfI9jUYJd3yVz89nwqVrqqQgIgZdgcWC2IcyYPR3wG/yVNBujHxqYJLhA658cI5Edo0HU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mI7CRA9TVsSAnZWagAAb1EQAJc/bJqLI1lVOwsY9Bdm\nAnDs88kNfwPQCEaUXCmq90qQidrFK3SK6voIPjTPM7khuWOtgUXEfRZomPse\nO2xj8WT+LCxIJ37uTNYsARlwIXruw/rpQmk5ch1DP/4AaFIEHKKuG/tfteHv\nTnzkVjnJSR0IZLoqv2ToJsxNyx2O1z4F0PGZ8nVYFHC3i/w+xzh4ows4Rw3F\nQVxzzUAmzoBFjeqXWJzPBlN2a2/dLq0NbPPH8JIj1EzvoVtpUhELKlviLfGu\ns05YbIBR6GwB+rRst43YidujzyCiT6Asc3Pc/31j0SmE3DUMo1GhUq1hxy3Z\nOOHBe59IRmPRAEf+tdQnY7uRtZQZUcN6FvO2S55JJpuEsAQKefKKJgseIrVt\nkar+Ef9olGVjMCf+Kbn5ztDK0xdG+muWeGvxBPu2QNIIsukpSJ2rTZtl6a8u\nkUUwZTwzr4ed47Nocau1ueAaWuYq5oqRXCD9KhHK2cknJb3Ef1XHVUPhICPZ\naUtHDbP5goN1468KV6vVJ3T1AFWfak5q2+6j41yhG80qwQS8J6KgaS78AIZ3\nucomDDFKjRPvoOqXVd2WIDaS+FfeTaTRlkcDm+4MitTcTg/lH7pIz4OokaFW\nU5eemUPas0vmMOJTk9zfSvzbsl67rm4+sBm9qCfjhXb6y+sJVxaVrR7B5TML\nxpPF\r\n=PyHP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"262bd66825aba680e1cfabe200ee57e8d64abd7b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215113950","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202215113950_1644061243753_0.7196546511887998","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202215114149","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e27aeffa9e8d92c99ae9ff9c40ae3086c61cd614","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202215114149.tgz","fileCount":16,"integrity":"sha512-FI3o//9TFUrwFa8JNMfytu9a6Auymxk+NK8CbUyks77cr6lw+0v822FOQHa/Q6hwbn7+OzrF2XP4u9oh/FA9Jw==","signatures":[{"sig":"MEUCID4ivO4As9wRcw39SOFw6mnZ9KeoEwxqFMu/DhHkr+ptAiEA/HhAoDNXN4q8k4YE8PlmsEu1sq9j4EWEoafCim9AtQ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mK0CRA9TVsSAnZWagAAC/sP/jDlKgGHKalPlZble5/L\nj3ZbHB5VLt9if8LhPmn+YZl7uPJQ3oR6BbjDD0yvbnVjFBp9qYFSTm8Z0Be9\nLt+53lhfVun1PJT79qEPdOAJ+aVqXq2ybB3V7U7KhQRd+Ft7O8IE3bZ7xpKg\nNtawv136J7nrD47fO2ezdXQhPElsDKEFMoLiCxHbJmXmO6vfX/9fytDxlXCt\nals6KtnDmK9apiyiQli5e7xeqdWCV8JFNONvs+PlWwfoxmM4Qoo4brd1CWJA\njNkA0LZTCGUYB7wo7XhlcDBP0UQJvchUxoYo7r4bz6ed4RukvXHsDPYraNUq\nuMnS0RM2MSwNN27WMeYw9zv/nMqsGV17mlCese+5sNR/8tMg7tzhuhXnX39+\nzd3Ou2Ij6YeAOauuCAs5xNiT/ZtL8vds0+XpQ2MjOjxHE51QczPINcQLFumM\ngYfrhS5eSXp8ccAjxXGnmMind2FIpvo1ESGnnmCHm3+OK+MiGtfLux+gXki9\njPnVGWpOVjMifRV2bJ8UQ0Bjv7Hty16SjqmKK1WbzJkIXWVyYl06qHy4sHY4\n4IO/ZuNXQB6yCy0HlXT0bAEDgKYOVblPiWznXHVnCd3QglGnY5ox1aEZwAAh\n7/UQKsAAEEx7QVk5HgU3Zzosy4SOtbrWnDCA+ecP7g3gJg+n+HyTYCKLK4OM\nb4+P\r\n=YSjC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e390806b2603abb97fb5e151abd46710291025d9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202215114149","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202215114149_1644061364014_0.4182945804636491","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215114422","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"16a1a9ebdcbc5dff587a5028a430c92cce6d4530","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215114422.tgz","fileCount":16,"integrity":"sha512-FvqhgEZ+jh0HxEdRW1PKwXcxQX+gbrnqZdxPRwsDghzQMlSro9cm+Gp87+xUfa3uOz++oo8gAJDGkFfXWiwQjg==","signatures":[{"sig":"MEQCIEPtXph9icgipyhzRLY2v6oNEEt/6d9YxALl70kw5c9HAiBFjSJ/gflAhhi8hF1XTvSjW3K211XAcvyLt021WIbcsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNECRA9TVsSAnZWagAAwJsP/0kdMaAKv2dk6foZ7grD\nxnskWUzOdVokN84aGOt0yB/3B+lCoFlJZvREDrX5m0Cj5+U6JDEdL9KAbIIO\nkzM/cAk+mA15fJXd/6SfrYPY5xGAruDDYQKX45sJUGnIsqHAELLoGyXa60vN\nQea3zBNFXyJhDbvO/jdTDfTnjouKGYIsCS6Lg21RcDTDdWMJLdrlddBW+tsM\nYxDJ26lyBs+Wd3CkZ0QYxfxzQlLvQ9gVu6ysSJUB8QEDK4yNR7rhmhUmXCF1\nURrIshy+bBx5n5rbAT1uiFK5ivAeGQX7A+6kPF+4+sAXG3b4UaKZ4MpcPzcX\nIA0LvRgH2O+Z49W4EnGVlZEbRRxcHjoWqLHri9Szf3nW6qChF/ftAW9MIJv1\nbMh1HVCSd1sVUSwYQZhAK915TftzoVBBOV/6ofVVk5CF+LBMb44NjirXpqXV\nu7aOToyS2fTjY9AFHm80QzP76sKR1OO8KD8qpRrA3arVW1Qyo61nrwFdKcMs\n14VwiZR1uB64UMgMKSMUi2YorrNMJqrbd/qNMi7tb7n0RxLw3Er24LaV+t4i\njO+Fdhk1YBuKjJEf9Ihq0KklHZslndGA4zQiilrEjBj0gs1dZ0wPbzqA0pQA\nne11CWAhCZ7iw+RbFGHkGXXJ+NFnX0eVDoB8M0ze2pe5sYYCsH8rlE1h8A3L\nGY4k\r\n=OtQ/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e9f7f49d87feb32a355d3083a61447ed5d6e23da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215114422","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202215114422_1644061508792_0.6354828163944892","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202215114442","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"90c8c4c669dfef9c2c6795df2e7e922e4b9b3381","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202215114442.tgz","fileCount":16,"integrity":"sha512-rePRXLiFIdhw7EiuKpcjcYAuUsbbc2zzFc4MVjbn6XXkPZ9w39lZI/rDCvH14ze2WlrFysK+LWJjaJc4XRd8sw==","signatures":[{"sig":"MEQCIGUsekaYuEgDIZrOjWY/DtVa5ayE4EK3/ZRW/UHEsDZxAiAcVEY+w62iib3Y4/dLDmWW+yItqyGAMUmAztU7rQI/XQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNfCRA9TVsSAnZWagAAKAgP/0e3A9118OI33Ef0PYH2\nRfCcuhwjTsYBiFnUt9Mbned8+x+N/+vAuYCh1QgXLa5b1zu0GdItgErT5aeH\n+QsfxQyAEL01x/fr5fqUwgVJtDNVY7ptQneKEnpMW3JFYHTp34/62bqM1IVG\n3bLMSPftyB8JIB+NFdql2VwiMdV3HOmGZ+f2Cwif/Ht6NglPfIvghy9EdAzW\nKAIYw69F1dqGZsstJr1jSC1l7685CqY8kKb+weQv/ICpuH92d+dOTMLrSQ+7\nt9gmBLlGMOKZdFt3X1ME/JJEP19MdZ3guBLYaolgfQEKzF8IclLHZqtqYcr1\n+3aTQ5KVJf2mJ4yndiou6BsSzsdUpk9pu1xqavo7KU8nIzq9kSWy8Gta1knS\nEWmmGG1H/A+AM2DqWPJC78MKg6gBV7vTMvRX+5uSuiSJ4uVnWSClxz/wVpCn\nkpEvSQDeKv6WzV6CdWlABqFAfVk5DB8gu47Pd4G/Ih0p40Lyy4v2rZgczHmR\nddVjeSRd4FYAuAFLnTlTQ4pc1TXPwMutML7sp2cglkt4PDljVMI3iB56Mebw\n9o505fJ56cTMFo+CR1ky9a+IsnNsg0NTC1XZ/LkKCEaql6VRB3IBggo+qLtP\nfmnlrBfYHO5urVUljpJSnoj2vdX/Ikodf+efO0GGhceMxenSQLtUiiJa2jzm\nVcsC\r\n=VYMo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"9d81c6de9ba2ba6b02681d5bedd8f7f5105a3e71","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202215114442","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202215114442_1644061535494_0.16398350808971207","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215114917","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"cda6644dd09b72d2b138e89df75462bc43409c48","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215114917.tgz","fileCount":16,"integrity":"sha512-z1+6kpFiJUHz0M80ENoOas8zMeqcELEVfbtTx0R+UIA9s4JfIICUexKiPHw5jpD893nPMxKBDg9b2YPn6Nq/Bg==","signatures":[{"sig":"MEYCIQDkT3vUQ6Jh1Vc/AhmyNZUIfZjc0Q5tA4Hw9FchE5uJzAIhAOYfEJFeMG5Zt3oU4Z5PJ9hMP2a0JgQzCdiKx2qg4IZ0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mR2CRA9TVsSAnZWagAA9O0P/15D/yOV7hjnWR/7wvkV\njp1CmQYqnaTT9Ctv64r15YNvlQLdlUg1E+aZBk0Hf/J2pjT1SYm3MVS46Uz+\nboGFahsUpZaF89ZpSUMtshAxMbwccxi8fdPFblrUO9FHUT7GxcNhSbHYQrhj\n3BeA/5fxrocCHb2sJASZhvGFQqZbeuOPPugu206vLOFrPgGDbA295bKHiEVf\nwDk3aunr0DjDNT2rtOPR+EvhvnsC0cven1+7utz0uC9nhYk4qC+yYw8qc1AS\nfmX2o7no5KJLKuKwn9v7eXiPdw77Fkm8T2qmIw6FnYh2KRbguUp5xwbNbuIN\nL3OZX4wB9LAQVvDHScSM58D0Rbq5Cp85nJhkOzv9qeT2XuOGaV9GRPJZlTht\nzqKum3ODRClSN511R70cAXcd7zGHnQmNWg9vgfeykflyym3oP9CAEoIekodS\n33YvVPkBIthtT3ZHkGihj6dfjPASDwkcoYSo6blAQA+E7MW9GAlFtRBq3Sru\nKtmErLgKmM7Iw4PYfq3sLLBWyp8jnrBh4arVLyS+vIGCMtp+WB2mB84Cq8iC\nyjmCqx2fASpjODPfe3PgIDMFVy4Lh6GM8Al6gAhcZmM9swv0HwYoZAqbXaTW\njA3l31XutTk40I5GoPbgBatHcsTVHQN+V3kNHkg85NqhFozy9W7oxwonkRH7\niv56\r\n=t4Kp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"fdfed43beaec88a99ad8963588cb988d8ce03d58","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215114917","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202215114917_1644061814685_0.619727836832789","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221512346","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3807fc3618446787d1ca6f7a100e93f76af8e5b4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221512346.tgz","fileCount":16,"integrity":"sha512-ips5GwB5o7z6YoZf/wAwcgBogPxac9hGAIdl6Ghc8ePf3UwVlemPnkUvyXUIgwBXZmCoIr7Cx84GH13H2oeZ5Q==","signatures":[{"sig":"MEUCIGFcsO8/JL0OfQw4DB1yqBtXJCGlPLD9OcO32i30D6fsAiEA89f3TI8hlm1K9ndzph8VQJrXOnMguNE+JzSTwbck7hY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mfVCRA9TVsSAnZWagAAYnQP/05WS/Y+Fk3u4ZfEu578\neZLijRrjfHWSGSfnlgooRg3yMMu5ugkbfdU5LmWXuKuVtEMP5thGtKxxZ68s\nVDGekAe7u9+w7b+nTifpRNruaIXxdTKwKG5A+YY1e/tsBNRNQVeWWXoUC/xb\nvELkR8k313MjK/Zmrn7D4rXgjrJ7KabesapYg7VuETkNpOPa217btd1VvB3p\n3wGLl9IU9RE02FD4oZy0XqlTKdMdB3lEB89HnVDLKMPGPa4J25vVhIRFTOrC\nZeyD/qezlF/0XU7aSapB8rmwmhR0DJmNq9jxfveYPbCoymEEgYUZB6b+yQaE\ngSnLdBz6C9SHL7trGwJbDl4ziVhPMrU61DAswDEZDXcVBfHavPAK21jG7Vq3\nlznk6V+AQOkGTEEkjNQIPBsLjP/OXWjaYGv0rTX8fPhgLLVwmOp/rEWXIEBD\nvTB2Z8+EBh2XSdLXDQb0YQibF8+g2uwcLglXLyZehvzseXODr2bljLzdT3jk\n+IUFQiejbAVsxYA2R22xYaDA9CIO8O9AiAAPHMOVUy6LvLEpycftD6OrdiIB\nI1apvO+NFa7YuAQ2YIs6DU8naIjPyU9f0RlozeqJ7tMmsu931vjwYr2+XA3X\nWfYc1mhy8kJ3jqLfPV8IdEHQPBFFGVc/M68vNdDljAYxETOZDKpLKBqp/id6\nDzte\r\n=xRI9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221512346","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221512346_1644062676959_0.3799244422457775","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221512130","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"542bd5e757938b97305617a38e0b4c485f3d63c8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221512130.tgz","fileCount":16,"integrity":"sha512-QhpQTKOovb+k2c1Kvv/g68EocDCd/cXCk/gLdGoRbYVOluEarDcTu+trgBJjIKIrvgGPI/HJPUh79kFK6gPp2g==","signatures":[{"sig":"MEQCIGXT27WKwqxpgb32kq5rBjazFIQ/Kx/85gCcbMdb6zmMAiA936xtga4FlY8/Bb8SNCprJzkXRZ7btcJJgorxGALBFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moACRA9TVsSAnZWagAAB4kQAJCEQjfpxC9O7SfZGeWH\n41y5NEuZK4sVe7C3p7E5jwU1Ge3Fk7B7mOGa01TEdbrq7zYc76h2P1NWp0K/\nMc68JLke3mGIh7m97RXc6OaGTSo2kxWOUrcHb1Ij4RJYWWsnmTX1i+N0negN\n5ShrKR6phYzxjKn0CZFnjtOyE1ue9It5bZawi+vUfiQ5kZLqIlykfYCjEHgb\n1PH3mwglw2zL7dtm6RnaaGzpeUOPtYNYx+fQOLi2J0C2Wmmw+FG9rym15mpr\nwnsP3H8J4CzZi1cAC4A/lGleUuGhTNRIYyAj8wX41JuArFdezYKG7c7Ycxnt\nhZod5biDGdQK3JLTZJiQ7ZlBek4JU037q52TJUWAUhDXVmfK3ysLD/hejOi1\nFmJZ88cxxtpzSDEc+QCzE0+xZa5Zn2drFFIhSFOh6yvOxENczv1eEuUar9g1\n+lGan+vnGlyMl2AZleSFe9pvER0rRT1URFgo0BwSdgl0FfZKHk9gf95fDVov\nfhhD2D74cdB9J1skrkZTzXn3M4didc3rRBwzd/tCF6KWsAnxfCP1pQBSnkL6\nlDuPKKDc/R8v+kYkhyDOSLQDWso2QRw/iv3K+3EKF5q4gN9uXCxW7xUSn5wd\nX8JaIHsM/QKWy3UVlkM29xy4R9k676HtIVbTpLzFFMN3hR9Cpn8nGBtRIt8D\nyXjc\r\n=RKZl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221512130","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221512130_1644063232345_0.6285709660849883","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215121320","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a5f32484460d2e98b034e62a0ee0fea414d51aaa","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215121320.tgz","fileCount":16,"integrity":"sha512-n+ej83KJ3F3L4S5dt31Pmb0H5+2AjafXvQUHGhs2BTYPIMkUOpBGlxt/6+kPIrMJALAM3NDxdiBhFDQL5qdpdw==","signatures":[{"sig":"MEQCIG7N7YhkWW3aZIdmqFklhKQ3BjbbK7qPXxv/iD/+L6RMAiBqYGlj460MPk3e1vf0hUg9QLB0Eam5ZKYAlR0Sl/6N1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moPCRA9TVsSAnZWagAAZ3IP/1okiPKmkJnQwWZH0e1q\nhXKujBPo1JNYGELCkoQC/XW5qIPUyZXahoCA2wpCkamMfHCdCbHjXgppAVzU\nq5L0OMtq37F0noy6OV44dSf9H84Fori6zWY/C+gAOAe28OPY1y2t/66dFNE2\nQEQcOWdhcQZMj7JmXdHtWEYkjnXs0Sxb3Rk2iMO1h9TmYhDDwt8z2nDLdmaU\nNsOhNpDsNquHevBNreOfVoiiFdS5p4ZeXzlur5nsO3VjAQSO+VK8FKoNR5NS\nNau8OGyc15hND4vMapJ1MgMCRyQApFvIt2w767tfAGMQE+yOyb8FZHJnTjRO\neHteMowGFwc955sIzaraMpnp4p0iWWQPvxg7NmmHjm0kQPGlv54PhLrJAh2b\nI9KPvthq+PV++MqNM2oWo2ptLcBpRUUZj6aWYP6yKWJ1eoGLNnYYXiQgMBAG\nhZGw+yMn8OoyPeWcUEJMoRoz2eW35P97kmSL+sC5V85nAd7r7z+8FPECFL84\nXXZSmz/sdhdFZiD4k1q/Lwo+p8NQxL+pTNMrMnnqejB1M1tSbNQ4Mp57XPAU\nQeN25xB4JhlhJATv4v7sXxz5dysxVo/tQc5Rgk5LVzECqyiAsFKl6Zg9fWrA\nDf6/76jysdIQ3L6MwpVbk9MWY8VvUfJ0wLykoMe3+3aJFewaJD7+Yfo9Qh+I\nvm01\r\n=HcZ2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215121320","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-202215121320_1644063247790_0.5193531783482837","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202215121353","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bf994d3d6c4e5020fc594aa4aeb670f5e5a0c945","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202215121353.tgz","fileCount":16,"integrity":"sha512-M24xBE76ww5rpc5Dn325B+Pp/0YsSQHW6ZFBwOQrXW9iDfnF1aVhZXpH24+SGJGkPrW3YxCZ01xjKCytW6fAbQ==","signatures":[{"sig":"MEQCIAi2pcJc6oaAdxMrn12IH0ZqHdaqyiFpDwbZu/TdkLAzAiAWdMtYSe9YGX6WWUmYRQbn9F5Qtxp94C0Iz5Li0tRcEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mosCRA9TVsSAnZWagAAch0P/iCkyca4Xu8jff7hVgpA\n+pXRMmbSlSatzhY6ErbYnlAdsJf7DbrZtoEkdubeqQ26MiRTePNmUwm5p2Kl\n19hkGaSFDaeggcQ36p3h5fKxk7mxx9mREXMghm4USStNb3KwWc1EovlXkLAq\nu9SiueN8rkkspa8C2TFXHSKtSQHlBNKfUSTx5gqk5Yg4Ud2xFQOOkk6llCum\nIKY0dqK3YVbeaBp/BgUEYtT1emRmPVE2hf6utNkEwlNHwZ42g08ckr2JbAEW\ngEwYrkavXHhS47Zbkql9maOu6QFtSzsOb+hsciF2QHdWKKqBn+Ui2m3Fqi2N\nP5bf3EX2kGPoD9Dc1/cL+5l+h6xSQFHaRUtMV78QYH05UMvjKrk1uilh7Zgq\n1dDcnrtSJB/BYXE9VPbt2z6FFeQV95mz4FpaOZHDAMknoZbNNBwR7yRqLlDJ\ny8g6tPLdr37sB3YXrVTdGy8OxNUTPWzykVPjz3e1UVTcAB5XFCskZirBEUH7\nO8DboUuZrn3XRI6Ur8RmwNzQixiR29mnvSAkHaxSs/D0WEeFfpmAWsJZel8/\n/b7z8yqAY7lYzLfgnDuNvXlkdOUTYhWVZVGaidWJSrwv72+Yygmt7QAD5ZFO\n28NExda8JORFBdOopECvP7fYlgxV4QY2cp+VzUhXFAk4YWxEPv4i1DACkcw8\nfRQW\r\n=zUZc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"85aec4f7abbd7a289e7ad82c3dcfc465d84184ed","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202215121353","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202215121353_1644063275930_0.27236035725793317","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202215121428","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3ace0867cfff6035d5336ddc7059f0becf269b3d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202215121428.tgz","fileCount":16,"integrity":"sha512-ClI0Df+8FkNun/VOgbhD1RqzW9/OeOU2p6PQu7zv8S29ZOPoEpg2Xc3XWK9jVoUkQbl3w1PJMUBHlHE80eiUgQ==","signatures":[{"sig":"MEYCIQDkePye+H2YZ0WaJ2pskEpVAgnJPylxScFX2aJLuObk4AIhANn/kL7nhEh/HYxaK8omzynPFiI/ocxmlUKppGs5VyAx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mpNCRA9TVsSAnZWagAAHjcP/ioPS0n7hCjZkdVb+6qW\nlw9jrm8JNEakduv8z7k4L+Ins1HuTx+K3PSgs3emiGPYLnrw2y+y4CgCmbh/\nhciIazOYjgJX6heon/hLmzerBOvuFXbSscoNpBth7OvqloKwcaJDRt4R4ZcT\nz+OXGoqA+xC608wZX60Wo7eMVx/gRaHlZBX+oRgeiuK1cVq8Bzei7oV4nZeu\neiGCLpIT3gLM72XtMmtP1VLyvD+wiT9tXEwlzlYRZg/rdbzdtMLwSCzXC1ky\nWQSJzuRC5xgciO+ISzNi2xB1Qs/5wx+N/Qd9oLrwl6pxmkUJJVsmV0gWerCG\nkCKUlCMcX5Vp1dBdZz3y9SSH/D8NjCRNK2vc871UzHeKGoQTyz2GbyDIyk1j\nxe1D8WIsYhQUNNoBDgQzGzmFF/S8yzaVSrrTn/kRHUXh5ZWSjGngwvEFzdmR\nA0oR9n9BtkEQ+qLM8i9GR7dLYj7+VR6hOWAkK7H26UfEfduwYrMY7GL1wKE5\nFko/4GCqs3H1+0wh0x4+gdevLDa5HCB9ar/K3SXlguuGCqcHW3wXHINWj3Gy\nmaSwBkUSjpnNihzbWLmi20jDUzLt5Uc+li1hyGGPjb2ygCdJUTXDlO8npE6S\n+h8jHnjhTpMDO5do4mxelfzAurO0RqqeLShFW0lK8dN0mLrApFb2Gw725CJH\nLQBc\r\n=xyqf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5df03dae0203f8d26ef7213b66e0fb26fb6a69ff","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202215121428","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202215121428_1644063309163_0.24484955410706677","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221512173","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"164443ce38731b0b61176e40db000d701cb84bf7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221512173.tgz","fileCount":16,"integrity":"sha512-8YBzXheGnZWfKfbHkocUuFFzldYdLTp66bUkje3tkcVKMkk1VKw02xyjSkou/lXVPq72h7B34K1haKyI1PldBg==","signatures":[{"sig":"MEYCIQDf2DNKRsahWetxYRHuAjGRCw7qHxE/9RBVl8XNFEBbugIhAOcOYxp2Bxcbw+GBcA59DvBeHkvJhNhpGTdV+HEokjEB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrrCRA9TVsSAnZWagAAT8AP/3FUCC5HMvtI8L96E9nk\nquppfJ4HXek7/wmS0+zzXpj+ZrjqMo1D2dzFPTcxv15TGrQiH6rlnFa9oHZZ\nh3kj4xBzbqzvI2ZDHJ5VpCt6++f0TFbfXMPS70cjyuQpMopg8GeRc2Vl2KCO\n0p5veHUkpt4mPBFtDS9jTaSdgn6gIEMUDqK5A4AGGhDjoVkAcM3JSQhi6U7x\nEgdeeVV8139f8povxorLaEdrmh9QW0friLz0V/5VOJqimozDQ/w0ponaawOW\nB9dKYgcGwCED3QsJ4VI13G6t2oHFDe77nOkFeOqMd4HuE0sliuqBhqk6B+HH\nvy7iqfdG9dCsn6DZBVq+vfCOr3QhfWPOZCzLSjud+Qdl2VxPzGLWXAQ7Je4u\nW4GOPWRSoa4xKOfDiv1h/ueg/RLA8r3k6RJ+GBNf79igAzw/FXrlwJ1G8o1z\nsaYicU8EXjDd0WrT2/wnFQ5tUoTy1uEeE7dlR+GI2vwWm0nNPIhTKmXtIn0U\nvAnKQh8fPMLclhC+Ve7V02ILw7lofQpV14Y4qRcy5EAr2nyEIqyH+MrsZjeo\nDzKHxYSiKKXZG+UadVdGj11ci+XFg3sl0SgCU1vsvZ6Swxw09Vfw73iw+7WL\nHaB4s+RojWHPvrFunc1KO05Pn0+dX/nY+hXPy1M7DonmsTMQVfWsITuSxJ5I\ndoVU\r\n=l1sK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"f6578a1b76546c9432d9bcf06acead17d68c62b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20221512173","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-20221512173_1644063467351_0.009412523976638498","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202215122415","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e795e695d48814478bf4c609e20ff7342b5ed3e2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202215122415.tgz","fileCount":16,"integrity":"sha512-iIkfEnZGeu36rTrdynuPJdXlgzzzVCcC7V4iXCe16hqD8a1ZaS+KWM0IArT4RFU5CYZGOrdglbfi+a/6mMNVgQ==","signatures":[{"sig":"MEUCIE66wH5FZfgKE1kNDpsUjKDMUVUEJPLJIPmIRI5NnPbsAiEA3xKchYcGAOLyKxv07AUrdQtGVPJgKkBYc40pTdMzRaM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/myjCRA9TVsSAnZWagAA4JIP/1fLN5m94Tme0Ujq9Ds2\nfOaTKFENPhGw9qIQNplUVrPUs7H0bOMRfWf8gYNcJVTr//Hobuae+Pg59uix\nMzpQlvG1jg/+jhix3duFnCBzA/nkA7YXeOgy3ZeiUtFVY2JSzIFYP/+gjbPO\nqkW+BprJ42Mu/HFHHXMe7PNeT2A9PeGf5TuPMwvbWKC1pInyXiwGsDOT2hqC\nSyyv1ap5aoNAsRPzQoIvzdeZ4AUUCQyitX32HsRQRGxe9cgeaowq8YbC9zCs\nOZH5bn8gbKP119jCMJoV1/556C+0aW1Be9WpTr15XXB+53J/HfWBT+UOiaKN\naCdE/fPVcbkviLIUUeOb765FuMUvfeE5yiwt5fFM+bz2a7u/hWaw/UuD7+n9\ns3COFBL65AbPsBO4nApbIVDw90TEoabq/XKcTjJtWJLMRDRpuFirL1bNCWgA\nPCLbZHS7qCvWJtblnGDQrKbhi9zqFsJMri8jA+fsqlMpMN3DFyaWx2vXT5mY\nb3hZTriCIaxW/4+P+4vqIO7mNOBRUnC7Ixr8pgMVTBf/qhQutDwKb5tgtfKi\nC+28wgbM2dANhZ4hd2ReoXQYU2dCiSvnVPiToEhS5S0KeUJ3TdDqVsaS0gpp\nGdsGWWsMycRamsUOy5F6Cs05ZenTMZXZrtRFPf8q/MvmHYwXeswMt+NSFHNf\nRSQl\r\n=+sH3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"01a939464a28d20ab27b38864dbc5a44078d7314","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202215122415","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-dev-202215122415_1644063906874_0.0020611386840860835","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-20221512359","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"21d3a01caf9a2246c4519f105d1d5342ca52fb24","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-20221512359.tgz","fileCount":16,"integrity":"sha512-OAMo895gSpdUD2VBVhmEbNOJDq7udius8nJNgFcYRfq19MVcCWwTAo3glJbk+S4Z/XNFQM1xHpBhFgNXT9j4dg==","signatures":[{"sig":"MEQCIA+yLiGx+mhso4rHKSeR8TOArkDBFWvaMNIBRCtpBP1qAiAUoEfu0d7/QZvuiaVVOAv8RKbEqoVLqn5pmeHbA+novQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121111,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8sCRA9TVsSAnZWagAAPioP/jAbn+O6rsMrZig7kObC\nf5P2jhB8DVAYr8TJIaa7ntKYqj+EnfpO9Ku4XJz2E3DM6jPpjKvq6lq88TY7\nDCXsfdv12FiWaFow7pta2GKCn3qWjyddRs0fXxpMqg/CMn0kvHM0Gp5YiKap\nLON50uQ9K3WSn3vt0v0/WzswiJ0sAemV9QRwmTB7p6qRdMzOE5FY8irPjs6h\nCSmGkdW+IqDMHEpyAgPXuEMORj4+X+lIoYIMJwX8yIZZw2KN4ecopouCfmsz\nNaNCR2uIoCueyV+S16qgiu+xgD4+1ZS3qxQuU59L51i4/3qb9UPEPzOhnHZE\naWQGuo3VCsQBIW7mwUAjFG8k/LbH223FvACZjkW03DYp/b6atfZUwYCD2Aht\nQdwJtmcQC3CQupaNxznjWskogxzvWloKnwSeSU3AfKsHIEY+9y6IAC5M+5fQ\np82hQxxtEWl3U6B8DWTTjDOqS1fKDDmJggvhOKMnFWAfMBcBdcFCD23s1Z2z\nkcrM8+dbWv67/i88Gh3F73r7WHMGPrus3v7kBoUjmsW4frr75Ok3FkGnr7D/\njlEBWvESxwgGs919/45Smm2JmiRlN5eU2vmR4sOvO4k2bvLCVhdjjH6MYq2r\nX1GZWijoQU/h3mDKqKZ+XyHxzMXJgx6fmsHATAxQPKR308YWoUOFi9HOtL6p\nhGJp\r\n=+Qmx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"df779e921c2c95e0cdb5dedbd4283ce7f149b0ce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-20221512359","@chakra-ui/descendant":"2.1.1","@chakra-ui/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/tabs_0.0.0-pr-20221512359_1644064556513_0.4840333377357917","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215125733","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e9699cf53472e9ffa6882e90866215568790bc25","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215125733.tgz","fileCount":16,"integrity":"sha512-2nqu2gRuUzdwQ0xm/mOyqz4RAaD1XYvlNH2t1zP0ZEApVoTkRvWuFTb2raRdeD/rLw4pYYDAJ3mt0dlpRBY8CA==","signatures":[{"sig":"MEUCID/8DoaoQiLFpL4+uZqsPMqMjTufoqmjXV8JU2LB2bgVAiEA+JY1AlMBLpPYyF+tIPrltNAXYOmblmQlDWh5Ug+os1I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRwCRA9TVsSAnZWagAAw+0P/i4qimWPVa4oacDzIzXJ\noac/9W/i0YvqX3w0CEQHMPt11NimPTyw65zm+bqtY+pLICg/T86tAA4wbS2p\nVmE6OZ2Z+U3bNR+D9D9VVwLYTCBNJj5h/WqhVgY8orApobFM83NX+88yzAdb\n5U3vtjv6972krspVGBaKbgvE/rcVQv/qhGjr+HZ7IF1oQigZhqiAlhWr776N\nTwfACOHA9Ey+Ul1/3rkwfPdNJuTcxihM5B8jim7tyBh+W4s/9hswsNK6Mpeu\nDQ4HuD0a5HkQG53tIDF1E3uaaR8vzLpmaH+d3ZRO3+9JqlamHWZCwlO1xxQn\nCAKjs2X6tSDd2SDpHijwxvX1APkV/bpGYAvg8ziIVAMeZibKq3m4hq8EzHzj\nmvSuDNrbo2kuiF7eK6+UHVd4o3AfLjAnj6ZkjhsOFaQ7SAg52TDACfDhLJOu\nG53fIbk5IDg0SwXMFxVw3Lu2T8Gwj7/e8HDOIQng5fa/+6xqkM2z7hrnDTpg\ntqUzU5cRvwlxm0EH4Xrk9n/UaEHNkh7K/VS20aJpFGbCSdSgCzWUWoD9bzH6\nSHjSorLY/BxygJ/IY3ZkrHsEOkIuO1pw3kzsvra044oLZumOb8hUua7ZkIpn\no/7OtJWPocHu8ERVOwu6KPtSVpGRMr3ujTHIeuxznotDT6H4ZQ0iTrwV7sjw\nrU+y\r\n=Lyq2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5ec7ab0c37978861b0a67e7f31aaa4157f05cc4d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215125733","@chakra-ui/descendant":"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/tabs_0.0.0-pr-202215125733_1644065904294_0.0553710731905257","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202215132532","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"81d4a34c2dc69fbb93ec9f9cbd4c5bd202a977f6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202215132532.tgz","fileCount":16,"integrity":"sha512-3ECj8fA4jb4x3bOvF8H9ICIdiHpeE+UzBGdV2trDUy0a4DDAYiOA0bC8HdStFdnPhY4Y6dq+h14Z7BksPLr+Jw==","signatures":[{"sig":"MEQCIEIXqXTs6ZQMSgfheaoe7NmE49KI3R8PHWxfO9lEUL3FAiAhj9cYRz89KALOfVoj+UFWV6L/CvJYcdfdLvTDu09umA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nr8CRA9TVsSAnZWagAAJ18P/AgApvL4b4LiaYzsB8X7\n32bK3xOyCd2Cgx0HFeKBRobdBj5ZH9ylCl2aDj2Fw7h+UXLkrJP2w26DhTOT\nsy1I6z1kLLYDAs+vt+pZhkeFtbxSivBh/cHK5qFdqAWV0To2MP6uLlZXzkje\nBqvI/OCTZD5jcZwDlFCs270N/wD3Nu/1hi68FC6vQQEfWqa4SZbfYbVmJz7X\nRdcAuBtSzgSJcNCYNYEIz2NsgKtzU6DXkRxJr/O26zh0SsD9VoqmzHx0ISz/\nBWtN3b/GmYK5whI+hKZnJUbcuFSZzEihuZkOOAuFO3nzPS7AYPXEYkxsd29p\njuc6y3wp02pY9a8sEhjwiVIp7hDV1A2BOyPQhM8Kl87SBmMrTz0Cql02hw4C\n2Cyvx4R7ilT44+hY34/zTslfnMM3KImWN5RLAhDXWRoFXi4v2gYOW8PxhZ8v\n7iQtw7UefIwrVI1PNJzThAbGGrHA76bmIebjP7bHFZ+y0lq/ttRT5zy3SrES\nv3Jl2vqsMLvV3Z2eNYTgOFVORJIB9CB2nTLWGq1LW/DcoVgkSf+Zy9EVgr5/\nw05f5zu8cDdV3aS4loRy4ZcwYgdvND9SENSqQmXupz9/wzIRfTSSeqxTxczs\n7y5UuZuE1PHWSbEBCkQK5ivICJXF6k+4u18yQbC/tZP3/s6rlF1RBkOoax+L\nBMTV\r\n=DZOp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202215132532","@chakra-ui/descendant":"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/tabs_0.0.0-pr-202215132532_1644067579985_0.2749445981072187","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221513279","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"46ad385513a21ea69d8a046d0a1b2c1e89607f64","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221513279.tgz","fileCount":16,"integrity":"sha512-CseZ4xW9tNlV8hnUwG05Yk8QrybYLhd/3XdO8nKLczVVaMZrYxNc6Yw+Mg/NozHnZp2ee81w4DL/UFJz6CkOaw==","signatures":[{"sig":"MEUCIQDuJcnOUJEf4i5DSEP/JyDY/djQ5QxLFplCp2musL3b7AIgLETKHOu1zbSpvY76uhgJLGdH+Ju1B1lV35mmv+Y3CGg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121149,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntkCRA9TVsSAnZWagAAggEP+QAMpsafYCzSi6X3VrY4\nV1Cl31cFUWZJXAhSdAUs7YzlHK35nubIx1yyFZ+hyYpDWuMMfcSEFTgavROK\nq1n0nFCuH6JTw1hvpJOPFY/1BAvAWY3tF5Tlf6rE2OkCH5B+bTYVNWYouZkF\n8udurkcqBBirhtdhlAug13CZUKth4n6qK/qqm5CAg6CMvAilMEZroow4Y5XY\nj6Y7rsi6HggAY6YddrYeRBz26GaI72QzH/nI0YDNdNu7/zZe8GWy4tRe1n5A\n7sTb+bv8wdiIbxI+nIcEsWluhSQG+dHIC8o0GCDseKcTtQrk6AdHCnJWSwP7\nXvrj2b6fdifqL1pz4koxRIBNUQtHICXswaBlF+qNN+5zyz8e519zM6Q1La7c\nfcUh1yFHJImDTdF1BKmIwe9X5XiXpdD86mLh07HCVqm5iyvHMm5w4o1RtCWs\nVTbBXUSizC9jltIra+1LV/gju37QECsWU25+DfkQBbWi7GuIhcUVXWoxCfS6\nZ1hQmt2Sz5VPmOnvD36BvL4gcpgM+4mxbcwdYDLF+6q8fVu8hBVkBtxWWUvT\n8xsp1CXk/BkMjhhEaLDn3KksUDdDck3xGMhJ6lUUd3cOxV/TzkJgxl1bRcVK\n28OxjqNXeSttTSZ4iT+acFk4ch+nqcPXbPLCWzlpHzgJpz01Oa8la30tFblh\n3QSZ\r\n=wERg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20221513279","@chakra-ui/descendant":"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/tabs_0.0.0-dev-20221513279_1644067683919_0.5139274166215555","host":"s3://npm-registry-packages"}},"1.6.5":{"name":"@chakra-ui/tabs","version":"1.6.5","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"e0069448cc1d710d432bf358f9f1c24ba49420a8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.5.tgz","fileCount":16,"integrity":"sha512-GKQI289qvjPHsURdu9JjLRZdfDweN7qRk9xLt4vPHAml5bRkhej1l+Fn20SVWUU5Sjn4PoP2xJmutvIqal48qw==","signatures":[{"sig":"MEUCIEXVbqKYTepmb+kp+O6Kj1ABZiQPO3Ap0zUX/hrgkHzBAiEAgBzcl+Xej1UUw7qxxH9255cS9MzZVNUjt6+3lezFyaw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1kCRA9TVsSAnZWagAA+zUP/1u3FOSo7lrfcZG7YPOg\njOMx4LmfL2/FmdGTUj3NqMcS2F1WkCSMFj/IccuGhzGH3O/SuW2/fg0nIaEC\nFa3CR7WsmAUBthMlNf6PB34uXkBQo8Gi+x37RirlDd4qFDUJsaJzkDFXdV9H\nCKd2kKeR4hTTtUrlQX/Ed4WLWxOTcZ3tnOYy/7pWRY92IYp5K0jQlUQAj+6E\nmtu+QnlNjEwLxdMekFxJftU4OZrbzmV5JdwylgmKiY8gu8/NytkptIKjfSgu\nO9TOK6qAvMRs+7QsHmSYYh0ideofEpddETHQ63aW3zYtuJ2oWH9kzZ+gPCxY\nLqlyDHTGmb2s/3lRFw53F3GIH4yl921mfcsNrVD6eV8mApvDWc5IvB35hUwH\nvLEwFDVe6lhJxpJtdd1yCIUYNhGLMJ11xlN+px/WDvh4vPL3xrQ5CzV0sUh1\nJJEvIV5f5j3TxCrCjTVwfxysCZH83+gs6RBtyF+XJ4w3pHhxsyumaDWNLaTn\n2Q44Fh6IE3U96sFTfubRJEK9GSxtKjal+IxCigQGgffgsuSqidYENHCxmein\nBi5cPN589onBD68u0kEWSM5ILSZccbyH6anvqwHlFWj2zVo47lA1b50u1HYb\ndhdCfkGRhG3G3zzRQ8GqYt97k44BEReCSZAeDyA/+AuTihzvFYs4+Hvoqc9r\nSYtd\r\n=b8Lp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/clickable":"1.2.4","@chakra-ui/descendant":"2.1.2","@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/tabs_1.6.5_1644068195962_0.2509742132080739","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-2022114224724","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"03671be286a20f7f082ff2e631f4d184583820ab","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-2022114224724.tgz","fileCount":16,"integrity":"sha512-ZkkzygJYb/+d6rdD52o9t6fQsQT2JWkC7bhxx4qpVbp943YR5lnTc6HcrHhI7ECYZQ39kN++ql4OfGT97k90OQ==","signatures":[{"sig":"MEQCIFTXkuQjwWHkNGxqkxxJUP8BLyAYX6jLO7qD5ImwqTqYAiB80VzkmjWiBaRqzhyj0cpfMi1loR5rdlYCXx9NC4D/XA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtw2CRA9TVsSAnZWagAAscIQAIkidOP0YdxR6ozPmMTw\nroKJdkCgi2hyG4NXk39zCtVRWqxgMSybF+ay8927e8sOX4PcVq+m7uZnRc6k\nsr3Z73xaE2Mli047vRbspquZwxdSd+4M85lE8xhjsDDmZQ+bZHC57G30+dno\nTXD46TIDp1UmdJvxYSlaUxP13JoxvZkSJa1F5mfomznXyHac2erkFfvqdXX0\nj7cKoPLU0kpjae+eIAWVxqQLK0UI+4DlCppStjQ1LGI0C6T9slqeQKyxLPJS\nup+StBs5w6YTvDdqMMMupkBpSx3MgZno2BeNPrUcQC1/KRIz56itJfefxx48\nivsBoNblXyFD/qXbGVUZKkLDfeGePezFqkeNLfy2cAomggjAKvr9b4XX9V4X\n9FoASDgiSNbo/GXkvIAZZyUU896Gqmp/eRY61O/ES49/IOHyoRbGZIhOCF+3\nOB1JOzCXcZCdup66JaY3Kz6IeSRABt3XdclhR77zhhaIDb7rRMeb/81+Tcas\nPMG4bp6g4Z/XuNzRGp9mkjesSnU4HIETp2M44lxgp/TJK1xtyAk0ypJ4Iy99\nKkRPEolgW6W6MrmQSPSxDI6QLJZdpjwMgJNh/1P1vWUMv9sfboCV3eQMU3Kv\nUluSeWpTD5dKObbMFq1jpXPmjc98AxqUsd0gDwcesichqfudS4iAQ9XL0dpg\n9nZe\r\n=t7Hq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-2022114224724","@chakra-ui/descendant":"2.1.2","@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/tabs_0.0.0-pr-2022114224724_1644878902297_0.33712832014902894","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202211594731","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a8a77f72d3c2678f442e787a282b17e13b5071c3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202211594731.tgz","fileCount":16,"integrity":"sha512-M2H6U4dV05QQv4bjhMEL6Oii/PghV46Dj+1lsi9HFhDl7+NZ7eZZ/ROZAg9NWOBNclByM1afwjnpRua5CNHA5Q==","signatures":[{"sig":"MEUCIB+PE9aw20MQLNuuFzjivXaPVCa/CiRbDkNFQUo+OTqUAiEA4A6hsfOE+zmxVDJOKDu2pi2FeXxGKZa/lQ0JTzc5lpI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bgCRA9TVsSAnZWagAA/hcP/2AOsGFs3NQdnWMlCLjw\nsd32FEqruTdwF1uc2grU2OklSiRTjTo6WAMdRnIci/1hLBaEp7EMP4bpDt4C\nhnnqlYjzwKDeUbR6Y1eWM+ZillvcJ2idvlHQs+BITARXdWkoy+ePLLllaKd3\nWruDq87NjsRmOq8gU6cyM5BzDjdMxCVF/z/CnX7FlNiRrrjhkhyQPFL6pcvi\ngZy5wL8Aw5CNcHvge2QqY1006VoHpqIhOFOb+uZ+KCPcAK3wWthAR/k3w6N1\nXPx4CDSnhysDmmSBtQbuioG/WwSxnNA7wx18cp8xYJzK2zhOu2HNwTKzc7nS\nt3pPCceVNLJ6vVpLtorudp5ZwNXMQswcS6F5pbUZ0PEW7yj4ct9xEHvtg8Il\n/rlNXMjmBGq7tuMAa0Ultb+CMoyh9QzStqJstsF9OX08RdI85NGVW36+R8ae\nOGjmyfXqvWzGqvxyG+fH6MOcLJzN1JPQ4x+wzZUobN50hqcNarj9T4N8JM0X\nM8k5tRr90xziorpLgWGfRvQbmTMPD3y/Z4c0+FBBzHrqaQUVcscfZNdXiZd+\nKe6UzK0RsYCQB2iuHd5GK9eZtbB0OgrHguv6TpTVsXVkW20xafdg8ahsv/rU\n7mzXiTaVgs9lIyb01fh5s5SD2zP5wTCXgJqkkWA1aRTWFiG3DO1EoyjxVv3w\nM91W\r\n=ZYRm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.1.2","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202211594731","@chakra-ui/descendant":"2.1.2","@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/tabs_0.0.0-pr-202211594731_1644918496345_0.9149071499836763","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022117131714","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5e1b4c9e604717185cea2b13b25ecd71030bca3c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022117131714.tgz","fileCount":16,"integrity":"sha512-nsQp5S/fSU8qPdVBVdP6MuFMBkJUF4RLXYDmdnsP/3ECo83NzxkACWLOpr0Gi9dbEWUvhnU8JpoZxq+qsfmr/g==","signatures":[{"sig":"MEQCICW75S004yXempkki5+9RCHJAiG0CJKbn/GuHmfCTKmwAiAjo+kpBuLBDVlz4uZm0reVNXUJWTv+1Ork5t1RhMn0Tw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkr/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorchAAo/GhF3JX3yCNsCGNUXnb6z94EuA054x00ny4oDYYxnEHqRJl\r\nwzmYagV6Wan/1mQc51iNDI8+eSEHkwF6Nilqh+d16oL/bJ/z1tHAiKSjXj0H\r\n1ptzl3JofGM+zYa04KP98Bo6AjfcHkIn9Acp0iu1i9llLlhdP5nJjxICxePL\r\n/HfigLThDZXtyKuXlWCxpMoODqmSTOdhQuricaAisPcKIAGCAukzChJTj06q\r\nOEOrRdJf0qlpfmeIGXJ9ZIHF2PhlsITUhqQDueVxGiTxKL2T3e3ZKeAzLMvx\r\n1mxIF91yR4bkH5YPUh/NFlNZgcAcB2+8J4rCjJuhFrkec7RnfrG7E/9j5PHf\r\nQUcWsWJ1XFmkLgLV91rceGjyzLI1W3fflL1K+22C1AKdUD8MgKuwljg874u6\r\n8O11UblEuUSOLSVeVXwLKrsB+ZDCvB6wT3cO0ZU/chQ0gs9eXAldK4WqkB5Z\r\n55mBT6nwlZA9V8jyHLHWKw1YE6CxJm/xTzk6Q0D3+cAMHL6S1E6SO7x2YuHM\r\nTVWwBxhBLe/5DXmZU+PNb/4OF060fYp7ShobQza3Z4z+lDAPLKlVSIloKCAe\r\nIoVqb+dksooJNaUvnudP8yfSXvqDVfCWgcxRByPQh5N/jMWXCqCCr3rc6oUG\r\npnrDNNAxZp0R48hpeIOQWdo+l/FC8SnB8Zw=\r\n=P1wU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022117131714","@chakra-ui/descendant":"2.1.2","@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/tabs_0.0.0-dev-2022117131714_1645103871629_0.6716215605882243","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202211713187","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9519a97d1bca27ad641abdd07b0807e8d6bb60af","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202211713187.tgz","fileCount":16,"integrity":"sha512-uzTnmIqQipqvuqaw7kjKypHoKCyneGyOsNrnGL1hCnqvVR+12B3PTOBvhiNDVb+QZ+/F/qxFV8DXWNk8edZ4PQ==","signatures":[{"sig":"MEQCIFd+wFnb0Ook3sYCUVjRMyWthSD5RhPLmFirzAAWgE8YAiAN4dDOmxYktPwQFc1ZRG1LWQUgBejlr5xamjx3silT4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDks9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5qBAAj1JNZGgit8XEVkmeRGEC68ei+XnIacoMhfSFRQ/zKnyu/aDr\r\nMi8qwntd4XcMS1X/H+c8rGjiIMjvM6VWUcRQqOFhrgzySe/xt+MLo3IYYCkf\r\n/cZqFbji3VX1K0MNwkVVs2rhT4fYMEb8YARu8oZM+dLCdy/L9IispU3GUPEs\r\nec6UsByyaSIsxeqlAiDcGfgYRRZ/Z+KYFgtRuoIFXcRtlcz6ggk9GIzIYxOy\r\nC2LMuVHFYB/xMD79CeAd0XqycntiFTdmLm96C9EWqUsNGngnmb7nQk1P5K5P\r\nkDagy7APOvIUCpTHtlwtZgOYwAPYvuCTjZ6P+V9Xun3NzfWBv8icMnfQ5PnO\r\nhH8lHcyTk+7Pd7S5KmRd4l6PCqyYp9VVYwwGNeBHCkkQHB9H0LnC+mHGkjVy\r\nxaZXkEnSSxLZiKI4j0R/XRZ97f/9DEqNjAaEHUIGBmCS62d5f1DK3XE7J4sd\r\n7oCS4Fw2aAM0wI5JFe+HGIET33T4tl/1Nbjtwj6FeEmDxSpzkBbZPxggHPej\r\nFOnrxd5dpDyZMwuYJ3NEEmkQ0PPnHMIigKJvk5/8BpzAZM85WIn38vbft5Pb\r\n6/tWFeoBHI/vJatzDDSVts9f5Z8aa2YDSRi7d6JzSzqHLvmN+BWnZjia0WH9\r\nh2+DlK825/yYqtXHMBdUIoo3n2l9bc7/Vio=\r\n=wXOW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202211713187","@chakra-ui/descendant":"2.1.2","@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/tabs_0.0.0-pr-202211713187_1645103932902_0.9788408821692987","host":"s3://npm-registry-packages"}},"1.6.6":{"name":"@chakra-ui/tabs","version":"1.6.6","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"d94994992f3a24d5d828a5ea1195d73aa58ec270","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.6.tgz","fileCount":16,"integrity":"sha512-udAXw5I2polum1xvWcIvsjmZfKSN9g86zqGJsZNoLDGhCK1sxqGcCefFOTuChCw2jEItV4z0Csotw2jbN0u+5A==","signatures":[{"sig":"MEYCIQDB6+8Dq+9OrTFQHBi1YOPwEVeL81P1McGrkCZT7dfnUwIhAN37CJ5GjQq555rlGsieE/h3mS5zmnL2tdhZryAuV1ej","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkwEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqI3g/8DV/gA2ELrMKpw4RygHgZzDOhtILwBdPnRrjjKJEXHXmDSu5u\r\nQEGNf+mvOUnWzpw/nMEWBTpDJgDQBcWVcypkWuk2kb0K4aLzCDuo8D5mXsLb\r\n1QqfGcVpXLGFCM2olbOUVJ9YAnQZO8mdkONq4Ja7QR3S4hjbJkvSnO4QLD17\r\np5XThG1eUxwd8F/DeXfcso7tHDDYThF3TJZf0/3wfBRQgu+QVXItGx24XP2B\r\nIUZ4xTQnDfShiDjlcPG/iZh+nfqD05JM/yGDcJxx1J69FkV/YNpGxhRJzzsM\r\no/frA7LeXcLRdDBUUQPEesCLAQmLhfVd325TEtERFdgZIVx1OTlNhgclAP1b\r\nbiAWQddF7fVnmgdlu/ywTY+YOiBnUHzVyCEQ1Yx2nkxL0/uaewsZpEqv8EH4\r\nLyAlMfbhNH4e4tdN1vtw3MB8QVM08ON3wSPy66NThiLfJR+3YcuZOemU6vpy\r\nTLZCINQv7QqY7k9BByd+Y5Xjwyirjd8tYPSlrCOEEA0zYAolLrWXIdzbTAIr\r\np1/TIeRcqIZoMn+PJnqwWjZ2sV9V+F2G0qPRFA2iSlWZ5xYiLocdS9n2ZDP/\r\n6nyeMCTmCOeDRxoc6+wC1YaaTKkfY6y7mkhFKFpmr3JSAuXytfybitUAkHmE\r\nOIATQEOHOh62VDJ/0lS70BVoWK+6hCwRTr0=\r\n=DfmE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"0fda9bfdd90678f88a39c3dd70f856a7f010a585","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.3","@chakra-ui/utils":"1.10.3","@chakra-ui/clickable":"1.2.5","@chakra-ui/descendant":"2.1.2","@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/tabs_1.6.6_1645104132048_0.8895338232465462","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202211720414","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"1651c311594a15533e750d6ac8f32ceb9e565a1e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202211720414.tgz","fileCount":16,"integrity":"sha512-vy+4ZrIMtdOzdXqwFDr5RP2vMuNFW+qOCl8p8UDBn7R3s5GUBP4VAc+ER4pvX39teLH4WHGdNXQqq8vBP24l/Q==","signatures":[{"sig":"MEUCIQCFshGR2gf8TOWsF29g1wWj5iktty5LJXc5MY2Y4uDoFAIgGed+X36XolK7KTAiImqQDOk0GdbsQkI92c+z4sa9azc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrc+BAAktEdmIiNBJe/YTMJJ7rSXOJGoOT1vW5OUvQ6kEuae4KR4JM/\r\nBpPQA4frbi7LpJfLvg4g9Xyf5uG7ooIwtUJEVKZmKoDWs+fNkSA8PV1P64VI\r\nv19/lTYn+nILUduM/RrnEHeNWZYoxxNdGlvy5dydp0Aui/imlBipA9iHLngk\r\nVRU0MTL7zKRNXWhuL7zeLkdJZDTLMCgWb+9Ggc7D2hwOwjIqHMGuO0yDgxQK\r\nsaDZjV98Ew/TF2Kp8BIxNpuBhPMjWRbkyt5/3FNSoRaPwtJi/wg9AKGPNejh\r\nshaGGt797D/q5+qR2J0QPx9vXKccM1XtfYo+HYc6gZd1o2D1nyII+pCPNcPO\r\nTklBBWR/vdlbrDTrp9unXrt60jSyRnicfG6ZYbnEYXO1fm7+6xru1vnmAV7g\r\n5SMkbAFGEb27fnyGTIaH0W0XAFQ+5Y14FZCYmxSEtOVQhwBJqKhYIUHG1tav\r\nsBmVbAP1e94LZbuludwJK5LbAzO/mg0mM7hI6cRvPzGXnnfp29fu70ATNUY4\r\n5zFLopFWo7NRy5bzIGAVcRujmA8UffQj7a+jBVFNv16H6gTUZPhUP8v5q4QE\r\n6fYXW4eYbwKB+ZQ9pMRRBYRrH2i5kkcfWz+R5fn/DlTmJXR409OjdnzqAkXb\r\nd95JID827oqluPNJIzHTIXsIrSPkI6PUmH8=\r\n=fjU+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"20b7a19ac5608ea52e63c0ecc7e680591d7f4366","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202211720414","@chakra-ui/descendant":"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/tabs_0.0.0-dev-202211720414_1645128293886_0.35394620206281635","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022117201925","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"1b1829f79370bd90ff036854994529a947771867","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022117201925.tgz","fileCount":16,"integrity":"sha512-/4r0IusZnOsvMHDMp7bX7lk41WW9HZCyr4u0D2up84x8c0xvwzoYx6U89W1CmpglvRoJixh4T9+Uih6qmz6xrw==","signatures":[{"sig":"MEUCIQCVuPieX5sFSaP3tZ6lygdfpmM9ZemnUqMjriY+7A+YtQIgZifNzTtuEekLotlqdnGdq6qUTqfMw+/xalPoIk8OHII=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq3+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqT8Q/7BYpkK5gPpiIxgtVh9oX8D4drHUKsMhStE1laWGY7lDvO6Zmz\r\n2Ou/96EbqK1enBaI6kzQdP/Kdew+m6PINadBSkAdvQYvIVtbDQn2QZ411cFK\r\nbNjTEChHrjxm1C+MC286lnVlIsG7aZDALPCflPQhMVDuofQ24wj2Hg1C/XTM\r\nRwAyiAuQX8SAwE6s0rEQgZhO8TrBNqLiacJunakM7lTF4DQ8LJvQwVqD39WQ\r\nefiKIeTHKrNASGNOUtSBxb6tTeAVR7a6sKWp1YS50Avrwngzp9vy9Mvvfaqd\r\npd22Rd90xf5dQv2dbZagniDzPklimOT5diXwHaHaVrG9MbGWiMw2PvGe05mS\r\nQkI7DYHzfSh8uHYYtqbdWRhNKG0gZPumpFCg13qff6mfmSjmErshNbUqFzyg\r\n7XrOVpYRNWAxMvB6pAJ+c02q00FX9Jp2LUQxj4jgSAVI+Fe60K8gMkIn+p6c\r\ndmzzwJTvLUFtOA55OnFhvr0+aberVM3BeFBm5ccUv2DiIT08Sz+uQjKBbtph\r\nA8S5IeGWLYshhWBg7aAauDBcWpPTIafDZyjYZWw+Hd0Lm7aVRQUtfiRNViWC\r\nFtNLtxdlEhSoFWFAYX/X0+pSaOKZk0Yqv5tYmB3KAodBKFQL3BjPylLQeW03\r\n+zgoJyFU1eeUZnE0mgauL+jRippt+hQ0KYw=\r\n=j1IG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e5e0f255c95f5e41c3b17adbda28fd09f7251642","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022117201925","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022117201925_1645129214005_0.3751428279582547","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022117203714","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7a52080e4c1b732bc31afb5f35703bc23e96278a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022117203714.tgz","fileCount":16,"integrity":"sha512-o9NDfGuoto6mQuOLN8yoPisYyWpNPo/PbtfbDIGPBik1IVU0Pj/GtuKhgcgCoyJAggz9i01rzKasuWxcE4iBog==","signatures":[{"sig":"MEQCIFs7NPTKm37nkK71xM9YyM/6m2cRL6To8KaNmCSZdABJAiAC/7wPjvt/O3YnnZtv6CcBjXZgtUmdNDtmh65X2Jha5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrInACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFEg/+KXp52yYqxToq43J1VT0sKhRyyQ7c6TMSdsH2ZSRlzbQzLTUl\r\niUDIkWJMiolST6ppUezkxgNsxBxIpWLkevls+XYaZLkz/nTMhizU/o1Tw+9j\r\n4rQxAEx9BAwr3ZrjJBJBy9jwgfScmFT3sTMzYtUBS/ExL079b7cF6UIppvWP\r\nNeeAw2o1eGAZPkm0FJdJz1vwhDG6Q5lKaypBrjRdx+KCiONzzvFDX8KVMYe8\r\nyUHbvzNtKVcCfXJWmsb3FugAKSMCHNT8zSvWJX3eEgjFJf/A9QzAeckCyKsZ\r\niYMD3f7fReQHRy3rnnkRJcW7BvFFNYD5j/1ZN7IQQ8dzeBOqS2gert8MYx2X\r\nlnqAZ+CV9JPEGQWURMGSL7koahV9HodSjqH4OnsuscQZad68MnZNL2IOtHH/\r\nhOnwcy0vxit9VAu9OwIrhLm/PRF/OBaGWGmPKif4g0igjH5Dk5CJurXSjJTT\r\n1jr1QM4fkQ8LIdEinfgZWFJ4yKhCX/toV7EuIEFBgFI+FhQLJlPf+W8xns8I\r\nRNvx3NUMGuRJaFDxwIQKMczk+ZBQ5BY+E3TG59Z8Km9MOn0vL8WWSxZyyahw\r\neHXa78UqQZJq/QoGr7OV1YcguyX6bId3iNyfdZeyCdblBogF18EHPy0WLgAA\r\nbCTPJ8zZ/dRVF2MjG0o9TxU2ha5TM7mXIkE=\r\n=OQwf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"0542b8a53425093f18fd86d2b55220d3fa20253a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022117203714","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022117203714_1645130279213_0.6437424631928805","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202212083710","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c86dd31bc8b137b6166d2280bb8099a1df68a5af","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202212083710.tgz","fileCount":16,"integrity":"sha512-zDG6jr52i2ov5d53wnjo7Kjj3AinYdXsM/v2iZBstzZWtqVycLZ8KfWcKCzp7HJOvpr0V2roV1eBRp+uE/p5WA==","signatures":[{"sig":"MEUCIQDOxZdLuCLTWQWnjkzEgRs1IqKsxdnthjAi5ckLXZRV9AIgKmYEMqSR2kZAinwQYDz+uXj3h1AZ5yxh7ZPq3v1HZls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0cBAAlOgChXHqW8KOJz9tXyBey4RyPGOXTAjj8aPFFT9z27X1jrYF\r\nOSMTJKjrS7gGJrfh0ou1sJ6OxSCeRiHFgUDyTMEfN5TtBAZ0jNnHmzim+IUi\r\nXEUMcZzpdaE8Ec0W3QtODBvQ4vZWeHVUirzHuwo/4nI/eyYxA2WRjWcA+e/k\r\nA3k1QhJaa7ecKkC3umJ9V84BRXI+UYGT3bbjLN7ZNMmuT62DABoIjAiM1zYe\r\nXinjf1lGi71MIB7GAMOeTK0kqhn9CwyRAQSlkD3u/yI3fa9wVuKXkxHQ5Drv\r\nYaF17X+ScA2jMPhEPkNbUe+4pFbHgi44MSyO6qG88JrbnBt1G3AdeprcpOp9\r\n5zaHcCgCdmAiosLOaBEwFYKUC0nqRhd8wz1xJmpgntlIE3YLT8aMnfMJ1juS\r\nwobecC+jRC0geIfAmaSvff7zoehGMtNQqa2aOx98PEyL/PsGiCfeg03x67n1\r\nFquQVQTzm8GjNEI2WaaRf3nzvtur31HzWOTrevzev7lTMKNa1eYs87iNsMiP\r\nj2jgFnxMyqiVK1z5cqIzKT8GUxlWEmrisBEN/FoPoNKJB5e9sAnfoNt3LyB+\r\ncopetMr5OyNu1vaZIz2UptRSVYwyJkOP30sHu98xHXcPDPYN+dUaD1JBw8O9\r\n36lIl7Ca675M/eF0w35hnEie28WdEW1nXqE=\r\n=7G0H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"085bbccc59f9c00b57caab647fabb43939d97247","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202212083710","@chakra-ui/descendant":"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/tabs_0.0.0-dev-202212083710_1645346290738_0.23223430703761405","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/tabs","version":"0.0.0-pr-202212011232","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"72577b2ce6ec9b2ddadab4cb96ab31f6bfb43ad8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-pr-202212011232.tgz","fileCount":16,"integrity":"sha512-TwoRvG5P4czm1OyJPjTIpRJZU3FwUaPD4tksi4qT2Z1AgRh9O+jRyZjuMsmIKbDv3xpqf5tw8bUVbPCmUA0Rew==","signatures":[{"sig":"MEUCIDe3yHDnUBV25mF8/PIVLEn2c9psA6ne8R3j8GYlkDx5AiEAzlRetRdQj90tPXAUiwiWggYuETQDi88TUY2eUYTu+so=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUbQ/+M4pcVfbGR2Zqiv7pXI03mOQXN8lXmXernfrgLzBXJhcn1RPq\r\nKzh3ZJK0kuEMuuHOr/p8sWawXPqrK77rpSrP6E1WEXXtnyddscrtGwmPtyCH\r\n73CE1yNcWMWBiDqfw3U7XsjrHeHbLxzlCVY39YFXNWBjk655tgAmHkAZsD2U\r\nBth0pPW9smaHd0naEWcoRSI4vFxRBWFriEW2Wcm5TROaTA6Ka3W/U4Vbghe8\r\nvUFGZi7mutuolkQN+NwjIx3DnkI9xEclwuK3ykJs2gbu5EYcdE8aNSOGIoQr\r\nGPg6kgnpp4G4kDQHnzGEF0LfDF/17kBVQK9fu5er0iIHoargjh+KAFbDXjAL\r\n6VY4pZKYADFAM4H7+Kmo3M+kFvsVQSOZlhQJy+WgRn1dwdOOTv5EZ2uoCEJL\r\n6ihedS/3ye9rm0yltX9EIyiAtpJmXf21LAhupZ2hGVxnsB1OCaTw+TaGzc9/\r\nPZtZhrc4nS3ZSCwA25g4SFqwp3XD+iNPiqa+gWbYqJH5FZprduLcnGryMgzT\r\nglq0VJ1HCFwtfsSW9vSpeF0IDVX9NBpBwG3TrYmh81gLLdkPDmflWWmwSkjM\r\nc1sML2kMVKKKDUKoYliiWB/tIsGdOjHEC4i+/4T9croNUm1g+8a2E9g+jyZ6\r\nMFQN0S2DH2bVYTtXxGcpbbRMFtrICt7GyjA=\r\n=pJHD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-pr-202212011232","@chakra-ui/descendant":"2.1.2","@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/tabs_0.0.0-pr-202212011232_1645355005189_0.01745765639260588","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022120113958","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"684897041c0911bd8046c56310ac4da245c0e8db","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022120113958.tgz","fileCount":16,"integrity":"sha512-Az57un7xTuwBGY7p6iCUBUAHZp/be2BfVyUBimkMimxxySh1dmvRn1hvG+tVThbzKy9NKoYkslt1UKvaPj9Ptw==","signatures":[{"sig":"MEYCIQD7VFW4w9t/uk3x6eROfOkc8OeDv+VEs/kIucZXdYvplwIhAMr7D8UltQU+TrYMQsGzk4dfPl14srpxAye8peSlyL2S","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbbRAAoNNnZI8tqYsDt4/eWs0fgJ5xUbiDePTdrtPnAscz4OAS7Cy8\r\nqpPiMoi0mNNTpJz+6W9L3zf7Aa1UUCZz3XyEM5Hv6W2YzwX1Mi2zJhb28sSW\r\nX5EzsJPTDZJI4uiEzgTSPhwyLddMfOh/qVJ779AT8Z1Jd5NkswKrQGkjxIgX\r\nG8Diu+I+vTGUGRlbYtCc1TL1t8O0qGRL3soffa48/U0p68eTNoXKRGzCZh5+\r\nhVFeM2jFKzL13vsKskYNq+vdP3LkZVC4xk+TCS+TCA8pf6RIDFkgS9LkVkXn\r\nG7OCF+P88M+5x3+KlhkbiS+nZwH4peLR3gJofVUyP6WZUXQjdamXwHgobEmh\r\no1WUVjYdmcAuMD6CMc1Qc2fctrseVxIQQWwU/Na0YQtwvrK65oVqb+b+A3IS\r\nGi/D5ONgpTvhNnDQh02YrOqhpYUcc6vDwtrmDzU9YKhn13BlFDGcY1ctH/X1\r\njBh9mryFCFjmoKzg+8C+GlrR6l7/eDUiIh5dIPoSGxk7Wo1WiL5B2E+Mh2wB\r\ng+8x4/W1L5Ru6CdZNQB2MpowOAmvMnOwgb61n7EXZOWP0uhUeaYyxUZXAdye\r\nH8OniwJWvo3RVc7c4U3AUXDmlv0q39bfdzdZ/Xh2Z9EjXa982pDxOFAF9km7\r\n976RhgdKowyFm8qlkRhtABJ0AgOvHzPmL4E=\r\n=gV8x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"99c92df9331e6a0c5667b77e5a605343efccc6b3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022120113958","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022120113958_1645357241899_0.2931880283127555","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022120114012","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2f1bd93cdb766e9cc8c65b1e13432a096fadbb12","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022120114012.tgz","fileCount":16,"integrity":"sha512-l5jBBTTC2ltRcREb9TPSmbid8yREP8Xsalgi+gSXWA0hySziqXo0EQrCg+NWT8SmqmT516/GlK07+aNO1j2iew==","signatures":[{"sig":"MEUCIAkMLRa91HucNfwpSIyhsjHV+SxXPYQMU5Ybss0TcyrgAiEA3Lqxvl8xJ5QE6SDQWcowsX3npWKRF+WaprluJoIKjAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEijBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVmQ/+MrrNYypAvXSHVpazhOVgyl/4oldddgUKFrxGugUzf5J2yGua\r\nusOK71xYQrlFfIXI4BES/sxbYDYBSrB303BP1FrJ0CRv2ZZ3cz0g4ExPsLqW\r\nGTIlBPMhIvCqx8gL9n6ef6AvLcnLC7IPnqk/J4xTNFCos0QQ5UAbkpPUrx1I\r\nly0l/pxzwkPyGUETgTcKOV9BT8NJxllO+cPeCiLQWwr4+34P3J4LnAZnJwaZ\r\nSTUhR3pWtGNrswonntLmmAL7uu1r4Tme5rmH+F53JLkoD19FbeVR3T/Nfd30\r\n5Ez0blVl0yIJ2LfhxQuH/3/raaJcQXcZDhiPBRvFixipNP3y1sLayzLFoEdP\r\nTLSwxNZBDsi1XwzHClfAYSa1ACeBtcGzmxGn4vLEX2dnqIqkjzOcqCFNbcLm\r\nZ7POk4Jm2bEhwnH7m1FHGi66oWlaUxS/RyesoUylOk+iijYi4JHDJx7q4Hy8\r\nPuI0GfDAXTMo1TOSx3T8jclBzPsMlsXJQidW2kW002/gCN8MF0Ra5ctKvR95\r\nIeSYalHWg/wclg8dMCfRkLC3O4/GDVX6PybisUQlOn74rJJ0zamdAofdTyqy\r\n8HlI7k7/hd6188wNgu1cvAmxIlRG7Z7vLAg30hOUqMDGspUNxe1zbGdaEagi\r\nnTeIKvvfbBS7q5DDLD1iZs8QfaiG4NWf3ww=\r\n=OP3a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5aa79f81c71b1ac28d1ee18b4cc28c908b68cbfb","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022120114012","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022120114012_1645357249128_0.7566004223637208","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022120114225","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8ccc1f7469516938c9315e39a25282603c81cab9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022120114225.tgz","fileCount":16,"integrity":"sha512-EH2W55qPpIX3Rk9SycZm/M3g/BrsQn6FFUOCnBY4oKuQncM5tyBWbMWLFDfflj0SO06UijTsM8Dhp2cGGcdhYw==","signatures":[{"sig":"MEQCIFE7UWsjgv4J8kwdPcoln2yEg7gm2uXgQkD9z7RC1ywQAiB8Zf90Q6Hm03rBDg39/FGexuFrGQeKZY1qAsn9r/Z0xA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnPg//SgNdQ1eZjHUyxVqQWWmznOZxn2tQovZ6fnupv0/5UBYmSYgW\r\nE7MEpqfo/fFyIYpammQhVkyWwSk7oKTAghKwyAQ3tai0W/L0WPojGcv6I2ic\r\nfmIAvnxyzq5zvXGYvlsILI5oBSRO6L/qQOq+2WrgXi/gjfqnqKFw8iBH4h/l\r\nIz10OalRn2Hz56FjHs0pK8/e412jLSZt3rMyyPIFQy7PEDgX6W/wThkd/9ay\r\noi5fhPETKy/U02zIWfvWG0UT7qb6iYT5ZIGySqjW0/VV8+92A6+7HIIruS/A\r\nHqME+iGHPWZFXkjTGsWT66ccYDVG7y5BpT3xbdpMcAujFsxmdLYhCIsgIpJa\r\niTlFKNGAR1aV5131H7uj5Ebh1s5fVGaw/ewzx1OOe1KQuSJyOQ1rHm7Lfix9\r\nYiLYBfQkDDhpZRXXv1oXqMX+pomBSlydV7zorRd8mm5lb8zNe+oYBrKn9Qh6\r\njcQlPAWcFdD8VT8ktXGPzZjEDNVgC+IVVaFK2/faMqvryxYbG4AkVWwDFCAb\r\nQfbvBox2BWtj0YK+gtxvQedH92RRjFskZwkzzXyV1zChm8F5tpZCaWYPmT9h\r\nVOtoFhV2EFhmLupl0pOjzXK4sb2rSxkIaKmtrmKSkOE64H6yFpRwySv844ja\r\nKm5+WlTlawX8ksxjNIUWUBL5JPK4Wma7K+w=\r\n=cE7k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b0da6e6665234c1584403f7f7251390c3a9433c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022120114225","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022120114225_1645357392283_0.7547927882303505","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202212012129","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8aa5b0d9916588188cbd0c6e02e83808ea5e1b76","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202212012129.tgz","fileCount":16,"integrity":"sha512-bANWo4+PSgsEGiMtFFCaLHtLjAMVhHLiCk5ejUqeK6wM4+YX53EFnV+C6z7kW0js+KdO7cv5NcV5oNvc2ia8JA==","signatures":[{"sig":"MEUCIQCJky1F7EXRFGNKhNVsoVEB5H2RIMmOIft+lzH3fOm6/AIgBaO86eX+nMuhiLGFWzNXRzlBfHLyVEo+HOhjzyPuDis=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjBEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5vxAAn4qGZQM8MC9NIR6DSDPBOxXjynMGVlrlzusi+3v9ItHPiGgL\r\nfdzM97s8OVmwnH/5IBQCqvFEk9+I/afn/CYU1iDlHc2jmM74bXyXKJrX9T/L\r\ny+XaTZdQKin/uaQNkdovIxMemROxUb4Dx3zAVzJmXVrx0p9mWPhFBy8KyCEg\r\nRRHNk8LkP0tmDwU0Kl0uoTFpQCFT9M7tmQe93dU4XUOAzaA2HyCSuruTu8uc\r\nrcZ8qXp59Uyvbq1ckdYno0Jd1H/3cKoNkjh9eAfcAnne4rYMpn0x/zIO9ZGn\r\ngX9jGLgkd/tVrllOilUO1TzSjad2VoUo+dJfYSEq1kbwxlF1zbdShyYxVsIJ\r\n9vxaVky76zDx0Jmm9wWSZcTWH62cK61ht/WnVOQkcSeieryE1zQP39FNV/kw\r\nKpSRid5KatL/Gl7nmSoD9Eqx7SFKITMpasQNYG6n25fTx54tuD6/tvd4eT8D\r\n12IiquCiDbd1nDP7FVkAKy+p1VUBxF2w8W6z1ySJDWvNKev4sDzndcwhtG6N\r\ngyYrh12LXSZ7YS3duvwSW1rwgWlZqZrXnse4DP4qtZl+h6KcVo2PlsncQGc0\r\n8gVujfYPDnL0No0TvfvX3O/rOQR/TmusufzRQ7QxgOpI4yHhBJR1DyaTo0aU\r\nqTmzbHysTlO4S59oB6RKG0rej93rqdxIp7k=\r\n=jC6n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"651bec5b1999ec3edbcbbee297fc5b6ecef53f34","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202212012129","@chakra-ui/descendant":"2.1.2","@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/tabs_0.0.0-dev-202212012129_1645359172382_0.5067744424894685","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022120123118","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f1478ea60c0214a4339a1a416ea8f8b2b46a3f31","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022120123118.tgz","fileCount":16,"integrity":"sha512-YnGAQNh5YiNbOMsubQIFm/BPyP/bUqaQ2fHKIjkkC7pkaybmIGIEQbp4qgoMNfBC6hbzDK+8DkJqCylKwV7iBQ==","signatures":[{"sig":"MEUCIQD3/53lQl4WXhRDXOk46PLfY/xOU1dtGdH+ju6FwJOcUwIgKfGzvvJnOx/YoV+FBjBkI9Ercaos5jf09ZrTzndhb14=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121165,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjTNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpW8g/9HZuACoXZn2YeG4BeLlrGAOUkcDCcbYccJ8Dz8phOmj7MRk3m\r\ni2neubr7j1qOCIRKrp/8lyrJkRemWDcccQrx26T1HapjBZe6eeEPHMaImKx5\r\nHb8ndgMvx6ZuUwKgbFGxB5nQBjF9NLUOVsoIKqII/0hJWlk9nnWQeBUY7mSp\r\nesrp0Gh9I5cUuUnc2SPVmvXvs5OQRbbbQZ+/WOCONaSNPHZaaYR1Pa+17Fg1\r\n8nqvYXzbzcHO6ETifmyv/NQuzrfb57uSQaNax8JhZ/7D+JETLcceFbsTpy7L\r\nq3TwiMCu5soaRT4lieLnIzkmX10cx+IQjIuMOule6G7PVLoXHadL8AaJl1lH\r\nfNqCwVezp6a3n3QaG0V0bOFc3R1K3gxxAdjyNV7PGGxZsPBJRsLjsfA/OLTO\r\noUsHNYpXTSMi2itmszP2bePlV+KFhO+E7oJ+Q+TTtvkm2eg/DZeM9++C1pjy\r\nw6Z8N1h+Quy3ufYAs5KJxU+XM7ohLE0Kr2atM23CbEhJTxMelNP3yeeHomAK\r\nFqgha3WYM+ERSgrjf3jk5Wezya76KTgb6kA+ja5Un3v5neOZZbcCxXYaguIJ\r\nM2mpYsj20+JbMuXJ2NKu9IXsYGd+8Pz2gQsuwyG9Gl5B+G879C4jHADswLpR\r\ndJqxbvfckXC1CDew4NI4LTzhKgr1ryLK5lA=\r\n=3K/M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e1fe48cbe37324744cfe6184d785c093cda1125e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022120123118","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022120123118_1645360333190_0.08119521800243357","host":"s3://npm-registry-packages"}},"1.6.7":{"name":"@chakra-ui/tabs","version":"1.6.7","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"5f43f7895e59492ad659097ad2061d4a3ee96997","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.7.tgz","fileCount":16,"integrity":"sha512-pXFszkORYpl8Y8Wy2FkWBvcE5mRRitROUWBoQLtpg4Lp3BAIhJLf6eMt4BSEsfvgN8NdC1reFrbtyVHHt4ZEOQ==","signatures":[{"sig":"MEUCIQCMBwE3mNWN7uuv2y6COnJKWrJdP7zZi0hN2HOxlvVMwwIgTJCrMC1tPpx5UPXbniz1OPa73qhKRrjlpxHvwab+fzA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjbpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCFA/+NNXUacVWrYo5/VGkD4fFAwYXB7CCMNkPyHlSedcD5ZWaIXr4\r\n+LkJpAJcs8VOPVrK3I7mG/I7VanWumKA5kuecTX9beFVelfJzwFXDDHPBBX3\r\ngL80ibK/+a+lpQH2rLDIwDxRoFKEbQ2XM1JdZa4HyWBwbf6BzX414OLNE17W\r\nnnIXVfxHXkgKZJNTzsqRCB4HuYsr8WzemHyLfH5qbLh1SOrwVLtldBti/NMp\r\n7ivoX/pD96YgQ21C0H93PR2wSyCrFWXJ9GCxEGo4uZJoevCg+HleXoovNt6r\r\nKN0YspMCAnISNeLKk7/lz8QyOFBvfUQnK6G5QTTvxpZcDrka+1MVmh/Tpgx4\r\ncADVSvOxKqeqi/G+GPwbF50VOvDVMz7p8mu/GT4irnuzKTPqfWjVEnsKDqme\r\ndw0JC8WFeYDOecD286XPf8d/gln9NApftlLcOxgly9B+uTBRNzbi//qWG+29\r\n6anv7nv+3nImSQ363Gm/r0PaLl/JwMfSHwS9uXFhZ1jAiwddE0DIPWBuc4Cm\r\nPheePTmLN9t8JPNzQfJOn4ORnk/bomjpzXcL2VNgS/cqDVq6ShXF5UH2xKF/\r\nd5WB1WZRgnMEiJuzC6WWQ31N7/ypNTjiJkygWP2WG8wcpI7SKUrWBSi4+5ik\r\ngNnkoexpy7A7Sg9XlYBtHzAIMJ3WG9jEceM=\r\n=Mqcu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.4","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_1.6.7_1645360872846_0.6807257123719797","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022128214753","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2cc0a86135613e47a3a550b9eda8e7acb39533ba","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022128214753.tgz","fileCount":16,"integrity":"sha512-ENhWFLttBAmF2rlHNt5moMHOfdLp+2XAKmA57TeEZpEBz0VoIgRZBNolTh1QzFQ5aB8AXPgf9uwNBb9NMnEdfQ==","signatures":[{"sig":"MEYCIQDe9kCS6BCj2gbpNNt3Oscrhbf9U4stRt9ZDQ2KJ37j7AIhAO4PRV28lMRbyhV+4T6PklDW11uNnRDNldDDPjLTjVr8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8jBAAht+ATlUViF8JRXfo1toKBO7T+H/9EvTg5eNck63BfxRZv+0i\r\ncYfS06YlC8mwv9JC8XOX976kt4x2n+4/3YnWguVe3dmL3u272Oilgx8VTlBr\r\n/NWGfZJdqebknQ0HnrXFSuE2omCtf+i82sfIQdlI6Jen2Gt+3X8wspylsgYF\r\nWtnlgUDl60ClauMhV9/EXQNdZWcO1fSsYeXN0uCMFVBzbbaHqEmxGjaMRHVw\r\nA3hzsBT4mzNMfca87tZKekQZZL6jyoZR9/YSYZBXg2jleMtVNpc+5YJyxXeY\r\nvWLHKY1KHxmKxbjyJVwJEMfyy0TboplZspiyToTl+vKGSgAydByxsZNHIspe\r\nAvVuWSzEzeNBF+MhKc1y8g6LnJ8SeeV9UTkMxQpUf80UVMGJOESs6GAji/o/\r\nLRfsbTNWy9l9pZ4ey/VDx6v/MAvLnuI+/45LZDxnkfbnLg3IIUuvlrzW2Whw\r\nkSmcofYEakv4seHAPGPRTU5hJuXYxuq8qsQ9E+AIrhfFuEN1s3FcbwXF19s/\r\ny4imV2sHoh4qJHQQhuasVkEAifjenou9ExUeztjie6rAXr5T7XiVRNDsLzUO\r\nqeu7rmFm0UHiTQDJqkydw2FJoZIxoaA3lDVGAAY21X5DQ2vpSdJRgGtOyu2W\r\nqMIthMkodTIAteNP+8B6Bn2awuaCeuLQswU=\r\n=OV0g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5cd5cff35e4837539d83a2157a07585d461b0aac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128214753","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022128214753_1646084911631_0.7421159426028276","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022128215052","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2dd453e6acde89fac15df0764dd5dc633ab500a1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022128215052.tgz","fileCount":16,"integrity":"sha512-sBY60hFbvjPVbAFP6r5visKqL2+CZDKYz2twnusmiGZreZmxzkcuTJiFpnaP9523PxO2baJ6qkAnivcYirZLqQ==","signatures":[{"sig":"MEUCIQDGPKCQVWn4jxm34ywnJ26GG75BBFvLS2TXQDAMFmx47gIgGCSf4SFhbMVs3gjF0S9GQj79B5eGErZfRg6k1TDbpsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1Mg/9H+b0omQX6BgX4Tbd4h9zMXtpsJFLm2hOCU/5PiWyV0IO4QOs\r\n+5L8N7wj7a3B7ugLlJu19USj2QMLiTsv7qr/6VKyUyqzsoVKB5r4RTlCBYl2\r\nruHJnIgfr/gWS6EGvvHpIzGs95ZMerWkhr8RHZcPVqeaUMfUR4QmlbKf0VZj\r\nlbIKwZ2J5ZQZzqIpAjZnA+ZYxAyNMNO9+rDqjuSfkmSlW/xqBUlWVJnvuH9s\r\nCIN9Ffnau6NHF+K3FCuOwCG3Z01WAS+wBZfnvE86DuuH2WD3FaRn3mRL4QyK\r\nW96yH7BKPtozwM91zCClDRjVKCPIuAtCPq/wAtrQG+aouOA/+nl+fMcvodhT\r\nNs10vyX9habZhiQWDgUkMKts5wUE236hrKNBoAvGM1DjHNLUM3HLCXCLfMB+\r\nHQSF5NlEqq7whsWiX+jkAA9ZlXVtY7uljnRHfxCr61iSQNRvSw2F2nWNI8Ta\r\nYt+zOUGyxAR3oL9lkKtsmK7DYy40jqwhuX49xL+40eIgWI9t5TuyzYp62YDN\r\noNcRLUN4t2OmgrNlcUEMWkf0Tl04qLn09i8M0gRtzmom2Au6JPSg/OEJs0Wz\r\n9ilyyPzL7Jq2/5n/oItjVAUXsJsnP2ynCNcVEsskpbOFU0FZlhgCqowCDpRh\r\nZiYNbTiFMqAc7Y68I9k3IosaXyke2oE6nF4=\r\n=yTTm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"001751162dd1922d8ab53820f405665f0785f196","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128215052","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022128215052_1646085085947_0.7032947485452843","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202212821520","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"1e5e254e1333de367d17f099e1f5768dac5f7154","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202212821520.tgz","fileCount":16,"integrity":"sha512-40u6gqQQ3PNTWm8+La1BJaj67g0gNtVEYhlIbPXrKuWx1wRQExb/fkH+WST4vjgo9TKGVXAF7jft+BTRlZJmuQ==","signatures":[{"sig":"MEUCIQCEoHwJGRUr1PfQtCQW3KtUxdLTShikMdEziE4h4FrS4gIgaIsg5YCBy1znTNlGDT5+nw0GLFF5PJuJdbcZaDJxK98=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrq7w/+MtYvT1UYjiR1qI1lErGNee9ySzhg9yf0/fyK8kJvQrk+O1g2\r\nv94gFFgYcJMenFo+BL+RBEsX5Cdk/fA07K6GGfPfSw4RqGikAPZGu3vRzF1D\r\nXMi2gLwQigBrSD89DZDcwTo2Uq0S02b1QPD1TYTV5wUZdlE3vXB5LbvDAv7m\r\nE4Q3xlKCkX2QVU/IauA2cI1QF/Duk17wWw09F54jMvTtKrdlwHcJfsZ+L9GU\r\ngvjKAa7L81RxvIYc7dwesgOVYMGYcjuLdZVfYVTp/w6w8CCL6b+/CMIQKF9o\r\nGJjygCBlT9yOJJZmW08d00HK6mi5eMUUAlvFNY8i9Xl2x4N7fy+WRkAAR4i2\r\nqS86WGnIWBL8yy2LNFN5g4Y0eApQix94kmPFGOdbhqfZ4AaAzJde8+tLRGbY\r\nVLkBS30KVcvuDVlw8dlHGnwbt2abmyCDtK134PkG7Prlk8KOILRLKjhySrvd\r\noikNcGmni4LB/TpunqI5yepA2HCQv76cPcqV4qahf3jf1YRHM9yQOV/+HzdS\r\nAyNU6vVmEd570RwW3ntWZfRxm1DNZPm8CQ2AIoNLZDUbFZNsu5OR5IYz1UVy\r\n0nYTWPfHzFEBNJGvvjM+/QyYB2LhMsQxHAPDJCxl3p9M5LylZymOzfjIg6+T\r\n+Jf8mMSSkkDdTv/94k6LvwrZkQcIISuuROk=\r\n=iWJu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e4da6359d0a007a4b23959b0b8feed6231a947b6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212821520","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202212821520_1646085156408_0.637038011180741","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202212822477","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8b21e31ef69dcab3c67241ff7075ea00430e4902","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202212822477.tgz","fileCount":16,"integrity":"sha512-kIiRxAbo/A40yCNPqo4cYuND1/a4ZirHbLI8jvUciBO6jmkJ1heXpO0lAPp3wXQ5Se+QvVt+LhULto92qM8Egg==","signatures":[{"sig":"MEUCIQCrI+9ZnYmeXkOO2xc+nSSz3aQa3Uu5f7AeqR0hDXFe9wIgNf1gifmUgsu+uctsE7neUIC1O2zeHFt82Wo5dtXNPgY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVEPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxFBAAkzDapQCKWJvb16ZO0t0dEBvQ+fq/Q8gy0wGdHAJ+dCPdqBb5\r\nQE0a3KOFToOJ7qx3IsKb+E/j9OCtTUX7ZUE6cMaElJLIA2UcI4TLxR2qMmi4\r\nrs+Hyeu2VDJszsaJVvyHskoyLj/NbYXzpTCU2GWtRzFi3s+KFNW2vHgkfylT\r\n8IeQt/SLhZL/ge2/t/b0P/83tIR1pOGCRkYgeCcP59sVen1Wqurn/feM480L\r\njBFTf1tm5DwkVQb8UUobsk/X+9FaqppbZZkj93tAEFCZqksbT+2bJ2bX9p4g\r\nh9lFLu+rdqN7z9IK9jcgiKeCBCZGZLXyjugkxfimWBSL8R/AjzJZkPDV4bVV\r\nw8wPVt4Pd8DTBUQtxmDXCSVFAZwP+C/Vf7F7BQfJ0GPGamfN7iwxUQhJWtpZ\r\nHuWt0ueX4RkrqFFF+139WaFlAm7l++VciwXksP59Yd+htTjKv1xeQG/Xfv7W\r\nWh61xGEFZCjcM+M4nW6OxOVzYOfcbJLPn198qlDwmSPhkLGoJPREGiL7J3xN\r\nzLqB1yOYFEJDISVbTgSODo7tFKW3Hg1L2vu0M0BqWkuhhnSrDO3AYW+C56Xp\r\nIENCJxA69tlVPACdy40oyzxuRSW46lpdhco/hDlnVN2LYchd/CZYGYjWYFpY\r\nRli9haUfjpsXxchAWMBwrGWxaCVq6VsFBs0=\r\n=byQE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"fbe94622357e22acaf8bab0eae33ceae663d7a5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212822477","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202212822477_1646088463075_0.3011181464763386","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022128224832","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ebc7f85d8b969bf4620005028701e369119ba96b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022128224832.tgz","fileCount":16,"integrity":"sha512-7bDjTONDGaHmwxBJM4PsF0p0vMhfOftlb0YdJM2loxXAPTRUALFNo1PT9JGqCKIsSB+mmKycdGi+ABuGcEb7dQ==","signatures":[{"sig":"MEUCIAR6M2cLujVa5QKMdvJu1koP+zHjula91zC1jSFcdsgQAiEAwzp2pzZiWcRKbqCpAxMzzpBJTwReMfJJxwbjYQOoT7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121094,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+VQ/+OHgshAoXk5OTMNToMWc8Egc+bskF6/aBjDsEMvrdUPSMjAx5\r\n0tE2xko5IvWATmNbBo/xNvDHL8WeuzTFEnnWN2JedTUaNIrscpgJGAT4iO1T\r\neOpbVZzvdCxCnCLNNSm6KRlphHCO9kRgSsu0UiOoit2mrv+P9QLTG/EERChS\r\nasvJ5BDqvkO0+09Ns3rZ/2tlCFh76PiP5XHnKWQNudt7LGo6xK0TAqUmo5W0\r\nUKqLD2Uw/OXQFqKZSmnC2Tg8dDiQKpBTPUNqPhIhQgS/oALlv3l7nXCWY2sC\r\n5DhXOLDcKfvxkqytfOfqdGez1JdwltPSmykPOYkqbQSaflPcOaMUwjClV3Tb\r\nTB2nECWyyQWBU/EqsB1Grywj+F7xoWMl8tLOrsS9sDU0DH1BN5gQ7c3JlDyt\r\nr890uJe94vXskcVx0v8D8OtsJG1Vu3Vprp0xRwN1XZaX1TbwncIa0eFXsY+J\r\nIy3begj0m+EZp57g29BhdOKiBlyiLk42Bz5i2M8p5sJT7UcW5hBB+Sez5H3C\r\nX2Dwjke9jAkJbOMCP7qdOC3cMT8EmiqzDIHLUZY6uZLfhc2anCnNEOV8es4U\r\n1uAPSjldZPTBMoInIHeglz2shTUlPBm6UGn7pewufb/u2aVskDpLSafhEJmn\r\n/hhAuBNTAjqlrZlYVrR5Ixc6pTk4ugR4/SE=\r\n=R2RN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"a1e4d7951090c9622003e9176005ad3c038fdccc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128224832","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022128224832_1646088548694_0.37337688235269395","host":"s3://npm-registry-packages"}},"1.6.8":{"name":"@chakra-ui/tabs","version":"1.6.8","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"7ef8cf667e9fb1280b673e4fb0e2dc4415f05af9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.8.tgz","fileCount":16,"integrity":"sha512-f1kM9VhAXqKzTAVRoPRIINNiUgvBcadP9m5GtjAgE4DzCrQKnTDImjIkFhXlMvWEmB5ynXZcCGlsgIZ2A9Hs9g==","signatures":[{"sig":"MEUCIFebNnViDk/ucBaaaAkQDnFZsu6B+Jd/gNdwJ8oSEfuwAiEAtFzAOsXXu4/z2wmnYM7T3VZeUx7lWx+ipB2ppcNW/gg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVWmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5eg/9GVOdoekaeAoH6Ta79R3PKV6MyFiZzVCxDAt4SdFPyGJ8JAO2\r\ngg41uLp9GjF4JpVRFc/xBJo6LazfI9dpi07lk4ZAWa1zLdwsY3nrHp/LZ3GA\r\nDhc2+UeyRT4DwlX1vjd+Cs6lfX07ORzHVCS7X0GEpzg5DBSKR138v7Z31HDg\r\n6Yu0lYRn8H8+KNo7EhWoL502yNFGMx+b6kS6BA5D8vc37eveb4fFTT08pxHu\r\nzJPU/tRjbDTN7BPt35zhftzyd50SCweMwT3Mhez4U4KlWO+yahocWDINkOGF\r\nP/jruTs93hgJRw0J9yvAchjHDmz75WW3Tsdcqq1ThhP7qXka4T392ZQXvrW2\r\neA7TJGQIC/dT0WsSUb4Za4NykQO+u0lJX6GWi+W3hXLkoG3yp3WACxCUCdu/\r\n76RTvnLQLuzH4JKCrYxBplgiznmPTLdaTc8ZVtvSSJ9CNHuUmFH2yaMrWecj\r\nRHF6ocgIy7RSeso9OaRkfHA6DMPuiILOvT4PA3H7ka7cq1jR2QoWpGKR+fO1\r\n/UJ2upfMQrKFc+7zMlTJjF+iYcAr5+xwRTQFINYC8kGsS0/z1uBwna+UTT7e\r\n7NL9IxOxyZ9XFdKySx+7+armWN52HDyEmoFwb48thupWky1xXaqW3m8xQN14\r\nD2veyHs/h01xWP45rwGPgEr8S9ZIGezC5HQ=\r\n=L10J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_1.6.8_1646089638663_0.2749723014519452","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221016349":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202221016349","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-202221016349","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b33a1efe26746fad6267ec54ebecc19d8c844d17","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202221016349.tgz","fileCount":16,"integrity":"sha512-HKjDXWwOOuZXbd5kHPnd99zm5ierPLYBF/bO4DqODzv3s4MevndZcQsOEJ4i6La1kcn1oGgJSylASWzl8LNRCw==","signatures":[{"sig":"MEUCIAf8Aym50+1J4i1mCNyb4Hwz9ceKtfhUS68wd5+RghaOAiEA0XKXtVgSho3WL3iclGMPDtJvqf/B03Af3WAAvN3w+p4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiKiiVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEghAAg/i17NVHnNnRjO1xC41YF3YrhI+xmo6xtXELRgEuP6CoZXUG\r\n+yhoZefkRupa9oRiCdpR7xcW3XVHAgTyV2/LtGsdaqTaOiEVCV/rJr7wpeN7\r\nitTr5nY7Cq/Pw80PHtFQ6cdhSzL6RqiruVssBUnfHLb3E2e9xuQHl6YfS7xq\r\n3RbFzTxodYHh93W+oNe6hLQyyzwpEOmIturc5nB9MGw921yWolc9b+ZOjnke\r\n0yt+J/JMnUY2eRyQOhuhpJkPHSyZSP85QhtsyaTlemnMuoNPX+rQuqguS3n8\r\nBh/0cWrtgx5yTXWMPC21IOwvalQBzSBgyYeykiM63whXTQZr1y6wz1m3aj0r\r\nloGESyBuiW2FeQB/l8dZd+Wxh587zKbA8ImsxnZxbUZLA91IzfhNgXpt1dfq\r\nvVCwa/XwZcVJkfoqzY6YJe/XHlLFsVtoTL77J/W1tnrAyk1pGWLmDaKiYmvS\r\n5G9ahla0FtJJ20TTjIMFOM+lAG4x0zwAwxSW8ENtSQnTq5jNcLECZlRoa9zg\r\nFnv3Tb/rD7xj77/1l0/l3Bv5oojORs+6oK0s9mM3qpW3m/tKlQRNcWy6c35v\r\n2v8pTe5JuDJTtW3S96Tp8pMtReDTWfs5UdGNKh2VrGpuJQP8Ih55qh/xikmM\r\nwbXWvu0mdW4LVGSFo0Wg5UurqcPRwx+OJdY=\r\n=NR9q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"13c6d2e08b61e179773be4722bb81173dd599306","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","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/tabs_0.0.0-dev-202221016349_1646930069270_0.8454848073191437","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417325":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202221417325","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"40accd577a95fdb57784c6cca66720b5ed54e51e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202221417325.tgz","fileCount":16,"integrity":"sha512-16DOqC5HEgwfotvKZWyHgQNgajzT2tj3b2e8iR2Oc9dTAnuN0zeZ5gafdVA3ET69nWZIFKEdXUnAzTcWSwbDFg==","signatures":[{"sig":"MEUCIQCVyYAjlNpFHHvhQV/vAmCmhkkKRVfRU81eQ1ngsYEJ3QIgatrUMzKqSkFPeV26JBc2UqxHbun+0gAFCxmE3jReya0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3WTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfKA/+M3cADWoZz4MQi7mKlve0WskZVebTsFEvoHwzwg29r5lbw6Sh\r\nHxE1Z2jm/JvSAiUblX7ozUdSFXztZim7nc4H1m13yRGuU0A7sfz+ebniGwZs\r\nFW9B4E8tzL1eX51+zrwOObedjUiuWvP95sgh/Zpfh2PTz1ITve+Tze0mJEI1\r\nGCdeBfl8P38SUBAx/ozQ9hSMHobWUJFbykLipD6gXI6fIxpMpWwv6KF77dGp\r\nJd2cf1dIDC6JEJSSoGk9YvM4R5EHQEUwET+wQtBK2mDl/H5boqvc+779eZM+\r\nF6L2BMSYOHgxk4pxlpU4MDNmV2GF0ze88mTyzZdg4Jz8e3RJ+2iBX5znHR5r\r\n5vEdS6HJZe++BjKIqqVFlzTZiZsxtsE56XwvLRhP4sHEYf/PzryuNtVBMhsU\r\nGBTwRvLhY0R8D9kjb3nMSOiaJk1FMB90vbOKSCygDjRFGWw1oZ3hlFV3fXvi\r\n4qOSTekUDwe+5rTmPftMHzwZMzO3iSBRWipUBAJtEUYoenXuwnIhx8JFnG4n\r\n61dRzMhEls2infYlmXHBvE8xz1fmt2ldSSkHp5q3wXhEt0cLSZCa6AvvEOAE\r\nKT/jyojlDoSZN//dPD2MeHmlOSftpLxDcTDKsrrWARV4i46SUNOEuAQggKry\r\nfZK6+fjdtyusds4ZAOnleZ32d1GrEvXa3KQ=\r\n=Ghlt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202221417325_1647277459088_0.014822517170614002","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417436":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202221417436","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"78d5c7ac8cbe9a26cfee8b0f2423aed1e903c178","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202221417436.tgz","fileCount":16,"integrity":"sha512-ficAzxGONAHhHS2xiFe7MV44OlhO2CJeHLKmdamkYjC7VelWBnnVBZG7t64apa/xuWQh8FWGe5k7QRZS71C1QQ==","signatures":[{"sig":"MEQCIHLQb+AKWgoV7v0BM/UFKdX+lHcd4NR1yzWq6VCE9d7aAiAmtn+Pd82IqYOU/tbezHIOREntzQM4koZVB4ofxgZ7AA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3XKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6+A/+KxGlYTwllfrJ0P0onWnZCsAymc+M2zyxXN9VLNkSPSHXo/Ys\r\n8fLtQZg6GDiDTw61G5NO7BhGtq1dhGa0ILhV43qh1JitZOyUIWJiho5c+CkC\r\nNSJRogXrCIxXxh5NK15ntDQoyZ0iOxBCW07R4uVE3zf0udBUQnzO9/zTr4s1\r\nL2OQtZsOAzcqqS043WF1h2WKH+A4M3rRUKVo71BeA048TA45d84qXzVa3WBN\r\nfA5pDSbBxNiMtYRgIHOy/9X8VoAbtAl6kwEYO+XMlknXH4Ah3MF268Amf4em\r\nacTCNi5kU9QyndDysx4EHzMy8CVNW4KDpHXyS0m4MJ9UuBhaP9FuoRIWvtEI\r\n9tj3RxetNLryF3qnekikPRVHlkbM0d4NzbSpCcOfRNLvM1dAsNjeSzUmZ2ee\r\nb6riUUae1Z8k6/X2YN5ODkQ7SgD2PdqeGqmGPYVlrElXDXNlyjGE/ynpGzKd\r\ny4g3z5/V1JpNRget3q17r2bedxkA7fOoKunqfVWC51TVYvutIlHnWH1IZOI7\r\nifhTN7TrYXW38Ts6zX413rfNwJBsEso9dn66LcKEV1t5aOZ+1bWpcQzErj56\r\nzf8H/VpiVwm2WSiS3kPd787VowuEVqfpj44iRfRqXe9759sXO4NuwKbhJ9Pa\r\njNt+bMQwNMYBS+qr/A9gDNGDQgpx5boh9zc=\r\n=PdIC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202221417436_1647277513926_0.3481810578512048","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214171014":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022214171014","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"994e83b134f27d165c6fc0d7c649f03d257c235b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022214171014.tgz","fileCount":16,"integrity":"sha512-viQQlz+77+PBKTRlzSxBdEnvRfWviCXEV2KqeDJSxoXaR4HT/Qa0fBxKoqy/9DKzaENYJeiRHCsM1xRL0RlDfQ==","signatures":[{"sig":"MEYCIQD12wr4Q6dMQc/qVhHCd0y+Ivnc5RkCw4a+dNftKC5F+gIhANIAuj5/XNt4+VbuT5cXX1fDPl4qwA8+vBjepDfzAAdH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3dIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSFRAAhStQMFpmQni4DSkBEX6ZhS7wfNs3ybiKcWSd6uwxxS7ODkHp\r\no02YI6Ln69xBRfbhWG3ZGrno2SB80pfUJ71CEu/He306e9bX9Ix/bfTKcePa\r\nLHAn1WUpzy7V76TSoODzFDhqD45ZX+GYBnu+zUTLGZOi370wq8tZtsllgW9N\r\nFV/uz2wCf/bvPRHzyynrHMbnlQn8U0LJXknu/lPgsytMQEQ35/q+UskE6LeX\r\nVBSYNpyDAKKCNRSb2efDTSaRU8CJPtSnLcdXuWqUup0oZnr8B8cMSAdxs3AG\r\noUwYsxQhuiGeQkrwK8J3hJUMnZkrNLkLtUjjeR1KhacQ4m5lH5ePF01fehmi\r\nKBFJQU6JklJ6T/R2+b2dc1JLs3nCovnEai1mJaZXo4AGsHz82+2KzMMZj+uW\r\ngusLOnqR1pqQHDXKSLdRCilacLmMxAu7t1mJW1Hl86OMRaGhv0QeiXJYO5LH\r\nAIFxd284TzrENmZsTgUZH9oiXdahNa+UlT4VZx+ECfr6OJAt98OpxztPNqjt\r\no8E3dC7zt4+8TwqE9dd+MEqKL3brqto6Aj+VUoweEI0qKbRnrftFXhWJkJqV\r\nE4+CqpaZby9OGQo45DSg3AlS3uMXJ8JAbGbzgbyhyW9YGSMPC2afh2Ue4HYz\r\n0O1qlRcrMDt84q7aiQS4g5PxUHBsJ66oKFI=\r\n=ks/9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022214171014_1647277896142_0.8582067142758143","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195434":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022214195434","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4d428600b08c921e75a52c31fcdcf2dcc9f6e144","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022214195434.tgz","fileCount":16,"integrity":"sha512-9SBwe9uVF0UTaz9d1BSOB/S5W1BAXI6Xghux12+RFmFK+3RmvKiRM4oD5nlpYCUgahnVAWRSWhvIhxVfgQDvWQ==","signatures":[{"sig":"MEQCIBxU05UIw3yjl3+C05zjHuvieQ1EyBZuYvzjdVsQTaSVAiAivR6iodG+6C5JK9wOzrQARGISymTf36icsEmGRskd0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL52hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriTQ//a32h4bUKBespiB9OT73sP+3xruC0u8poKODit+jO0Dm/e+Mf\r\n7C3Hek20YMCfC2vY2Ffw7vsrbyU9IAET/BaurSRd9q6+DXNnxyE8RbP77M0G\r\n7PQFJPFVu0T420wJVp1vxP5Fa6vuWrePDfiUdhlTGjR11UsXCPhJkYc0Ue0c\r\n+GAms07LvERmTTt4p7RjYLlbeLGeavyLGldam4WfRSQQ5/QHCrbvZ1HhfFIS\r\nuXBaO69VqQBO2Ky7U1KpfFgg+R3mS2iuwl4slPxvPHdzd2Nz8AzGHLU7O1a0\r\nUVwMd1QG0pP37GQVB0++GQZmEI4hfGUHGJAgY6FgStbJNQeuj4bxMRc7cR26\r\nI6YQ3W4gOHVVRwzr0nfJIsHG0Dtjs8rAoEeBJZ4veEf20IRJXWpaWDhZA/jm\r\nekjkiE66p8iEMDTm9BWQQ7KIPSnBBwO51t7DjHUGTH9BSsbF2IbTYMXY4kBR\r\npI5LpslUQ1DKVnwZCIyOaekJPRYwfiW6L4Jq5Xrdggj4QSj8pK/L1UnJXXdM\r\n0lkPF6/kKcpxcvI/cgYNDdRmbA50CxGhQ2sIHbYHp6kAsHfIfhwJk+2Szpu7\r\n/6DzdoA/1qiK0LoHXuhui9AL6oqEKq/EJwBZRNDFWw6b8KktlILNER4NgGVO\r\nZ8ZacxYgaUYOKJO3gIh48FKWPvXC20K9ltI=\r\n=7pCc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022214195434_1647287712973_0.9440803457432723","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195653":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022214195653","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"949e8a04bab69ee1196935169628e8adb6e1ec37","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022214195653.tgz","fileCount":16,"integrity":"sha512-SsPDETiWmhK1yjLrqtwK+ebmWl4xXm2s/Z1rjNOIjdg+xP6nk68dr0oYMkw1UR0cHubd1taeO1vpiirpvHt6Fw==","signatures":[{"sig":"MEYCIQDMVElEySymmUFti2eI+pWAJuudz2SvyrjOhRbdkoT1OwIhAOMp7F23fPTz3Y8zQ/k5QqaSXWcaxRz/pMzds5DOTaw2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121117,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL54mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpr5Q/+NwFi+ZPNx1FUvnrwaX1eMq7S+VLu9PkJv9sYcFKK+V+0KQEn\r\nxBv0MWa0xYkEIhsf3RgcgAoO6JodDRvASOJWXyxRgnvz4ztyTPE3k2nbN+PY\r\ntCss48vdcX98e+8jO1nlAK17DGvWREKxbwl5J110Tu0bNFmJaWSrcwGSjI6a\r\nENa018ric9iiC6MYiBL9ucqS3bd3XtQ7xkP05CUjQD4/8arnVXKiI8vKp09o\r\nMl4V7YlCSwAowFXyaYo4CEghlPXepq9TQLB/qD1v2a1Knf6EvmtzNV6szgZO\r\nza+8FByhJQcwCPFKJUyBJAjRyns0kvv+zI1LMmAEG63H8lssgKZJE/bmEUwx\r\nqDhwBYvOxCZ8Pu+VU+4eTiVIyEL3tKBO4nHbE14KyU3RLmXIuPyn3uyLDne6\r\nNfDypYWFQKxL4U7tnAJTuovGGtI9mvHssMXTefKJ42PC+HR83e6kD0p66RL8\r\nUewT0n3VZto34swsgLqXO0gW2QlylnyPPtAKHjLMuq6HNnG7FLYM/MwTOnx5\r\ncehZRJ30lrHDCoN+VIRFw5p1RXgZCW2DuDj+OWmdI7KScbtU/hD+ykyFgQGn\r\nsdPM3DdtVVDmw6Jg+MZfCPeIOtKVNeISDvqhMto8Ld5KRM8PlTLi84X+T/tw\r\n8WGc0+nvMRK2cuJWT86WgnD4+NcXNDQcCmA=\r\n=XVAS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022214195653_1647287846320_0.3298229979975562","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221419595":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202221419595","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"deca4158d3ddbb3b82fa47ecfffb8eb109599439","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202221419595.tgz","fileCount":16,"integrity":"sha512-Dosq49SiWl9/PkfiRaPgOsu+iksKcdVbdpOyGHFmSlqOct0flND1tWdVPV8Ju4izIvAQ3Aaly3Rh1IhGu1+n5A==","signatures":[{"sig":"MEYCIQC14AMKMATOtr6ahobaqyjJnc18gEqMH7WbHnS1r026WgIhAM4AXdjW7RkdQJUmXUSgtK1BqrYIukv0yFZj6BSJAx6e","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL56zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrORQ//SZzBom2F2bxze5kk4P+kAxR6AtzB6YiewXOFQsWsv22Kw0e6\r\ns7dvjfXibIrhaD6F4nTIa1QDv/yzRvLufFWJ2eQ6sBX+gmU0otJ6gbR5ZhYJ\r\n9xztSM1Lek+1ZUHUmXBCQVxxl0HFL/V8eXo46sYVy82Dep3DuvmU9HY4t0Qx\r\nP+Ut5/+fz3cUK3jFDAa9IhFuiAxFFzlyBC+XFU0NBerHd01RP3HzKYx1Y7Ve\r\n1YFE1itPKETLVowAftqLY7lcV0Pp+0+XRmt1259d/QEGy3qpb2p02teVhetg\r\n7wNclMCMT/LuPpWq1iUpY6hz9Q/XWblH8HrQdR5eA9lkcVd+c633l0TQz2LC\r\nm9b/MmzSKvsm+udp5sRBdP6DlVK86N40lENHwDgssqznqvt7Rn/bufdnUoPc\r\nEG1B/WYcao+Eai7DEUhdFs8pfQeGasYlNJqnBq02zPntF4CeCtcQGglXrrJT\r\nZzYy7Fg0bbe947dnD82Lyihj2ectMo2ABIj/oOKh7uV0v0a9xKT5uWgokPzT\r\nn+Pz7j1MlmF7qHnrMmZgUszf+cWGpgEX1DliU44Gajml31bDNCOoWL/G9v9G\r\nPvCVY++XtOIw8n46EwVloV8L1r1Hi9RdmiofKtvPayifB+4un48S36ZXHHBL\r\n1bA4Mda83+EdLr/ktlD5rLZD24tFmJTV1eA=\r\n=r+Yh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202221419595_1647287987312_0.8440985678619468","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022215181125","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9e205e1ba63851744aebea521e02d3c4b8ee6b95","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022215181125.tgz","fileCount":16,"integrity":"sha512-FToTH5Vy+pIoq4UsFsgNsJ3/V73uPXN1kM/SSysM4q9A+s/n+DIzrNm40ETrrqEBZjoEunnapRKJLA5ii9Hoyg==","signatures":[{"sig":"MEQCIHvbOln/7fTwlaQgXyn30I51TVJO6J2iVDF759z1PZPZAiBPp1+Aq/Nr9lChmwwsUaP57rMRbEAbyoFPQlHRemi0ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMTw//d2q78j2hHjdiDL7zbQEdN2ZxL8NbCjHeouY7Dw7qHKE61o2N\r\n/6oBf973bn2I0hNHcgJrLU22md4BbrJbeMiQnxkGP36/gAcX2OfI/ylxtzoN\r\ndo2HFzDkP8kFH03eG/ei45TTfmdRUGWJ4KLme1VZds5/LwuWvCTNfVY1No+K\r\nAYE02jjQmNIfOuvzHlx+e+ctkZlFN6hbEnEOrRI02pInGHY2V5dnU1qOlknu\r\niO2hzpECIDwv0yO8shqdmpoMsG0g8/Ex6JNGJEgvYQGPKKlok2u+8MHSoccH\r\nCx0tCIBWZqbajiBGmAWiTXROPEla+r+fzVPlaY/r7aqUltIa9IXZAQxiKZqs\r\nezhK/K+5J8xzUQxQercm/jGQ9eIl5rPT7EPhD71vym8ENqIeNOtYbgiUzpO9\r\nVmPW3pBfe6Fpj6Kl6qH3f0VSdkxdAjw2RR1fc+ECjISBGQoBOle7xXf7cAgu\r\nIQagBlrisxVb/m6hjtAClKPbKAvjbAky1345mrWcrm4adjeySWHHqh/n2lrO\r\n/xMAPFBZ30xyZiBpjAuPt8ExlVVyq9MI5pY9gf7RyJ039NWIjnNQS4v9YazQ\r\n7ZZFKJn6DcjR9kpY6fNO5U2SsD/Pwk+EqGESFFy/5RNw1hS+Cb5rsVQIksDU\r\ng9L9f8xFtxFCrPWSaVAF4WlSG8IcK1VFRIk=\r\n=3qbB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"73a06ae8ce1bee644e10f245edcf2f9f2b773964","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215181125","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022215181125_1647367921821_0.5911703172356935","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022215182043","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ef8c26b2d1c0bbd88817ea34f34f2c2ea009a9c5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022215182043.tgz","fileCount":16,"integrity":"sha512-krCQ9UTYxMq1xl1PngJ2ZnShp4ZxJJOMJaN16qEb4MI95d8PqCwbUsodaa81Znkw+Y9ENnwKR+5JTQTiPAkx3w==","signatures":[{"sig":"MEUCIDSBIKOxnYgycl3dcpGOLWICJbnZWyk0I2xtKM/w935eAiEAlZTFzav/ReVqwqb3/50Hf4ttAiKatJVJgqXNlylUfMo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNkqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGNg//aO61k+UU6CHceFVrIIIv8d5Hdg62DtJ3L88Wh2B19l7H6rY9\r\nMiR22hRuJMTaTU39hPTMUmbVqDVDyqSA+K6H5MxROJnnzvWwwzTwERCuSnlK\r\n0gYJoD/ZQLEBrudCnhY52mcGaAfi+tD4a/Y54o2v0cSZGUDB5YM/9+WSuV/N\r\nRhxFct6+YDIG7rXAEbnFJibaiHIUKozzkZkgTuaVWEP6rJz0uF61ljTJ4uFV\r\nOg2Rd+uxk3VSBoYX5xEJBhaWUp/yrUFgtBRAJ16zhKrlI4lUPp7xkFy/aOe6\r\n6qkdM+hysH9MJlrbWDM97YXY3vhv+dY/hJni1zvh+0yWezlMFDOThYZXY89u\r\nxQymZXP05CCwEXshKFhyBf7kHPvcHsKvpVT8dMcT9e7xmRIeXpy/omTMC8VS\r\nwvVh+Sg0cih39dXb4fHmZ+Y/dtRnp/JfsOiUk/qnvJoQMrdHnxYIo7EY+Uwi\r\nnx6NYrjUWIXfLAX96OQObMhUYQvdEjFqRt+gGa8KZUd7ZkYv8ylzWbN2Dxrx\r\ntC8rwB+SIRQOARSHTf9ShJKh8Yk/YGWYZgoOS5h7ciniPBadPtT+ILupliLk\r\nOZTdKiXuJbku/f8mDgkOxhigWXVnhAfnpE20gYSJM1ajyP8PapZUHjkszTCU\r\nKSmjcEaE9QTm33voI5A8Rk37zPkTX/N6shs=\r\n=k1KS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"232853068ab9ec95cd123ccf378b044ad7861ba1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215182043","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022215182043_1647368490692_0.6758404415193058","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022215183938","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b1eca378a7c0ca916881ca35b04d2021ac008828","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022215183938.tgz","fileCount":16,"integrity":"sha512-j12lGoXxEtSJ1Gq+nb8NOrluTp8Set/o0ZQ8J9RWhgPnnrHUORrxhE3ivMShvZ00zLHB5zqfG+ZGThIxSMt2XA==","signatures":[{"sig":"MEYCIQCzVnj5tdgdxLQ/mKrU6E3p4yuIcuN2o8eeej74EdAOewIhANawbBbww4F/FDS+mTy6VBRDLP0WNtHHIw/Qt9Cx4CS7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcMw//X9pBtecBaUgNhUtFUNvct2NGrs2Ypjdkjjpx9pxf9JbCnqOg\r\nd6uPLmUqbRSfwQshOFcpPgPq6FV6eXME6kVzIAqKHgHOlj+Rv8wYdoDOdnTA\r\nePKvU/exod5oy693PtMF562l9uiJ0me/R4BbuCl82nijTqSKEv1T9bffZjWX\r\nwljbVFj/9ddFVGFx6q/PgSGx85ApEShVHVIzAhB4bTHbF8R9CAfQtJZw0+nb\r\nbmwvXIBWtJrChdK8sXGYKBmQC60TxKTL1wWGDiT3UkFPp+JH1G3SXMW+Ksdi\r\n2S+So5u1xPgtlVhq9USfFz3lQji1WagZIZgcpAg6GH6fBBZpciy0RusB/2KE\r\nmD6CXsMccCE2RyJb4RnbkzxapbrOwUOvG+HVl7sH4cJrFaDU1gui7dEJxsQT\r\nTHtrGrn2cCa4JZxsSmEhy65Dkjx8qbKrqKo4Si+jcCnWk216WqS2xLWV1TNb\r\nTJ8GTKyCUb83uZCBb/tqKQirhBuQTqvIbQHjAdEipgqBlu1uq4sJzSNq9U5d\r\nI5zsVgTdOvPAj8BU0Yj08SJVKjFM2YwWTtApV/Cj2+14eeFYxLyLG0n7/9ru\r\nVGqAJtDlHbHuZXTfLKn25sTCziAmrWS3Fg4IUVbdIXen/06SbmpRxyOJesaD\r\nwN1C+3wrsdwYdpo9kWEskGMGMtGnBz7TuSo=\r\n=FlF3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"6ec09741acd40eb1835cbf6d02bfae642413b6ef","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215183938","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022215183938_1647369636276_0.6189525467184198","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022215184036","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9fc75ba230e412e7e28ba96f576d23c53963458d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022215184036.tgz","fileCount":16,"integrity":"sha512-KQ7e49mn8yfHdc2mWvehDudz+nNu6A+Pc1VVGP86dS9MgQeiOzlS2c0VsM054GkLzewOg4ZQBSZRmLnZh6Rweg==","signatures":[{"sig":"MEYCIQDyaipxsvi0D7fq/vUcBiqp1oltcjyheCEA7oGpHstwQwIhAKXyl62GgISXlm56wTTWmjqXCEnPtdW+7jBJ2GrDahIK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJZg/+INdR4M46U3k9W58XFt+ehmyVaXLPX/W2veow4zF9eanjCOhI\r\nObsbSDm8QANVtP7uRtuBZRv17HAtU0jnkmnyW/wxx2m79PNmoTQpIKt8nUD6\r\n/Im8UvoN+lUk+j44WFZeZXq+Pk7faf7IMHkoGq81r3/fBvURo9HpHn/YlUYv\r\n57d8NpdO/UExP/XK+IV5saz8QLxNG2Se0wWrCi7/cyMZahO3ovjJ4pWTxz3d\r\nIpnv2mkuo4PxMo/SC5VYK+w5fJB9GYMgKOEcDUo0jyzUBAyhhdFt1TKZg63n\r\n0des0lS9dgEP2LB8NzA2bQ8Ua5AAVycVcVpSVZuilkRMjSybJqXyvRHRu00a\r\nPVqIqeX2fnCSabzP6CJRjLfJnJU9ThVLPwFhdpRbwExvHNNLo8AjjTamjEKJ\r\nlSHzbgRNb2Gu3BuBXYM9zfVHYv7qYDxozajBp+8NYLOFdvq+T2wQsNkK0Ysq\r\nxdroac2yx3pn0H6/0ZdWlE6DEsoZYj9YtbLOyhfwhyrE3O57vW/YxgpmMzzC\r\nLpVzt4EBZTSqgliqqGCRfKxsXnhEm62vUx7+Kx22ZIlxoWuSl4hcy38hsuPA\r\ndr+Y5qUV0Si2aaqQAxYofN1UbnevzxY7W4Ig5iRY+RcilW9A4cKppbt7p/No\r\neDORzKdv0WpmnWL8+d2pyrjJB26JAVlUuTk=\r\n=qB2v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"8e201b9f84a914e58cdc9ee90b3e03269fabf4d7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215184036","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022215184036_1647369675403_0.08576478313287916","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022225182931","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5f744ebe13b6f3ada448ac24c2d61ff0d41381b1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022225182931.tgz","fileCount":16,"integrity":"sha512-RajxPUKu4AtJ6DEn53l0nLYD5uy+kedU0aiGnkn+VKq/8KqASMa2WmlODtzxcJRob2fTFegbDe3Ukj+9rVhaNA==","signatures":[{"sig":"MEUCIEHTMhh9VzVgfVFLfJl00lf0fOPUQMRpc0kitBxu0RlNAiEA5tQCPm2bxiz/QbWxaQBdwFZhPmo6eFj7HQzVYb9lsMI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgouACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQ7g/+KSEYr/YxzO9RkrB9a1FdZAVopbTHUSWB/ehxjwC4TBWp3Gzr\r\npjZKaLP+4nsfeJIba9UlSpY2KaeZ0SeaWfRRM/zDNjd2VIZIC6g0gclylB48\r\nQJ8JoBrv65/1lJnUA8c42GR3K0K5AWM9/naA3BNx3FbgP3IIXc1EuEp7pH+R\r\nCPjp2LQq68rSYX3D6503C/YPBLTvxzFooyoubyHPBYSblca1U5zw5YUNeyvy\r\nd8pEuQVIM3kxCxJgrqax9Vt0+mIorsOnjvv49tUZ72n30gvXD7mnRXfkJ6af\r\nOIeA4UqNtq65CHociOC3mLS+YRqtKv8xUM0Jd1dCc64DFVT7GzxowhQAI8pu\r\nb1D8J+i/DAAoUPIqS1vv7zy1+Cyeku2Lb1c5T16TYr239QuvTioawB1XT1YE\r\nxUKoMh0l2sGWT4t+fBSiEyQlNcsqseYqgfOcb52mfhYFLrkqC1+AJPHIW4tc\r\nbfpph64oE/usGiJer2YO3abhPHael5kIeu0s026CULOa1t8isPc/gqFuIuVS\r\nR2X+3QVwxJpmPU8mpeMrskKNXfcFUvHDzz2XY6Y5Sk2slfdHb6LjJFmKR7c1\r\n8pvSgR65vLOTBDDArdVJGLxRbrZmF5JkXUzeELkR/J17DdIpYGTok8ypmVjV\r\n27lqwqgEtrRF2g9Wkz3IPz06vob3dKnW7Os=\r\n=j7EA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"e6fcf17304e1f6959407053b3037c9f2168c6ca4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022225182931","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022225182931_1648233006040_0.7328445434646571","host":"s3://npm-registry-packages"}},"1.6.9":{"name":"@chakra-ui/tabs","version":"1.6.9","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"78b89cb40e0659b7c4838c602b130971abc502b8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.9.tgz","fileCount":16,"integrity":"sha512-dWRpmLQDnCAZwTMY+e/0RPs80oXofz6565ACcffTmOm9DT/JXmMhicA+oIVsU8TxJczzrHhIICJzxWd1MNEweQ==","signatures":[{"sig":"MEUCIQCCPXynQVlScfkeMBnwVbbtoH9di4CEMSuGuPPuPGdmeAIgJHFPX12tVjM5lKUyA9O1T5z/OdD4cioOIlVlN62n7PY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121064,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQEv9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoftQ/+KtE2QspGA0MJpJGADEI1yBhnFnD8cfR+8cdwTbHLJ46Q9Iu/\r\nA7Xe1Ek1CWgqwTGMutzD3LNrhG5E2TV4RUOk43OCxEI+O5uOopsJVd2ixN/N\r\ngqrNEAZigUsDBrKBYZbVMwVdchDgN3CWZIee+CbBUj487Ru5r69l5sWsw6I7\r\nwUvN9D7BaxauEeHOk3r8AuxEIt9xSbhsB5AMsyve1F56SIy5ESERgGPVPyfM\r\nosb/1TaEQBEf/Qw9pY99dx/eQtBXTx2zCEerkonrCrrVA/XbevLC/k3b8818\r\nT3ph/j4hWOQmB02cg7xMrP2y263O/GbuYW9s06JrJs/t6/vQqEO8SHpcw0WJ\r\nEjhRC5nHibgCMCKH1KwyEZ/A9v0mLrb/WwJfsbcTT1nGXn8MEX2887ajn6dy\r\nCF45czGO3Cijxo75Rs/5ZoSnMFh4yw2JuRREfK1dX+VksjD7sWMj2g1+cKdT\r\nH4ReSbcIFCIZARFqqgIX7M0SsAsuxn29qVPyc5nE87i1LsLlS1q/4FiW8Veh\r\n9PueMXWIqTiZQbT4wcdouOo2mdHwSxfTciN3OFnyy+/jF8iEZheOHGItPz2X\r\nMHua6W3jUFQD0wVP7I22ph1sT7g1isso/BiOUPaebVKfDuSP/S06HR+c3Zdz\r\nNkygGO/jpa/E7B+nSgjDwVSdOVKTtXFUgnM=\r\n=dYg/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.9.0","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_1.6.9_1648380925398_0.6796311858357484","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022228155140","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"edbb4f5c0ccd6502b27127d6a36bc54902b7e1a1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022228155140.tgz","fileCount":16,"integrity":"sha512-wHmv1pq0/FwDQ8lJUvGYmfSWCRnijkGaT0i+oQsn9qCZYEmUTvGxZ0dfy7WnJ1IaI0750oxVMYDOmMGHWq9NLA==","signatures":[{"sig":"MEYCIQCJDlJ01JtJFl2a7MRwsoZNRKY5fRXxVRY+IrDBO4xpvgIhAJDzU39fawYwWQSr0JTLK4UKXzSLln2EBm66yA7xnrlK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdm5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1SxAAjI6VAIHzvzYrICnFju3Sh+mdgxqYn2IEYZYyx0FOEBUaiKAR\r\nfu3C0QeAkVZFF19jMonICA1fX+DdDJLTPZo321wKsdLC/xIuGWWEiIdafWok\r\niZAfvLGFDluPnwW0JwrMXF4lmeeOPcAkdrF2aieFZUY3ryohtumvgprvsk5U\r\nrcZT5m50pr4Ov/Zvz81IrzPWO+mb8llSF1ZXWCrjv3zet9GF47Q4L+yuCoOJ\r\n9ZIXOo55MyWKh7uRmY07YkdtWIT3ecjNHGDNk2xhSyzXazfJfzeW9uKlzYMZ\r\n6G6cDx0wpoblbSF/aCsGF/7YMQHotKpDFSu1H3a34ny10C0piIv0fOaEI5gu\r\nmlU6wQvgWa45II6LEsCw9xQL5bw985x0xI3HfAFCOhyMN1r2gE7gn2Hi4Wlk\r\nmM7P+BgRC1wTm0jop0bH6FVBfcrM37sARyu9kac+uqYrnqYi8G1sjwCk+hAz\r\nS7T0jolqIcVdvVefiYMCusPyHid988IPPgpXkOkdjfE8slkuesWPkrPYC38S\r\nizqnvtT8xzUcmJC8OeEzmvafF9qDQAIOYiHkbKr3CuRhklm7nCwGg9Xhnc/K\r\nYsN09KXqqtmQ50X9V7zMs0YPiLImDnB4E1BfyyKRDkGvWHSmroMkWSSTZfEb\r\nrtIy8iP2wmFN9g+9D+vVfAAidytbInLhKfg=\r\n=ocXX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"7fc8742394fcd2de80d5b17e8325b148b1ed37b7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022228155140","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022228155140_1648482745572_0.37019051686863214","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20223215463","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"474942fc5c4e913312b3b4af28ecf1bbf51dfa5f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20223215463.tgz","fileCount":16,"integrity":"sha512-LO+qPcTjwaxnMKV3V7QfYi7s6yddW/z4Z3vXeYFI6aG5NSZ8eHlNBmhebP6LKfjkrY+piwzqK5TmSQy5ixwSjg==","signatures":[{"sig":"MEUCIQDzYLir57BHsNV3QIBZIG2P9cxDtL8tO0y4nno0lOtggAIgVBHd89U9Y/NxAcfTTV572SNuTsUK4tjo8l7EF143rbA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmryjw//fXUXzL3eL69JCUBGN9PGmrwMr/QT1pPymD9oZ/0Kwx079cCD\r\n3L9ZrQW2LlWPgejxlIeCUkgh5TjoUIM8R7XhO+54p/GSZ93LdZhWo1yi/quc\r\np1WvyAWyuTok/OwpY5kIyCcxDtcka7mwst1flIS01KA1twWkKYBWw6bxeqSw\r\n1IHe5Ll4leQfceGblyNASIKK0KSQfxd+i8O1Qbv79Apj8ceaB+59aY1j1exq\r\nFowiSzmP2I0JbusbfYJZrQhpYl+O39M52/hp78JOFO98IZ1zBtcEs9o02qSp\r\n2rh77l8yUuT5e0Uwg0orxqStMoemWoGw14zLcWCXGR5wtov7KmoryHSdPp9N\r\nmVlR3XqcgoP8VRN6w6o9mvtF1vmRJvelCkNU25NscDrz4r2l/eDfP5SV9kKs\r\nxCxTMDubeHo188vFamVjgpxfoREGxTG0L2CMVpl1tf5FlDDL9fzNrBYD4kMx\r\ngeE1UskA3hK20dldsAGbkrgO6fGrmZYvHAV8Mrgopyq8L7QLfpeXyrhvKKwN\r\nU1U5RzkNrgT1L422dMAQ7QSu0m8Stp/nExKSo6JupLanNMiZ87uQifTL2bMt\r\nLg+t8TGPQCKfJc4tVTi9dNGmrACn40Bswx9eS0LE3yYz1OGGg8xON4ZlhYYI\r\nhXdn9dhXi5q+qn9X+w8tCflqAShwTo5O8IQ=\r\n=8rBz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"82a98db6e9dde5cdfb1abbcc6e7f4c5a09ef4f9d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.3.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223215463","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-20223215463_1648914398128_0.8955355103520475","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022349032","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0078c88fb92976cd97f0d24c67fe5747f44fbb7f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022349032.tgz","fileCount":16,"integrity":"sha512-DEuwJGndebG0VaZfktQ0TfJjIv0R8AWual0RcIGWHYcVk7ndMTc81v+Jgi27E8BsSsDEsFSGg+EwdWEGCun6QQ==","signatures":[{"sig":"MEUCICy80aTXPXqg7083ULNORb9NdXPTmpy48MNYKeJU6UHRAiEA+kOOSWGWqnEQLFKykijPHP++SeqMXi6/rdOkeKE4O5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmophQ/8CGbWs8DVp1y9TmG3UPZc5tr0UK9NBYPY8Pb4YzVKaNCT/Lgq\r\nRgrEWTVjqQlboC5CyVv6wCcJi53hC1oM2Umq9OBnBlYIzCrciyJtrm3msVZH\r\nS1ASuHR1L0a2hCwcsevJKjCE/M6ZwUda0palj7XvGpy73wYoMW05M3+Z4eYD\r\ngk/RQ2FitS3gzKmsRJNLtkjdFPs1tidfiZAhpO77EPTqFJrPk7nW0cISJnVK\r\n8g0DyWUUKIrn1YnnYeM/kW+ZzGfp7mKjoKon/hCIuew6m2S7C8luRGeuvUWn\r\nkdpt7QfHQu1lIddtNo0ZCxnfEpcoPrVQorqamGjE5QsXNxdtVbQlQDBkMsao\r\nrvPvg4DbefQViWc4PBeByPAmtAC5jdI1fX5QTMRtlZjcfjmYUwgNyE5Muz3Q\r\nIBTwsWlCOMCyXQz62HB3GuE6JLw0ZZPYxz2z/xyPldvCWRGerFJuRAdINSyB\r\nlmNPV8t5Xu2HL5sGBB2NHN65mAQJEkmyxxG8whOz0//ekYAvCYtPEMRh2wlt\r\nmuamREPPR2kIq+87f+onQZyFi20DCdJW7ke6n5IR591mkSGbKsj+EQJEZtRJ\r\njGPpBW6+Zne7+Hb38soM6AMqWEc6hYMNHpO8SqXjs5IlYaEJuOJupRSt/Yqb\r\nI4mmTiQdf+3wNg1YG3Ayb5luqWyaUY68UnQ=\r\n=KkFe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"59e5b1b6f0b3e7f412c890485615af9a57765cba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349032","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022349032_1649062876303_0.8668563842993326","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022349233","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"cc55c5279a84079d6aaae20c7b609e665ae0ec22","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022349233.tgz","fileCount":16,"integrity":"sha512-drqwB7DR35dSSPE2+N4YHAyVP8mmkfmk/ElxxVU4vN+2og15CuysdxxK4HqNNlq69nh7q+VX2zPLf1F0TAjJwQ==","signatures":[{"sig":"MEQCIHqoPfgjudsnbEJq6eivHNJp9A6G+f1ou4j3vsrY554fAiBlsqOg4d+yrqV7wDD87neNztl7IWE1NKJZjy+EH+MVZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqQQ/7Bgys2SnhLKDoHIb7eL64O0u5CV8Vw0OixgHWpt3SUdxxlca5\r\nJ+A07aieDDrtlhHOi3JcpoNAUcsvvB4cdLITdF9ikPXM+yjHuYr4yJebszbG\r\nVALSaTffSR0PNdsc3Vpqe4Fvbg+T+zTYLmK38BbRFhEdoReLc3BzUOOIMpfC\r\nY3dxghN3wMAquLm9MYc3w/zvRt//f4s2DZ+Dy53kAuTD0Kyah/C+H8apIh1D\r\nS1Lzi6uCuZ1RDLlywvOugB1qTbN7hml13nOcEz3CVXbrVHOSsDz8cpPKnTOh\r\nAEl0J7RbZiNSFqWCDTGbAOWvAUgu7kF73v3xGxex5UVFVAspAVr1U43EsANE\r\nGJNDoHlXzch1Vml8VIHqYfIKfEjg5lw1kWd19VivssTjGjHJIeN1W6LZW4gy\r\na3SbPudMCZAf2zaMUxFc/8Od5cUlBbOrrU3f7+PCjMi1f+NsPyJObvO17fcL\r\n8iF4Cs25ojtdM+BlugYnlt4KzIbnfmAA1VNZc421GgQ/mSNcT7nYaGBHgS+n\r\nNs6qEHCUrtZYcvHgux2tustXKPl5Xfl3VOioS5udG1indJecJnhWfQgfE0Gl\r\nAoRsZ1ijy20WCdUVkF8NisF+ODa9QX7hF444eQLHbdRK8WEcuFebskrcOKwN\r\ni/wqA4Jx5pOljuac9vDb8X8OkYaZ3Hl4ntA=\r\n=HHZa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"bb5de826e868abd7602b761d42d9d4842072ebc8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349233","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022349233_1649062998166_0.08121527849190802","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022349957","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ce551b6083b06342647844c5acf1c6b3d769f988","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022349957.tgz","fileCount":16,"integrity":"sha512-z6nUgcbygT+x8JoMltSQT/ExyNzOEQShG1k/2SQ8vVLe+w67cYqJJTxv/nHXwIV0spIA+QcT0cKjAADto2Yvuw==","signatures":[{"sig":"MEUCICl2U2uP+oF3/Nf23QX2Q/jSPXSSqVf97Y73E1RbVVO9AiEAyztC9ahBjyiGbrFcurlItJLaxIrVDDsMtpX3K+pmLqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrYFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxExAAmjzrwowLzeYHNIMif8BTCup8qAv2HbywC8sUEmCmb7gjktyg\r\nwVxPNSiAbg0W2IH8w0gESQVL/v2MA/CDYIa3K/xE4t2Au/mqbNnRtLJLoQru\r\n0y4MoRvjUutzRBCyWlzaXCzBO1DL4g3O5kntHzFOwP1GSpcSWT95OLnG4Ty0\r\nQ082jxPo4fppOLnpIlU5whZN/GAdiI9SVMDrjcZXzxdINwrgFjDb8EpPs91Y\r\n/Vjse8JwboxP0/Pz5ntOqkFAckl1lwoTEgVaIbAWn5IBmFtvmCj3V6Xbk6JM\r\nOIKRwK03Gnpo9JtKkNcVom66alHIHMIsa3ZVOR8P/yeB2RBnhSCEjKDRrsd/\r\nQC+wJCMWTb5QVNjXugJmgL1XALEm2mFWEaTh/M8OIcbtFGAQGwqv9cVEDHRl\r\n+rYh8/a8cg7tyxpm0ZTS4QwpfBMEieBuMUUYKOyPICJj7k2nyC9Johj7wXGD\r\n4ySsR9ZTArM1obRIoIO2Uf354ZRqY010g5/b7jkoAZ6gaK34N/D7phYwV8Gh\r\nUanBkl2QtZ9ZfghMdNDTp6sXCESjNUydYpXuz7IgurGns1iq1sD/iqi4iEhD\r\nSSlzzwq0Knh+u1NsSoM2HQdfjLPGdHZ4GxpTk9QMzc9B5nIrzUorOzloN9VC\r\nAq9MqxHZVh9yoflb4y0vqpZ5oesMjGDfuR4=\r\n=OxY8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b675d1794da212e0b7b9c98cd275436c299fea56","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349957","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-2022349957_1649063429686_0.2202546865119963","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20223491859","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f05d7c847577b3b953ec4f1a07716807796bfcb7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20223491859.tgz","fileCount":16,"integrity":"sha512-/FO8zu7AJgdVwzIsonI7xYYRqkYE3QJOCWMYe86ay3l8EQOZvANr0yxPpU/pqwXUdWfz+2+FBBhB26rwJYitJg==","signatures":[{"sig":"MEUCIBVLQiuyMwH9ebWUOaNgFDWSO/aK/l8m9f9V2Lb324l8AiEAsPlGPC/mRNu/vLOAvicUf8TgcyTP5V3KyMdBsuqCDuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrgyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqV8BAAhv6ewbM0iM7xvLisq+MnSQCOtFEWT7AKnOztFWW0kp2FWUiK\r\n9wtmKZWQ2M7E+NY5uYj7t9l7fYeLL3BDoQflJPoQHaDv3LYOQJAx82qpbL5Q\r\nXADJrRU5E8dpucSNDYrVMWQKVcu5xMOg9EynwG+y9MjWViLkkNkjzVH8J+mP\r\nhqPkUS3LeYMLBQ3EVHZhQHSPmrzBNac9Z68zljWU2lxmkvoMvhUhBHFd3/gh\r\ngZp8t5YiQIcKNa/w46O4O5U1pbNgLMpupmyqNAIbb9jnNdXIIbavqglkgPh+\r\nWy7EHfAOY8xjiWy7moKp0IVjrGpLAuXx7FfyLcAPfNyjxfIjYb25hiOdJm/a\r\nUEEmtD78QShuBOpkhHCKIuvgmSeT2UD13FoLxwlgPxaEdqpqew2NgEfCGWim\r\n/gw9ZwsfE7l+CWaIxP11T3u5ba/vlMiKtmnunAtIgQKhY4nwYqkBhdUNam6s\r\nLdKTNN+uwpnH0iYNWuRozDxWC8BK0EAGT2uh3xk9JkQWGpYvzZrPBzZy9CUD\r\n9FRfk9sodZdOZhMvACua31VnhOXUNw+P60gh4EVaSLRJiE00r3R+PvavcAzC\r\nKnzf8NMyPAGYnzsRfog3V9jqSM8LrvOShB+9t0g4oyYx9v/av6Ugh465k4BJ\r\nma/lW1t/5QJsUHwgdQqW0zpkSb8AB4FMRa8=\r\n=wSWM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specifc tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"3c59f6d762384c91681999ad247ec202255afdaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223491859","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-20223491859_1649063986316_0.46367667979523786","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20223655213","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2f727905fc6a59d294fc4acf6a74a5f969ca6901","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20223655213.tgz","fileCount":16,"integrity":"sha512-+V3V7wh09LWceMIoQ+L9Ppwjwsu3yZj25CjsqpJm3PxDHms8zYh1BDLWeriKiMvWcKzCx7tDtSl7XFliO2ZAJA==","signatures":[{"sig":"MEQCIG9TsMLNBUCaGL6Vj9xYMEMusz3YDez4fcFHxHXYjdlpAiA+blrp5DAhzokrfZKcejpVVcZBnDjZZKFriqlAGn3iQA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8PA//e2TtcVMgq7nrbC4varnNP4QUQ0hYMBJe8Iz5vUZYFdmZReW5\r\nX6/WsM4o5a4BHazyFcZXb4Ev3lL+gUBpFdZS6nosjlP+XJK2Qv9CV5bsgdv1\r\n6dBBN71w4GftqwFzO4VjRaPJWY1j6gHl8FO2qXBGafRmLPEiVPwQyWymExmi\r\nB3Sl9ZTsNUztjuFuZ4qKDlJUoOHLlXD9eoR5tE6XI8tfaflqZ2NIrBp65Klw\r\ncsSLhaQYOJLQ5ZOdiE9hbLFAzw0s9nMxhgUQ0dliDEqUbaFFadX985kbBDsT\r\ng6HIZ5MCDuKRXNOoRBsL7pq4K82v9oNA+N42OA1vEbmM9Ofmb7QZ42pUb0FX\r\nXMdUaKyB6d/eso3vNkUD2zO2QRJReYRmpQfymE9Ty7+tE7D4nn3i5uvYYxEF\r\njtMG2SQzvtLsHSdEANcQ3b6a2flv+XdoQp7V5AWWovFnnQA5zA7RKeDxp1y2\r\nxTK1eds7b4UdPAA766eYCkwAHtLZKIZ5c/jQZR0T3cV6dKMrO6juHmveqtPh\r\nBuh3w6wPUqV9RtfCe2MWDAaF5IKrr9YorxHZgedn3LHrwkWKj65en4pc4x4j\r\nf1YhdMzMhQ1W3mh6ay+H2zku0HEegxsR7u7zxcPhSoydJQ//rALf83cgjSl1\r\nLmtE5JIlFmd+KopudXFPQ3t4UoD0hevIGoM=\r\n=7Nu3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"fda65880e6bc8182622e73048e9ab5b3722aad11","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223655213","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-20223655213_1649224369481_0.2666278722858306","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202236131344","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"84e1c7a250e146a2376c2c45c3405fa89aabb81c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202236131344.tgz","fileCount":16,"integrity":"sha512-zbrT+7D4KHJyNAPb6KXfVIYa+k/KnSNrUQLJezTkSMzFsHWAXFPDNDeVhFbCAHxQCmV3kurNk8jMxw8aFhX6wg==","signatures":[{"sig":"MEUCIQDTxfVBr8yfSGh4xSPNUeY+BJYQz6aKZEviadfqKvNX8wIgLOLCmMpV3JiOk9AMx+HqB++4XsLyU/uj+ELutYCgF8U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrV7Q//baABlMrVWeclB2UNBOZGVJ64bngW4OaI4v6zCgX8IIBcqZdZ\r\n9KtHySkjd6dwuVh73XxiQyzqY3PyVmJHEzyQt6hrB0Sp8AgjwyCRslUQ3Zdd\r\ncv2SndeCEpWemqWKEUHf843lfg+B84fgm8GxySEDRcZcKOctQWbTYAhE7w7S\r\ncFqUEMMbUOnDi+/sWwyDfl4NyArmChb0qTPKWQMqAXfT+UKn+Ytzjx9NI1KD\r\ngvO1F0lqmG8z61NtcOkMQXFRdjNqlAnb4uKQFnu/2hTZq3+JjOfhzHsWBT1y\r\nMOEg9AD3ilGSOqH7xt5rxtwu1VS1XWPqznKZEHLuq7jd+amhTaJ9n26Af5MY\r\nqno56jaQjfXfm+NYtlDgrbulUKeWSv9qJgjxLhbvyAH2kTHa+q2zl4v0amXd\r\ngsYbgaLDtZxL+hX+jCI61v9RDQ3HWfOTFq73tWockxLP/XHj5k4RBogI1hvZ\r\nHazImRdYoC6ABtCdGiu2NtC+oVSR9XrX5A2j5Cx4Cf0e4LPmXeQN0V1LlfZY\r\nF0s2qZUMXqq87d3nNN1uj6MyGz0p90TdQE4eatVO63VPIRlsVnNQNXmaDfuG\r\nlpqxQZ3cTnBjdZioZpixtATkgc9eKrzDNnUMDMSZAx1SflBzTFSPZ/5zPZs1\r\n6ajBTv8gcJzsd8er+ZJe9/pEAsMBrq8tvrY=\r\n=WT/K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"5c3f6cc51ee18b653832d0401687f4bf6d180d3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236131344","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202236131344_1649250867125_0.2172078742318102","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202236132312","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5b2079f94340cbcdad524283214c599d5d994df9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202236132312.tgz","fileCount":16,"integrity":"sha512-O/X2lkd6eEtRTILbGGE+1iokLyc9lSJMKLam6eoOpv80HpkxNTXHqUwwP3083nPSE94+BHMAHWxSyxd8NAiYQg==","signatures":[{"sig":"MEUCIDF5QVHU+3S7kCa7RCFI17GhyafQAMbw9Jd/cwud5D15AiEAuQBr928zNuYsmOzinsl/ftRyD5OFjVrwoyMelt3+RdY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2BQ//ZyeKB7wVodhurAS24A28R0Nxuo0BUo9AWiLieqPmucb2chOB\r\numL/uT3Exyt2/VQfDPyWG5uHkcw/PUt3uD8Mql0xHiZqLh81m1IOF/DP3Ph/\r\nkBiqbBRZR/77udZXb8JDn34HTFaIkmKuZrr8cMQTt1Fswtv2MlkqZoVbSBAR\r\nRfhveIrCCDFqg57gurMR0XA+CSShYHDgClDz98PJL6pgJqi3UYTta6Qp6z7p\r\nGbUf0jmj5klghaKfBVrm57JYYYG9yEoux8L2MsbR5cINPfuC056FQ/e2YTFQ\r\nXM2l8VySGSd3BRQ8m8R8X0y4w07n5eKBHFSgEvXsHp5Y7O3KnisubkhdYNX2\r\nn5+wmDRuYZ4abtmgj7yO/V23xSeU95s8B7AmpHgB/4QzHgNjEPeAp8/hElbu\r\nhW5CLRcaIsJwFdMANbR7MoQTlHuVXqWR3Vdu1ODFVSg1YRZ+FPYGS5MGU5qg\r\n36XFvVBRwWYYJOhYVYYQIh4uTryJL3MUcykiFS2bVU1ObYwS5fE97jKIuASU\r\nDLoNmPrWnsv417DtLrwRaE1P//zt4fNvs4WCCMLcJj13vTnr1RFaxw/hy+vk\r\ncatC5HCeo8B3MpEhj5ZUyZML+sybG33SLIsFLZZ6sWSAZNqcJ91d+iYCjee8\r\nzmFZnB8e/jDUHdTSbehS/exsFzZvjrwFtuw=\r\n=UqEo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"2d169b1afa4a5d0be13f975518ee5e286b485d1b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236132312","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202236132312_1649251427885_0.7668670345780009","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20223614103","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0e94a755f3be624945557ad02f2024cc48034e59","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20223614103.tgz","fileCount":16,"integrity":"sha512-Lh++cDEwN7O39GOg1Z6OGm1pZ0L4NGVvwvOj5pIJ2h929Jk0Egd1kh0lmemqwsP2nevDO2VgA8XPWscdr18K/Q==","signatures":[{"sig":"MEYCIQCIu6tjF2TQZcF6CrUPq1dbJlz0RyrH54HOoGRBXQvzWAIhAOgKAv8OoGikLLq0gobmC0aPOu26J6srJnxVR85jCpP8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsAQ/+JNDXQUYYksjiYFJhKFb89q4aEhbO+s848W3FeYtiQwMhghat\r\npTwqidp97TGBvu4k8SRHuT0LDYD5DbEswEXXUPO3ygOIa4dMJtcTg2dtA8p5\r\n4WIeUYC60yXefil3NLzhxJ8/5Vwif6fyUiWLBhZtqpVFkM3FYaugsQDxWZbe\r\nCM2/F9MLo8Pa8I9NP4PtbbVs7rbXTCyID0979cIAQGDvxSQZgJEn2xkX8mo2\r\nHvAkREDDVu/jQ02gXCNrlYFud1CeGyKDkganMK3nDgKboJxqeIhHt/z8SQ03\r\n+1Uo9vnuRJDflpR0HZaamlNnezydlwIjDGvkgjUqq8nyQnbdwgRusaErY4rV\r\ni6RL8fWS22ZpszxPwSdFB1MC5jXrJqZMZpTnHfYHCcpsL5d3cPgU7ZzMZZjl\r\n9As24BoBoCoETYBMWKFIwMxiq+xfLkPcFsj7WDef6NCyXocuK7KM6jri+aeL\r\naMNGq1b7RaSigJQshGNdpIAsYUO/5cxZNpyMTxbG49QiPsAQrf0c2PJU2vlO\r\nQhk4dK7UJ5mkbKO6WDSU3qL8eS5VkcET7GOCvOB3adSFQIHhAEWV8VkCRs5a\r\nqRP9QpT9t067rLyNtSRTrfcHi4Hiql610rZ4Ay3vwYDn9mf60e2APf7uG2fR\r\n4fynRFGchm71rjOAbV8ZHoQldjjLjPyL/0A=\r\n=h/4s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"733fdb4b1af9722336a17cfbdfd906763eee823e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223614103","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-20223614103_1649254241612_0.5488378518687296","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202236141416","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"87e48c0e1c14e1dd91d7b349689c5944762ab544","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202236141416.tgz","fileCount":16,"integrity":"sha512-rGnxg6bHUW4Qkl4EMyUVyv3yJoFq9ZydvQsbB22+0ZXZ7pu2aiCpVdqUdzrF/HE2XWoXGUZ84w37avMJmy+RRA==","signatures":[{"sig":"MEUCIESZYXL6RwNPXBLEwxKsroIa4KaUbvbPWMwt6h6GQFiQAiEAmoXiCAl12amHF0tfc68B+xNn6L5aiiQcQCtd0UGcbT4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrd4g/+LnTTm6d7BrljRrEQfCNS9izjrBF2O1ZIHl14kRlo1SrNqtFQ\r\nfQI19KTWotzrKwFqqfSQGbXnsvoz5Q8Yn9CyJuLDkacTBJdtQkCFa80AZTyp\r\nfEy5nyQa7mkw172qqbBUonW1Hc4LvoWiqFH/G7NY9PDhK/aT3qJ4E349VsBp\r\n9uUVFuxCBeO2X27Lgd/1sS2XPXgkbpqNvNJTag++AX3jePrcCWGgoyi759Y1\r\n1rpyW56D0gU4e9FYiIWkkhm1A2jRdZLzIiG4NGOIvTSqkCkY7K2odmUCFcL9\r\nKYxSau1lZ0PG1SCRTG5GAfTwLEJUX05e/M0hhXeCny7rYmaI41C3nkvDHiaK\r\nEUTSd665+i10W0qs5ipWBwiEy966jodCRUSPnA6HqC9dDPFhhYjLK3WMrXzk\r\nZANz9Wtm6sPTTleLgQ3IxH7vI3r1SY29KIlP3ZtCBvq+SoZNZEdrxrZG/FoF\r\nRClRoVq9mzQ2UvZSrZy+0XlaGLAuQFeOKq94oYJLkQrVf+4QgT+yO5XtClrc\r\nlpm/usafL33Nrs/vUgT7AK7pmorza3VCYDVsB3oPnX6Gdsh0J3lIy+pA5qz9\r\n3AJYAkl3tvKRpl5wXa2mqpz1L8uqeZ75XWYTbsXZWoQIIBPC29DbtbHUKkuP\r\nD5+CwR7OAhXjrQrAGRgOjsCj+s1rVELuCT4=\r\n=GjLK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"d7a0761a4d3f34896b32985aa1caceb55473e992","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236141416","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_0.0.0-dev-202236141416_1649254492257_0.7041194364275412","host":"s3://npm-registry-packages"}},"1.6.10":{"name":"@chakra-ui/tabs","version":"1.6.10","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"503e528930f9ba467681279ee709c72ba24950b8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.10.tgz","fileCount":16,"integrity":"sha512-ClOOHT3Wnf3l9X4F2S6ysPsHMDgKSTgkXpB9Qe0odwpT49ZXNjSAYYaXzO16l+Eq/m2u1HzLkXVsL42HIeOiNQ==","signatures":[{"sig":"MEUCICaYhaha3Z5Ip2d6wKOsohU59GQAaPIAiPEB9oLYYEvOAiEAnux65ev17r0oA7e3tFgtHeJV1MhnAAFDG0CmrIIAuA8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwSMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSYw//ZWdezTn5Cku/XZGa3Kw7ykSrIE/WxvxNURc+jsqUZFGtKrV2\r\nOwJpNj8i2NYhNif2bj3nL/8cSw3BaA5Yh4W94DHDJeH7dCRNHo1c/q3gO7py\r\nY857qA3AdLfIkSFsVhuM2Vee0FU+bMV32zczJSskJCAnJzSIlI8V4oYm2iYN\r\nyZZP5TKYxFS74WkmcjSuGiBPt0N9Fy3j5ShdfxQpjXA4IHgvdNZv0S92CZft\r\nGVX3HGmSesLVNCinUvCj7GTUdHw9JUW2mKCY8nFgMF33UB3sGJAnCOCftiv2\r\n+mhfNjXrq8Th0rjHz6xp/atEalXIF5bvv2dTjdPjHciJTKnZL/SNKDpxg/tN\r\nbdnyLAodkM5wm7v/0exOAvAYna2mA5GBbIK4yhJloWO1/p0llFN7Dy6nfawG\r\nmvf/Ac5WzQA+lOQYI0hkDcnxQWq+pYgpayedtotzo8vfqozXBHJk0WhCUakZ\r\nJJQBqiqurZEFerwr+N1gbXCUCYei/0QZyqH8Y5U5bKt7ZB8yr/efGtDpGQ/L\r\n1A5Zvd6mZ0zVIsP2ng7MPrh9KT4kZsMlfsYse7P6Xm5pRkL/G5HR/+bSA/zf\r\niTjouwR0T4Q00HbmoiLVcNyGBrCOO/ro01wJH6bDyqJEbVRJIxpO5ahpp+V3\r\noKz9wZcrLeNTPv6fyEHe1+CurEZdTRadVIc=\r\n=0sa7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.3","@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/tabs_1.6.10_1649345676507_0.6017009241844302","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/tabs","version":"2.0.0-next.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4b3f463c85cba4e4ded33cff486192702fd015d8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.0-next.0.tgz","fileCount":16,"integrity":"sha512-wDEb/GYUXOshHlKO0hlP9hwJ7rdFxJSTPt/GcZU4jip3yYU+M50EYllpTDODdwbFIAqSUegprvd0Q9sHeRPBoQ==","signatures":[{"sig":"MEYCIQCcES+KVfUH0awqiW9t86GgZu332JklK8hiYqMViLujNQIhANsrmDg+IWd2Iw7csXf01EJ1Wlee0CNVELvelR48VbYR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY21ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmFQ/7BrUzDBlE4PuKJD1NBCZW6obQGXztjLQoEWKKFT1LbQbHD+aC\r\nJC3/GsjTw6/qJUkycuZp+jsDdYTQg7pXgiaKVirLCswtlDwQBYrabmK7tqiW\r\naFhSO6R601msiq/WcITGyzUYXLPF9KKy97bpQbi+ntzuTp7ZWvs/sTnx2o/j\r\nliBhkKpD4e7IMsb980yH7UUwlNSs7LAEe3clmUkOTW0tRZO7Xr55dJRVpAN/\r\nk3Av64nYknV6CwsI5l/fex35u6k3xVvztElDHOS5TLPsxJcNTj9m4FWdfRuQ\r\ndxmUS0RFIkrM2oBpTeoL0G3nlAQgZ2wfJCB21oL0OXz/FHOvW43jlYFsvarC\r\n+HwlCsRNlIDxZnxL7Hb4Ezg0En1esDhsEB56HE2pRTMHPjheuxNhtUM8oWEj\r\nnyfJm1xMfnZ4dK5Mfmln3XTtE0C6p2QMFFCSM3GkyzrS/+v45vFe6fFzL+fO\r\nvf5FbZrJHUepfUCjbhhRmI/B7AESRmlKNSWjJGcyyh5cgVQuUScctR68ayW3\r\nPf4Mhb7GgOQC2gyG55W8h5TVzqyKIUmo1nTajBCkfOT2AqBSvX+ZFbgdxQGd\r\nYEJWGItObCcrRmeDFJ2AWFLhKl6xVGnPZPRQPIg/aciqfAcBJd1Yw5ODEU0b\r\nQnbv6+AdKvrlRoQ85o3dGagdbVT2I1xVrNQ=\r\n=NfKk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"257811601483bfba6262e723393759399a55c148","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"2.0.0-next.0","@chakra-ui/descendant":"3.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/tabs_2.0.0-next.0_1650036149120_0.6814899253907445","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/tabs","version":"2.0.0-next.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4b95f33d22695d0b11f48785ad551085505f28d3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.0-next.1.tgz","fileCount":16,"integrity":"sha512-qRHlRPLB2VZ/Uek3r0vLSIwCXi72LHL+RQBj7HVTvAQH0WmZjHF1R3jaun+3ZrX9j3D1XRHE2Sf9+sj+xk+fdw==","signatures":[{"sig":"MEQCIE4oWrJJZ0Xiri2bNkq0Hwl14Ph5Kz24vMsYznf3iGqOAiAIv/KGL2OAiecEztczzN2IpEdQjZdear1BlMs2GtnziQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121110,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqViw/9EWGBOPb6IvF6xCMhOTCkuCyKHmDUeReKYpns4/iNQAgtB06z\r\n0bnZHDpAniiQzSCrLmCevnhXbZSSx81tJ3ez5/kHWGMckNuF+afFxQE8zjcm\r\nlHHK75N//B6DfB9jZgtxMciddsuKUVC6SNl9oIZLpkAiW/apvRDDmOjaeLCX\r\nT/FO6ZXYreMWF0DuyTgNTsAVa6x31ITBP9OiVXqYqOA7EXPUIf1lxdlCAiv+\r\n3vq3yr4qtTyC5xUcY20vzmuSj2S0vkcuQxiFPlQ02guP5sCF8188pFMEDjoU\r\ng5nnu+9IlwEgMVLnJ5YaAIfvzQd62qHMNEL6iDGcaxMZPfBYZmKxvwFwrrtv\r\nck/Oe6Ov++dOwr2uyTWGwPz9ixDDw5e79aufw96YGUISrdmRNNPvCfGf8XGg\r\n9sWqcKTPj6k8FpKpc9ND0SAo2VXdv3/M3Jzs+OI9ocZDZYakUI6tcZFC4LRB\r\nvH7IzA/KhaTFLi+WMyN6bzoWMyjPRgNKaQ67UPXutkz3f1BAr7W2Rxb5sJUB\r\nrJLlbvz6fCTk/Wu+r6fHBjIn57k2yxIt6P7n6D5qdliKof+y1t4LTouZBtX2\r\nUSI/zBYHVp0mn3mUwfPoVptC70yylOrlYLRIZu/Up9Aq4dpoXYXa3bHtDbgr\r\nnJiFGNmJ7dqRbd7Igy4pucrsFfeGpDC7c8c=\r\n=wMjb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"d90c04942268b9b586b1ffae3dd3791137716935","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"2.0.0-next.1","@chakra-ui/descendant":"3.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/tabs_2.0.0-next.1_1650607535846_0.33533444936237555","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/tabs","version":"2.0.0-next.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0d12f59dca798882e07122c7d38392cd77f8ff8a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.0-next.2.tgz","fileCount":13,"integrity":"sha512-2lCl1lHeM/7MM9gzlRknMczxXNTFEYVLJnGtVqeSLUv8Uz/vHVmZ0TLD9N27hySGxlwIsEHfDAvjttRcj+0DTA==","signatures":[{"sig":"MEYCIQDtoNoquGlRLPSHIevuTh8dDn7nN/VvESr2y9JmJDyImQIhAMs84yDG8YeS29qpp0y5t4iNN94Ztn3Nbk0bx1Yoz/rf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4jwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRfQ/+MSFLC6PfxJqXLZmuOAc9YiJZM3nTVj/0RgGedy56HVDhOS/D\r\nU5tRqUEcIRn6EIo8dkhTlcVcCq2VRvC+IgrL4LNbKur6rpQGgrnY5DXXLeu8\r\nQVvfOB4S16Km1bBGEhxqRD1VTbSzWTl1JUmocBNtpkRPL/apxU/hbiRcaVd6\r\nPN+JjyxflAk864tGg9nIvOlna+jQg97K2LmboEqx5UKAhRcMToWOU/HgiSDi\r\n3J1qiLSWMK7ZrTO7PCHKUwnk/uYIFNT9/c/7ioVVV4Bnu7zuGO2RQwI2Frgi\r\nl6AsXJY+IGqWm643smIC/ahGjewvolM/mzN8Fydsq3G2gQ7RvJ8XMa6UYk5k\r\nGWIA901vn32LLX5TsH1rxdiptR3I5bAyEfQ4XrN0CZxJlxtaB1/ncz489r++\r\nK44Q99olVaJPjisn86THCHbjPdM9OqjnC1NfkIsDSKNk7IYPPL2etgBUcwjV\r\nHnV8jp1XeXvInA3LdtvkHSX4JCCGhorG1lqBbmi8FRE0Jz9x7s6sQgCUe4os\r\nYYd/talG795vNUf9uMc7ZyCdhlTqJIsiKohHX4c32UmpLmXMvoExL1T19/m0\r\nhgr1Ug6g46lYNwLbGg4pIRXQcT+Qk4BoqhWhL4B70r71EVBvhPk7fUFdNv+F\r\nKUzvwpF/ZPQULdPfT70N1Htg4abIKGvraWI=\r\n=RLOx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"f868f7862a4206cb6794ac526336fcf4c19f34e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"2.0.0-next.1","@chakra-ui/descendant":"3.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/tabs_2.0.0-next.2_1651738864698_0.3934419041182202","host":"s3://npm-registry-packages"}},"2.0.0-next.3":{"name":"@chakra-ui/tabs","version":"2.0.0-next.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"477cd71f5331e165b96f3f9cbca3b1b3c1d0987d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.0-next.3.tgz","fileCount":13,"integrity":"sha512-ipJk9t9YjCFh4tEwIZrKhCoR6+YYsBSEF5kvKLEuJQ04U6A3QBG0ucXBmE+4+7uwR/iJ7Jrf3jYHj+680cK/1w==","signatures":[{"sig":"MEQCIHRs5cCbUEDpC7X7+8701FNPoAlRy9SC39q6ZTET96qBAiAEVHQYPIHHgRu1AOTp4b5hHL2JkFrx9FHZC+Lyfw7C3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr08Q/9FWKpvkRmFbQeE5aobWaX0KbuAI4glsbI0/0gqv1z8UbQ+7/5\r\np8ff9W99ZZPw9sSmlHYkq5gjT7MYtTFMfBz/wMZoiwF+U/Iqt5JIxYY/5X5L\r\nDzgXnkMLdRubn4yZ81GVF4dtwwOUAAP8NUXG9imi+aaBmnGEUYrvCv6l/Mlw\r\np3+I537JDYrAtPpMHpXvIu2RNUlm8aRFtZ6bSczsdV3yrGUoQ0JVaE5OAyRU\r\nRoftFQSa+bJ0x7tSy6TrThycxMHEpfFtnCRx6CIFDaDbsQytKrDW/PHzoron\r\nYnRQIv8N8nhe9VOLArXE3YwKOT9qw+Z3LZVzm3jxbLTI7SKLdQswZ+PqEJsj\r\n6N4motWhT8JULz0O3t8We45Gx1SEPeMMahkFwx+sg4ZTJ7bZyp7Pf6j1I2kA\r\n+Lq7+ovWfYk6DcdQn5l9p7QXSx7ryDZLUu559GsQTPaBQ8z0w9QPCsuenQ+W\r\nKmm6i5cAwTeRzodG4uvDFdeTFUT3iTbDwFO59hHxy4R1I8CXrDC5yoldEakE\r\n0pi+9MsjBaL+33D6Xo+xiOZ1aTToW+yCxn4VJN/SQu0n384pIH8lkhFSorUn\r\nlnTO5CSVD83cuLtFCuIoC47yavqpr6PluTtMPKYCZogdUsFtRFBMENDwrom0\r\n/Ay76syIr4/eTTYdVlP5pLLDLOOwJVikIo0=\r\n=G0by\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"839e03eb3d949c1f68fc3034456abc050ad2d8e7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"2.0.0-next.2","@chakra-ui/descendant":"3.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/tabs_2.0.0-next.3_1652085678854_0.03890249014615654","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/tabs","version":"2.0.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"357e089ee754ddadbfb6b195a89196b045506723","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.0.tgz","fileCount":13,"integrity":"sha512-1i4bmjD1aFgQO0pwf2rq+rbZW1zRe92BAs8KhZyn4hqdTo0bkcy980YjJKWsgZ+Wvn1/ThZxT9Y+LET5gA0iXw==","signatures":[{"sig":"MEUCIHAVM5WIyFEZC8IMDRqhSdsF9IO5MiiN0dulVmsJdwulAiEA7KxhQ2XhKkXbrGfwgdO7XHKLQNApjVRMbC80HSu69is=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRcg/+KJSh8UKm3YPj9X3sZ1eUBQt955nEoQz8+fwhWJdFvHfdG1K7\r\njEgrvuPGqFDyMLMHQ74POvz9NNopM6RQ7px1mzlpeXfACXAqq+VNOpzwLzPd\r\n6jRK4TVxuZ2CLvomrvqpnAyvFqfx23KUd09xDXaNzFTQOxYqSYfCoSfFt+7x\r\nbwwFS7pKRxWhCdIvZsu+T5C5aCby4x/Z6N+AOmjE8hx5hkxkOMQmc5zJKhHN\r\ndrOkhSF70FlLn9hPqzA9/G8pTHwb6wRCFonO0ToEaaIWqV9Ei6x+oCdJoTFx\r\nggomy/qxzUGXdYc2TYiuU6pXh/ubNXiD5bJFC9v31LN8+8gBsUH9x4ylLaao\r\nxzW3vSsia6TskxPG6dBpbeFio4Ab7IiM3Q5kS7uHhMsZfZCXv40jK9jiQP67\r\nPBCmXYw01mcEi7M2Dpzb9UrKJRi6Q/XXmZLnnyLL1k4vqnrRn0SeSzBodz6C\r\nNHvfkkhiM0Mly0d2w4hCISBpS/1kdF7yrhLyRGg9AaKCOKO6LT2li3YY7L+H\r\nssmxlNAaX2yPvgxUHwTTJm6K5Z1oS/td1LVuRRkAnaViWg3e8insU8+qYOfM\r\nQivJSzsmlOEo03VFIE7/03PfV6oGZ+G8P1NbYWff/5+NalEgauU1jG35o+3v\r\nVvYKuyCrP5+OeQ9Bp2P5aQsXUfmVLMzXp+0=\r\n=9D6X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.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/tabs_2.0.0_1652377942934_0.41015544069925824","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/tabs","version":"0.0.0-next-dev-202241614737","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"36b6f9e44b537e865c0e8fb4edc7778f0262a42a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-next-dev-202241614737.tgz","fileCount":13,"integrity":"sha512-QnyzOd5CURgNxr/ZyZfCqMrQl2u+di1IwyNAq9EJTBqr3/T8MxvNjmWnC0XFYSmbQAy5A+1G0QPo0yNgUN1Stg==","signatures":[{"sig":"MEUCIHE4raofGMWvWKsjCEtWmkkgykzV1+/WfGRl9vDYXXZjAiEAldMJVTqVkyb1ZKgKMAeIBqHneaKk8BScMn0JWyC7EHo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqTA/9HjI9DoBiE4oy51dTQdmpRPtgAp9U3MB/pygTVFF+J3/GMZG5\r\nNRKWIkR0+PRCwLzxYLE8gIs084hgjJxDKjD9q2pvkHP5F+ime7iICsKYHamb\r\nanEjSjweu720yk+nsDEoXGOdbvPocixZPNMXIMUldlHriqi8zsWab1RaRQID\r\nFAXUSY1QiGVemPeB5YegaRDWsrLeAAyiYM3gJ1QLeNV0nz/Xl189Dfjs7Ljb\r\nBez8C21ICiqEBfG16ZWA+t9pOCru8BIs9MCf32p9DFaaWf0NvbZlCb3fXdlq\r\nXsO4ddJD8x7ssBGs6wqvuoC30+WiL1ZlUBe+ALlQHxLa8g3TVWHJEGQPxtDA\r\nWLaXOB3X7G18FDJuqRJ476+Zo2J/MKyHh9IDYFOzY17Na30Kok4YFFuBoJvq\r\nD4rdydW0qBnULdYSLHJ3nhKzOD0ub/r4dEsb5BWTsBdLyG2fs2t5hAKmsyI+\r\n8bmywksc8nQrX5bjNDBTiY0JRZDZn1TdV6deU53pqlKfK63JKtLVVxHkR9sf\r\nx8ZeyF0g5TA98priGEr/cfTQ1AEJMZ3Od/MdFZkk/tamPNeMK6b4YsrbEJ4Z\r\ny4GZ0nUhgCNaI3snUS26DxetKn8cYR/KP6b6QuasNKB44nFgjOy1wFmCqV2m\r\nIood90y+sr03uzT6218OhoIDBmwSEXknSRw=\r\n=SYP3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-next-dev-202241614737_1652710092561_0.22196492934918965","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202241614743","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3500ea42e383d628461b712a9e547e275b195d34","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202241614743.tgz","fileCount":13,"integrity":"sha512-bLj/pDyG4sRfAqS+UJMWJ7n6B0zGrn47hm5dqQqwelBunWpnk9nV1JHizuHhsRFvrd5xNH7GkMfH2aeZofe2Mw==","signatures":[{"sig":"MEUCIQDp4QXJAMdv1NfPShP43D0ioF4OG2XT5rJFkixLW4IfZQIgAgCtTyIGik4uW+HENSmX4vi630F1HwbI/H/qZ4Nt3qY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHLxAAmPZnuWufQgn6fz+W3/T0Jee8JH8LKnHhisys2k2YYZxtI5uk\r\nYVNebZG1oEGK6nGUvR4v1g8x0Bslb0iOzvBpxE9jC4AiMmXjBgeq05knHSJq\r\njzQil2yTlgExZmEm1Lgvcr7SPNpSc+gHCH/lHp+tnujiFFbGz1J3Fwa9Lqhf\r\nxiYo0BT/mmjcV7tvmicJFAq6OnuCwR7fJ/TxTcNGuOQ9ti613RqbTC5Y5QiA\r\nZk7fcaC+Av2wb8K2nJXJT35Vi4Swxj7QKfS6wQ464cBiD0qVDDmImw283xnR\r\n7qLRBUE2dQ3LyLuY9ExTjoreC0Fai7He8pgMBnguOZmLJVGRf+8+UqpXRxdM\r\n+QuuzcDJ9L2n5TLtgh86No7CKO1AQgPe2/P428AkJQUcyuzEL6g9X+mZ4EL6\r\nD/COiE7WdC9uEz9GVwrK8PTx54fSYyaNtsW77srppUCj8ds+NJiFaESUAT+E\r\nvLdPCE2EYMCEHWhpDTn6O3NIxUjYFKcVZHJGhaacC/7Qz9aRDyk0su7FuoCj\r\nqcGiF4EYeFQvpmxAlG3OcSZIOyGenekanrGjl6ID0aT1gJeh0srAZc3Buu+g\r\nWym4nFY3NO0AWC26cK5+XNRmS4kvgflvDGzO/uYqv4SNnOS/YHj4KEeLHCoC\r\nat/YUEHk5gQi6S7+UeeP4UBsZBm5njy8PfM=\r\n=9sj+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-dev-202241614743_1652710099572_0.5722612875607791","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022416204849","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"65436c4c1c44483366cd43e3c6f604fc7d2d9f41","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022416204849.tgz","fileCount":13,"integrity":"sha512-KzUbuPIbfwbdqCstr7+X5/nJ67R0c5bIE1S/+ur7Z83XY7mik+gebtoyEAvfHuhVId1lJec/d1dMO4C1NZsuOQ==","signatures":[{"sig":"MEYCIQCGC1gTPvNQ3+fjVa2TvHbVKvKbq3pL98iy9C9U6f/CewIhAIGEBnSJvYdQi3EDC/+vvPziW163f7pibWZaChhLJENy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103507,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpa4Q//TGRAc4Bbq2Qt+ytYdXrbacFbh9h8t/1qYU9EV0VGQ4qh7JFu\r\nmPwgfnEXERw0jf6vhDc47oGzxcgwdFMbo0teFSxeoDJgZjaNt3uO7VPvast+\r\n8+FlT46CysBMF/jTm1v09QoebxYK3whj+RBC10OVQTIdg/7EXR+/ix4fT2xP\r\ntaWVeK3TPqrwz4f/Y85hpMq2U/YxUwhgmPRToK/KajAK339AIESU5MMHo/Mp\r\nuK5yeUBMjhLdNbx0xibbRy9TIpSc6+e7H3FxmRuCbsJLYwaKkQ24NFZaf1WA\r\n8tAS8OtJOhFqfV4XjMuTy/SVPQeAGMohdCRj4S6CWHVM5R7Bj34f5ukRjL5n\r\nZSCGtytGsdRYTCLzAN6FHjJS3W1Fd+D7545kRwFTcgx3PMRmdz1/sujP7u3d\r\nJA//G+9dc+BVyTdeWG4HC6sjTdFQm6UV2zg/xrLIYdoL3/drdpNraTsny9ed\r\nb7auUw9W5cwRFK6dm/kzssnwwxVdgduuPOiSVAihYdpc30ZBslCowE0C/g8F\r\njZADOqx1uTqloqu9O2K1N16CPJ81TUxZmMCbLJ4GixkIaJUmQGqBmx8G3FKX\r\nedCiRlV5AqhqtQ/vDRc8BBjI5PiyJNQyTsjv8Y4cS3Fm84q+ptBX2DMwnM1u\r\n9gEq+pN9aIuxk+b3QEajoRED0FxMK+T+mPY=\r\n=1a45\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"b6e8ae69f1ee9c566d9a7c99308c18020f96feac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-dev-2022416204849_1652734161561_0.4365693687406762","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202241784047","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e318536fa50a6cf1ef5c681c06e64ce4fe66ddbf","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202241784047.tgz","fileCount":13,"integrity":"sha512-uVin9NRS0/dnJuFYmyBZz9LN8Wnx3vIp1DOD9rGaYUojEjzg0G1qzLCBwC1Fu7YyMSc8rZcTgFIyhv0yOi9lCg==","signatures":[{"sig":"MEYCIQDH/VoOu35a+Bpeb14+yV27dUQ2a99N3ApMq76kwA7QjQIhAMiKXBMecpcqV2LEuPtpwe+P7UMVU9+WRVfm+BKtgL/P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnSBAAhMJ3USmC+mjZI4VtVSgHlD1s+rztRbT5iGPGYdcWOL6BWzZ6\r\n3Zrbl4YPMqF+uJpjgJZ1jHIXfpcIan8Zpje9N5CFAoAgWCYUL8Tjba7HfkTy\r\ng/Ix5KrvyQUkhuAky7r5fM8GmcRbVs/Czm5tBXyv936cdBTbMY6ixr1k8g/K\r\nXn0qS7JB7KkxUYHEg8tt14A53tlsYghiBA9NR+eNJrWV2IrNHyrjaHT9osgO\r\nyP4cxSKGPzxgXTHzW1QF0ZN/do/uoP9v6JCmu2vVjnX3HIXV8ysBE1XY5Cpi\r\nFRaBIkXNMRRCzXtHAFwjwyuC0pGuwOtNOdEJ1jaC9SpakzZnK+hQWTIbfBpH\r\nKZvzMAXqFJoSbEI+WHcNsiBQ5neZGGwTPe8BRvT9Y34PIEJz4FMHcvAJBGN2\r\nwFO3A97vUBh9jTUBtDDgzKMAXUT4zq5hM5C67HpIqoCo3PQ1Kkq0jb8Z8Vfc\r\nWHRq0TNKkbvDnGFvIgVLy5lX+GKzHIj2deenGqC8nW7SGuLNvUuaTLwDoIZi\r\npwxBmqllUpZGskSdRZgqggAI+GSmq6RVVdKB2VJw14ukiDOKn4u1ICS9LTLp\r\nQMKY3eaxlS6fXkuujlryycRJ122Wba98+vl21CANebIJJ2V8Wi7AOlNIp4ij\r\nt9ToabqGy3v0uXyTNXukL3Y17RM1IKvWa5Q=\r\n=8Yha\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-dev-202241784047_1652776885711_0.20001328565969967","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202241794553","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b5b6946e559165093ae5502060195b66e51111a2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202241794553.tgz","fileCount":13,"integrity":"sha512-OHEfOmhqBYP+X2ICPJzWjVlQ8BnV6pIlLXirUKTotITACB/n4hBS2iZ/ZzxLz2JWU8Xk260AAx5eQctO2KrQ2w==","signatures":[{"sig":"MEQCIHu6ELao82viffVJcfZJ3kVohzTI9c0DN7JvgKcBXniXAiBjSM2+DEJubXfikCD0EO+sly0dxNUjsJ0yRIWx8fdHEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRFg/5ARbfKXmbRUoscVM7yaBCbsViQVcKgDxZHlcGbTYX5rUj7+Lp\r\nriwQL03Z4oP6GvXU9OAXZ27J53cPKWTqZGtdeC9u8lLWOvMgs+hlyyxtoQmc\r\nKe9wxn3IKJXLOkqRoldROzeqzmK7x7/gLhgQeTHjiky3DJj5TyIKFeSyAoY0\r\nMUfYPbnz76z9pRrracDXahmOpIc+I5HAKmOWPFPzDOOslaKQuv3dOBqCLSIR\r\n1bw3XCN1YqV3Mjd5iMBQT+jBeOD6Z+l4CfPN2ibcCBVt9FLPseCMr2XpbZUL\r\n9I5kQFk2nIw1l25na2yM4c8K855OPhBE7fc7Cvw2sXBzfIkuaPisV8MPf07v\r\nn2cyiZlGAzJ9PSIfApKf9TiI0c6rojSU3q4Ytr3wIAH/wnbOPAxS/2Gt8qRB\r\nU/yyJYYNnuJ3+8iGXGBmUoP6CRYGBJdUKRpJ+WGlCJDXm6wajBq4BeQTPZxL\r\nF3M59Hog1Vi2S6RMC9ROhnNQXwSrC5JOLutQVItTmDB3QrXknAM2D60L0Zcg\r\n+cKFaX1n3/FEXXFJ+1Vy3Mhv0SI3x9FO5y7osa9SX1UTrh4Pw5x9jc7K/MD+\r\nm2jMav7G7RMm7HnRlfN5e9zAlhNntUuneTRZm//1ZjDXnEFbZTzbwZb3SeJ/\r\nnzHxIht56+y+HxrJYd2WdbWcUJmXSi13mD0=\r\n=8fU7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-dev-202241794553_1652780785195_0.5829099057945","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202241710143","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2954006b0964ec47ffeaa3de24d49869c033eec5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202241710143.tgz","fileCount":13,"integrity":"sha512-mNr3+tqPAW87ANJkgU6dFhl/hSL9SFyc/DNjiiQz5rO9ExSdisBb3fBFAmMjPYOYjnpEbpHhRrKftshYHoYQrQ==","signatures":[{"sig":"MEYCIQCRmU6AAvwKwdSCO6q4TwYkFs6BZE8mX1Ns3jmOMRBeTgIhANGUYq83jfm2kuDjAIpNbhLSyXwoFjuc+LsESkaqMqsQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvvQ/9EOqzlsxIj7CJpqKNAr3oB4MYtlBcHz2MSrZyTxqiOeLtSpkT\r\nzAYDnkWxxr3q842Nxw9rw6cdwUAbWMlk1hGQCr4SZviTNd0AmKW3sdpl3oDB\r\nv29SuSNjV0Si70VdTuy8iT195uGITPXQMLwiie+zawXc78nAGH2NrLw3cdf9\r\nQs+2I9P3fmONn8LtYH74+Tf2DxnHKvIAEjtuRpS4LFuoIBqXEbqJwiTfjz1p\r\n6MwjRG+pA/ILQKwqTkNOnZyPpwLZ/UyZy0QqcpHpF/1FoWfAveZl3m1zWdlD\r\nSeaOWaucmK73WQB1NaUykTU9oQAYSLIVKPcZu3IVzB72rEQLWtJVOYNQomeC\r\ndso+UCq8MFlvAjT1ZUGdMw7lQoFSauju096TuJE5623xvpRA6N/BufBH4opi\r\nVVAoSBceK6xCeW4h8Si7O16bFXoLefUlttXGfTs3H3/7nkTS0i70CHRPkDqy\r\nqtSXpqt75vHc8HON3tLU933nOUUtg0jvQGJ3C+kOPTCAGYWT/0aVo16CUf0n\r\nla+e9bdOBCkBw8htZuJMWfUMat9TzclsbSoJQypRoAr7Wd7Y3cG78KuQAy0V\r\nLCOO4ExKU5N/SZQZHaqd1YFilcODFhjDoXwIuaVQBAZ5q0fFSESBbN6Dj2ZT\r\nP6DB69JB2Nu9R3WcAvCviVrCjisrVSeYLcs=\r\n=1w4y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-dev-202241710143_1652781737062_0.8108182262409172","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202241710959","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9335f93d271657f04afaa4ccb9c0344071f03be7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202241710959.tgz","fileCount":13,"integrity":"sha512-PSWmvRzj4u7t2CiyToJWytlMd/5HI4U/RASy61XAXuWq2a9FapYEfke7lWaqneAi/1rBKlmspBcpbVru1AbIZw==","signatures":[{"sig":"MEYCIQCd0TNE0Fbu8WW6vLrZuby/wd+0MWAFsSPgQY5ZGMGnSgIhAOPkQgVWT5Xe8ELYOJAzEEK6yNwDd7RUTohwCct9/NIq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3SfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1Hw/+JNS5UDvbB7P0RjBfS504+U9ANpc+i6/h7cSGKYfcLpmMbWP8\r\neNRR5xVMehcGm8pbrz0UnjKI/r23KzTfP4nTqMqFkFTAtAlVmtyB3/r2No+U\r\nLuX7J0+RDrjgtE43CdMLPYiKCuELZEewBLobu7Nuc7wYPhp57AwK3Un3d6kv\r\nNbkGToffB65OjXddTS0WGiQGBfvTtFdmDiE57/StU+Xr3a969YD88fdH5tbk\r\naBh1yVha8HY8huiwXHDL7+AHhcQxoVcTlrrJ7UkugITnOnyV69pJHvtcaG3Z\r\n84z6VbDmCOar0XdajWZog6URGni5Yn0L8i/0FesHMHNX0cr45NEK4WxIa/Hh\r\noUH0nqSh/qTgbfDk00Xpg6TzFxUbV2WYnsb8y2RK1SDaiLIR4WvkPEC9d7kC\r\nr15hE1Hcx7/ZdkWiMd+zu9THjh0tLedpaa3tkESKY/GvNd7y/fCp4tU6hsRe\r\nZbTCzyi1jpHx8lw6q61Qjcu6e1nnwPqGGA8LADdVvLmyYY4ibowjGIfB1cC2\r\n5nAbJwVqTSZ3pnEgviv8BQTF/BDewmKUuDYtLenZgwJUEv3ME13OmUl9W2UJ\r\nRXagpa1bTubpgvpyukCMnjaG01iuM08jS0ng+c3Ed3cHct97gUklnnWk08iP\r\nmGD8lS7EVovWDI5SlohffnIQayObhIKIWCo=\r\n=WUNn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-dev-202241710959_1652782239831_0.05576783567847543","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202241716586","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0f46b02c63d0163d62a3935acfe342256ca44312","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202241716586.tgz","fileCount":13,"integrity":"sha512-YAKKCSXo3bnexkJcBEn0/9Fz6EUJNagX/WvHm5EY0PpR+cvKAqCbBhJ/BgdRdMJwFcGMRfk1xs2xPkCrPvFJPQ==","signatures":[{"sig":"MEUCIQDtEHqNsabNWMKZvZrHPQ8zaBDpfC/CFhb9dWlo1Ws13wIgWtGD9U42FNOOn3f8Godr0nWC7MsGSwKuLwXxDCV1SX0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1VA//SpUmaAoqBs2CakkjPk609ewsQ5Rpp1msM5SSzFC2JpToKRmU\r\nDeSr9GNAb8p1cSPeQuZgl4rso9BF52XFnFU1i0/TkjCMor2xELEDmG+Iw6oX\r\nST1W96K7uG/mre8XHjfy8mWZvfz40c5HoU5MwcFP+0tWNLBjspiNA83Qjt8o\r\nnybKGFjVoUXMwp+NUmvEXgt3GHMz3IIxCmxBRwPe7MPmoLTs3b2LLL09ooMR\r\neAO+PJUy2amX1Jq6V9xFnQPkLxdc4+Uqwe3nz3Ot8MS/gPvmLGi+lhSe0beZ\r\nBkhmUEVxezF+gC9VLBvvkAjkMVL8J3EBEiqP0Sz55GRU8ctplBKP5QgyWnLT\r\n7GjNiTljoVjcE/QgnKtU/2p9+vlwC4ZvYkJpwwBaNiNq8ueyhS/LpBJA/fWy\r\nBkASqqFX21fPKV4/QGhW6QMcCMVsEJmDa1hUEbBEHZmT/r5ITzpH+fBASfEV\r\nSjzuRZilwIq8PvvwuG1mPYxIwc50h1jrwANh7fALKlEAWq3GZF7AD9UtoXCc\r\nJXDpbytUoQjgcCBbQe4vm5Z6YFAKdygTONE5+KXwxn4zBJLRvQ2gmhbXYgIZ\r\nOHPZKTIVNh8haVi/PTVSbrXgn8W/w97wKXI0z0SOb2cfDwuh02xaWweDTEqU\r\nkeYuTgU5DyicEBoGP9kSITcjwZuSxWLa8XA=\r\n=ntku\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.0","@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/tabs_0.0.0-dev-202241716586_1652806717482_0.6139643025815587","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022418165624":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022418165624","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-2022418165624","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"83de240ea760a561df9b6c0bdedc5cae83336e8b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022418165624.tgz","fileCount":13,"integrity":"sha512-Am57f+St4b0G3MV9hL5IrESFiAX1KrdG+B+YDB3fY/FtbcIlZG4Q1LP721FQyv2uLt8E4PFunrYNtLQXyfNYXw==","signatures":[{"sig":"MEUCIH2LVH5VmuI7MCaxAFAS/4e2sw3JIutSFQHPQxF731yuAiEAg0U5ffvHgJAcam/Rw4xh2FgcZ31svwgFMmraMN+3zbg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihSVPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVoA//UHSw71NTVX1w1vA1LfD0L6qZ7X7LXKKlzUIxnkywTfP8pAf+\r\nfs4uQK+h+yQd9WsXbEDostmW4CmZhyTktbcoVtrafc5pZIVktHmnzaevXSSd\r\n0u7ByPJjUyjrh3ed5gmKhfH6dyE0oWe3aPirnnyGkqCqaO1O9fglK4mZAwvn\r\nEUpg+NaS0UksQfNddTCcHGhYo9xvfY8si4cPoR4fWR7pcmeSfssmAMm9V83R\r\nCIDtfHMep/pit/N/lvVsYQKqw7k9IsfvExQDPtab8edQ75exUAKL1wBcsZ0N\r\n4v5I767OiOCIT6VdkH1QGHq7PJqTf1UiAYS+3vNdUwB+uVOYo2aM2BH+xEmL\r\nV0x48Zzl60z7j5OFaDvlRD+WqSydV1EH/lq+VRyr0knKXtA7f8g8/dhvDIge\r\nMC/ladqGZsOCozenerxN8dgYcXqMt1ZxhqlBvcCV+29lfqdKSe1Jwiy9mjl0\r\nc2ZTk5O2jXN7x3rolLLa0YFobzLIk/imtlLCBAI8kGVmJGGeA0TBV8hRxrCR\r\nunKPxVvPQQabfJV10AEXcaI1ILy3yhQQ+W3mJ3awIO+uaBSqaZmoyZDsNEXO\r\nYxKNF4xL33FHVqH8xV0lBTP4XyGiC+45FOh4IleSFoLCyJA8IW5FZ4nv0sSQ\r\ngHP0ruQAnTfvDmVCVrMrlZZVrsMC9wSC0iI=\r\n=l2L+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"4b76f24afbef9f191988cf6a046e7374639fb89a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022418165624","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-2022418165624_1652893007552_0.5125426199394674","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022418173331":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022418173331","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-2022418173331","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7e10e1f17a1ae36c70eb9d5899e53b57babad166","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022418173331.tgz","fileCount":13,"integrity":"sha512-ehR8vNHnvvgwB+4DRJtbZzuVxUx0jXpeF4BiESy4MjM6oOekVIv6y/gA8noT70zNCA3zwIlyHxQ+PDS9I8kZtg==","signatures":[{"sig":"MEUCIEm9gZf2FzvH1mHd2E0xFTBG2vPe9hv79/EN9ZSpMi0cAiEA4JlMM+R27LZLpETL0Q4iEKL8ZSJh81Afpns20iTpT6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihS4DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3Vw/+K3rORUchl2nxfQco245rT3YPSrEJ32sLcszhkVqQE5aAA8rk\r\n2wxQc4okdzbpAGlzOoDeHVGrvJDTFFpNpP9chYjKBeqof4uzftYgeGzCVJtm\r\nu99kKIoFkoiBTMK+D3U1ty+ckLmE53zYWr8xUFXzQOAFJc3e2GvphEv5ocA+\r\n70+XPhbsj6v/COicJNllED8zeJA2dm2KtVzYi8S/0QQ6Mb/oRH+9rhEbd/Q8\r\n15LBiv/JrOFYeIUj55zQBbmfuzN1Rj2d7TyqjplvdpI2teznD204LUaTIIsU\r\nf9UbUxNZUN8EPzo81bBIozumOum6WxPp8S3nhJKi4SPMcmB6CwwLz2WwSRIs\r\nitowQa/IkabdW466f8bLXrEOjyMFY6qKq7+ChzKijcJVr3JkQvUcAMcHFr4M\r\nPHpgu5AuQOJUbRFsSn5wd1ZMhx1nuSZsyj6XoMhjNf+GwKDc8JxvaKHsswvI\r\nmYyQJtfcr23vAbJNrmTkzLAneQIqP5fzw4IVqBftdfdXW0SZ+1tB7TxI4lx1\r\nOlstIIw0TOb8QknJNarZ5p9bcWYscjxHvHJPQxn5Bue0iOjQ+eZUMWPyEMGN\r\n3lg7nkInFLuWuPNRlNha0KNpO1sXFOikbCruyM36NNJe9pL4MjguqUuV2//z\r\nHdAfUDc/n7Cn9JKVdyNNXJu12kI3oHToBCY=\r\n=WnsH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"427b5c97134a6f4e621491d124e765237293ecba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022418173331","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-2022418173331_1652895235047_0.7588597322411654","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419101754":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022419101754","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bc7759c4ef101f90dcf6cd4bc37814d23acd5622","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022419101754.tgz","fileCount":13,"integrity":"sha512-50uL2ePXk+/YQHw57cPoz0M/1TIlRINWpUca1GRBCT7o1dU8kA6lmuLmgjo3YW50+ob47FOd59bX8ID8Ra5dYQ==","signatures":[{"sig":"MEYCIQD62NdQXFeUpxOz6A9xTs2622gU7PyVS8hBYjC7fktHzAIhAKnxggNaU/dH6KwQcFgVZh0f68OTFksj/C5k98SviN5M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihhl6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGAQ//c63LfcZprvF/4C1NlgJOhTzV6G+eQ9OlifHgWtA3cuMe8Va6\r\nZVQ3xFG7MZ+vBydP6m6/Vd3xpfVRzGc5iu/zBP/XnuP667QzxZa6JhMfauP7\r\ncHVXFt0X3CBq1Vx+BjvMHrN+HuFbU1W/57CAs7DxQq9qIGbXh9Frc6zTref8\r\no6NP1QaaSBbvwGlsEWx2ycBgSW9swuYVmkz5sUfdb2fdf1bUpgzIFvywKV6K\r\nM2docKI0NjetAaQhAB2QcctI4AeJvNUlW7TtU9kaP5QQaMmK5nSwtXP5IfGL\r\n2U2Q+Ti852c7enDx/ZQ7zHWpZVM9sKLH/sa3kK0oMHY1dIX477dZpFREH0WY\r\nDKUj+u8nIuCdqiTYm2vVSyWrdHTF+xTkZfGsi2gWN8tG4R42YVKeCVQ69655\r\nssJTm9SXqA6ABOXmn+6kaqOMFk8oH3hPHo13rinQ/J16R1fGF7RGr6Otz7yn\r\nuSAmJlKJ6YDG22Z+i7Wud+Lvi//X93Iud/3dXXdYVuRFDcPtrlVgk1gHApGh\r\nkw6o8xEy/cfNI1xR4akbwy9pE4S9knggodxkaBhfHrvbLqPopsdVv09Qjnsc\r\nL+UGVVfgZtK72qvODpZhaAIA9xMFEMuK8wJNamAGzrD6Hcd+qnx+6Fi/HtoP\r\ngFnSKtJ+KLb2U3mZg0imo/zNGpXOr1HVvXk=\r\n=vtwM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022419101754_1652955514077_0.6956355321402408","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419173934":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022419173934","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"15c61da89ae404d9860dcdf41ebc2a86793cf8d7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022419173934.tgz","fileCount":13,"integrity":"sha512-XrL3vXDZPdxEiFtm2dCh9roXTCSSwxm7QbKuntJG44TsjC4jEYp7iSge3DwJNcA6SX+Y/uI8l9RzRm5IUNJTpQ==","signatures":[{"sig":"MEQCICrsF/hOztWfSZCxd4xmMx0Detl6rP4WQZykoTYrdntGAiBwhtsJG2gFkv+FNBEFSTriDLo8pjUYVHLE7YJIEsIcDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoEDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolHQ//QVl+Jr0cvhbbG5lZ1BDXL7JMTLeWsJ15/DzdFoPXAKbCkCcX\r\nXxvZVCvN1iksUvGNvnpNAxOPZfGbag6M8GS5H4oK3WLyN3gPi3Bbkz0LBqjh\r\nIqPEe6i1sIlLGN4cu4qL105wvfV746qR24flPbLIbn4qrXVN+OTwxPWsiAVu\r\nxNL2vCndMDQIMEAVz9zBzEEmBFeBQPPzqIqUTY/ML9OEyPJeMWxrxxRihJoS\r\nu8/z3DxXgmKSEnYrCWlKNpx2PG82YjauulIuiX3XW+XzkKjqisLBAF47zpgR\r\nYwv2DHj52seUdWcmyeOH3OKP9kawihCr3wRpZH3GglvP4PhLs3u5pixqfMKP\r\n+eBU7/6aNdcw0uxPDLJBjEy4oVXE/+C4jLVqNasbbv9RUUf+5OJrgXaIhGE+\r\nIWq+Fner8PPiimsXmas857tGzGuoSJL7p48Rdq00eaKc+mlMTkYrFy5LbUH9\r\nRc89o1tGnXdbXb2E0oLIbUXqvMNIoIRpbmvmiMwRyK/os6WjBpmBBQNKd5Nz\r\npjwtFy6l1gyWOTYC37hVLnL8K3cQpRSCZ68RwfLCtjsyHJcxhw+PvCVuZ4l6\r\n8PE1jYwA6BBjhtbJoPQuBL1hdUrXDvp9u7KP56MmAL34V9xpO+PXSzZzGAKi\r\n97OCyn3uoSk4WNJfbSHkBP/lt4sQ/phezPY=\r\n=h3dn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022419173934_1652982019157_0.11222595130047353","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419174740":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022419174740","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f61c7e3e48e703f98652a9390a4ae59cdff6aa08","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022419174740.tgz","fileCount":13,"integrity":"sha512-kdkknUhBae7TJX0Xm1+i2pAQQNZ4TZvarjYkdpoxL3hTRQq0JOUGOOCpH7zhQ5uEmURhqWAVu8+nCdwwA74KiA==","signatures":[{"sig":"MEUCIQDOQyA6OQ8qOaIgsnNV6MQqPfLnTVnqq9nnqO6BSMY2nwIgWuTusOuJfjE7U4Ukb1rw2X5LJewYUMjGm9rW8OELGqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoLiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqk3A/+PX91BcxlwLSBF/YHclx740Sf2TKkF1IDmsD+gwBX3t+/q5sz\r\nGVO5N1Pfszgre5pvAvo6QlzWzWAM6aHbAM2XwO+y5WrAzoQVMOFp18eiS6PT\r\nIr/mT50E2H5MuLbOSVRz4gKWp8fdjmG82FiFzzKi+MT26tvd7n03Fwvz746L\r\nRCZLVUsb5OW7G/oQuVdWUTRlFsknkS8CY54hcLHCjGOhN7N862kCB1KDFJ3I\r\nRfX2A+NVdGXArVKGIA2n+87suaW5YX32RPFQFN7+qZeZRaqny5nc6rOM3YzM\r\nFGXF4lJzG2vi1UnKV2e/PAKbGeMl+M1Af7B7+lMdftg5843e8nNCb/3egnxB\r\n/66CyhYIF0PJ5kk+SC4mWiLlo94QS/KqkN03fso9gvZCFb/OlxKCv7cTwv72\r\n8SYrjELwpDBG+2YqTCCRMcLv87zznfRugcjpVTW+aFmvnk4cUZVJOEahfdmv\r\ndsE3+bOkRH4iSuEo93a5LrJUyalbvKZCVM949l3tI4PsKuO18EIYlQFm4fFt\r\nF3Tk01vnTOZo5FFYEM2qZ6sT0UQJ7CHFRFtMCx/+MF6jheU5MMqUp7wcchzJ\r\n2tNxiIh72PxDa5k8pnsGXvGeIn5IG47zZ87wweGlEpCpvyLJw+0PMWYGgnBU\r\nNcqDjjbqY3tE4M2IYRKShelHc0c2BvTub5I=\r\n=AcMX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022419174740_1652982498551_0.6823878596560189","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224205231":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20224205231","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"368c7788268abe4e88a42d1daa948e0d10ae83dd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20224205231.tgz","fileCount":13,"integrity":"sha512-h8nrvKjBPZdK84dHG6awGrb5BrNem7VKzso+TZ43maUnecJpobpRru5ASJ/ygUvDz40SuLtmjVyscivMGLtj0w==","signatures":[{"sig":"MEYCIQCafLC5wJRA7T2kgb/tH+WGK+0YA/PrcRhJ7nz1tOoTkwIhAJaWx810NwNXs0dUMJXQ0wNuVgCV5oJmHXbnwEFERLTK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihyXiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzyA//bz3JpZLuLj6vZCwgbKEqPOM0f1UY9UcWOa1CIXXG/xoLF6dn\r\nMUd2SfhetMJqzmkxYt4EKBj3F5TOF5/fJvZRrQr71HmWOG/8NbTLjB8mrflv\r\nGEWfcF6K6Ob1xPcqFNb0fFBZY94QU72fKCvnN2s+hY7msNfyi/xnOwO1A6ib\r\nsaFcBMaHt6mIy9ZAnltpRCKX9ksvr+i9HZdVHsBiXGaCu4PndJC0qvJu22Be\r\noXOgR6AKrgD+EWfrYfsoo0b1e+QmNSI1XjfrSsZ3FzW2Nw4RZenH5MndjjPb\r\njTLuCQguCZ1q2x7oIKNE7dEEGbG6si/gCZxF4HMZDqN/XY9gxufwqwTBo0n1\r\nv0mst7Bk91xdXfm4VmjR1M0KHy0RhXushuYKCwlNhH1x4RETz5zbA4Kp5xBe\r\nPSbKZBxuzxYbRrDMELPtPxWXkyUrYOZwyY/Tlzw/oDgmyzAZvoTOxl8y4Fmn\r\nN/krXdTp1T4iinaEMjzkyd2+oc5n2WYhYnp4Zc1DDZsASh2F8uu7CdhmheR2\r\npWB9q4yzKwJwc4GlHxUn5O6ApbEDK2iQGw2l3i56VgFE9pvZekB68CjyKl4H\r\nkqXm4v1xMRkfiG59co5aqDfpSsr6AuOu0bHW9d+RfseX8ngv3YgsyXyg/esD\r\nYHnKind/u0MWjwdiSgZCeWGWzHSpAT7pPwA=\r\n=Ee1i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"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/tabs_0.0.0-dev-20224205231_1653024225888_0.7797254776480789","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022421153722":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022421153722","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9746314682f80fc0a80e200a869090bdb3eb9138","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022421153722.tgz","fileCount":13,"integrity":"sha512-jWJarPMV0trS0ins/TZShtMnfmOGNE8zepOtuR+tnuJRqLpSNR8kAGzQ+VAU0oNejAndyamgA2uwdT7bJZtxig==","signatures":[{"sig":"MEUCIGpqKwWTzuSZ9iPjPIjj6XS0CyXuv7KeIxk/cm3RrS5vAiEAs6AyL6w3LUB5TzXlfs6A8Gr+ASav0j/eO2dTVaOFthw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103506,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiQdbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFDw//ddfQCJLU4em+0Nk2LlHlnOlS2hdJ14XC/vhtEFpkEO2d3t3W\r\nwAcJkThQhQnjd12K1TEXt6JoHiV5LMyo/+Nz2SpK+/+auhNpyUXYvkEFzN5B\r\nKCDdFsLVDWp84zzuW0wtZodKQ2i/ZoGUYihzffnTbR4kQoolFbBf3qL74spX\r\nzUZobV6KIa2lS8OSCPxHo2F54xDQk5QVz3pvWMqb5hAiygpJ5jeL4IQbI5t2\r\nXzTuAIFDwyDsvWlMWE8gUpLdslYPBBbempJvTO0s6dkpfDI+QSmI3dzClys3\r\nRxFULm+K3F8gxp0qho8hGKfOhH42PS2+WAUsRdgLQfOz05IG6G3ILaAc0uQ2\r\nBIVpDtmm0kpxjlAFOqxdGQtNYK9vpC6nLIYzRGMIty5c8WQowbv0rrruz/lR\r\nEgFbXIfeojDfYnSdx1txCjL5++w4tSqKBX93B6W+IEiH7UnY4QfTFkdJknEs\r\nWeG9jRrC5aF16Q1g7zBoaZt6aF9YTkWMVf26BFGtbRGIowNe/axhl4EpQFl/\r\nBqST9WiP+9HrKyUXLSM9P69/aFWCmXwZRMFzInoyYV+07Keuk8TfVhh18ikL\r\nxOdc944mK+0fs0Mm8HHhqlrbz0dlNt6wUHlhjiTjs+Wl4K65I8KHi3j+PJAY\r\nRfud+q4z4C1y5UcYhN/izURoo9asCf4DNZs=\r\n=S6Uz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022421153722_1653147483459_0.4882292540119364","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242121518":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202242121518","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"628833ed2790f7d6929135eafca97af447430151","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202242121518.tgz","fileCount":13,"integrity":"sha512-HncoLOb2VEsVFx1sa0BCLkPiNHyP/ta6E1zEKA0qlKa8Dvud4aVBrEYx7vi9RJabr4hgxBa2DmDMMmCGnj5xPA==","signatures":[{"sig":"MEQCIAlmHnC+9ofBHUXhLxFK/V8mmUgadhOjoWe7F/r+IdWhAiA3XWob0Zm0Y9djHxmuLR8Mvdqr+i+zW1qddRZBzbywwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiVQ3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTJhAAktIivNY8T0C/K/4/teKW0jrkUE1YO8d+pMHiapK1rapcnekX\r\nESUPj0TdK2l0nT4tn2W8SppKbY502+WN9jOChsME2OpxLNxp8GD/YRPlfxJg\r\nL7jktlQIsFz9XsG1a/xjNtKywy4hl9xMNMpt1oA+kenKDklYJLLcR0B9hXy0\r\nC/krKYQauvhKuNLqdC4yu5j/Q2IUtTxpYEljc9d55yljkSpWEaEf4qqGrfRH\r\nBkcZPd1iqi0WHG8kq0JV7ncGigbuNeahxErUx/SW4hNaLNp5tWZ4BZMHG/Hx\r\nA86NXYIcucFW5aLB1d/TCGrjiF0WgQ0gWgGUG0WhQ+P25pBnVcHWoaJ9KiZp\r\nP4ZrahIzZv0EbqZEZJA13AJHZlofwtP/+Yf9HenP5luniIpMp40SaApLxtQd\r\nRV+dnd8Gj3uXQuWNIOzzECMB1f/rEv4DSlOkBdg7QK3V8PO5GdqnElF5zUE0\r\nXIp/2sMLoUGuBHPhrlg5oCTwuwI2/uBBIBwZtpqT+GRKJIqWx9y2AF+NeXEm\r\nVnaJ7YoviHpTb7zBwVfnLd62bL9BrRD4s2tXPh9ZhtlCHVrVX1urHxlYHK5q\r\nOuyXk/IREYVHQy6W0HOIGR33ytoqjBagWrF0CXS4BOdo0/E7NCvDMdrYbXEx\r\nLUFXYgX2efeJbDf0xMVg/WZvO/y9s8tGMFU=\r\n=0ruV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"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/tabs_0.0.0-dev-202242121518_1653167158925_0.3120879499831881","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/tabs","version":"2.0.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f35eff61feba05864ebd8f48692f721a66178da8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.1.tgz","fileCount":13,"integrity":"sha512-0kopiPhZpcSVlFM6tfSg9NpV0Du2guNiUhEy5ubLrLRXvt8xKoDZ36bDUGgn5SOPVja59FvUBL5YC3UnRp58tA==","signatures":[{"sig":"MEUCIBYc6+s78/VDwnhuNoe7YV1Pimpa1ZSAuIV0rVjPTmBrAiEA/SY1URNJP5+ZAyvU29JO/wjBm+EpQajEZztBs1pHJjQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiic0JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqwog//cvLtMsH+c/TpzY7YL8Q6fT05XJun1qqWpSus8jpjyorfghKB\r\n8xdAB5EQuvNc7QrgsBOMaAZh5Y7NY0CSYCgUJMAeqxnY1ZYgWCwGylWN9SY6\r\nppgnsFRlwo4G4S6gL8hR7T9knQFWtuvFqjvWn7e36geJZ1VHCFrSK/jrkWy3\r\nXvjXFIajv/I/22peLSx0Fdt33RXuLf09fwtpI120ZlFtWLXBElR1SCvJ25fm\r\npSjYfqTGDwPpNhoddn8VekC00um4FXXi0kGtegVxiCva8gJat/bf0+xDSPy5\r\nFVE1MZUMzNdO9h/csW4DhQDB9ehUYE5cEPsbWmAEytP76jJj1uHFUKlIoqIv\r\neqTCs8vxKkyfcP7n31FfUv5YpZUXStORinRlYOSafmMPpxiGs/cwe3skAO2z\r\naSRTihzIUOLpnncPu9AqeREJqT8LZ5thizSOriLf3FeB1iF/t3wnL9Ua+FyF\r\nLBJxTiIMaR6ZJZYK51i+EzmivH2pjxs4RtYTxyDqCEyl8NZujhtvFrH+aJRn\r\nMmG9d/DVtMdUfncWMXEhkwUmvBFukyVtVGCpmv3VjnfXOpgefjl4Fh2eDteB\r\nMgSrmOMTHsnZuxVnT9E7Va1cX4h/bgVFOsM9m97luGiN7no1PRh/KySJ+k5/\r\nuqGwFpXDRspTQYyE9bEE2ccY9GWvaWPRE+g=\r\n=JCLR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","gitHead":"9980e6ad4bd6c1f0a44e21ec4f8b28e8264abc34","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.0.1_1653198089621_0.9998054810450374","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224239149":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20224239149","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ec310a146a997fd0df7ff01cf2aba78e584b0572","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20224239149.tgz","fileCount":13,"integrity":"sha512-g6hAEltZSymZoM0QaYzaUWQ0v3VjJwcJKbbYtOcBiBbhzpsjXFMcmUzlSDjGAUzg7vlMk9viQ7ijZqxllRdEMw==","signatures":[{"sig":"MEUCIG6HZAwGtopm7TrhH5s1vxJDaAn6PnhjjPig7nEXqj3RAiEAlFSKYUO4ktG1KZQd+SU8o6Y+6qY3BPlrJlFHtl2Tp3A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103482,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii02mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmor5A/9G2MeEKRPGXSoFSci6gjmH3IuegnTliRZdtEmR4wbIekvglaj\r\n+eKv/y2G6AzTHkmLkjjNYnXDfJyqT4Lf/mb7iPWaOHUouqPEJeGuE/6Wre9G\r\nCC+VlnS/fuowY/3DIHYmVOtPTKGjUm7eJXJAbiJts73xLXQEM8M65seDauSm\r\ntnWTWjZLlXK/iYQPu/a+GYre4w+Qax9FZjf95CWDXyeOzszQwaa6A94I/fjY\r\npJ8jH8Eq35xGbwv6BI5lS8LNQdAMkG3DKPFHV85KbhQisNuDHqOX5H+rMW22\r\nxZq6rTB62BQC2XVMTBxlnrectdMP7uOljRKpPLzbfKcjD+o4OPA0PfaMAOmM\r\nmKqNWSwns1VezTiAny3YMt0fhCuffuUXY18iwGXe6ezO6C4XzjvoXqXCwHMa\r\ntRcsv32T0oiHWolpIzK4pssMABczmOXygI5PFOVwYoL3MujfoaCquXxYXuFv\r\nj5V9pGSurVFr64K06JmDygiTwlf83m+EQyh2+pOsWWtjwKg8WSJ8+1My/kJN\r\n67LUgAr9bCUVPyR+nfXkTTGC9pyuT8ZQEcWqVy8oe3v66rt/0g/cr7euf3bZ\r\nOsE6Gytj0fOYf0V1c5hJIPGkypuJjfnuRGyZF1gyoFK01YXSsA310t1ZqoPk\r\n4U0aEH9keE9H9m42GqSOTdgLxgLkPMi8V6c=\r\n=qvep\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-20224239149_1653296550447_0.03597290995834301","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423113827":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022423113827","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8455f73fcabf2dbeab55a60dace58bc53f9e91ae","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022423113827.tgz","fileCount":13,"integrity":"sha512-w4ljMhTdMamX0/23N9d+USht6t8XuhKFL4sVaD6wikJFeL9kSTTzBKjshY3FpSxhKzKUCMOb6PDFXG03IyJa8A==","signatures":[{"sig":"MEUCIDg1q60Sj3xPjo3JdJq7QRq0qME9lSGH+bE1ZgyYL6ESAiEAhg1povdFNjfc7Gi5XE6qMDhrtZbnTfDU1+2c9jDp3bI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103541,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3JTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohtQ//T64Mn0WPAF6uK5ntXVsBiAZK+EQ1LYr11LQRwnZc7kKOenOL\r\njK/rTQ6yD73ZFSsCTP0YCbdeYl8+Psat78QAisGS/Aae7Ubp+nspUGgr6Y++\r\nBrwKSAyQ02h1g3oOt/Wwt4W+9bsfu69ItHdblXFlU3KVce1qLeN3eFGcSwng\r\nr+xvIxZk/+NilhSYYVVxlpV2e5adrlF4TkSuNrgsls00324bc//5X3kd9VRI\r\nzK3jBqqkdKGA2bU4obhlmjI2ZoVDEggxkvhn5k3ZhjREHaOMMXdnFfQUDvPu\r\nFdGk9XjhGvZo7EuVHPzbkRgKzI5N9WtmlwQ2lYn7ssMiCf0yQ6sMKDpLRytP\r\nKIVoKUaH1J/Ur2q3jWBwJclr60QxowQUaQOW+AED37MNsfWjGTy0qiNBCfnD\r\nrL8N2Oqsc+mydG6z5J25KaWhsqRKSuA7dCpqVB9swXRaIzO9LHnNHOO7ywYu\r\npbMO5ycvWIsm+TD3/O11Ea7BiwApHV7OAVyrOXNua5/i1Dr/JDqtan3JQozs\r\nD1YMaRw8AGxQ/EwR3Un15k0TnGFLQl1ygBCuNLTR2GKT/LRyAZmgY8vhze6w\r\nzYK8MBC0OGFKEaNxmosGHKWGOJu17QmBrdRT+TzZZnEsi50JZZmW1ZSQeud2\r\nsRr+xQB+13VLbYd4dcgFrODM3ktCw/hqMIA=\r\n=QNVz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/clickable":"2.0.0","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-2022423113827_1653305939548_0.43004332806852896","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022423121532","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0ddf87bc59fbf9c960fbe3ac2fafdfc6eb6a2104","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022423121532.tgz","fileCount":13,"integrity":"sha512-1ulEsD214A38oGIyMs9/zFpYl6kLRGP6xQJN34HT6BFPS126VGRL0s66WF0QCVvmbxh9nlvUat63G/T7LYvYBg==","signatures":[{"sig":"MEQCIDS/Zu5XuZRp683Eh6h88AYSqYLEiO2ZqH+lwD4AFd+SAiBLVP+FIaqn5XTK0NJInA57a8Z5I/yf9ePw9dV6axwh9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpi0Q//dvamkBwkaWV3z1y2E33jbBUyj8Cg/+gxaF9uD1swRWfEAmah\r\nVkPid+2V9V/HurunBpVBLbTThqR7jTmxNw1mnq1ATmcp6Yp3qi5KFw8SJpDd\r\naa+UeuaeU9J3nxMwXaPJs06z4zjSFTjqerwY8C6N1BENVlnvP2Omua5Yy8Ny\r\n9Z6Cmu+2VnhZzxxmp4jKSe21x1MUx9liK2xYM4JkcyXvdvccQsYHOUNcItEs\r\n7/c3cvwSAcT0e627JE58/7Kd20w8Yps2DOxkOhvpB2jekPJztrLPVUGeOhkl\r\nTHMFcz21khtpfCL4w6jHxaVJ3OKe2fpe01k0RgdG+svDQX4TyfXFcrDLwP0/\r\nqF8X/J3X9pM2IyvMOcVwODytYPT5vakwxI3YIcLMxzWGvPwxm/WSvSpsBIUz\r\nAmFVMTSAulkLhyUpaUDs6m84N4yi8vo0qpNKSDRY/S6D5vv/TqasentF1+KD\r\nnpLGcfL9LHXJZpi5fsdZCx9o5w590x19z9KkjpkAuovjLE5T0yG1KlB1wdPj\r\nc0xz/bPJAJEYU3cEwGVsfZ61CyrLlAV4162+ekGGsgbXObMwdr708PE9TuB7\r\n68Xdi3xz6MRAVpn/rB/y4qi9444sHOfc+B97xysOzQ5/kBVSEu6XTsBoN20h\r\nxQKWeykoIhJ6jdBNS6yrP/OHQF2DK8ARmQ4=\r\n=6mW3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022423121532","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-2022423121532_1653308176895_0.04812570700210861","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022423121615","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"892828fb36d02d36e7786c99fb8d53ca59bca170","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022423121615.tgz","fileCount":13,"integrity":"sha512-J1GlT/dHFMJLYc36DcHmq1ngSoGn+sVKX61cnOX9LYCUjwz+n8LkUfGstp7E4V+4kMGQZSkAuaLZrP0jWCGzxA==","signatures":[{"sig":"MEQCIBaNjwpdq1Bc83cPPfX16N+FeV8TjTeCPeU9mNdbRHnhAiA5ZRCoFLfk/RyvpOAMSleBmYz5l2ItEE7REeuHFrDUDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3s4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmNg//ZgXZ4EOMd78ggWsS7ktlzvYXNi3lwLmGj4ycgaaM5i7fHvZg\r\nocgWH8yQ6m1dQsXu8/6EPnpcR4pPqRy5OefvsqnMwlP7RcM3N3QRck9jJ+cM\r\nkI3upLXEF8Fx92pPFSt2zMAOQY010WTp2In7RmoTpAGJl/9FFlpJQvsrKUmJ\r\nkEZmwQTQoT1HUPMZusGledZEeZoL+4osuXo/vmuw6WvIXyqUq0kEgTqKat1e\r\nUsG7XzxAsWTg6I4PBJu7pn7IX9U8djIIMCEWzUeP+WtYvyDy+pZccN3eP5up\r\n5DT0jExEj3wVENlWdph6kwb5Wv2OzVl5gk5OJfMENsFSv2aE9p8EkF7nrtZc\r\nAssM2cGjxXZmlijVwUVlvAT+JtsijaIEwk2tR03nszny3/21erbEmmHCDw1Y\r\nhOypk2wFii3uMzrUHCFCCspJyKJvcdaE2MLjh7US/i1G2eAit0Ql8/+lGy7h\r\nrJBqXSc2i5vXf+lJmoyxZZvNptSOR5kLcZ92UKofY624/Xl1aKurTxIHsKTl\r\n3VHwNqqMcBwOonXQzfNPjqIi0g9rRYpfgGUJQBrCz/F1jYPZ5qprKVH+t0uF\r\n2mEg1rrrWbdBTdS+vKNEBM6HW1kgr6oWqfOmSLQSsfwkY+gYqbLWn+5HUvpC\r\n0Ih+ZrBKOZwnExklxfpyXEkZMnEImnGYEbU=\r\n=x1WG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022423121615","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-2022423121615_1653308216258_0.0986993038646704","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20224248246","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2930f5caaccc02dddfa451624a09aba113569f03","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20224248246.tgz","fileCount":13,"integrity":"sha512-65n7O8ngfOv09Ayehu3iqKQugE5BfVrwvYRkRQgcNdwe99g97RSCYm1ZyIaF2vHt7wjLDda03ETQSyBhqa299A==","signatures":[{"sig":"MEYCIQDEkCj+2pb7UHsWJQIhBvXxQz7D3FGRWiHK5GWyEWYuDQIhANS0nLclWRBDfbi5G7jtCT5JE1pkEPEkr5FoDVkszPr6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103583,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwqA//UtvfZ0e7B+o4FM6GOIobchtXE7D3bID+5us7x2inwUd/ZE1X\r\nW8MRhysjX5MsPoG1lK/phnE8Kv3Z66jtUclRc76P6XVG3ynKn2iSVR0Btxwi\r\nc0+skYlkxjjsgOhoZ6nRTFjFDKfzs1QyclclFZSQ8iY5AHJ/uLCVKkct2PpI\r\nwxFr2iBR6T5ToPUS+gqxH+pJxnCqqcGcXLuhSVPb8G4mAltmSqPCywzKL1Eq\r\nfMUz8a47hOV8LTGHNinTWGM891G/gsXlmO4eMwKwukKYhxbbIlxsbLtLpvbQ\r\nIJ/4xWYKoqFkvkvNygUKvwwzaGkzZlW6+QDSSQhDNPVUNLjPQAapJt+fPZcY\r\nQGTNKNjXzzH6y4nSHRUpf9RBuDB68POgm2lDohXT18mp5BcvKM+izcCe6S5D\r\nUGxIK99mY9o8Szw4njwhpwJPIgytAQTjXhg3kOMDaNFKaKss1DW1crtJ53yX\r\nRNF/SJwZK0IB6o/hQhYvhEN1H0N8SNi49A7m9AzaSxWgByH9HP6RyvBEkytk\r\nXEMLZzxS+WcA1JfNfvyHWcecQfJjPX7vn8Nk+4LkeU6qq+wGudQ9aZTanfm7\r\n39YHlaAq5z2Kl0g2R9K6/KA075uBz7v5M/cDBZYAfwPSjEGjqe17uDxwWGXi\r\n5KlqWRm4XLhd4N6FEZvMlgiP4JgFCBvhZ3Q=\r\n=gPVN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20224248246","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-20224248246_1653379406489_0.03648574645932534","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20224248516","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3c6f55622eefa58c5252500dada8f788081b1ce7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20224248516.tgz","fileCount":13,"integrity":"sha512-9iuyWeXTumPmJUjhVv1gp2ibNQQMn4igGit3WA0aqdHxz2DOFRhwPgOZIsve8wDdR7eGSq39QEVRweQLxh/MtQ==","signatures":[{"sig":"MEUCIQDYKH/i1u4LnKC2TjTqwmqXnScYGn6Habr5Mca7x0JmMwIgXPDn81mlU3CjJHLpZlT1e+2lmTb0vNBEbrddjcBVaUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103583,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWgA/7BAd0iFjRG0Yo5tUynma5owhQIEfo2QewCsb798ijhEstLT9s\r\njBzCUHF73vNaqvpYIQdylOdl3K1WksrbqSP6hVDj9cTiQYPwtrUV18ODAdSN\r\nbL5jKx+SoLm3ub7Y0uMYkTbySoUnNl3/4RVlZkIw5rbsrs91BAntFu9lwt+s\r\nMJ12MoQ2HiADjW+e5fHNkXmgCXEqm4qMKbDvA0cWOqpgYYdSIZxXCe/LOpX3\r\nhUYaqRFt0M9iui3bfThjVVEnCvhmjt2c3IqrchHMa8BsDGQwOxx5UWSe5P9n\r\nXE63Juu5U4qeOWDGWrugMKFJ6T5UMEHgHoT5/5ZQy0ll+npX1l7J1czc8o1L\r\n7if99oNQGxCUKXaVbq75ZidV3y9XN7XS6TFkLd4gJ8CkA/68WinRXr82GAY8\r\nTeIXa8kzs9/xAmXw9faN85FyybS9pyeV9mi0vUpu8o+1UJFPmFt0TaZKWOp1\r\nOz2KFDheDknK186UT77EDBXP65kZCizqgT3Kdm+YFWMt2eceIGMfVaa7Jyly\r\n4m28rbI95VzmbZAKXsR+03UXpJrMT1z1TEj3DPKyPAWbNtC36GDcSWlpjBY3\r\npDWIMsaF7oXTuAEwr+bxoAwa+eeO1wJBm+Aiz0e8/cvMurzQqTU6eh48C1Q0\r\n1zLdrXl1smfr9JNx6MhnI053xVMCvdMivAM=\r\n=j0uL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20224248516","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-20224248516_1653379556841_0.532828760615855","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202242481651","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2839cc29cd37b977314fa5b1d7270933dc7888d9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202242481651.tgz","fileCount":13,"integrity":"sha512-tbN/Bwh6+j42M+KqHqiwjnsk9QyZkwODhrYXT8LjgVpGJ1cFLsasLXqion1nkFRIJC2w8JtaV0x91Yu/vcjYHQ==","signatures":[{"sig":"MEUCIGZIJZsCPaYGX41QMaFWmLe1/xlm1rtz40E2dLs+5MdGAiEA/SNJEZ3NKQ4nwR6G3L+5Wl8gIFJ43OsoDJKLA1jHhMo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103589,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJShACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTNA//dFciKqbZaurOXGCBRqSvipYV5kv8pgArHrPU9eG2HE8WMXis\r\nIqVgu7p8Qd5LphIX9jhl0FdMa8PAqSU1Vu7UphAiJboOS+Te7J5FnbxONG0N\r\nvUFfFF0WWBeDkz0477GSoxDvXFpUsQZrm6647hnOThoAXor3aGAWZDPXRRqM\r\nGZIxgzJYWco6sOvLMbyeNxU/Zo3nJSv9Xa8G7XrF8vIUvT09fcbl2/aAA6uu\r\nr6HD6rhDJLPWjm0gcM2TMo5Or3Cpy9g+0YAetfILm8/Nsbs4PehlKxQ49qKW\r\nCVN72XK2c84qdifDfL1tzP+45lmeCwzk4TZLL2kC6rtsX81XdkOP4dscf5zC\r\nyOc83IIJ5GGBa61PFAFxAYXe2Zz47DBfy/M3TJnCspuAJmCGgK7rso7HPRB7\r\nq5CWHaHJoMXVN0MTBV7BvE2pEEeA0jsOtbNfQTMlbLWR2eSDb1nyEvdO0UZX\r\nJSf5+dIp0W7OyEhh5siAT0f5hFRfu3tUMZDVMNh+acFcI1pQAK6u9PaMXDID\r\nweXsZOkPg+k+yQPrX9sBV6wCkiKZeDqnH4PjvFRGM20VSpZYr2QO3ChH4PLU\r\nDXhatdAA6aSrtGMXMFZBjl7ZniYmuEVrHCbWPSiTOsVko2oriPfsVg7UfQtr\r\nksdc/ZeDOFtrSpM2aO2XcCUKri9hhUHCOW0=\r\n=EFYk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202242481651","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-202242481651_1653380257652_0.931521043905875","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/tabs","version":"2.0.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9a831248dba5f417845c8143fc89bfad37ae51d1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.2.tgz","fileCount":13,"integrity":"sha512-WKm+jmakV7Gssgw/3yZGU/yx7akn+iSQv92sFeUvVbiRsVwT2cE3EeDzdcOO7X++EchvUekjejx5gFY1x+jrXw==","signatures":[{"sig":"MEUCICdiawIekguyZOnys7C+opIaRo0HebMCx4mwY2P620AzAiEAwujYyh2Kn4TN+kK0FjbQkvSiI4ra7xlK4KCjMvO8weI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwYw/+I+p8QyoXV0gZJOGetI5k4vpRHkWxeM/aa6JW+QBOhARcU+O+\r\nokfUZHBPrT5cPctP/CK6X8rhqB5gCxPIudcl/k5niFVFXpLoMz1ZsgLs1XfI\r\nxS+w7gR9owsllQ3+JfTw5N4kC22Qk0NtFkeJjtgE6JTXuYPFCqM/jxbJcUv/\r\nLiA5/yaHh4AQHdfcGfrX+Qk1UmD+k7WbQkIhf4FCBCepr2kr7SQuTNo5yzJc\r\n1hTOTzZjAlfeAafomFe1C6lKjYziYXGsoUYHhZvSYTdK3HVunyinmJFbsWEv\r\n6aKyST2bPQh1sf0JWaxPLQbsOceuXtRLIAlLGewkfDnpyuvqgNm7xLi8kF+W\r\nL1AvwGCmSCsheo3gV/UJYKaRnycxbyO945pK03i1oA4WHKxWANx/75aoZE5Q\r\nIcEK3gD1jfH964c60oOjjDnD4xE+6VSRj2owrE4Kw/Pj4KS/bOhapi+EBmGa\r\nbgyS0b6kYGGHSYL47SL5PTS56RvjIog8451TMobbZzFr3lzl2g1vMm6aktEr\r\nIu4ghivqK21om3Y1zNSjf8CeC5fgeBednGEsYezxJ6b+UaB0qFrzHc2xL3U8\r\nRJmZhUVAVZ+DoLj3/hNWD2+hByLO9G0DaM1ym4NNeJreeqBFrg6winuVuR3X\r\nkwkale9dEEo+S9KivJGNaV06HWWtTQpo9uA=\r\n=skwX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.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/tabs_2.0.2_1653395304213_0.8674615006359183","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255105723":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202255105723","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b22b345f4bf9d2e6f0a8909f37d18337518680b6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202255105723.tgz","fileCount":13,"integrity":"sha512-pJnw+Y+O+mfsmfMpGmpbsbpyf5AI/Aa4z4AJzmYnHHfWL+jfQqfaj0I6hgtSnx1J0FIGM5ITRmtd8TW8At7eXg==","signatures":[{"sig":"MEUCIEUHTpBZ9Ma/7zK7DXpAOHNqyy1RtH5VvfLUUwyE13vvAiEAxpFnk06pyg878w/4+O7MRwVsdqCTMyM8bBvwjKx1y+s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinIxCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZNxAAgNGRQb7CeU8aFstHmMqi38P/7L4hm9AXNhPjDH5ab2o0NKlK\r\nX3mxvqdIGVIRTTig/QU8TK1qlTVFew3CjCSnuukmD/QgLgCN6bvdaGxd5F6I\r\nqONoPiQANFOss/haGHhjNJIi3aLu6y4DFyRjPhz37T5vLJwbT7HLAw5h/MAd\r\naYzb4VNHg2Ar5z+KUMA9A3fxtKqSGVagp3Xw6WlElp00yI44GdcJK2M/WKHM\r\nZZqB6CLc7RezwFmdIFE//Jb+/KO7nI7hVosrTvm/78Qaa14ulbmA+gsoVxzz\r\niziAZQq+6RNuOFIb+x08wFiJtgWYg/G4HWOjkiqjKzyTMbJwamunKS7FYdpa\r\nbX/RBZPn+lPOCKYyzHAS6ZeDlQdr0/RkrqcFXzNIV8VhLuPQkJFb3tYmFEAo\r\nslVx9OXJIUW60+SwvpZxttXpgC5V8MVKpTvwugcDrE+OvDOO1nfovYvUkiyt\r\nTTHrxXbS2/qH16jsPvIhnH5s4KzYn1y2vZ06954cr8OX7Hxo6uKk1MuRx/nW\r\nCCrmXHLfSBQmewUkGQBJARQg1+ZSCK6W3xPjj0qLa9euVLcATnBWguXZXsi1\r\nw8oICWfcJBQszW3zygyAbZZuSAEC2tDuzd30YPYrrfUGO5BvoGZMXr8rOaof\r\nLPC0WYskpXwJDKkXlvXcNiXtKFApwvQQ8Ck=\r\n=cbP7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-202255105723_1654426689971_0.3574222455024283","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225517307":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20225517307","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"aaa126d489c9975416a698813865efd0e2ddc8a4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20225517307.tgz","fileCount":13,"integrity":"sha512-jH9PV7KiX7ezlNdxVcKBVLwQprgiJ+juKm0D2VsfD/hJmAn87IcniMGnQcGWkd2pLsmC2vE647v0BjB9kLmtew==","signatures":[{"sig":"MEUCIQCs/AhbvyI/gj9X9cVP/VHfKTC+ogQE9a2+aWfN/LxfnwIgdeo11P1lYv/zODPTDu6F3qr5Bo4YS22i//9S//WgYHo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103967,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOhPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIyQ//XCEBrOYBkVNctFuMR7YioHUMsNgsj0hQnTS8b9B503ApKPHQ\r\nAPrX3RzaCgTgVqx4aaPJL+0QT8E6mrdyP8YIQ8sKN7oFGqah7XqyWbQGg+wu\r\n8MVHvEtuE508zmzxfuniY9/105dUtULP6ufT1MIxowHIXjlLfVIE3IuJPDe1\r\ni+NCuM5MtY7Z2zJcSTv2i6r3tSpeyF+BTMKz6lTicOmtF0qhasyNGgCKn0Lu\r\nzezJDNv02wYYKccFznSNby3BXWzkBlCZ854UzhZSpMnAVgZiMTINdxYHslO1\r\nIpnTdZiC8hoIgrRrNdJl43vM0KEorlEb2UOVuq6Z/8PzMHDtn3XT4p1NtHlo\r\nzFk+LhTAcF5WeLCQvb/GHvKIFVTB6v0PxbgHqu6bM2tCgFOLwq44tBztMIlp\r\nUVX67HAvkyT2U6uFcvLHaFTb71ealzPd+MP9Agx4jI/ry5RBSCI+umjoTNAZ\r\nighoBO3xKVgFzMPjMcFrszyXUWu6z5/LscFdFqvB+g/GzJcbihsvnPyDjgC9\r\n3Jv3BBbu1tAq0NR6h8aXYxomKd4KTs/xTgOTc+FYD7cOrflCXvLyl1JJIU3s\r\n+hWC/vU2ooZPLq7ajiVw+6AGcH25ctUkFN73inbJ1B3OPHGFXEcpZXorVwMN\r\nZyEjtDmqnLWrkexxOg40aQGftvJ94sc2/bQ=\r\n=Klju\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-20225517307_1654450255518_0.4538636365765496","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255185818":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202255185818","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"df2e671e81d248b430af249bd1d629859a547510","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202255185818.tgz","fileCount":13,"integrity":"sha512-0g7aqEf9f39vTy5fMON0psWb/8Z2aM9QOS0FNBXym1NLLglbewVXkMsqainfwFgQimIIMCCmGsQQc7pgdR0OqA==","signatures":[{"sig":"MEQCIEVM8DTcw7EBqoNabRzmNsFZ7bvEbEXuagaaiMYSG2OWAiAakPxuDiRdsBmfvDVhpBBLameSDWiv0rF06AeVBSjbig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinPzxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFNA//VyeHZTC6TMFRecaoFhX8CgDLJHlZeH6WXIsGD9F5dRxt04rm\r\nf5JGKTUpnF2DWr2qfUXQQF9boagqKMB8QtSqphqI8XOlLWsJqFIS/4Nbg1ZJ\r\nrfxXFqZGC/rHEDnCX5ux9WjqFumEuAVSlySh5knYABpNsc8T6dC3GIBLnZxK\r\ngRQg9AtscDg8nJ3YHPsc6OqiieWi4a2aXJPkTHcODPhVHPSdoDh9WXk8fNgm\r\n3bo/Flzt7OW/zfPmPeQQP/CVIBQGEkZIJdm7VbBYW41MU2AAONVMsFQiOmCR\r\nLnEMwuLUUx7niZOfty0FKVEQ49WJYzz+n4LVu60+PwpYossYUmM3VRQtnFG9\r\nUSKZlV6+Xy/bpn/pggqLFjPPXYAmt/uW3n6MIbqwruh7VW87/HVkVxhuIg5c\r\nvExFArm3up8pUwerPlrnsg1bvMi/QBLAZ9NGkdQLj7S2Rm2fkuhc5FGYtZLv\r\nfSCmGDV4SHoDM58e91A4QOApFu+ZiLnZCj23A6usoR4VVeGCCv5ih0zWrBKN\r\n+sbTD9OTNM6Cv6QLSwfH342rqYLaMmaLIcNLQOY0dgcZgd2U//XqMYLN8mRt\r\njMhjYqeb4G2f0RJ40LOeC5e4s0zVphBaXPYZVPzamcUF6u4z0fDKEp9rmi3e\r\nQ/vDSC79Tl8vz9QE5FiQyFSbQ5O6uXcftew=\r\n=rPOT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-202255185818_1654455537451_0.05400840573643606","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022551939":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022551939","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9fa8c9db2a97b419af850468ee769528f9193783","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022551939.tgz","fileCount":13,"integrity":"sha512-y2EKKAj4QuZT9fLIxICXwbWvX4hcKemSmoiJVt8mUmDQSfPpdsOGjFIM2kmZd/t8s9F6FYfxWZXSXAktnX5LBw==","signatures":[{"sig":"MEUCIAK/OET0/2x8Xxcd59v6wVg8Uf1HcAMi5csR/YHGhwe6AiEApaAUV5rThn3rAAhUdlg3tKUQDAUO6KJrDBHQB9ha+9A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103951,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+/Q//a7J8RL3ZTvIIlMPIYT4GRRhr2CWGpLcv1gVrooQBeSYQbtXw\r\nCYm2RRjANpE8NPyJsvYsDs1ULknyB78CPfCOnwV8a4DgrdfnxwKdgzk2J6Ya\r\nMFR661UcQLWI0DlKJ9mfb8sVWVJsvob2Qqp/OJDLCHDKoRyyuP/2iyr/o7mT\r\n34VP6PvSvI34IgG/1U9rMSggPfp1RYVW7uUZR6S0EBsxtiTWxcVDnCqiNVIk\r\nceKK+W44VDzhyfG0jpfFpFs+J4aZ8sWS186zwBZBvJL8gZE5JE+1Hic78Y6A\r\nBuggRtx79/TBpuK54BZVX0RzH1RLW/hQ0xQv7iRWLFIutcTMceDAAi6sfWd0\r\npFj4iaZ9bbIkMldFKazwH9NYO8gGQDZNkhbHBzluF9C9LDkdTTSuzthSH+EM\r\nLoYbtqANUdbdy3MwoFlpsydPYP8tIu45hJdIcnkIkfSQguNHHsTgK6hNvzEq\r\nUfdAklfGkaMIwhVv4A9HZNGEzqrRSR7xXp+s04rTLBZJdF21++UYTou/kvww\r\nLmvQIvpRRC6WBxrsy2SXAR78ckK5fPrKYsRnT7VF0azdG8PM+Z5suP96wPhr\r\nz2BlmCkkG8wmeMpKKqwLL3e4NOapdwLyjZU6bxGhU6hlVRodjIwCW3EzsLn1\r\nidhE1lzUiD+JwXT3GeRH2/aSqZaMT7JcRV4=\r\n=TVaD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-2022551939_1654455825046_0.7813449764161229","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256151938":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202256151938","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7f347e093ab33e39078752acc6cfc6cdc701dabc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202256151938.tgz","fileCount":13,"integrity":"sha512-G6LT81dve0uzUMu1DU6q88SeqM5Na3aHawY3D0DkSlTPQC1i3i4bJGN21ndTWma11yuMT/Co0Cqa9vFVvnyInA==","signatures":[{"sig":"MEUCIQDd8LjafDPa/Y2WjP7cpfGBmXYNOdXDbBdp9m+Q5AuqLgIgcG++IaMJ8tmaKh/SPC657Ja+FjQIMCx98CEne2ZzRb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinhsyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoaqA//dLUstlWqSDlcsqQkP1DVc0euDI1asDWzHyqe6hOrvcn9Eo04\r\nppHj+oqvpNgp4xJuRS9ZPjuLdKjrKQJtaghS1wQYicn7GU7fekpRz7PFziv7\r\nPWENu/crAWALCpOPKxhbsv9cxmGnWd4pHAqtVo06P+D/zxR+rQuxJToAid02\r\neDLgxCOto8Mtp19qFSJhxKOHtLKV8/8UL9YZsIktttO1//Ig1zn9BZ9xrMmo\r\nxXfriYtq+kVLvAmbRBVZgHsJimkpQU8v5gpzoHXmiA9Mr52pMzVVL7wkZNVn\r\nvyKYaibjmbYqqGF+WC398Zz7EuKmhdF39Qrta1F8gGbcNocgjxzhM0H/lwY0\r\n/fTfq260fylNOx9NJ/YAjhr/tYzq4A7ks2NeX6gAPy5Pw79TUiPQLXAS/NDR\r\nAhKBWSFZ4oTzv1BLxGK/gY7eud0Lw4KWHMIoC8wNHSeB+OPdrcJ0hA+q3kAA\r\n2Os1g9a4bi+2gbQ26zq/Gn1bSCSFbROZbjsfps3n6clC+/twVHwd4jDgimmk\r\nvrcgNRY38QPP9BJBJqeXSd2IDVfGkJqUuOLURenySpcJOFzR4K0mmN8cZ7//\r\nIADzgl+e0RKuPcBabB65b7cAr6KunrYpXrpO/lfWdXvpECCeoYUtZ03xhHZd\r\nVkDvTWJaJA/Eq3DKbt1MwKK5onLQ72qk49U=\r\n=cglP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-202256151938_1654528818054_0.7977848706771933","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256153840":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202256153840","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7db42a34d469fb3b8c532577560fd58fa89631ef","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202256153840.tgz","fileCount":13,"integrity":"sha512-aMOefozk5/zhPXaP7egsxFofoBZ2rZb5gSmniv/gwiIgZAbefFNPK1feftkqCEmii2/5IAD96Rtpl8AcrSGWVA==","signatures":[{"sig":"MEYCIQDfyt2R3hFfXWJbtB1I8bAv2CR8hK9yTEJbMvs34LBLjgIhAPyJXmMyN1kaSArQTo5sRe/9VWv40OF7qVnxi0Zf/PEV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinh++ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogdA/+LXY4oriIpqgCpRT0ZHfwrFppVXoL1hwQZX/4rdL/gUPEwf1I\r\nJJlxCxrC2Dxnix1VDIMbFLvbQD3O3CVxtm/NFcvQz5lR+QhgLzR6v3EcPFlC\r\nAqQODzwmqKqBTSoJzVHRIxTBl/Bj8r0MigfX7QyL67+cL13hUzVKJj9/ug5S\r\nHqNrts8RajZUCQnliiRz/z3puQo56iuJauix/ba/PIIpX+Lcin1xIbF/n+k8\r\nIMY32HE6/B4QuAdHw/crqLktTenHnB1Ne2VKrUWTQxCoyy4uhHo+EU6MsGLG\r\ncUM291/HGziREYO4lDYLEj0dZsSIpq47SxCWA57JD55w21GRHgz5LHppL4D7\r\nWHkwaMmV95PVLZ16O1i/3lpkBaIvlqfqGsO6tpO9uU7RNVV130WsGKNyI6KQ\r\nQ5ZAotcTZsloDgFuc3k9omEasJ1NQXL6ruRFjMFBfdRerOUCe7vIEaUKJEQC\r\n1dLEfORZ2XRQ03Rv+yCbgN1Qumj1z+mqxcN4t/CfM6teoRIw8l04BEkd6W4d\r\nTxsgF2IInM+dDsAv7bDH1DeohZsoxIYR6xgSynuJ2iEW6OyDxNx7dSoe+IS2\r\no+y7J1ERsR2JLQFjPvPiPLrsu1Zrw/PqQdrMvMtmBrQKe+kZd0MB4vukTvio\r\n+r9we8ut1dGkL0qgqBkpmI5UyBPP69AevQA=\r\n=8LFl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-202256153840_1654529982340_0.41263275505250174","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225619634":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20225619634","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"569287175fb0f5aba3ec44e0c5cc5c59ed015959","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20225619634.tgz","fileCount":13,"integrity":"sha512-N0T7bOOG75ruJ7ZKP84JF3NTkf73otqeUkYc/gzcgJ3DAIuq6nmblfa6MLY+UUcl68mHGW7Oz/Cdwgx06f+buA==","signatures":[{"sig":"MEQCIB+ahmI17Cgyy34efMYQvrDJB3U7G3LLQwrY5Dk3RP6DAiBqoTzcFBRfAPBBua+jkKO+G47EInbjdmuGaipS0MoLAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103954,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlBhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5TA/+MYaijcfAcMKZcUjyThCVm1+eMKCE7Ijj7DGShykK+ajQmoyN\r\nUJjorDEGEDvh9/kcw9XANzNwcxPw3yOeXGu3Qwe4nOGawT41/O2ctHPichHn\r\nO+btzLJ5P9vb0Ba56why31h0GJu52lBMHzq5GLZ7rM5U1Ch3Xrp2I4eEJvUk\r\nxFebov9qky/VEt2GwARzadDFNAqUyuk+DLHFFnSNOK5NvpCIGD1zjiATl1lY\r\nAlp0MdaoD6wBDZ1bxyEcAUJOTiTfq2bcnFf7Ky9sqYx/r9I3zHEuqXzw9odO\r\nTfk8V5uecbfgxE2oLpcwDMNJ8TH/vvxkUNb1EIYZpth4RxsiK/99DHKpFx9h\r\nW980q5Hcmj50RsDG3huvindMBOMgLemQo0NcthCZijU1Z4nOvF3IkWb6Ldts\r\nxxuIftPzBr9B8yBh24tZuYJY29xgFMrWOfqQ2OEOR4kylWCnH23awsojYDAj\r\n9cCEnjAE6sAdJCmdz4CGBCOysTpnPKefr6skM9CUCldpujUbDPlRPP4NGHg/\r\niZM1jdysGh47LX03kobpHQbWQuW0cNpjjR0Biyc/HBzLSfF466VP6cFsm3mF\r\n9LlJKIJR4fQQMP/TnTbUM+7hOLXTwC7XhErWbaweOglVmCetjL4MtfE8haXz\r\nczCUfai++kjQonv2rvvGNFScGAxMiLQmz78=\r\n=LTvx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/clickable":"2.0.1","@chakra-ui/descendant":"3.0.1","@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/tabs_0.0.0-dev-20225619634_1654542433368_0.1997462911811554","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202256192154","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"41bf0228a027334dbf2f79475093bf4205bf467c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202256192154.tgz","fileCount":13,"integrity":"sha512-JUepdyj4esRxlVCjIMu/eGx0XP77W8g3kfFlOfeTOoriN1skeH64mjJCJY6/mQzbjyTDGHKRz2bpsiKB5Osycg==","signatures":[{"sig":"MEUCIQDSPxZ4m7Z1l/O8zixQrzi0Mp4DhJSf1cEx0id8OgxC4wIgZv6jD2gS3BpXcHRR429MY4e+1NOvc9vmCf/cNu7abjw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlQFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIgw/7B22kv6jjBy6DCQkGgQ6sZV4mbw+WConzsYWzKbwH4IsGPdAK\r\n1HAsjLhsNzif1IS4JGJ2aE6Lu1vASUERoRP7JfEVDDyNjQJYtYitafQOqZU4\r\nYiKeFfWxf7wJvNpxHVjJoArzCzJEH5CDkdRKezMVUL16Q+FzglRBrWkS/0iM\r\nSxAO1B7HNgLgUMtbi/czb+b6cvmJ+72DJGxJMsvxkIff4ZhAcI8Myn1nNUUp\r\nSY8VOsfiRRY9HWi3I0n3KIYmraphfksJ7Bb1PaIqgRVSDZo2ObadmPXycvRl\r\nLszJgvbxvq4Enym22IY1L5AxT7RM5K5wrmymMFuzQ2S2gsgFk43t8Ua39xQk\r\nBQUzJriBYdkYXcoQGhhjCvq0FvAft5n84RMfoQ/QA13a353oVd+77u1N0nq2\r\nx2TpiBj2Wcrf6vVJOZfhjUWtK0+qMRwsBCyC5sIiiedF0xr/OyJwQ/5crD+/\r\nPBKSOnZccljb5IANqREKGOaltM209aer7vOv8GhfgO8GpXscEsFShu2/EyVd\r\nEC1BqIs1JvQEM/XIg4JOJAog4jnFum+DPmG90/O+vbBrmO85d5DRAiQDT9eY\r\nn53uftsVGlgjKvNYjrqdkc6wCXrHs1vNkONjn05iKrtqXi+QKtmkSwz/kd1a\r\nYfcH3Gk8V2EAX7JeW1mdo/FuuAY0UUE2DRo=\r\n=iOMT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202256192154","@chakra-ui/descendant":"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/tabs_0.0.0-dev-202256192154_1654543364904_0.8327572011134996","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/tabs","version":"2.0.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"678a1814384c949a1b8bf725c21f2e840060f9e5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.3.tgz","fileCount":13,"integrity":"sha512-iBi7hSiNv7y9Zu0eR0b4SCBdKoY/5aOKhToZIm0iv5qJPunN3ap3zVAHL36ucPAIv19rC0GaOwqLsNQErMkMYQ==","signatures":[{"sig":"MEUCIQDNmgdo360FBUQn2RQPfCEGjmpJnPBv5Dir3ILcgiO2swIgcW0ssGNbNq2pIssor1xRuIX2+rITGuRsensoYm99COY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmaFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0uA/9ErnLBa3a5ANipXIh9ZFrp8L/wwN5+5gAAgAucAsVgIfhueEM\r\nAQTNrhzy6sADs5jtbYiRqgVf7dO2qj5+JhhdnOoFSTPIX5IHqnZO51HHLvLl\r\n8XxL0YsZvvJP6SP3kQ7Y1Klb349lVrf0XtQnMrTVYs4h5LQ/2trbpil9A9bN\r\nc/uDViBq+gbgFAmmmMRkZurr0Fa1UJ5Fcqi2huUktnizn7HAWO7KipQyAzBA\r\n6ZzsfYmDOhVggByt2nMGJdW0YAq1e2j3HRTgfTduCSlKKa5BskJDhp54mHX9\r\n1kyWk5O6PkbMzp40DUXcMXWvq8zF0aPzt97Affz7/J4iaf8V+b9Xx6oDmAoB\r\nm4bmS0OxALiNtGkw2hvOj1q6tNtmgeKuttOC/C114qYYRyyRQeK0Gust3VpO\r\nQVHCnyVg32ctDZ7k9VDSsuF8axyFAuy0En5oYq1QLpJRshgfH+war1aKKZIk\r\nAbNgUFvR7coy5VCF3Ba7n1p2zXYXsQhmkFtKZDRvlQs+hUyL0AYuLilDfPyz\r\nXm3LF4jrE29nj5mRu3IRYucdX+2/RyUlse8H3LRsXQyzDTZ4VdWJ7atWf1DN\r\nW34/rZUHmYB0/MXnWyU27sdH2x3VkXltyzy7DELm2yLXAtXHZ/hqnciuq4Ip\r\nTeP5F5k4ty00rJzvYxzRd+LkglubMvWJ9yk=\r\n=8MF+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"3.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/tabs_2.0.3_1654548101456_0.8972390826315175","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113227":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202257113227","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"692a415ab3045a137015980757c0de3196e856e2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202257113227.tgz","fileCount":13,"integrity":"sha512-yQ18V7mbp7BDGDVCiTyn7dNIlUH6A3hNb+6GN0D8HZuz3xOm9krhFoKAaSF+omde6iOfKijJcJ59mV5RmljUbw==","signatures":[{"sig":"MEUCIEwkhghNBTAdSAMbkfU5rPI+CZgfMKfNeSP6eDmW6J1fAiEAguXi82mwhIAPKZNdbwRFtiNdhuvIbetA69nkPk/AUF4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzduACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrF0RAAoZs/Oqd2NtTMZ6G9hqXuC6VttuYuv/K4kzDt7L9/n8s6aeh9\r\n7DIWACcz7FE6BrAxtcTGZga15rhJMIhwhZsProsfALZ6SdIUBr27XJykZiKg\r\nLanzzelTujE1vD+nk7hJ3TddaYUSeH3TCvKo39nEVF/LBZzNeDKiSFbW7B6r\r\neJSthTQ8UNetbdGqGFOLiNIArwEngHyS2KwMf9biMAIjqZF+jWDOsTR6ukky\r\nzjcZkOtzR4T+ZHcPO7o40v4f2p3Tx5I83GVd+xDOhLhSrEr4veZClu1TUWmo\r\nkPrw3wxDvZpO+EwuDWG/QIJYy0DLwOmeHuZ1Vi4tU5FpKbU9rHvwcZuqEi+S\r\nV4ix/SACK6RYTZUwfmqa/cT+7fqUHhw1T9Deox3rA6WRFj9zenU4cbnq5vfT\r\nxIdF+1pqx7532ZElG9Q504btMPZp9Qp4MFWziVsLN0otvYp1vt5tniWjIs2B\r\nLhSiqQeF3Y60Sm9vaW6TnYMP2L5LGsULExo7Qf7qEx6NRP2+ZzWYtXDElfqB\r\ni6RccJ0ZqeYLW80E1dCGGZH7UUKc6ZN3Y29G13KurCGCtPtjitgeDHsQ0ZS/\r\nOCZ/Xm7zoOS23XH+SyDHb8kWDvr33El+AIpy5AGsKtpQf0yj3FX7v3dTDx5B\r\nhwgeLoKqF9V/rE1JFNEGgqAMHzexx+sQLbE=\r\n=+oqa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"3.0.2","@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/tabs_0.0.0-dev-202257113227_1654601582108_0.40854198771496586","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113310":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202257113310","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4c776cac4015d788d3eedfc0c9e311f3fe198d2f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202257113310.tgz","fileCount":13,"integrity":"sha512-ERd0RV6hTDVQ2MzEiFikML4OokQoQrSlbU6vwt7oTVeq3CQ3IHPgE6QMfUuXZHtMiruYxnATHJo+8UxclfKAQg==","signatures":[{"sig":"MEYCIQCTRDePrYSzp4ATSav2D5MnEGOhMtiv4emzvXPn7kCM2gIhAK20EMm0fnNeE80jQhtUAuMCshKNQ9R/3BRckRrkKXzX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzeWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmon/g//Tj4lLIhGj1kfenVj/V3uFVlDUi5kE/zo+3AG9fhPwnLjiFVa\r\nk/H0WUqCr+Qs0Mw5TdI02UUSguxgL8W///TIYvjNY8psCW+7PhQVwZyZuJYj\r\nvFopu0onDHOEpBvqB6f72dbPyuP9kKj/VAyF/XwLO4L4ACWEQAPJUvnW+JC/\r\naHQw1GpIsquR4INwwc3XaVJDbh5AbhqS1sj/vnnrjOO/H02QgrRx+ME0bLg0\r\nxR0RH2qFkJWObx1DCXiLqcdGGlDVSkNZ8y2ztHpqjFY3O7Ur1ESEOjzUt++Z\r\nuJxOToI+dXrOMj16vL3M1NYY1/MhS6C2MDD2SI2gQTHJqj570TiDeBjojuPp\r\nlsMNfEIwSa2Q+2jjjejlGX/rg1hQRembBaxSEboVUdJpkEN9oJ7IGIQqpA5l\r\nBUbaYTSEop78SxCYRqOwM2f4RzUePQfBR8WJAHutqpHNOh9/LNjpTnL/djSC\r\nFHxsSr0TLvAtNEgBmbyW68UMRQYLc24vdJ+avErwSFcYykKS+acUDkYXWPoS\r\nWbzTRe0v8deX0tnuIXAnmLLidjCv/0d4q8owSBq+QOyAyw/V3OHX7tG87XYN\r\nH/9B7+XCi2vcSTFi2lV85rbmOmq+lLuwLpnEb06prDKWOWyZpvZCyCgurwmL\r\nq0BNMnXv1DOSjYjCowT52uYUEGGyk3qcQ7c=\r\n=DGpz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"3.0.2","@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/tabs_0.0.0-dev-202257113310_1654601622366_0.28620468972527857","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022587541","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"81d7fe691a6be749d315c2cbe55f0d36374aef62","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022587541.tgz","fileCount":13,"integrity":"sha512-avJOecvlYPkopPxTyXaHDFFqrJLFTAvFymidLUQMDJfLhy4BJVkyBtabCZ6Rd+XBm9QAU+t5cqLXJMgScGuUzg==","signatures":[{"sig":"MEQCIA+CUTSjNoimiBHtrqsW33pezvW+bU5OsILxQGxt6gHaAiAmORAHpGCAfA0QwEGqCnDc8rEWFD9NXJaNTiFUmJr5YA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103951,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEp2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0URAAg1RQYa0NwasK/maZwozgL1xH5XaoDU4js/15eKR6YKGS6mhd\r\nP3qIOuus8CbrQkClQQz3VJQFfilnwlKSblSwgUY2bBwTNqlebNnPmTM4bh2Q\r\nj8YMhKO7bUaeoYFR283sAX3wPcbMtPpxTwUUGi2iIJNVNxGrtfXKgEpRoeXM\r\nkIPKljfIxmHA9FMu2+tZVy32R4SbHQ/0Fwck7jM3atcMqjF8E0PeKDZdjmme\r\nNHi59Ese9WK4qNOLF/uv/W/ewRy28oMB7Ueo9PtCPnXGr/NPY16zXQvJe/bX\r\n5wlDYHonGBixfEXx8Fccj4ohBbUh1NU5JVhm3OJXcLg+/LRM+cw1QAnHp0qu\r\nw7WUWqu6R0DHAMP72D1OALm7bEoZzlGjtiAdkIEU72uZwqeoaI64gB4XiecS\r\nWK4G8m7qxUhE50+cx7IWPSBXtBOiI+Kltv6QasfQOxoJoSRBQkmEGHySTGls\r\n3FgQo5jRmbb31dkxNx40/gMhqOip2MUyrftNvvs3sB5aUmCRb4lGpuvVI8eA\r\nOZRaX1LtURQQ/fyCicbvXCkzQo45QC4TxYzbBx3k9gBkyHjb7jAeEktFK18G\r\n2hHPB4jrv9G0urBzDUiSyuGw/lA2uaejlY8jM7siPsrVB4G2ArPmPuIulEPS\r\nP9gDbdC4kL+rw/ulScEbjpLWoJRVKdbOFF4=\r\n=X0Zm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.5.5","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"3.0.2","@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/tabs_0.0.0-dev-2022587541_1654671989905_0.35696675356026764","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022511155212","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"58115af4fc396c1b875a17df6c5ad4fdc3ffd2e1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022511155212.tgz","fileCount":13,"integrity":"sha512-la6yT/7n8h3zSqvE757Lg4UeO0IDKVOClu9mPDWlc9VrYL8VvnWyzcaMAcoj0D04cly/CKFmxplekg8Z0bhYIA==","signatures":[{"sig":"MEUCIQD/gg0gyeww6YOApvJmvdrPAHLMTdTpbG2omQco0XgA2wIgAi6D7x6E6XBahmPTe1VrwJuleLDP+DYiPHZHjMws0eY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpi2w/7BNIjEipIl3fL7W4PvAU8AXz6Tzb/6Rt8E/IiPgZenwZUZqx3\r\nPUvYlMB27MXBJRE+2Wc9YaSnIva//pnL+Mfsc5xfAMRRZmkaDe36ykiUInOo\r\nbXwwayyiBxxdRbqApf5yPcL+8EUh/PZKLkSL/xWak1azs6AGTv280KlbhH2M\r\nQagXY4+X6WMYWlZvKg0eygRcSHu0alTCLWuKiLFixtTEtgb3ZLZa+ey66npL\r\nQoqvYcHj6aFa3x0vW0xKH/40Hs5kVZc8HSSavmT4YhlNZtMDJ6KSQ2hztT1A\r\nyM1MpdG5nINBlKsi/YcivW312V7yobwH67vTbNMf6U9atHM+PVriEOA7PWCe\r\n9kU+51IJVPBGow7GI/eNPerqTXv67Ijz9RQlcWf08jRp2xOc4Cf4Iwu9+s4m\r\nAllmsmvSuLKyloYgCXFKS2n5qS69H0+m0ySHARr8fj9f+TRrQsheHO61hMa4\r\n59VJG9COeRM7gzgTouAKoKttRsDKk5ZfxplerEUQGv4gEA9DFpbHerAp9G0i\r\nYVjNwTaX7Q6clZ22DnwG7KHRQm7j0ej7OFXx3qJYl0XzNjV81sFLTug7K2xq\r\nI06uQ6SpA//dBv/9rmxVp0FRw9id0FWOn0NHXBSeNEDGub3wjdVzpIgy8Dot\r\nwudbXl85KSkTcUVB23QO1/xBGyDkm5XR21E=\r\n=GiA5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022511155212_1654962773194_0.6636115771730233","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022511155356","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a2934bd1bc6c541edb66c10ff7601560cf501d92","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022511155356.tgz","fileCount":13,"integrity":"sha512-r3omfYDEuOVqHTUUI++cJi5Ib3+IzYoDPqTsjx5GnqYh8qhOz2QjxqJbZJYolC8r/kuBgpxFzNLMNQuKcm6AIw==","signatures":[{"sig":"MEUCIQCTJ3sSUuVQH0ULwJ8unOYopCG1SUBod4a9YxU4AqmT6AIgKq9YwXwQB53seOWRU9dAg8sew8dQ7+1tUYvfEhl+/mw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLq8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIuRAAmCW0SeOJn/60XUnaYmAjPQBqspjWPiYhi9RLNqN0olaQRtEj\r\nOLBgrF/7p4cKVP3+G7hfbQPmZIhAr2vneSm7RM461dZo34z2hCtbPJqja2T8\r\nMeByIVQ2jtuMDoge+VINvcbB/wHA6L4yO/mCT7JwA5ysxcw3L3SVP1OuNf5S\r\nZkC+6uttKIzUU82Q2e6Ww1OZ24w44TRREq/c1xl8bdTII4v/6iwq7ZWv+5H9\r\nLvSN56uatOGIyVla9b/+i88s3T+Ow5ec5rymtpZkYoxdO5Wf6knaVl7ygJ2B\r\n2YUl9D9jugdPR9CeOwXlelTbw+OJZylVR5mRXXwkfCTUHNNXDTgSN45OvSKb\r\nGbj5V4ifiu0iva+zq1K1k2BeZPiF30p5E8+6zsh9fxDNXnZ63V9pSa55MyZh\r\nce5BmNlwKlw8zvPMszXZ0CN2oIi12dQ3aoDCtuCeWwlMg3nKkidC0IYXAh2y\r\ncNrj96nn43bahALnqa1HqIZjUChyK12Tlu4lSORy4WNXl6skMfIvWITV4Zzg\r\npx1LH2mD0C+N/45tAhRqmTVEauXDMeV1Cbd1PZpPckrm44+rkGmvLwri4/pF\r\nOfWrQprZJkW8YPZg2IGWYTZV2jS6rnOBYZvU8qDaCqHrXaskwntUQDeIRKJy\r\n1MeZ36VqOJCc+XNzE/X1kmjhyYEzjk+d8Sk=\r\n=aeIl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022511155356_1654962876559_0.19202480573385872","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022511155428","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"17e7f65ceebd86cf5b371e61c7a074c7ba4175d9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022511155428.tgz","fileCount":13,"integrity":"sha512-DxbnH87LDA7D+pOXxiRuvc8mUfJJndGhl8a2SAAI4YC9MEkEwq9QtWG4TSlPxSUIky61Ha2zA2kdTZ9wbIutSw==","signatures":[{"sig":"MEUCIQC7XVPkarGjHXMVkTYgdwcbj2E6QZUAixEw2I2yn+J0jAIgNP8nxJo9YMBkJZuIirfCbqgfetlh9kd+dSBuHp1wngU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLrjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoppA//UlemJsaSiOChjyHDl2G5Gx5tPOYZsqcQNXp6EqpLW2IHFg0c\r\nt6sWcz/jA3zl+r6mSJ/RPkV/ONwwtbiLLM7syGsgI4XKLv9l5nC7n3vn86As\r\nfa9FPcACNXN8436OiLnosfPbmRBpke4oPmpr5QtS7XOGod/1il/4hyZwJHJo\r\nMiqNSan32VsYLAfx7BDKZX4CpMEY6uqBVp3UCJmtet7kNKXtKuOcNy0RZUiS\r\n6Q48/IAnnYP3UTCgHVprok/3fcuEJu7VdnPdbtNp160YejJWlhMp57yjyV+n\r\nQ1B5DIPSlfUeVuPMmIFAXsVhi2Rhr/ogN24y6oUZ/TD1WmF+rNGBkuqMRA3/\r\n6tBneFLc5Jtx1YA+BrGAoMs/3NeAgoWMrbzwMjm8VF24TEDVTJvF5zav5tQF\r\ngdNpdgq+e4q0SdfvHxMPLyy6ODuWM1LpRfMyOOc6dCatKTBU3nItg8XjHyxJ\r\ntfS62ybcoD93dknHaNCefJly5B5WNnEVblf9vwp5oc/gcutNpe4Tok/8Osz4\r\n1qCllg7d/YwK4HFttIK84m9tusppzIAVQlEj4oTLf7f3Cf7BNqwwmiv5dk4o\r\ng5MuSDEzxWEj/EDHwz5eIyh+hg9RcQzhtZA3dv4JjqOi6mJ9k5cOOkVYSAiJ\r\nceqHiH9gCNPeCCQzPuYMyUTfPv+x0PsNzPA=\r\n=Wrir\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022511155428_1654962915060_0.8083104130843606","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022513181240","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b9f110a6f609dcd5a93bceb575869e42cd215ae3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022513181240.tgz","fileCount":13,"integrity":"sha512-vHNz3S0xXeN5q8ktiF/nbjMPQPgT2ldBxjpT6C3ctF8uMh5W9IY8nPyHC/aXs1H2Fpv4Xu46EqDOi65rSUFFXA==","signatures":[{"sig":"MEUCIDuIhF39sb3JL8yWMvFUH9jkhuk4E9SRyOLvrdjjScMcAiEAw59plN/8irw/FRmaOV7VS8oekHOIkE5pQJl1rEYovqQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip34+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8uw/7B2c/6ZVzbf03HwV0yu0QLWLWcJmK2SxZnMHUUsi03A3rpgxG\r\n0tPc75N3id+F6hl6MMZlL/umYkBAttmg4zo78ULvT6fiacVijePg/vyOdcBE\r\nNidUCYMRfUnKUQBe0ZVrb6OkGb6tOA1CVRjTdk7KfthZAXHG2wxncEmkWA3w\r\nS5zntEnW3GRQltFdi3ofaPY5X6e/oXJV3KmiT6LXEytxq0tqIh1LYKfXm534\r\n/HbWhsb59aK7qkSgAqnA/V7+uILkFCTPSB7nfvOmtVo0I9oCuh6zJjQUCmUT\r\n3QvOuTFAbIbn3ulv9BPg6MNxumCulML26RRidhNV5hTtBWKpX66w3CLfLGNt\r\nowGvzQDm8zFjNBgtYum/yMcQ73QGLlvu5e94KYFSOQ4wi8IaNE1zqwc8+27k\r\nOe7tV5JtwXwsx1hr9NcyWHNj/I+RD2Z/HPSw7ME5htoVTrBmqD/KPTPCs3HV\r\nSRNm/NnphNe4PCLZoOrgkA6FArSOYff78EVKtD84wRoDh7rMu+fFQTVHwPgc\r\nr9LHgulHYfanMAP/DNtlzW0MQ8Zhd4MEESlKaDvyWZT5Vn2RDSJbOtQ62VGG\r\nMTEQOF6AsykY24w6jSL0nnTPBWIBghnEsZnz6HawWcs4qg97qyXUPth5b7GY\r\n960c4jvNho/rTbuRb7MCFIr2DRex3w688Qk=\r\n=IMbl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022513181240_1655143998325_0.7524349741587333","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022515163532","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"60a5c9c5215772e3a9d3ad9c5481b5478419c7e8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022515163532.tgz","fileCount":13,"integrity":"sha512-QpBEdeNCq4WxxJzzVjMNoqolKg5A1vNXcv+fuWpFdAy5nX7cqizksDirSmSxHNXSZWD4+vT/IQtbdWJeYWWOWQ==","signatures":[{"sig":"MEUCIQCKN5k05MNy28HqH+yzyYenPX3kgMMKrgTv7hcapiJCoAIgAJjT0qgVSlwttQv/0sQJr2cBLNESMdBbsGEV5L8a2e0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgp6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodLQ/9GMjBDW+S7kpomf4QOIQj7DUo1sGK7XceKCGW60Wwo2vp3JrS\r\nFPIyVrF7G56auchfwUmgD79dk0t/Op3lXu8DJqAvx96th/xnOjW9xHa1qb3Y\r\nFborp1PoMXhfgmhKjMAgZGTzkXMbWMuCklIZ0ThdtlGrP2ZB6SJ0KUvm4kZj\r\nh16VzjbTrX66yzC1NYGG7DN1kSyB8twiXQOWeh4b59cpadsnKDi4BI0nqHTR\r\n+ZWTuHQBKd/GqFIEiDPaYyTAhKV8fPdi+neWKLAjnDs0iPLVAlM9/7OEJD+P\r\nYLbBB4v826L1RpkuxL9WuvXI3wXiMa1r8k9vE+YNoM0Of3CnGgZ+JxBeUTEk\r\noeMsoVtBbNta+G6iVRlxDCU6OqbPc7irnUJG+OqytZof+kysWIZy6xTmGILQ\r\npIkIKZqNnPWkAH2mutqmW1LPmb3OyuhSTpVswNQwBgkJ2b24MNfbSakDQdIv\r\nLJR4gKWVMX2Ok38CDLk06RqdHdMIuZbdKVDm2mv4gKfbk3yqmlL/sdtc9RM9\r\nqrHc/yjKTnlLIDgrnq6xyaPBAIWnwPZbrSPLSbhbLv5IjTTxEg7d+NY9wbz5\r\nqjXdFVntkxp4C3N32wWRFH21Lrks7se5eBMu6oQkQsmhLLSokIdcftat8OPX\r\nKjam0n0upP+7/+kbPI15hbA0zFU1D+ixhWY=\r\n=iqqh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022515163532_1655310970433_0.1883807417022425","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022516122241","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"425a923db56e2c9621bfa7dc346d3da6564b1227","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022516122241.tgz","fileCount":13,"integrity":"sha512-aOhCDPIPv3+YzsPHaMrVofwyCyfX8CYLJFmxn4BCsWJ3NNo1q4PWHZ2GHU3jlH81/fAIwrTLYI+LLbdrgfCGlg==","signatures":[{"sig":"MEUCIDsiqN40rk4EANDITpCKtosJTiR/JQc2pWQBWdoqOBgaAiEA+O07fIQVkDbJrvknzYmp8tZwizMNo9iUU6Ix+gXgAro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyC6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqzww//XuPOnsERouIY2M0ujWJ/w4LcGcNetQZvzLQxjhe29/S/+m7u\r\n0iFseGbZuJz7tc+42RL63Osy5MsiGiPEb+ljkhdRP5tw6NVG4ekzia4aTB6z\r\nYLbUjE1sWWRss2c/Ac7UH4tBPctrww22Mwyw+dL+05pT0T5Ys6tbGIFBH4o7\r\nDOMymZGeobbFhdCjO2cjkb9ff3eKmU5H4p5abXgsF3nawAUVt0+z8F44zMrx\r\nJ0Gfnr7yRmcv8P1jOq+LCxRbprz6Xw3pQ2pdaSgNW1lA8Lt4bgK2ul2lYxsF\r\n8kf51SyenEbWsJ3sQuxhHyaV9h1q02IjL5DCdAVnW0UsWCJRKQI1lL+tnK9o\r\nDYqRkxku5oSvY7hpoOgaV6HS7ljQUMW9m/kY21hjVdF6I7R96CCyUIpPCY02\r\n69pAzmfWlVVOFp0VJuhOHjfkau20JZZ6uRWZXcAd3uf5USW4wtB/iPfaQUVY\r\n3cCwtKSas+3qzx6B6O3nMyanZiXgHkeqBpZAh5C07Tg6UmhgYA6joR1HckLt\r\nTT/OiqbN1VafF+U2DhEIikfSvohxRrsxBv0eV8QUKusmrYOKfdTgA7ToMIzT\r\npSRJxvrJpXeHgTgz2T6qWn+WLZxJTW8YKR+30VKIkJpv5rhz1tA2I6gwRZ2s\r\nie6vWfcOBvOVMJVr7HaiVMo6BK+gWaMdgjw=\r\n=2DIt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022516122241_1655382202711_0.9274119573541246","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022516151633","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d71a6c9f84b35007d0f9f3e7f8bf8dfeb4fc709a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022516151633.tgz","fileCount":13,"integrity":"sha512-FPAelDvrPaG94PSejQFi6YawQtsKafS3Tr08g1xPqmRIVU+4FfiuRPTWH+pPlNs0npYZLlB3OR9nFDwt9RDjBA==","signatures":[{"sig":"MEUCIQCZX969QNvyr0/GoYd2cSopg955Uytz5M5v4yqGOug1hQIgYMetzUQ6pskm13kfg5qVMV4d7KXFJbt6Se3ry/51AN0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0l5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+IQ/+OhApQMk12A+vRy45DKFl35zTmYv0NX9t6T2UV1QHqgUXU8t0\r\nXtRM57LRKuQb+3aH7JpTd6RF2JjIGQ3Y704YDQ/DZqE7a7hnPdear12phA2R\r\nDG88o+KgGHH7b7PUN5jjUbZUpIMowbPpFHw/+Cm3FnCF2qW6DuQcC+I4pz4O\r\nnv2lNWA4Yaobkr5IMNlhgvIF644bgjHVp9Yxno0xJiLFOylzlvBzRBbnIfGy\r\nOkLfdjzvvfinrPw5OpevjuJnxQQ9/7ge40LjshZg6R9o7O3QecuXg1BHT+lr\r\nUx7ScAxwO1lcJYpBUlb4HH72a/4Xg+Rq/TCWRAzVWzIZAFSDKAk0z8SwnKJh\r\nFTAJj1vuGJjrV7wPvFED3OOW244nVbQ9lWLF8M0HwXpZ5E5uAQPEtLdQM8zm\r\nmafz0Y3zGlq3iJwwSFEG59+me+2erKxEDp1KOrsUxxI/AzpzyIw2rKahuMZp\r\nvqemprWw1ed5ZPip6Z+V3yl42RM5iq61MGhqc1jQ/wDTn66L3m7fMwsBhxGP\r\nNPzQSxCITEpCC+/pju+VUSdtDpCmjCqBrQ47mwoz/754jvVZThUUjukN5xEr\r\nDamaQZGOSj7HL83qDK+xdAxKPKDGtkJzNjVbNhSefTen2QRfjKfgGyTGksnR\r\ntButInZeED2M1Xnf/Yo2xaZTX7/eQHnDh5M=\r\n=kcA+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022516151633_1655392632798_0.7878054661546952","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202251616831","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"398593660274f436390b8f3c91f85eec5fb85c39","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202251616831.tgz","fileCount":13,"integrity":"sha512-NWxUAzjbOBm1YvnFxaZoGHW1WrrkCpawAr37nuWr8o7RMDXU32/Np5cuQ8JjYwgWN8s8WYU7CSrb4XenGz47QQ==","signatures":[{"sig":"MEYCIQC3CT9dCgAEWJDx9vCUwSKfTHLnJTM3RuR2flaxgSghngIhALbxsLwcuwpjBYAhKecAw7yNjMQVtga6ktWAwFweF+A2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyAQ//e6YKXXvzHxp2HYxNbDlHOMWX/OHbqYsj9nQWwbaOk9/jpY/7\r\nStIzJX120ouBX6RlbMF3AlGOxk71lG9D0pXUD0XX4YbWjQCHgCvEs4agrECQ\r\njDL1a5z/rXQZV5gnTcyLOKZuWdfsgLaMUxmaKu3U8iZSSI0UREKRNmHkupNm\r\nu5SoXrMSca0T3Z6KK1kz/PH67triUGnDpDHsOycwQDmLhO7ISPrKevDIhTB+\r\nWcd3BE/Pxya4BlHa9ch7wmQFfnGVpgzFr9LDjxm22rWTVvaLIRXMFoDbWYoO\r\npzpVY6FXwib24S038GUlHM6ejJdoUONB4oXXLqxrWavK9RLiO/qrbEit1UXU\r\ngr9JFLroaA3VoVOa56AQ7C526WNwr3qcTClA4qXQACJGb6O8rgeNxyGH1Rb1\r\nD0+lT2jtHZYsL2YyvViy9JolfbrBc8WBPfeDFJDwRdqcMdy3z38wyM9hlTgV\r\n004w4iczqyQSPSqtAwpGJV62ah5Wwcn/x2250ihtn0HLPLjMwQmeSSCqmjBu\r\n/nt0P0QPNFPtTycr19VmEmWo0PrPGqJOTljvSTMoRMfddkRmTKLtl4ZD47R3\r\n0Se4ztSXT5of1UXIhKeDcH4a8Jc+sDs8B4Jo5/z+zmEeCIaR/XGXHkE21PNI\r\n1MoliPiz5FLdCgPGXpwfb+kMDlokY2UovkY=\r\n=2FUN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-202251616831_1655395756624_0.5848537810412258","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022518113258","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"aa74673c3a02b6e343dc590969fc56e2b3506e5f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022518113258.tgz","fileCount":13,"integrity":"sha512-i80PzcKiQOpeECWnsItivR0tCO4TkZ5rMS1TkGM8kKMqJZQiKnVIbdNA/AZjBjUdqfa6BfWQYSmVWwhkWRjlqQ==","signatures":[{"sig":"MEQCIGO7u9EZG75vfk5BoGla2mUBxCmvb2sB1YZEkfgRiTSoAiBYW4UhvUEO7blyuoihC9TJxc4SqIugMlk1lw2Wxa7Mrg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoX5Q//TMWSaqLant2/uPlvNMUhVC9o5Tej+LK3OBvMC1giLvuc2E+g\r\n5D1q+OiiZuV0TKD3RKT6R4sUoWh2+j0iB5ca+hLro3tSZUeHf7Kdrk3fWU34\r\nAFxoJHDBtx/+YoDQBZK4RPIhRDdl2GzgS4yq23wRGYYKpUscNS9eprd9GMFx\r\n+03vzZWIbZIodod5DtM5NTD99/zsZFjZJ4ZQs9pTchZ1ADnFWGKhOa18Rqf0\r\nM5yBJOp1wgMOr5E+L+17/s4l3P8uS4u07HUwyCa759v9EUfECaS7DkLU36uQ\r\nqswKitSDeXbu9Zk1xsfuDMgn+eiCpkhs/+yi7JiW16ji++zrISxOBcR67f9a\r\n6fccJ8HdBYEHKaTBvX72GnRCqJqANF6Xg3IxPVshfb8gBIHTqXVkgYSyibI9\r\nsgSeBuLAo3a6E4aC7sVaR8YVsDAG2Opu0iSdRMdr9VFrY2Hg7KUgbmBbUxDd\r\nPhk+0nPJYQli70v3vJFhHmoGxgPT8dhoPppV9bGQFIuuR+1ZifjblFobalwl\r\nVJ5eRvdaGv/NxMAIhlgLZEo0PeIofSQtIM4Vn1da53EN4g8pk6AGLSc/ceyt\r\nG+196C0tOqPsuivT7VmX2ADiEG/6EB1tHSU82deAjP45UAVZou72C+xXZ/fa\r\n1LwuzB7wTnXzGsU6R5GFYM8FdF52yfsZmi0=\r\n=uRVF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022518113258_1655552018639_0.7635071080989231","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022520143145","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"81fca96b7929c2095240a92579372adad622866d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022520143145.tgz","fileCount":13,"integrity":"sha512-30LMHAKqRAtJDR+Yj6w+cOfGPRyksF0Azi1yavwScCYiTr1y5nIhaXDY4DcaM5R+xylRuNUxZJyYsQy+ZTciQQ==","signatures":[{"sig":"MEQCID3GHDNqXaPxbOccGu1UkZbzxy4MRlzP3rPusc3mIGQiAiAxJWiGfeo+NoJOd4IIFssQ5Fm0WlSYfVl7xFgml8dljg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisIT1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpO6w/5AbgV8RBpDYpy6cq5EgwEIyGEH5s+vgc771rkTAj6QOLfDVC4\r\nLFzIAuqRqapoWFYFieM9tLP+RvQcxDTZmLJOmRAYw33KWJCVEFRBbIbT92F+\r\nUUo75ArUZUZO5AryQbJ018F0DrTUa0m7eZSTuNG2tBAncT0Blds6WrO47t2g\r\nrHYmn3kDTpOtyCNAaTd8CmqOl/2nx09z3iDS8TewByVQVo3YkGe/iaOPkNWo\r\nd2KTdE9NvMPBSxsXz9i0ZOhY/H8+rNRx2FFcTmEW2LZ4xTJUEovjKAVlm6P7\r\nZcS9RBqzJsRgDqqsG9078NtBCoAMEfeNwKv/atH/KngRWvSIb8Nov1/dT72W\r\n4XBmJJGYP2gmerKFPGNTwYNdoyKNlGU5klsDQMhPX7rKZXSYHwwjB80f6TRz\r\nIYMaPsCf8CbCCS8XlpCwXNxx5qDVMFWhwMStxeDc43s2ano0LRyuPt82t4lW\r\n1uFcXUhOIxRxvbnrkM+i4p6E6/m95EJ5A8DU81A/Rona/d+a7A6urbAc2Y5R\r\nh5cuZmhEXoYLF5unlaGCwGkyvhHXOH3vrh/WigwznejP6oan+cuwVRZ0ifge\r\nF9CpoBCn5u2pNQTCbV5yWu8gsE2Ey2PFoswmuWc8gQ0YFK8aRi/chdaUUQEm\r\n4+f4Pj37A/MGOdtEHxmpEMmH+JQbzeL9WO4=\r\n=EE5H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022520143145_1655735541378_0.6908620306339996","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022520163758","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4e248eba55b732b2e11a0c469bc97db7431f90ed","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022520163758.tgz","fileCount":13,"integrity":"sha512-BzKd1TS1J+qviSIPsNtwE1T2hzXbtTPNvKlBQmZIf4MByLUH3ogFiUjDeI6CHw0jLZsRdIzPjYrr+F7O0OBD1w==","signatures":[{"sig":"MEQCIHirSMBkacjGtvgtLUnHn4/z6RKfvbeZI7O1H/mz8yq/AiApn8u49sD+IbuikBgTTefs/eUCD2qhk144mR7r2QExxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAcw//StBCwkYKydTOGjXHxfSHspG7I2hhsF9v56fo7ISPK8EQhQEX\r\nNJCXUQwxs9ZL1ox610m0udo/usidqzJWimkLYwlF0VOAACtbx1r4wMPYJV2M\r\nIpeXB3gobesmQ0e37FGucypNQS9OQP+BR2amWieCDkAHOYkjOoaMHIs3I4Yw\r\njbvy6MhbAmWyM1ICtCFvHoCZ3CF7e0vERfsqTHHEV0K0lFSVOhRgtwujgjUW\r\nm8UrCaLkr8QKczqBWRSE8mIVcfudnIx8Ys9iez2hL93LwmOARs21nRPu0CKW\r\nMLrWpdwf0fu6eLCLruwwpp94E3WpONCGnslTg1K9eFkAT2s1uv0Jp8mkf14H\r\nO4l/T9RPXioNW/orrWN6XsJWIHNUftF0llZZtolGuiyO0vC1z28+W5Fgt+O6\r\nPTibeS/obhF0XrMvtC6dBIIbwctsAqj3BBESSt7Ph5Iz2biWDV9NW9C9lxZw\r\nmpYBQiBrho2YCg/611oL+Zqrq3mKS+F4SH0xLkDgWQuiKfymSzWMWwaoTEQW\r\nJ1nlWrfPbuOfbmLyEepG/6AfM0dXarV4WpvZf5fxra/RtsHe6dz2nOPDa+q3\r\noSvTBeQocHXR0S+ZHugM9hA5pmPQcPht7+693aVYWacepHnWPgMw5PPQFhKV\r\nkgUP6s7EFOSbVRSQJzm8t7Kxgc/eSmP/2yw=\r\n=wz0m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022520163758_1655743135181_0.9512435098106515","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022520164715","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"611a081276cc5d9e00c2ce1e583a1f28dd158505","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022520164715.tgz","fileCount":13,"integrity":"sha512-OLMOPYlwPtUeXZlhhwtMIk5J1g4HW0652H6GjM0rEne9QZxs+h+AoIgp4wC3UwWZkPnoy+wQYzRHEzdcIaJKJg==","signatures":[{"sig":"MEYCIQDF2z4WX2eEXuAjXHEwzGUhb1Ce2OzB/jhCjDbyGZlMCwIhAIVv5YE433CGGtXMc0H4zkudqfs+iYmy7Gph0/byQlg0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7NA/+KO9nM6rw2J3Rd7ydVYv8REHQrJbCFr3I74hYk4m05Csgv3nR\r\n7+XMWfsHQbTVjblBdeF3MhFv5ti3nENRwiznYkZppBY+6eWErKU6RmMQ3HiJ\r\nWUXtkMS0bL/WiiBZNUoDg6hbxHizW01O4YBE0w+kFmRlNdnncCsdR+ofICuE\r\nEXCW2goUq9hBWLBOAPt0cF8VkLvzuxRO/Y6e5lmrXT00IXjY0C2tRz4i22jh\r\nT0U0JgxJvh3Q/CMX7XaqxcaYSP2+JWDZJ/70BcZ1vJfkzNvdYd2iP4TqxJ9u\r\nyR7YAg7LZBnNfJAJnxNJy1d91NOUK+vfbvbBhaviNXgt6FIWw520asmc7Vyq\r\nEkSbhHHjSKmnGj+5Lmuh+t9Kl+0nRqPlI8qHNc/rAGCn306J/yS/hktfOeil\r\nuvwUbgnXgyBCER27hGBBGDYxOeLDMhLKkVWxIM7uCH7QX8ZnC4wii9MuzOwQ\r\nF4uVfL3ddO/kHUgDUC+jIQPlp9FFONk2pLwBnAA7/R2edzL1ug3mzeuSFKYk\r\nWlbGkF8WXtT0Mh7HzOTQ6DQapnzVGpOVrsXLX1MgUr+jHYwncS8J5DTMFI60\r\nNGYHbbsaa5alA8/s3ksNrTkf7Uv8qmBmlbFnWiXOYp0Y/P+YdezoYSPt7+6U\r\nnsOrBao2FClAnMKyZ53hOEcw04TzmTt4pM0=\r\n=wnnA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022520164715_1655743680322_0.02340813121331875","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022520164752","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"93c62c5f65f1aa51546a18541aa1bac7789716d0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022520164752.tgz","fileCount":13,"integrity":"sha512-PINxeqnEPjdKziCeImkqGjnMnikDGEHtdO+PfhLDPWQtS1qlnr8kaSOxevd5XIVBc7BaADOM8zRTP2py7ogl3g==","signatures":[{"sig":"MEUCIQDKJ/OjrGVAekHx7/jnERP6WBux0PluODeULKCrsH6/gAIgA+Mvu4ecoBq8EZfHuuWrolQ9OZsGOB4qka9rB+lIC3k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103978,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMeA//V9MMShRbzC0kRRgUjccriunSvpw6QSbkBtCuKDvW7f3YvbAu\r\nd1MyTGhzBcJJ3YfwUJsm4oA7LqJCglkhk+KI7XRQSdtQp6g8hIU13A17cEq4\r\nwFqAnM549xOpNAPoZ2yMAjxe3BhOYS04WqXqi9tvHdB2Ag4rIA6cHmv8un0L\r\nJ7H5hKxAWDM+mX+BZMs6/Kz0grUdoifzsoLHz59IPqSZxERNqcmJ+QmpUi6Q\r\npCu9XxT5fgBiT+H47MDLowioZEnLwDJOE2X65YaxTQBkhLp5/IZrck8z3yyR\r\nqb3fGCWrXSDfYQQAhDoJ0T/4FYxD68gnIa+Oiz66SeqNgPSfloTUjZi/slXD\r\ns+3N8L2DbXSJmmrgsS+flZJZPiMXBT3txaZEv7bl5GypaZBtNmTd/phlwfRa\r\n4Iw6EHGLdFsDZQA9gdbCPF1d6RIU+etCzQrbAXnkWrYBHKyQB4dIwfKOA9KL\r\nx+p1HizHM/ArXOpp1UMqWUsVFvGWRVbS7IAQt8nU6bJXnOeYaE15ThHcV/B/\r\nYBQeC1GH3yxDjvkTTZI303vKgw/SBCn93Xp2pUZo7FjIQu2BnGvZ7lnnVWL4\r\n4/9psq69IKUJJDI6zf4CqOq/3jXqjjy0iKlowJJPLVW0ZtfscrpPZ38ktbHB\r\ncE1fbc8Cv6wdFfECN6CTNRbcsex4lE56CIY=\r\n=Eoan\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"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/tabs_0.0.0-dev-2022520164752_1655743715967_0.0938766002897009","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/tabs","version":"2.0.4","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"909ba204066a69594cb69a0953a261fd0ef8c484","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.4.tgz","fileCount":13,"integrity":"sha512-YuigwQWHk61Kxtwa143YF6S5RPzWYH7YzJRtE4rxlSG6RvqPtjdbdHxyhktWWmGNZvs5mvndYzbXZdXgyfeSlA==","signatures":[{"sig":"MEUCIC9QGh8zX7iUcM+ZyD1P/GvxBIk+hTYSQ5jo45FnBTxjAiEAmPGO98CQoojahqDLmtF7RK5kbZW56tslQCo8Ym8t8R8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisXewACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7og//QnUFIHXdpy+CqO4qH9C6vQY2qXhX4VoPBk3GnoAqsmtTxToV\r\nmyBDErnG2jZwmzJdaXr3rkp3b7CsV2eEKKGuKK2qLcH4ZjvfyXKsho7wFHRT\r\nzkLQbVYv8a6igW7s3w/1m8Tf5624cvyfPyIycvg6jTPimnUpUkkKc2/Trpqm\r\nKI+aLK/dALpxBsuYb1K5EA6IpvUSIJH1hF9Yjaz7Dk2RSrH2J81SaTvXcVNe\r\naxZoVOmLwObl7Q3Vd7LqNg1WR7iR3CIN8YhfpvwZ4b0Kc/3y3oL5jWy0UcIT\r\nwnquBK185WswoBlYRGRln5ft6nxO74/yUV/X9gTJFIZEXG20Y9bAau94RS9I\r\nTeocIiF/hB5jvwl9MlHL52cc7PQ9PIUm8U1YNtDAiGcW5+33pF5sGwBlb/na\r\n5GTbiHkttM6YkOiXURnzwtwkdDcQ+iPpd4MiMN+lB1oPQQsDm1DNctsjM3Ag\r\nYwuJuBmNSXgGoJUx+lgdGPKAkb/h6Ka5Yly8r0S4lRWCJgyhxgd2XqMjc7M0\r\n1JfSqAkwUZhWQtnwTCOw1jovTHh/gYcS1Xb/cZ9UhkOu/Gvt+fnFge8OsKPz\r\nzH5MlGqchtfnvTnTPXWn32ARt9owjMkMq0sxASuTlg4aLF+HGdnwAG/25qmW\r\nS/POB1PWc4Arrqv8mJMJmjFOkLP8W0G2No4=\r\n=5anj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","gitHead":"df381bf96076d99e875f548352476114776fbbc5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/clickable":"2.0.2","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.0.4_1655797679913_0.4606549247057381","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202264144818","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"190e52aa219a43ae57dfc31791a9ec251a6b9058","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202264144818.tgz","fileCount":13,"integrity":"sha512-hQ52rZuxfehS6VbubQkWzQe0xicV9TshaNo6eTsiWpy9nOdNkvr/eEXsDbqwaR4jZmossBPOoA2gWls9VyQ0+Q==","signatures":[{"sig":"MEUCIQC/X3Mi2g/spUm5f5LZ87KYkkW3Eqj+3lMtfBg0Ahb+6QIgATQdG7OozMcctHU6D26dg//y6eS0rUAvui+v6FI+oho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvgBAApIlHtJryTzVnOAKOITyJYXEivB8iEaRQWdp037kQkKv9rrm/\r\nTb8laRllU9hKB7qPUN0nZZiz7BtxvJ6G8V4MTkPG2mcnv4b9n4CrTqsiuEeW\r\nSi2l7mYjN059N2S1HSFXRu3ZT8hElNSzZaj/WShBpHGkgNw/UOm6ARajrWtK\r\nfLEV8Htfel3vslisX90CM2Y1CR68Y8t4Mojp8bl7+HPrOsaZ7HFxJAezZznk\r\n2yUGqXBaw1u42d4AUUEZWqKJdkROQqiWbZ7aLUu/0wPwwkhxDwgAU3+n2Vsu\r\n8ZgFgf5NEg+fJZ/rjpT5GB4MjH1wWns67MFXJJ/NKOpIHWYDsgPjdHgXeupG\r\napWLQCr0SSG2u4ytPNrAEBCo0REzzlmukCXo6cjViYVu+bhoKo4k9JnYly4H\r\nR7qWqk7eUk0La2TMXwZldn/PysowhSvziXumSbanE16dPjcZ7JVVlVMGzXUl\r\nqltfMmhlrqJ2I9715mNte1xKbkOw49fA8lZP3D9n7Kj6zr1f06wq5ezC2Pe9\r\nm5vcdM7g1YNG6ZM1QIoalOEVG0CDKRlmrgfpxwWaUREi6Ly24G8ui4kvR9Rt\r\nOYp0PW6/l8s2L76iGtAdJiIpHgT12WRnJzu7TB41XVlH+DTyKSZ9gcH13l4Q\r\nZYg7uZPp0Jf0GdwNa27qeaGaYGkw0L6I7MA=\r\n=bc30\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202264144818","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-202264144818_1656946155511_0.2693943587056795","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022659325","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"441f129f2fb1b64656fcf35d67c1195960aa3c46","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022659325.tgz","fileCount":13,"integrity":"sha512-WJdvk2/BqtaQMLjQC/QlG/lwJPlJaUeWUxXYggNWg8K+coszfv2z42D7HhCxz7AueuWUl2MhoKnwo+T2xS95FA==","signatures":[{"sig":"MEUCIGLNi0LiQJohILIQhbqI9YxaP1Dws1wNXaQAXphctKPzAiEA61M9InrutCdh9rtLfMp+q83kPKLOK+DNspYVawJzGBo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/6DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5Yg/6A7scD0uGpdmGNtRrReErBIn9Aw8pSfuA1hALu0t8KNhGcM0P\r\n3ndtWxmjE/LbqEH7Mfu0UjOz3CZoIKKOBcKelE0Z7ANOfIu+3A5nsLIAVFYx\r\nK5Dk9QuPB2gHEWGow+Rrj/k9flyE1Pvv3kWhnAiIm9rOYlAt5Mw3eZRIEdSA\r\n9BRQolqXxrnG+Bx5mNk9pX3+wg4zKvey9rRoyeejbygGjt160vgKqSFny6BT\r\nFMQytyfmt3ecKTg3XquftKwLNY17KrdByL5rQlQpVu7KH0rGxHfdkQeM0P0m\r\nh52V68rLB37KzTL7XW73q8Ca/whce/et5T94xioH5wijBYoP/j2TkjM0c1A0\r\nB1GgYvshERHtiJCN6Jwh4rSckNCFHX0AvZyQmwC3q/tjvtdXLdp9j+Zz5+gq\r\nfZeZYt6Vp53BerTzsgoYWd111n8tiH4eR1xoZnhUHAkk5UeGSLMlu4zdyijX\r\n+JHzyf2dz7RfExsxTVFzNLztrGPOTH86sf9P5dshM4/vTvpbSoXD19bnaGQR\r\n/1mSrtU4fQoHMreJBO8cQlzRE2k9gaFZ3j6AOj14z85hZZ7Q2/UmAy78c07W\r\nITIkcdug/Ht1CzSR8SuwUqt5U+v9TT3F1RtrUdakzVh2aNqqtW8wj6zwCFUF\r\nYZ0iiOgCaEJ7cNsUjteM3EYnHjV+ayQ4+Oo=\r\n=l07y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022659325","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-2022659325_1657011843519_0.0704394447513037","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022659431","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7973b068bcaf3580f4e4090c82da340add576467","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022659431.tgz","fileCount":13,"integrity":"sha512-lQ6E4F3uNtY62+LZcMye7TWKdAFGw9tX5fpIydzLU2psTybOHL5STG2D2xbCRBcNDJVJzGG7UHZ4z6cA67q32A==","signatures":[{"sig":"MEUCIE5IoOZep9xwsdXPDoKsIuYmLiQ3HUi+O8RuiJy/sLzGAiEApjevha67400RPi7+8rY0zJUjw6vohLY48yIfgj0Ehjc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/7HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoT/Q/7BDsJ7xhuJEaADN9x/XKgM5EabhoUyjEuIVDh6XAKZ1TstTz9\r\nE6rw3RdZLp092GdiSfMOgj4rIP6t64q7DQWBLfEePOgiqn8rD+G7jeD/9whO\r\n710COOZHWyP1VNeAIHok+rez775mCgmRM1U+bBZfT4CnAKH6q/XssZBWgsJg\r\ngYQ2OenaQ0jP7+oZq3fEOEG8GM04JomZEwXUFPdiGRUNp4ehLnkWvZPWyfo1\r\n3vX9uXD/Fb1QTQP9yTygVB79+lgvvdL5+hvFyNiBNMK1edcozrNIVtYoXF5W\r\npifQcjh8oIve0VPhyNuReRORdW2y57S3Xv9/WiN8LaRew7WsZCG+7jVOCkmg\r\nGUWWuZxkoBekgQi4ZPhZ3SybnsvoOcpCCoRr0lX6E5JDEuJcPbf7oqAze3uV\r\ndMdQAnA3CdlFNTT+GiJfBOZ+ZWowN4WxAnaI4HrMEYXE9jfXOB/N5kiJZWH2\r\nOg7f8oiEt7hz+Wo4Wg20msCx1MsozuDbn3qG8PVd7EYhJVhAEmzGIt6vjmQG\r\nsom/EQihPPhTsquVrKAxqwC/SwFR5Drn+KJ/7PcK3lUu8FD01QpaTJq39KP/\r\nl2ysQc94+NgAFgMRAIGgNj3oOlPRlpyjR7dW9iVJ9mVPD+NY7b1QDK1BPBYS\r\nJAdtM10vvFrtduveQOnzckQIo51RcE3M3Is=\r\n=ctYX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022659431","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-2022659431_1657011911332_0.3318613120957701","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022669710","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"058f70fa545b4d39f89d0fec4e64401132897a2b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022669710.tgz","fileCount":13,"integrity":"sha512-IfZTKXH8VVf5M8Fd6OPtJ2k1F8cn2jXjwkVsGtPb7oiPYD+yRWRGzHFGbmBxsHiI8riiDPrvonqpAyMqPebx1g==","signatures":[{"sig":"MEUCIQCSrDDFGCzKHKru3chVcS8BHm6dsCT4nlX03X1yqOLGBAIgZudCOy8gAA3C4QiTQjwEAglwyBloRhq/ZQ+ovBbx5kA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMcQ//TxTE9zGZ/Cmoynr8FyzoHkOONFD8LfTaHaYV9+fCXgJYZaBT\r\nfcwCyM3Z5pvfElJwiZvLcVhxRIrl1/3kCHXwuqQkqREOUcM6DeaoahWE2Yf/\r\ngvJyCZI2LzZXqxSF5Yl3A/9mbVx07kjzwohWvjqKtXtJxuryMYK/WroDay8S\r\nXs8WpzQYSte7i/djMxx1JCxOQjoupW6OgxMYus9fgdSbgr97bOD4y+hgy/3H\r\nvcd2Zsq6RHKrceskVlzxuDh3tbKhlpzxwnusJFYu3CL1X7rVu/mqhxVs/x36\r\nDBJ7v9tu+u+qk9y1MCOzD+PT2f3Gt+BNx6U2piUUzhS90Syhm75Reyfsx7gL\r\nB6iZYP7GmHPWfqOOZdYZAW+6DRs3T7yPtUKg7OSU7adZ8/alOdNeWS0gGO7d\r\n6Uuea5fEpuxXu5yH6glDAGBQyorAm+uDWmFEk9EWmhRQRsjZ9aBXxTAy3Qjd\r\n+GcxKR38jLGeUWoUzMtON1sKYy1jdyAbe8cVFawNENW5A1OGEO9KC4nM83rb\r\n5r8judphZ2pSxiz99bfT257BQjaAUehHmFh6slYdDzZlfVUkTy4zFzez97vW\r\nDMTjZnP1pVB1qXIR6/nyUoGq27YPbxhAETMYqRIRSACp7tuXg4c9/0PnM76I\r\nxFGvWvcqNEk1JndZ+pLRRj7yn6e2S/sIZr0=\r\n=aHCX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022669710","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-2022669710_1657098481657_0.3680165149275636","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202268163535","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"cf5bbf98cf9a56acd63b683bc27105d31a921551","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202268163535.tgz","fileCount":13,"integrity":"sha512-Xf7mhWHlrH52yC2L2ZXcw/4fCRe7jdT2lvvGpc+jXwGyheMfjOPExXwMDAzJJPfpJAEtahcatCbQ9wfmlWJa5Q==","signatures":[{"sig":"MEUCIQDKzciG3SxNqxtnR6PgTCMxZ67cLwGzab5OaDJmesdZSwIgO3Yy4XLPPNpcPWAUZBzThxJ1KjX6uY0+mxl/RJFxWrI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyF0KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+Uw//WiUc8RLBiCO47Iqrck3WV59B0wXFK15aYu1BQ6CbLzzmBjz3\r\n1AF5XCc6Z7TUirLBqoTjHivkU2OReFK2xJmfQvqTGYRx0ea7JEgdsQckwfG5\r\ndJEiC3zSUsqeS+ZcaCoXYAesb/r95Eorbmr6QvcPvNEvZx6u8qaZNd0axyKc\r\nWslBEnxsQP2Zn5hPTtyRuAj7hZ3lYJkvo0XyPxlaDu0x6VezyPWrk1nhYSNS\r\nVusQ/A6mt1wZunVDTUEMfwxvRMXtVrRR+bx5EAgwvr+wod29Sj73a0npPLgN\r\n61unJAAtOq8U4wcQO1mGjHVH66F3rTJ9+SzvkL6Obuj5OjWbPW1EuQFha5er\r\nnA9Jfu2bYYuKSmqP5vZEVMxlBE8t/Y+lTWaTHQoGLCgFUn2lv0aBBF1AT+Ou\r\nOWZEWKvXPIwlpLc3Oa/SQU7x0N50Z8kwQjCq79QaSQcUWg5xzj7i/H6nW/8M\r\n3xtHWT+URkgytc6KmPyQHWamsjh3cg5TprTO6F3+HLklAWYAukzMZ3tIiD0q\r\nLZSvyX933AxmnFn/OnZrVhnQoud6/XET8qY/fr6WPKZ2kg5V0OsvNEhDmljq\r\no5zlouKxAA5nnHCWTxkoPK55FXU0sj9kI2HmQcXQYnrQFKnQWCdRS7XlwNUf\r\n9z6DIWk96/3uNRYTbuKsipVf0Bxrz3WGTHk=\r\n=JivL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202268163535","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-202268163535_1657298186684_0.916110544990272","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202268165050","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b9ad4056a1eb3e799adb36b6a287739aa3fcbcb7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202268165050.tgz","fileCount":13,"integrity":"sha512-mIcu6YzCwN4jYTrxtpO94MQVCb2dGQk6RCN9qNbiMMCubdreU87IkMg5yPT1iH4z5f5wcmI/hGnppF5WX8WRzA==","signatures":[{"sig":"MEYCIQC7MNcSiii+n3oDHqGntJNiY9r8z1bq+VTVZo1LaVZW5QIhAMkivzskxuhmgzRuOsL0eEedatxP7nTOxvsrLJtX0LiF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+fQ/+OBCVgGLaNDDUI7Ip4DFyMlELc+tnSm3Ok8K2XoSlh7E+qChp\r\nA0yXU4rgloAK5k8sxsoYEAuYYnZd+QTHIqyAuWRbTVkP8xm/H7FPu5ck/thx\r\nKTT7b9NGarMqEXNElfcttElrByf1+7RCr15ovXptgQghuqiPXSgCE6ix8LUA\r\nlvbr104jEZpo+r3tN5k4ijJnAsfKlSGEVZHm6bA2sVZWaTG+PMR+UW7VF/+z\r\nMpJZ+SE/QKXay1/uF004F0bgE72FFgjyEuMsX/MwCSn4nIw/oNcZDiw7ujtA\r\nnOszQHp4khfjgvwN5Cq0Em1ABn0YPHky7oyXKsrzcrnquNdcIKmkDBgjeN25\r\nc1hStqA5MWd6ZDUjHlcSDFpNFy1XS0NxyeVeLYZKBY9lcO4muDwPYojkkWTg\r\nadMS3zHWamIRsTEqLiI+Wk6ri9HY2HRxqxy/cxWaZJwGEMmdTmemwtJLJm/A\r\n8a42HnbVPZOq/aGf4EwWCM0vd0GdVzdIWwmRZ5S5mICo8hm+FPOX51JK6NE2\r\n988ph19GNXCE6r98LIwQRYww8Xlujbcv5cxBBYgmb2IeA16Rjt3JyZHzv82B\r\n4rUWVAkl8zwdwWdZX+0QSQx1NCDctwlFb+tREc8RXyTbn7sk4q5n3uAztfg5\r\nyExHIJ1Kz8b+VbhxpKxvQ0QreFdqem15cu4=\r\n=olnD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202268165050","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-202268165050_1657299089531_0.21722704925273462","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022610103716","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f4c8bc0ce3a89ee65aa6d1a7bf692c1ad731302c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022610103716.tgz","fileCount":13,"integrity":"sha512-N2TtsFkaxsYTOPNBl0sdX6suZ8Dz5UXXYlkUa3vX8uvQjgOvuOAbcWLlgMdrPNYJ6XbkBAB/Y4AZTPQ/jV6eUg==","signatures":[{"sig":"MEUCIQC0fTJdurkK3UPB95KYyujGjmV+dpRZNxtznIdMAXOAcQIgZ/sbw4SwnIePKobKNTp6swum7alWA2Ghgj4pJWptdGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqwFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSCw//WoqZXpV45/8jFlU9ucbSVPilGQMKPDU/9Tnk0LawoekVu2KV\r\ntae5Jfi938OH/Zp007Sjmsh+HRL7CNzbmC/MlFxIMMuIXc6SYNJUgml+UUHq\r\nge4pSX+gl36m1gb03dTyHl8nl0qU5YtGR9iaZo7jE7piWHxVCEhaqxWOZ/hP\r\nv/o+FbC8vXlLR+EAJdwGtIw8juyYc7foVFVGzHn3rqAStfniskpHsGcBEAIe\r\n/9rJgPNMxp2UKXErrEQXlLx2CSyX/ph0QPclbs+SL/w74jyvGYGwGcCp8cio\r\nqrp1be/3Pz1FngRh2Vlbn3HyuTaASASxaahHIEmAhm7IhC4Q57o0mxi0Zy+x\r\nsm7UIJyx3WD5LGM9SMQZqVoF55j4v2ZAvipWYiOlOTZRyxPppt/0LjoQyZC7\r\nb46zvmzymZi+e+n1uxrVatljGcKZcEhPzqZSobc/cbvzmQY42B8tSIxtYcq6\r\nrnrevYHZMsKzNilk6YZUDRbWM6TmY3t/BdvrEj0ZV3DeV8F5n52hRgJxbzQb\r\nsxxKGSNa5PYzNk2iZkBDTo3wic8ZfhJcdNw1e86flpakSXRfkky6DpeqXne6\r\n7gD8QfTMH0N3yRTd7oWviLplYLlBhjwc+MVwFe9RPiV+pyEOfMCKy3XmINuf\r\noqWFQfWklj3Xk0bmmKGfKB21h54/tUm1obQ=\r\n=9r3p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022610103716","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-2022610103716_1657449477792_0.7023450800186255","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022610103924","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b3a41e4e5abc73382289b527e7fc0202416f6715","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022610103924.tgz","fileCount":13,"integrity":"sha512-TR0oPC1E+woW4iFHhtzuOf5FZ5cZPLj4xYJjxT3ah1d1oNwaLla0enYKRsWFg7gN3/F0aMXpAZtr2yvUZHXwHg==","signatures":[{"sig":"MEYCIQDIItJy8lr8ZH6odF2/o61d3zvKDazKIzVHPYimOGhvDAIhAPqXkwvwTS+vacuZFV2/qToq03n3HzSYh5db2i4F26eR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqyHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDug/8CVz0hwQtGMYFavXb6NItdkONYb+HHRgARPF4WMdKy04zKRsE\r\nVpdIRRQ4a2+Q4rOt5YdrzjAalGVJaOA7wc8iHGR5d5A1ef+Vl+4hOsSQ1T2e\r\nXU2p+FFCNLPpFKvHWSWZ4xeUXsmOBdZ+xc6E/4CN0hePhjtakf0nJjF0/ncx\r\noHjU000IpQXQJgGHWVYB/+DzP0gzTh022gdvuzPDQVMtyfELQUNsUT4aWc8k\r\nskwnaF1bo4qy5ESAMT6OVM1CiCf4TNZoueDJKCtsiwffDUDDWFAhXcQbYW7q\r\nbG+W+KVqQDebmNFwR2199OZBoDX+PK3jSHV3zRPzuo1tA8nf8ixWouZHNTHS\r\nJFpBSikpPrI9gisCYhQ3azpQPVlZwA+i3VKzbr2IInOyWv/3QE2O27hDEGJX\r\nv4IJuxXnZ+Xmm6trwJECDt+si1uykZThc0BRS2WCcNmIAZDqGuA4o0DnXR0u\r\nCYWhP4vH8HN1oTRSK+Qn4HMw8CfYhmi3PPJoj4aXuI5TOOqYXslFvQU7p800\r\nqJ+2aOZfvbBiCeDw+j9N4byQ4qA+f2SPbDzQkzdEWbTXw8MrhbV7Ga89M+Du\r\nd8lUr33+Tm/FsvW2580ZXg7epvL/oOj1mBMV6Co91POTDl+Duz3QAe4mNHy5\r\nN6N7apMt5WX0zX7TBF3vBxom+QJ/0gPbG8s=\r\n=elIq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022610103924","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-2022610103924_1657449606829_0.47723650517654526","host":"s3://npm-registry-packages"}},"2.0.5":{"name":"@chakra-ui/tabs","version":"2.0.5","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0f68c60f1c2972ee48a55a004fcfd7696be313d0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.5.tgz","fileCount":13,"integrity":"sha512-wAAHC2HY6KfXv+Nh7NHFL5BfQkva9QtOszUs8FQx7qmU0grIzdI2e1+6fehbfm6G3q59NyVI9SoSnwG51k6rXw==","signatures":[{"sig":"MEQCICFIeCZLZGKK4RDGHaNL6Y0pv3LKKtG1h9Yc8D2YYIKtAiBw4dIuvVIbOhBEx1lP1QL57BBLCTETi2bSgV0lpjAMsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMQw/9HaHl71PU0jNn66AdbostIYNcHBVK6GftoOcutKWit4GhEwDX\r\nKcpej6HYrGzJ+j4TGgMzdhXyoxgjrnUcSwxQVx/FGOf0aOotLgBht0AiWgnU\r\n8M7KIYGmRYJty23fXlIaCfoCJyU8NvZlwjk+WKzJ7q/toZRpbVc0BW9FX/Uj\r\npqpQVpaHdkr/RfsMqbkgGnfCTGPxtx5PUhy8iZyybC0IFH1n5FHd3vMlYMBv\r\nqP8gYlsg8Sfbh4/MsbqQmnbszNdH/lN5Z/866hUGLHpC5keYbAtLNkg1XJct\r\n7OUR2xrDVVc4ZdlcCL8aHAHUOSeigNOnyQgj6j5uv/nvtDblYxNXuGLYfzh6\r\nAItnuMD95lCe/31ZLOxcLlXgl/k4goseTQRXeJ9YOZwqpsiBYloxpxRteG1l\r\npuMUvkHRv1hrj2b5iA51B3ofLVbGTNsmA/Zp0sqxxCZQOg7XOmchlIzGxvXE\r\n/V2xWhvcv3dE+/dqi+FgNNdolcxS/55UzER10aKnUcVoVZ/Q5S8WxX43Jq26\r\ncJw/bsahmDdwbugWAZOIYsNqoOddoNc/3b61CqIHWBhHIA5naR1xdFSWFEW0\r\nbG37Rj+v7eT9hrFXOCRIesiMWfJbtdXBKyQ5vuue0i3IftRM8M0ivHMWRYBo\r\nzyzwBvUVXLWFbyXgTBuNcxETbsLqAytz0ec=\r\n=IUGi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.3","@chakra-ui/utils":"2.0.3","@chakra-ui/clickable":"2.0.3","@chakra-ui/descendant":"3.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/tabs_2.0.5_1657450641680_0.42640212484127793","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-2022612222012","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c80e435b25e6477a19a00834053d6034993a5fdd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-2022612222012.tgz","fileCount":13,"integrity":"sha512-/e52J0HWsiJZwIisRHGPCBFlkAReJzzvt5G8N7BHdi+EB/WDS/XIu4DYceRO0u8hMxlM6PqSN8lxRaFL/1VTPw==","signatures":[{"sig":"MEUCIQDX0pzMwiJ3yDtS1GEtyO68YmPFqRNtkxI5uma4yeTUigIgA/CjeCKI5aCgw3V4eSzfj5+92rlZpXD476xGea4oH3g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104349,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfPKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzshAAiSXlbwlC0+DV58gBY9RHjRBdeFzK+J53qDg7I+XwewM8PJ8E\r\nfz+PjBGletpYLHziVPvB3brwe4FjBBP4WcCa8Sev4KEvWIiSptUCAPOcUp3A\r\n2e+YURfARMHPMLw1vBKekjfJpQy43+OyMCNt+4eEFNs5zZjbyc+MGkKylK34\r\nPB3OGNw0vtOFnEbI93xVYOoBcQMMSWMVr//DqcO5dVP29yoZbgXepQgmNfFN\r\npzt9clpImwyZZgmMAM03vL4ixS0hEN6e5cSkuKpofvAbc32OoUFB2H4QMwBZ\r\nuAoNxFLE6HfpzzsFOiPa6IuMqgJXKfhmoq2le3V8aRU/iaVph/1gpbVgu3Xf\r\nTH9l4OeVeYWiGDL7XYilLaZJEP69FOMfZ3hHPNeoHj+v0iYgsd0hBD2H8tx8\r\nmCYERjv3/I6gQN5e/+eBv3jkAHHaEX4zq2H3BkuELIGyMxhAwWq0YgB1cMVS\r\nfRfhUOn9p2O82OQiYjdXlCxJy+x6JAJ0STALRfabIcEHZsYVIWZv01x3KGA6\r\nGmXwRe3xdd7WUWAQOKmd39Gx9Z4zQsC2J+eJnHbafJ80hD35RfEN7jqrxyK+\r\npVhiGUIB++MPBQ11s/I94yL9qhsE3edJ7mkpeulD1GsfZie1txnd+OZA65s9\r\nvjkebdjXHtd/6AYQof8bwWF1Vmf+2l2nU04=\r\n=D3sj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-2022612222012","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-2022612222012_1657664458531_0.6705263716171319","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202261316456","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ffecc26404deece3dcd95300e632bf8979b6a660","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202261316456.tgz","fileCount":13,"integrity":"sha512-9PqoH3dpvifUZ/SZrUkC+LVIk5nPNQ3mO1co6AHRJPNdOyVyLPSO4Cq16uUtr55WEjEQy5QaMJMDAw6XenI5lA==","signatures":[{"sig":"MEQCIEiF+Sv9Nh87O1d5ZLCwfbJiJhdPKboJBm+TUhNotiGVAiBIXe9E3N+FSAGaR91fs/Wa40wJC9OaXm8HlitanpA7vA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizva6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoo1BAAkrA4phXQVatOXvCtWkBibxYTxW8WpmiAuaWWPclbAUotT6ix\r\nmaOHll4SMQ9FcpLdBGR/1U9nyD9dswXtsCSTdExWmEP1BilWD5Rk/N3pG0Ii\r\nD7qZEFDbBbJ02irlwO8QF77MZGM05loNuBoCACTZBoawoDsRtLvaEN2VsOye\r\nJzcfDAATEowbt5d+y75O7DLjeQuRWSsmRnEuwZ+WoXrOd8H9Li+DWAgr1cny\r\nqITVM56JXLgAmECzinOBgOL8USa8lGzcvpzP7a60EYdkbXuVJ2+5+nG0zf58\r\nCx2pv6G2i2y/HUjcJOteOj67Y+ROPLu9GMdhX4TuMZEQfkWew30HtAdVJi0C\r\n/V06I89Eh3jFXSmgjHH4rF4P440iLHHmh2Rjs0T5tMWHJy/ogJ7zlXJHy1ea\r\nHpZva06VK2fazYhVlqrYXaW1iBwbKA4EisE65Ds5B8WJy3TFDLLhMnuS0osJ\r\nK9bDWlwrc4v8zMDzbMjQCocJhxxZoqdl9wEUOL5LARDAnFkK/VhrykcQZbsw\r\n56BmHPp5pOvw/dcAUIm0WgySoeZ31YafihvP17Pjh52309u8WMdc3AzK2lUi\r\ndk4vMb7b0kUtqGThllmJkqoh1KwdtJacB2qa+SpVuHEwruzyYi35++waekb9\r\n2ex4zeZSgqHFZVHt4OTIklphYFBsS2/YI9Y=\r\n=ecP2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202261316456","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-202261316456_1657730746348_0.7831063464469639","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-202261317818","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"99e896295d9b5f896acb095690de77c8ce1c00a6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-202261317818.tgz","fileCount":13,"integrity":"sha512-/CXYIpie3Hx2qZHp4LiUsX4qgTJunOq6veqxPaMPNhTJkbB3jPEqOz1JKEAYWvPoxtJ1UeOcdNLNVT+nmcEhxg==","signatures":[{"sig":"MEUCIQCSu5BDhVI0cd2iVZuKF8bFnh8NzZRsDZE9HrYDI4WonQIgAvc3wixq6GAyAaYNmUy5xjTo6mk9uGJqxALmjRs6cj0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104343,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlvBAAoRWVkMRm2cb2zl4+HFFAiHxZn33jnOrtEIycLyn6fEriKMZ+\r\nW9htMMDNCVvOwZ3ICimVwhyfpvz4smdc0c0yHipH6OD6jVq09BDL4WEEiwaC\r\nsgHnWRQo02Vl63mhyoDF+qXWrDIY6e0QzvfD6Zl3pnEoBsKoqsrY7Z7qCrIg\r\n0OzDFkakj3RYc4E07yb5o0Fp80enihkO0BJNca/5C6RjBa+tI5NmdwmOlvCD\r\nqoaZxTHFeE8B2gIhzi348Y3eVtmElxtF/rivgvVDnVmSZIQ5cxXLfFtfnmHt\r\nVYcu/5qx+Ht1Zv2zz/+KhRwlFQuYmMn0RyyR+Zr0gAsU4WI7a9QXMZ4g6K8V\r\n+RdFqcitpkDUWHLX3CjzbF5klPOqhnyVv6ln+4A4cWhCa6jHZLm80XollWgR\r\nyBH1b2fjU+NpIi6H6FtE/YOBDry8TPnwk5w9rtrqhpOOrMfwB/1doBdU6tTk\r\nrBB8VY+aXyZB7CwZ/wQ3QU/+7vHwXqUS2easWO0SC3SGSLTU/ZwaTRsZi1Vq\r\nK0/dokjoypyRX1DJIntCW5W8a3+ryd0SiO8omPjuTakNLD9yvDCWhDzmAE05\r\nFZ5UazTCLHqgQIUKl+N9Xmbp6HmrCOWMHIFa3dJjFgwEnY+c8zKoQEfhy2sR\r\nCcoCav1S249U0/CUr1QtrUCb9NzuwHpWVrQ=\r\n=3Ng0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-202261317818","@chakra-ui/descendant":"3.0.3","@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/tabs_0.0.0-dev-202261317818_1657732142632_0.011809397345029948","host":"s3://npm-registry-packages"}},"2.0.6":{"name":"@chakra-ui/tabs","version":"2.0.6","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"edcf2c9521fb30a26abbec5740e00b9cd042135e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.6.tgz","fileCount":13,"integrity":"sha512-N9vHRJ1fW27sa+SFgPVeiOoTpmbtEQEC4EHeoBzfw9ZaJl5E3YL4FBWCRVoIVY+/HgukmJGvHpCG7DDrzfBfEA==","signatures":[{"sig":"MEUCIGWmw2nxOH0UZwQ/2U7rm+5FRnLMv8AIQWfQI9NNtc0hAiEAwP6tBD5rogZUZ0LOOSHBI6oK95V9RqwUEu6RVvs2VAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxKAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTbg/9Et/OxGquAN6krr62HGsuQU1GF58IJNHunL3L3euNe8742cTK\r\n9AbCpNfrnb4gdeTEJOTGDQCJbBOshUs9n7d9siOTjdhZew10UPjLvvKdCUrx\r\nLCHDpQ87OGvfB7WLCHsCD7HkeQrgPf5G9t4Sa7e7Mtnkk0cHUqRDyiDj4PG7\r\n3H5EFZfRYTxzZjqDyTJ6MXReirwbIiGYNZrjs8cx4Dhql/wOGh/hdwASumg5\r\n/iOPlp7bRr22cH8IlzyVmGp35oxGOataRCj3vTHZjFxZ2TpHj5JjlSuB/5HL\r\njB65hWfuw7+A7TIw957ltybhVYxnjIIC6qKWOfp0j4sCb8BrO0je/kfkp/lB\r\nuc1C+tmc+HPQVjJbEu2st028A6nv7+MV6GAAWsqHkxN6ESlmbuOk90wpPqns\r\nplViYhrnXZc6pvTWaWbWJBuAkkpTr8bK1GDQTmsAcJAjTSf59UVrU/4MoFy7\r\n7e8SqGQFiAnlp/n7N278K9PgZ21K3BNOSGiZI0iJ34iKy2epFTqGhSxqD4bZ\r\nRTOAY3WXWn3xsGU4P9zxsoEoZoCODGr6g13wgROzfq4g04G8ofmaq8jyVkpw\r\n1nr7Rw12PWJMYbXLwNOU7flFJ2l0jq1WWM3kNK4V3ZyEbv3sVCpIav/DNp2t\r\nmWDf7JM0SRO62E6JRq7jhgjhiVywW61xZ2c=\r\n=HhXQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.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/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.4","@chakra-ui/utils":"2.0.4","@chakra-ui/clickable":"2.0.4","@chakra-ui/descendant":"3.0.3","@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/tabs_2.0.6_1657737856465_0.7245076657838241","host":"s3://npm-registry-packages"}},"2.0.7":{"name":"@chakra-ui/tabs","version":"2.0.7","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7389b32f893c6e9fe7ecdfa6b8070021c5697035","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.7.tgz","fileCount":3,"integrity":"sha512-MupJWdOOlxQUPS0EwxRpw3NzNqliD0aUnSk9087vBd11gPlaMPSrvXS2N3Qk0zORbEdown/FJ4vJFGjcj2hmeA==","signatures":[{"sig":"MEUCIQCllMFurRCjsBI8W+SkcpU5jRcrIGdNiLIvBlNxPG+KUgIgOlD8xsntOkHtin3Zo52N2nD6vXoQH/WIagjY2O3Yebo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFoA//awggRJtj7iqfn/rBNRQX9J9XAxwSKhd+xJ6SA1XruxeAqIq3\r\nXanQZ+mZq2FtUQpvSTUSfaVXOqYN93Jy/dsKlAvmWHKENvZlSMzJA6Nsu5Xf\r\nh+k1wDVDVzgEwmCrlMkhCbU0gKYFv6D9dVmsmogMgPUXQ3RubHo3PORgFJye\r\nIphH/6LkrFauxYX1ihAbzDOAxHhMn9eHRePnQvuBcVITnK0Xr3GsKfZmCziT\r\nWbMVm6RYaRuH69cjjqpcJUWHHpr6eammKJD/FKt6fs1z4abm0LD7EpYH98Jp\r\nQyaCzEmueWneJ1s7cgaDRfR3eJj5vJCqlzRBnKy4Axec+sr/P2+EAaORSPes\r\ndtww9YSLXvHb1CpWhNyCY9o59bH1NH1finIMXG7G65Ym2KIN9iuikeLJ3DS3\r\ntlk6eHzgGMIUBsYlTG19JZU9uzmfb+0ewVDpTsNKLnriCnSm2zeHYu2JGhxQ\r\n13B8T0aqGEXrWiNu4oTkivRfCU8AlholtTVYvoqjcXwEWztTy0lCU/w7GYX7\r\n+awA2+bJvIyxkJSSgAnmgrNIqKvszZDIeew4t5VctMCUhDpOYFcdqlt/RjQL\r\nNan7a6a7u/PyFkjrBEnIbP0hGVqWELzXIbz/OVMDjMv33QNjgpWtlHC8iIxt\r\n3NVw7dq5BEAu4UTp6yN9PTzRW3E7iBRzq0s=\r\n=MjcF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-tabs-2.0.7.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\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/04dea454fca486abc047552931d4a548/chakra-ui-tabs-2.0.7.tgz","_integrity":"sha512-MupJWdOOlxQUPS0EwxRpw3NzNqliD0aUnSk9087vBd11gPlaMPSrvXS2N3Qk0zORbEdown/FJ4vJFGjcj2hmeA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.5","@chakra-ui/utils":"2.0.5","@chakra-ui/clickable":"2.0.5","@chakra-ui/descendant":"3.0.4","@chakra-ui/react-utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.3","@chakra-ui/system":"2.2.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.0.7_1658725856536_0.7601188239080752","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220804193103","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"55f37a8780c09b8d8f74e26d010fe78db3699944","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-YIzGt3yeu+hduoQNOscE320PW+cJ5f3gXla7r+29l6OevlIml5CA9Z33CcTnIAdgTGjBSnMrRzthcDPtso95QA==","signatures":[{"sig":"MEUCIBxazIfx/DOPbExqOfUCoGxaKIhrT+5MSDZlHQsYOu+QAiEAs3RsSzMORMDzgmYYYX2/A6WhJfQd7VdDPgXIGYIT0lE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B77ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9WhAAnOeA4vvvjEwsxk/cv+NZjc9f1z8nsxNYsHU7LOcwhXWWkyZa\r\nj7P93ZmEwlPqvq81GQ4Jqzg0EbaTkI0GCD28AOmHoirNGbZ+nipS4Kig6440\r\nY8e6vQ3yF+6IQ13GY/nAjGT4Qrq6TWb+kn/3SoUIZ+GDC1yrT+OmiizGNwXb\r\nLc+B1xSTUY2QFyoD23QHYp1j5686jNpkMy03RuTnhxFyu029kvPKX4CUigM4\r\n1c3ncO4I3jjHfXbnHqeoSZibz4KNZe+xjnyDoZ5BZLw904ktG0D2JCerUCg7\r\nYGZv0K28eywHT/dziWqRxOxUVy/rDZn4Y3cTzxkK7EwOrGstyDMk3PDZmYVR\r\nYHjKpk07luovEaQc6lxZptZ9CTUvPmhrNolq5AAiXSN69gWpMLB+7qkHJC/P\r\nzfexA+66sf6CmCZmD5sW03znOlRrc2NznWp/ZZkDPEeckYf+kWBhoeQEQzPv\r\niLjR+G26aK5xZmcpjX2SQrrhr6JmgZdWcwAlhkFA9TxSMo9tYhNSBfMHS0rG\r\nmeIF42mIVHeN4c2F0uz2D19785tPGT8Y/Bl2X2uQtj8mlQU4R9XCzsNg5/jw\r\nsu4aV1WsZg5l7Ll/dV2AD2ZiGuwTCQvLi4e8656HymkVyXgKZsD1yExraBXE\r\npyH76fddtGgZeKmGMvBWkNI5uPF1D8fA6/c=\r\n=lRzG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/71fc7be8c31d908a7a7347bc766ba91d/chakra-ui-tabs-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-YIzGt3yeu+hduoQNOscE320PW+cJ5f3gXla7r+29l6OevlIml5CA9Z33CcTnIAdgTGjBSnMrRzthcDPtso95QA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220804193103","@chakra-ui/descendant":"0.0.0-dev-20220804193103","@chakra-ui/react-utils":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220804193103_1659641595264_0.9335530202210456","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220804193815","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"fee44585fb6c1852f7937109eca7ba1620d6d262","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-6ztQGCxeLw01WHZ9mHqP1ioyz983RcugVbzoZebZMdl4Ntq081G0gSXOk49PhVA14nnMMmr92GllnPTkaql1uQ==","signatures":[{"sig":"MEYCIQDlxCPL8Sgaas9OGt78Rj5ksO14RjfEa/Y7GUPQIm/EVwIhAIFHqm6cggMq4veYuJX4F3TqmDl9lgFlrUoIzaMhENyY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+KA/+P3Xu5igBeZXLKbl1nhUCzke+NbYD8hkETWqnlOSBhDTxP0//\r\na4zEKmyOCOcnzOuCuSQlV5vBduRwrC0UU34Fp7MqJ22VW40N+WtxCJkE75Dk\r\naNKLRq7CLEaC6TCzSMHAnLhcIqrkgOlgZ/JTkb2bF8q4xbvn7JAEWhf7meEm\r\n33mPYvRyiBAYVdm+s/hUf1vCh6iUxiz7/nAZJgqClr422vNwSR2zvIcDVfB6\r\nip83PkcnVCL5NpAWZaCgX3tauwRI+E3LHO9NkV+PF0O4cuZJX2mj9sGCVDfI\r\nIjlZcQQO2z9X19BDg/937tBf66sEgH1p+rzmDw2eKmEefEw1ABno3CSRedL0\r\nFnD6IqDotVbGr99RuhOxD0BOdVqBwB8HezH4akUWXfiqPECh9fULo5UglJjM\r\nFfYo78bOHKFg6KyTvVPnuEBqVSKGuRiCBBfoGPc5MoU6VkTe8ozDBjVHr1KU\r\nNegYmddb4Lqp3wRR5Zxno+nfjj92OHd8QW4xAV7tK95sALwiwPAr2/9WlaIz\r\nhAUVRbNjX88q9GQYnChO4IzdOHE6WK/Jl0plWFrTdKt+o71GlK1FPVCRFDkk\r\ncVyjthjCGUHaHYeUxnLtqoPDd9WfhlvalNo1LuLZv4cHt0J9crlFtVcIKC/n\r\nyQ2Wr/aaDpTwa4dxupPn++wpb0Nhb3hLA5A=\r\n=Z8ry\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/a4da7c75b03f1a1b58e75de5fbdfeb84/chakra-ui-tabs-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-6ztQGCxeLw01WHZ9mHqP1ioyz983RcugVbzoZebZMdl4Ntq081G0gSXOk49PhVA14nnMMmr92GllnPTkaql1uQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220804193815","@chakra-ui/descendant":"0.0.0-dev-20220804193815","@chakra-ui/react-utils":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220804193815_1659641944566_0.797836409196685","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220804194739","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"94cb094a7c54f79d22e911a2efabcb91cdea31e0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-SGARqEptuWBsqdTZkMRTmfmp57A0uV5SkG7yDNsTF8x8XJHCF27ZrB82tnjGSyJCln4LEs9GQU2P1XVkyTyX8A==","signatures":[{"sig":"MEUCIQDCBzyXbECeIRDRhDhTfHR6/iaGirQQ+9uOLESqyqtRFgIgVWi8D2EhnHGO0BDkQ1xcpUZq4a/Y8+mHjVSYAHtUlr8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CK3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp76BAAkxF81swnO+EZNUtgNEiLJkneWCC8vo9QmM+tExTLhO4oR/nN\r\nhdk08p0jbXzDLZevctxg5dT/r0XxuxiQP7KxWXSKh+KMwEeEoWCNVkDYkrXI\r\n0GYagkhqQzz5kD52rBEbm9I9cTYNwOi4kzO62Cd90x7CSoOSiyLcxAIzLkf/\r\nkB5Zp9TKQRtHuZ/7Q6JIK6nC6v3p5A2UGVkm1LhCdV9Ybe9sIpd0lDYbiInM\r\ncvXGu89LH/JEfMmpenCL/kSiIaSVi0VILF1ZQXKoNlQWit9t/cAqE6pAfT1Z\r\nlHD0YftbL42AyvNRYQCQtiByq4lmRZfUr/bE9r1V47wLzIwCpf+Fh+AcRy82\r\nWCgyQ3jtKaxkCHvOKMd8xOEE4e3WkG3zEf9suxM2zFIWy4Nym40XnQ+B7NZf\r\n2c4KApcw8et3cMdeUBcy78pm/Z+eN5Goeg4lq+xasOXmwUv2vIuIzKLjxA6F\r\nX3+oJ6b5df7O1xk/qWDZQN185ldcUCo0Srz489PWpB02sZ86KRhfFenJSoj5\r\n5a7MUncgJxyIRmV3uPNr+Js1Ic27+Y3pu8v1xQrx4TRm70k0FYTmtKxoCTmW\r\nXNX3AiFwC5qjdApv2ouyfttfwlA/7Iiln7BmwKB7K12O22AYvhofEMGwUSFP\r\nR4YoYfTtqVJgkZQP3ESwKHXzp17BokDamJc=\r\n=d6gf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f743be237c1309481763ac92ef361e89/chakra-ui-tabs-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-SGARqEptuWBsqdTZkMRTmfmp57A0uV5SkG7yDNsTF8x8XJHCF27ZrB82tnjGSyJCln4LEs9GQU2P1XVkyTyX8A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220804194739","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220804194739_1659642550946_0.07139731468164201","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220804200605","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"61acf93cb1fe8a432b3d77545e561ef5561afe59","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-kgfa4Wk+qa5Y/x3eQU+AIExeoz/pfNIeuy4NkSdILhUCOrAdk36RKvpRkc2GoJ0D2GcrBeq7CEsFGm/mfxsd0g==","signatures":[{"sig":"MEUCICgtv4fNCEZRjGsSNBdYLdN7VPnAF9mgn4h/FZ3X2hNvAiEAqRsXmTLcYqh/m1hJeHJra8vqcIIZLB1x9D8GIAB8M60=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CcLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOqg//TEub+K3SBA3w7c1/Fjm/JWZ0D1qS651xOTGtO+VYaz5OkKwK\r\nJtlO50SBjDsNcX62BIFEGy7Lrg09dvD5S61/ew1PxB7UdYCpPayo9WDHCFFH\r\nom52lN3J7j7oHn4Vh1p4BVvvmypt3Y1YZOilzT6GbCemI0jD/GTISQRRPBL9\r\nkcTLgLKD9vn9gx+J2gYK99JIQIKGVemJWsPrMceDXYoa5y3KEH5bLepwsSaf\r\nC6Szh7nsYf6MngOanN22zeNuO1a5lpw9ZmNz/JtHfhr0N6QvQkpYpQFOOUt/\r\n4OJFdtSa708EULkDeNvgSDWnN9Ye16/Vjczt+xwTc9AgLNrpOzcqIACn54s+\r\nAwMBeF3vF/TVL9Ij7LW8wR6XV/jsPFGYTYzFQqOeh1sUdUuSlq0Zmhuyt+Cc\r\nsJzf6Q+DIRs7+2WGKEUvAxuN9gysEwIo8lahaQiiVCjeg8+YsbvNCcOIgGwl\r\njADvxKvFE7k0np/oIsq5/WNMrp5e4yoV0aNN610hCDdx37ZOi13EpRKvNo4u\r\nCes/LAdLAzH7DwqNhaPa+9WTpjkwdydTDRMRjrfJbaXVSNhp3t5ybmIALzxY\r\n1FLv9mEDO9mDdygP/UAIPMmJQ1hZnCfYyBiQdhXdNJVQnLRze/k41PM7PRsk\r\n0sMDEqbPkcJ2FLWO+wXGy+OloqVAuSFmlMc=\r\n=I1IP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3f51160f2f7b6d30576363c6486d5535/chakra-ui-tabs-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-kgfa4Wk+qa5Y/x3eQU+AIExeoz/pfNIeuy4NkSdILhUCOrAdk36RKvpRkc2GoJ0D2GcrBeq7CEsFGm/mfxsd0g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220804200605","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220804200605_1659643659150_0.9906265136257","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220805062318","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"61c7bfd782af9f56861e76161a3edb01a7d9f00f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-GWZzl73VfJXgctFM4nBvoU3K6q7pKRl7ohFzpLD0X/R/W959qdPKVjhmhc8dslc2f4fq4c71obfN0XeZmd0hRA==","signatures":[{"sig":"MEUCID4/oU2k/OWQtb3d0kMFIsYX9bCibGIiYGNb9UpLxFNYAiEA1bl8abw98UlMpRzxSe58SgeFa14DRCMZgjD6FNm5K1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LesACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqd6Q//Zb1o8jv4oiwpJCwb7v9bd2zGJS0/awZXrRVDZo3cnAdpz/SE\r\nGVABmeRtbFaVCy92AdAkquDomMim//+jmimDOKc23sD52oyuhg3PjfeyuBtm\r\np+P7ZenhkXKveOAQq88zQKLCpACTUPXtYD80SwtryzOv8ps5d+oGsSoVxN0L\r\nJ1eT+Om98sMwR/207vnCLo4m3RBFQc99PE7aLDUa8YAIzLuGyOtQtdslPvrv\r\nuOueB9zSEXE3IW9I0YV9QeTddRKrYUugPP43otf9qdRWB0UJUmpKD7v6fy7y\r\nLRoPqcdGGMW4FKzhYFe6w9vOA3bXRmQzbxWk7EMWjoHk0dybr3vUlnenOnCP\r\nGav6DIn7/Gud1vzVJ4IinIM48UrtgrgeR9a7VD9sMqEcxbCCjIqmPr+6zYif\r\nC66xkeZp9nMQAXVpAFEx8VpaGTTqcEl+jg9DOamUyvq3o7kHcaHZ+Ci98Ol6\r\n3gw/wX2BuPp9NC9ydedIY136eKvLVGBxQo9dvxJy+d0ouYi+YFmx6RECaK9y\r\njihmeJk3fr3KzUMUEe4povDbE7qzmYKjuwOw6y8OboxKTCaWNG4EK5wJ+34F\r\nAT1wxgjhMd7r6Skxgc8puXhCo9OvG67M/+yx4f16jrluZm4+d8PxNizWr4kK\r\nhroTIy7wJbw31sjYflfdknVkkgZStNTcShI=\r\n=Pqd1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6d85378433d85fd7e9d22979c41957b9/chakra-ui-tabs-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-GWZzl73VfJXgctFM4nBvoU3K6q7pKRl7ohFzpLD0X/R/W959qdPKVjhmhc8dslc2f4fq4c71obfN0XeZmd0hRA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220805062318","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220805062318_1659680683970_0.7692064695307066","host":"s3://npm-registry-packages"}},"2.0.8":{"name":"@chakra-ui/tabs","version":"2.0.8","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9e27761c11dac329a8732e00f3255e7f47fe5edc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.8.tgz","fileCount":6,"integrity":"sha512-7ce8ie/+zF+qyQRo+CcfeSreXLaQ3oJJ4Dn4Hkeg4mNcP1JMdajNWa4F8tpmBxyUcnrPTLu2KpYSia92bS8cUQ==","signatures":[{"sig":"MEYCIQC64XMWNDKUVMoVB92ppAa46ZW2UZ3w7EihqZVgDotgFwIhAIYTlMHnQJ0Dtnzk6FJvgriCw+9PfMwEwgdE8zuFLWRW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73196,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O0/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5qQ//ZbKJB4tVLO3Oj5wFZWuQ1gw4HqCjRIPbLbFE8BI6Vxs7Z/u6\r\nKqtwtHCr5pvrRCO2em+J0DtK4JmqSUW26D0cwTp6Mh/6LS2LW2Yfb9xpXYux\r\nRt3MaRExKOv/BAXLNxoWE2pMrh/9vNGZYVn76wox+dJ0/KIGMPJ/YLtkr34S\r\nIIHSg4Ia7PuP7RzdA9C1XYR1svKKLKMTQgT6kM9DNwejNRPCSspo4tCw+r5y\r\nXS/x9A0DJkZoYqXvoI7IOOL0UfxyuU8cUFI3A+s1qcGTjjSq7NzGer4JIaBJ\r\nyh4/dfe2dddIRMbQnJAeKiws/B3sjZZPDS1OOodeshBEmEloFqDszo8qMbUH\r\n/gR4uyZkz9b8pPcYrVz/hXwJrlpm/i7M5BvGRj0oeAAeACA7nv1+M+LDCPmU\r\nC0CSOQJ5Rw1sI6BujF/TSsJgaBcYI5aSW1dG5lbKjF35THVpNMJIj4ddOOEH\r\nqGpDHaiVIDaIS7KiWrtJ7ygfdLhXl2PNetg079xoXnM0vDeJwHl8ZkALJ+BD\r\ngEGNJq2wCmOjxGAY2A/Jlw5SK6h5tFjt9wHXFst8BXxel5eeZLImCt4TOr3b\r\nR1IPwDkxAAMbNWNtlTJkwK6r1bJe8aXvAOT2p2EdVQthCg8IuDBlIP6vgBou\r\nwj788FbdEa61k5b2zDj8PE9mRjpdIaKzR8A=\r\n=74yG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-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/1220a44a5febdfc8c54cb6c98915b2e6/chakra-ui-tabs-2.0.8.tgz","_integrity":"sha512-7ce8ie/+zF+qyQRo+CcfeSreXLaQ3oJJ4Dn4Hkeg4mNcP1JMdajNWa4F8tpmBxyUcnrPTLu2KpYSia92bS8cUQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6","@chakra-ui/clickable":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.4","@chakra-ui/system":"2.2.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.0.8_1659694399364_0.5175738571287058","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810112922":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220810112922","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"97447d834c67bb223046d1546355b07196015f67","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220810112922.tgz","fileCount":3,"integrity":"sha512-M0L4Qo6rqUAP19SjWhaYICfGosA3k2ylZZtraMe+kbelqDM1X0A1OTFf/IzdTUzW0RuLTOZ8Bqzh1UIw1EgDzw==","signatures":[{"sig":"MEQCIDRx3jtHg5+kS5tcnrT7QsFej3DvF8g87SQxnqUY56rWAiAeua/FHmEENh709tPT/8jg2+I8pI5T3uIEl8bn3bPL3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi85bFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0Yg/9F3fFUh+TtJJxuVMqHXCUqTMLuKpzlbr1hFs3nQWwI/6sgqX3\r\nopBL19umxefVc6atZ8rhHj/vmwze8ReogCHjK2WYKwehjdlTGLtnbWbVccM0\r\njqSrQMoHe3/Gy2g6SaUTMyRxh7ZuaV8tcvQjtgsro1bKPnDEaQkNBXmcVQfl\r\nbUU0mT6M5f8RNbq23WYnZlRuCYzbC8Ay4mF/Eej1gMmfeJ6WsK4OXSFLW5Qy\r\nO9iNWjjrVGgAwn4K04ZlMz9THXk+KhIWxAHjBMxURoUB99FsJMrWTEnCFKWl\r\n+95A9/s9vj4SGup1e7oJ2rQAlL6js7Z89SVw9dp6UfqyE62MoVeYoS4Rm3KN\r\n0FlaKJaCtTgedrk8MH7lF7Z8cuepE8NBxIu8ozUF5yYUk+Kptqd5RRnrRntl\r\nODYY3kPGwmsiUZ4KixxAT9cUxRb/2ZV2sZEh1PNyBDgHuf9PMpRgLBNOcrOw\r\nYAcnuXY/0As9GMOZx4mAjqrFgZWB/8LWs9BAvgREiK+iaTZnNZnvxK/6+bc5\r\n5AN0PFzkwIKTdtNuRkUBsuH5Q0k141F+zAPQeedLvFQzkb6kEZgUjuw6Gj+G\r\nN3+wyCzmqzMxusDQ0zCTWSxQN3mi1QSBn/FAVG9SikwW7gm7okiE9dzbL8IR\r\nSvro4cHmfPMSmLrfQynhjEA2QYTaIHKhI3w=\r\n=V/ij\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220810112922.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5611eb63228cb3146ee327b5401dea8d/chakra-ui-tabs-0.0.0-dev-20220810112922.tgz","_integrity":"sha512-M0L4Qo6rqUAP19SjWhaYICfGosA3k2ylZZtraMe+kbelqDM1X0A1OTFf/IzdTUzW0RuLTOZ8Bqzh1UIw1EgDzw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810112922","@chakra-ui/utils":"2.0.6","@chakra-ui/clickable":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220810112922","@chakra-ui/system":"0.0.0-dev-20220810112922"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810112922"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220810112922_1660131013388_0.04442776061096465","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810121727":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220810121727","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"342dd66f7b9cef40b696631f97eb300d9d80db6e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220810121727.tgz","fileCount":3,"integrity":"sha512-fQoHK1UMRWTq1MdsjdCZyo6lLWm8SETZ7Oq/rBBibbm1s3ha4UBR7kW1vLHN4HMs5iTQGTbO5+gYk+Xwn2EB8w==","signatures":[{"sig":"MEQCIAFbfV+mY56Dd7fQCH6atqp+ZNTVMbElIEbMibxviTYcAiBSXhbX2AOv2My/Weub7f4yEhrSb9FDejKdaO1UbZiGeg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86ISACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmraPA//eSnCeMUSf7YaQU9ADbXmCnIanV3z0TSRnW3ZjutIOTpN/Dly\r\n7f74XHbpvxBQfa9H/JCr932hUXxBjehuQy56GK51ataHIS7/n+I9jYXGydmm\r\nBo7U1QJ2o/Q2rskdjX9Zy2sls733N4hinIRzvGBfSsBws0S1QOnl1fnHWdkM\r\ntnLPGajst+Oaw1jd/xLaDi/OqFLrXswWW4S95LXChm7ToSHG94aESIIuNLC4\r\nNL0RTdzcAckoP0pLZwgIyuYfpYK1i7VjCczhPntNYQWwWbJqiZowZP+vvXjs\r\njZ+xpJ3EQPU9OGCSfQuZUVW7bID6kwobH/GMrx2dX6bullZtVatDHnawRTTq\r\nbT8XNliewYW/+X7mfxjlKjGByf/r69FfBQNXVW3gMjjPINxOhquBODS3JLl3\r\n5lMDaRjUisw8Neb/xW8CB7FIAMQkdSTyWAVTe5zBuKoPkD1NxEFdRfW7NcQ1\r\nRUx5oxOQ4fambKxEmaxVj/+SfKrPZh7aZ9r6zxyc+clNAkjeu8DcZxJzP/Vq\r\nkSB0XNJQwIxlnBtXSW0otSH6lyvEM8KkD/C0amtHhaMo4DCw8TzOSaSRsj35\r\nEPLSAfQOXF3jKMQ1f9Qwc76+5jALvQocbt7yMsgnIi9FtvQnV13CoVuRgSt0\r\nZXWZDyEe5SZPuJmomL44iBNKyjKsjv0HK5I=\r\n=WieY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220810121727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4322f5a74600b3b742d8477125ce462c/chakra-ui-tabs-0.0.0-dev-20220810121727.tgz","_integrity":"sha512-fQoHK1UMRWTq1MdsjdCZyo6lLWm8SETZ7Oq/rBBibbm1s3ha4UBR7kW1vLHN4HMs5iTQGTbO5+gYk+Xwn2EB8w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810121727","@chakra-ui/utils":"2.0.6","@chakra-ui/clickable":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220810121727","@chakra-ui/system":"0.0.0-dev-20220810121727"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810121727"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220810121727_1660133906026_0.5832274114241993","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810122556":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220810122556","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bb1d70fa538a798d116318a47b8bf0025618b020","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220810122556.tgz","fileCount":3,"integrity":"sha512-fLOeW90+6hODjNhjyTC36V4qF2/lOfUwSumFM3+EuOuuTo3B43767wmIDqTL00XQ9rdipf+8k/RRh1QBXqiT+g==","signatures":[{"sig":"MEQCIBbdr4QJUsoQcTSGKa/0Zosrk2Hn/SZxw7YAWlLnXrFRAiBkYjAgy8bRwuFxBL0LweWwZBy7DaWBpXVXxPrk5Bmm5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86QJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpgVA//bilNYlEi88XYZmaR7iAoxvgO0y8ui/lqCNa23ioQosyr15c4\r\n9pKzQWlljmxSsXGwplvvsMsTnfUqxk/O+gomVIXlejx8lmpGlWIah2tJX4+3\r\nT9SYGXAOKbUxu1nmDnkbixp5Lo+RovgU5QE8bSRJ9YcSSffvgM+xVhGry4yQ\r\naeok2rn/paSRQSvZ33RD1MopFuU39tjDDNk4rxYQe5EqdNCTPGu7IZJH7R7m\r\nkvxv9oNXi5HeenlGcsihZRY8RIuLHMx/xlYFSJEBbogb5DFFy6Ia41ZPE20U\r\nRlu4S7UWghkx8S4WQZXVrutbjTo/LNWg2pc4qPx7aUO/amC99NEtlWyi0HKv\r\nizTRP/k/faLlz8wSc2luWbl02mofUSkVCpKbL3JIpJdlI6paennLIV1bvUzA\r\noQITZR0NT8FhPmmjoco2Scq26iFMGmEdfwqhm/UvHazgFHfRXh+WfDxwJVuE\r\ntt3FbM1orBBTQ6Ot7CdUv5v4N7QRLGPXQX8SU/GGkA7AOUGPDASzOcgFbgHR\r\nWKx8Bg0y+VbdegZkKEcjyDrqPQVxv1WxkmVetUq84PM5+Udj7begySOI3i38\r\n4g0p9HjoZ+mlE/3XZbMbIPpM1PgoPiBkS0ZZAmEFtpEQLcBXci1IFv8CUZKn\r\nwb6t8Ee0Apd/KcB88MmBgmKaR0m65IWGZUw=\r\n=uOLE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220810122556.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/563f0e3db5847b4c57ba3a162244de84/chakra-ui-tabs-0.0.0-dev-20220810122556.tgz","_integrity":"sha512-fLOeW90+6hODjNhjyTC36V4qF2/lOfUwSumFM3+EuOuuTo3B43767wmIDqTL00XQ9rdipf+8k/RRh1QBXqiT+g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810122556","@chakra-ui/utils":"2.0.6","@chakra-ui/clickable":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220810122556","@chakra-ui/system":"0.0.0-dev-20220810122556"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810122556"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220810122556_1660134409248_0.7550709232059087","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810124358":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220810124358","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"9f806cf56cd06a6151d5b6e43b0ea7e7268d3b74","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220810124358.tgz","fileCount":3,"integrity":"sha512-tRyyd0NaYdHMIirYR1Uqx942E9rHCbLKrqoABjsjY2dBPlDbbne1aohBavI0+BzJMBO6tXaykQQLfrlBiqUPaw==","signatures":[{"sig":"MEUCIQDUjLTJi3/XjbYAjE5Sea421ChIPx4ngqX+Q5k6nXRXawIgR/0Gx5FlhJGRqVnTMMG8cnq47+cFDeuNzsnGWOx27lg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86hXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqJA//SbahiJx6gpy8b7KT0HNVkKB0s4Ewkci80KMFeroGca6TW1Kg\r\nQIQ8FLs3onU9WcW/DXQbE6ZmkvRSp/JKBeurzn1goJZ6JOR64UpdVVTbTFFO\r\nbo4yZXlvn8oOXufwJLQARp7jjz+cMjKYhIdMldpLpk4FKniciwtQ93zO5fsU\r\nmyaEn+9x1mcIlKlmyUctvDWS/07kgVtxV2zkzO7mmKzQBJnQnaUD+LgcD64T\r\naY0Frv76DzGYOZM1FxsWclfCYgB7musN7/HKxwtVMUSO7sbx3zKfu3LsRbHF\r\nkUlnCx7Ktz6jdYTvsY1jMaNWcNE/bEfG0uDc/oX84kaLNCTtPAuwwShlgDEf\r\na6V49BnJG+61gZoW5t1L97BFbM8mIAJWJKhhAYBfxNfXS4PMg8msPo2AnCia\r\nzpSjfBaAxeysaRG8fF/bZRuyIQ61hfNgahiN08CH8upzfOzgj2oiFDKwviHk\r\njwjU2ePBOua7JeI+RXaZlUzdk+XKV+9CYl5pJ//jxbnodeaDWcapxKUryjo6\r\ngn6wKSbvg0k125Olp0K0xDyNhRErmDpJ1IQY8vrddOuK+Xmrl/FXfCbFzQ4w\r\nV99nE9dK3cR73DsfOBis2i84ySerhVicXtO9X8JT5JHLIVuHLTRCxrODIWi2\r\nX6sGyvqFZjlnsgM2eEkPmiTxD5Qqk6QIl8M=\r\n=Qg2s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220810124358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/354c4f25ddb0d9c523edfed777aed70f/chakra-ui-tabs-0.0.0-dev-20220810124358.tgz","_integrity":"sha512-tRyyd0NaYdHMIirYR1Uqx942E9rHCbLKrqoABjsjY2dBPlDbbne1aohBavI0+BzJMBO6tXaykQQLfrlBiqUPaw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810124358","@chakra-ui/utils":"2.0.6","@chakra-ui/clickable":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220810124358","@chakra-ui/system":"0.0.0-dev-20220810124358"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810124358"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220810124358_1660135511808_0.027636369312785014","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810132240":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220810132240","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"be940a67f2b771829534b6067692da43e751cfac","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220810132240.tgz","fileCount":3,"integrity":"sha512-FEPqznrgRpwEgIXYOWdzJUoxG9Tn8m4qgkhtz2Lu1tXFYxI4XhOt/QC4HEItMCRKtaV+AuR6deBJLE4fpXTG3A==","signatures":[{"sig":"MEYCIQCRmAilHbt2FFKHxNCIoejR+3FeUKyIsWQSYWhuaWVreAIhAN6mSmKlH8PE+QLnHIhd65XOuK78RUqqn2rBVEN0cNIo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5231,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi87FXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVhQ//Yy99awdhzNSkv5BfTP0CUdv92aBPniWNrP3trMY19/ZKYl24\r\nqVGpLnGSDSsKs9dTlaaxn7rjRbSHgxr3AXKIi3oKVm8gykZe7l5Mry44s5sD\r\nbjBAVwgxmyaJeooxNqaRScoLi5xBDefAXLY/pJt6/1V/0l0orx06bSs/6b52\r\njXJBD4kJUS+DE+bBzZLA9ApSiE8RM4Q+wTOQ0EeZvO8xLs54ijITjlPBFRdL\r\nuKVFJZTm58Vy75zyDUzyW0W5R09syPaUKf8PLjCyg7A3egypaMzcxRQpifA1\r\n5USmPzaqfxdbuIZl6Xy2RVgIU32g3wvD7UvwgwqI4Yqp8Tb0KICA/gTsVXZl\r\neDT3B85lQEGf6GhGxn6qswykd+I+sRDd8Z+cOfN7ra/NvC4uD+4u1X6oXRrQ\r\n6exQ8EUJagXeLcQoIn87bfTO9A4P0U6a9Bp7VFjRoJnaaXoZ78WzE6/h3epb\r\nba2JuWo3P9SQFLAlW4CfA2n8Fk2dAMFJT5A4nFzqKxW5bVWQRzqZDHQgPUZV\r\nUpXnskW0xDMwkA/Dc4tb5iNR0cZCFLArS8jimA2Qo8ZXDcRAxpaCSzluXbES\r\n16VZd0I0kRhn9djU/6WN7wvhKtehVi2H8w+goniZkd/aLMk/MwvKT5IqLqz/\r\nJFFEEEDxRAw4BdTQdNlUwsQqRNGrleS+l38=\r\n=BupG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220810132240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ae34a855b0371b331c939f4661ad42b1/chakra-ui-tabs-0.0.0-dev-20220810132240.tgz","_integrity":"sha512-FEPqznrgRpwEgIXYOWdzJUoxG9Tn8m4qgkhtz2Lu1tXFYxI4XhOt/QC4HEItMCRKtaV+AuR6deBJLE4fpXTG3A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810132240","@chakra-ui/utils":"2.0.6","@chakra-ui/clickable":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220810132240","@chakra-ui/system":"0.0.0-dev-20220810132240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810132240"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220810132240_1660137815505_0.12782650793140693","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220811084042","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"95fd99654fa83be470e395ad66ef753bfba7e0f2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-Rf396lsRLeFR5Yo4oSmSMbQ8VQC1B6O7r4xHOmWscfFG7tAo3FA3OP7w9i1sucjgia2+3iJtOamXvrkgWoGW0A==","signatures":[{"sig":"MEUCICJdhfvVKHSB3BRd9O3ldgwPZgQkbiMKPOkjkje010OlAiEAxSGb5m+RP/uiZVtfgLOtWiFdgf8uh92wVcpjIyfk7Tc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MDaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvZQ/+IFoYK0FqgmSXh/YzWCQ7OwXlRd94gsixtKHH8cCyuzGpzZRB\r\nsLTDTN89C4XGhr0ETHUUR5BeQwFh5nUcWFyhtF/ax1NNr7C37EHAluspuT3T\r\n3nX72lVOzVkBmKXni9AsqPRYQ3aVApQXTon17IRt3xIpkqXu+VA3+Ml219lG\r\noKpMcMwPkXwYaheyiVPfkZXcbrMoX+fgoYQ9gh8QZSH6YconTjDsAl71d8Lx\r\n07Sqx7/qm/5isLZZz9oNgEEowvrkje8+7y50ULvIiM4Tnbgz4gJQOUTEMCoO\r\nc1sgigzzsFacWIil6TkAJ2MlZSeltTdNmZJVesLtBgJRcGE4vvlCHIFQA52A\r\njgILYSLvGCVKh5RzanjEYikiII+Ry+59oFHVCCDBwQzHdy4j1bQRIJLzuU/N\r\nd+uoGc31iQiXTLyMDsSrMid8hLMgR4ZWmNrZ/4ADniE2tXvzJG+2DwmHcjlp\r\nGE81W2rKruzd1VfQYZre+czEHZfkzU5No1hJiyri77eWsqBXP435kjwOfDSz\r\ncLps+NwFr9N0C1Eg0Pph8tymR3HbnGbXl2p1vf6q/JX1RZXnzetvhKHbaczy\r\n12Ih/USMowzFhqqWRm/MU7oon0YvhqCTDsWw9KE7So/MJolcnHrJDzS8+Sbw\r\nrh7cdDCbkITBDby2fEzpo+E61eQjix3HP90=\r\n=RTxR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5383e9a8f8235f936e5eaa2042db695e/chakra-ui-tabs-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-Rf396lsRLeFR5Yo4oSmSMbQ8VQC1B6O7r4xHOmWscfFG7tAo3FA3OP7w9i1sucjgia2+3iJtOamXvrkgWoGW0A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220811084042","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220811084042_1660207322760_0.22458491325080399","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220811093515","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c1296163d3fd2d637ce42e59f5f82c652fe2ff37","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-kg40OngPfkGdGFpI5QE4m9TAWu/attYp33cZvoO7dZF14zCDjotRrIexbXEq8G8zo54MFfZ4EVMOpLfHjorfNg==","signatures":[{"sig":"MEYCIQCW00kBxmQ065gJozCFCmdtHVuTDop4vZPkcF+h96muAQIhAN/iSp1Luas78dBbl8NS+kaTsPyoXOY3Bc1WvstauGy5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M2eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpS+xAApRRC1Fp/LvW6orSD+voSKFVPkBTYf4WVaMv8SNRbflgvBPtY\r\nh6aVpfCcGqddUma2j1gXJYaahxJdqU4phYVs3oSMHshytB6c/JTES8tYZl8O\r\n5eu9VB5XWOnJf71U5m9GqkTjc/pS6Av9ZG6rC0A6+OP1687KfyOvnyDzMAPa\r\nyZOvQnzdmH2nlhMwMzc4Ezx4WDI/Dov7cuHxrxEEUgr0n6Tp/6/zLRIATtu9\r\nUXij0uC9CAnAwulGV2tcnjszbnMqA0Wa7TdjEIefH5YDKn4MYEbQNoZ5eVhN\r\nyb+mhuZgVpkEaw87eL/Fj2nVSu9Zl0uJBdyDRvnAJijr1rrmXXaZLSNfTELm\r\ndbaILKpqishGQMUCTvLgu1JDE1emyaW4PzscTPaOJl4PkJFMcGFy/V2u/8tN\r\nGimKKhR1m6aIuuWW8z7P9KVLqoNj0KFAj+GNrvClShyX27Dvtr3djLl1D0gD\r\np9LBjs2mJ9mY/zV2UOYSR/IOhHH5ExA25mg236EiM2iIoCnk0fUOzSWAk6mS\r\n32IcGWiA2GEMC10JB5uWXMCz+fTGmMuNPpB3+BBiXSBEjqF2m28lR1r6eTve\r\nGXPpaLo1VhtNtCIlSj12NdpelzsVN+l5WBKo5VdQIt3Hjok0VtOg3uuxbZqj\r\nts5XqCsLcrPWdzjS1TD//Lber3by+3OT98k=\r\n=ujYe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a141458c75ce3a42b06440de98f4886c/chakra-ui-tabs-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-kg40OngPfkGdGFpI5QE4m9TAWu/attYp33cZvoO7dZF14zCDjotRrIexbXEq8G8zo54MFfZ4EVMOpLfHjorfNg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220811093515","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220811093515_1660210590630_0.8216687450512283","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220811160709","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"277dd5c811a789fbf12135b00b7e3bc72510047c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-EfR3h2umELRUzaKtrb6jAffUVPxflKxghm2RvGsIhLJZiAuRMCKdwpWtOqd/QX6wN9D7uuJk5fBzzp6uMmvvkA==","signatures":[{"sig":"MEUCIQCjztNAR6jlBbpKA+Wio2jce0/o19MZxgS8OzGOh7ONLAIgEfh8DklV79R/MFWHyqO58SvNpvrTdaComySTSkMQbWM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9SmDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXPQ//QXI9bGR9qe5i4mXh+4aNVKv3qkheYY6HJnH8cjneqfdM3lTg\r\na8S+7E7Yq0TDvpxGic1J/LXoVuXxcAvvSSxTKLSwgm8ALGEIWpSOO9RWrbwi\r\nZSUUgESozUU1vaELnBzjfvNCCsrOi6FUb3Qq0SLCNgHbL7Fr8WBZMvKo6C08\r\nBE/bMhbx0lqXdFqYpv593AgHGcYUD7RlHLtBq87FOtR9QOcD9avJUvnRwF+8\r\nKLJpEjpEvi0KFp3CYzBzVS3Xx7ZC2/jvPo/wMPxqmmLEiPdmj5O9ytfDRjGK\r\nut0kHaDNpGTa9SqnaFUHcP1EaaOyXgOtQTRPZ7Bzj2Ll/icSAyZZuH63uoap\r\nQrVbaRs5Q2nLupuSV3dA4ajDd3BYtZlhos21CTAXU/mFJR/2L+oc+sPpkImL\r\n9gGDyLPue0I/TDtae7ZqoL5Eq91qUOyQwzCCeXoHcHkqKR5gyf8f0bp2ufZs\r\nqaAiyDSyq4FWniMjdUtRhZLYK6DSSYgI5G6lf+I7xWu9Gaewx8idKnYEdnBR\r\nBBUpVKK5UcogmUjLpVyfL8Ntyr7poweuIySAyaRZZURIWOFv+iPiQqJQT1Df\r\nIcbw+1NSGc+5y+f1EFmtjiV8setMaWN5Fc9RDrYpwQSbDmmlNhx113O1/R5w\r\nc9awPJ6RZMp1WmJQGwH/M6kaYqV/aNGKtSI=\r\n=MhU7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3fc01fd3ce4d8cea7f3f8f69357e9653/chakra-ui-tabs-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-EfR3h2umELRUzaKtrb6jAffUVPxflKxghm2RvGsIhLJZiAuRMCKdwpWtOqd/QX6wN9D7uuJk5fBzzp6uMmvvkA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220811160709","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220811160709_1660234115152_0.18205463281691725","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220812060931","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0d6a8d81b97956b65ca211a5dcb1c1f93d80f3b7","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-6E4g1m5j3YMTOH58dJ/TfZfpB4ljW7V4+qVZ+pRSqQqG1t46zHRBIhWGQ228obDmiSfs1FCn778eDhxMJi6UTg==","signatures":[{"sig":"MEUCIG4576rJnEbtthI51l2EgIcoJZbwr/g4Vngm6Ge4Ik6WAiEAyi93EJ/oEBU1Eb+LkIAQIsqiZBB47JJVGNPg5WCFQ94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/2RAAmdE7ggLFGEm7YIAg3KsdNLddKke1dRHQZg/ebMZAGGa3ikek\r\n7CjB+53ZUtGqZW511AJailMPdi8jBHt9LBpPqt67XIwn/htptC5KpM5QWbhf\r\nk9yhvHHNrltu0aTJcYX5OlfksmwyJg01eWrhgs4gqetDwtGRdzL0c8U3/d9E\r\nFodG4g+mPI4CRsS41nLtSzOntOSteWjq3D3CLd/b8+lopBGS+14nJwr5Jv+w\r\nfZ8QjX5Y47ZShjMj0EBH95zF3DKqy8YZprWng/w3m7z2o0Baabdx/fHNgvTm\r\nrCBFBtv5apd8jpbfvulY9Qm7yZSuYov8E09ETox5Hj+Q1mQqAy7UPYdXxQVv\r\n0huVaq7DKtpA4PhOsxWroO6DofrOXpAtWFbGjBm9Er9NhrTdyMUl7vOUgqT2\r\nLumXHPYT/NvE7zdxcWpttlgOB3i1dy3G5tVQN11v0/rlN8trzvomeoir4bhH\r\nlponjz1moD6lcPA4rgtwI1VPFfA6/N3yZtXgbTc7nWEm42NrYx0OCA7Bsejt\r\n8nd+fI+HrNWxypdWDGqDeN3hrC5nk7TTtVtrGX1nFL7YMu9alrTyN/TT7dj/\r\nloPaj9gBhdtOM8M0hp6718Jitdo/uwYqNGoyC9CE0hmnWIxy/iRTziiWhgzx\r\n9rDyyQCpp8N+4LDmhj+dt1pfULn+CkW7LlY=\r\n=8oEf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f54f725fc0b50a94a5fb636ca740d1eb/chakra-ui-tabs-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-6E4g1m5j3YMTOH58dJ/TfZfpB4ljW7V4+qVZ+pRSqQqG1t46zHRBIhWGQ228obDmiSfs1FCn778eDhxMJi6UTg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220812060931","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220812060931_1660284655575_0.9972685654295621","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220813051625","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0888ffb1d47171b4f0762ae5f262c02847ef673d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-B24S5raehOMd+76qLFiZEKVO9IiMovEc6+aAk2cgtb4zcXYJL7giEL1+J9Ucg3TAXqHKtLla8kLAYJtheduPLw==","signatures":[{"sig":"MEUCIQDbYi2Hr8xvbDG2U85WneDzKGIrYBQs7VgimTKqzw56WQIgHHOwIgXgYJiTsZinxYJ2g6BQh3EmZS+4sNzLTSxf7P0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zP9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpeXQ/+JY2crLja3YzkWKfb4OS9UTfsMwjYXYL0lf1AQEiVo2+si2b8\r\nwa3egx2t4/8huwqT//7wjD0tsQMGi2fnKtHRVeqBqxJEN4NIUnKZFeCs3Hw8\r\n7FrvQ8PFtPos5Z4tUUvnRLpjs1SR8WSbrzW5vWPUV02Hh7PbVG+IADm+biEd\r\nFu7Qws38lefAoVshpHM+ZAV03WqieqFCS9lH4sAZ85vV5Y8WUfcbgU09phXr\r\nQsSxbyaCYLm3obEW67gH2976LTxagILSUCaweNN4EDu1KfSMzqJRNLpykqiw\r\nS4uEZOd8urMiHU3GUVEpgBIkSTapn5UWDNdla3ov+Lrir5IvuWyn1V0QCvtK\r\nCpYy5kkOXB84Qiy38JqmBMFR7V75X7HuJZqhAwqtYQ1Bw4p2Imwk5kXSd6hr\r\nCeuO7tEMaf6y6hgmVdXIpwbQEqcgfIVV3g6H0XQ4Ebp4pBXkUQYrwi3jACdT\r\n2YMH3qjVDfqQLE14jnwDOUWMSeFfXU0Mdm7+Smwo6BznrdVOHI+8UqV4KgEo\r\nqxlxbMbCNB99w5c92bI8rmLN4nrMan1AttthnfNsejGdTcAshtyGt/HnPpnT\r\ntJL6XymIzsF/LfBmOAZLEq32HfFomJbS/IAPMeJMXUYnUa7Nb25lKfy0+0nC\r\njKrLNX7kP9OJw3KsGx4Trl1trhSFKXt38b0=\r\n=u5dC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a3a8ac54c9edd17933b08f48036ed0f7/chakra-ui-tabs-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-B24S5raehOMd+76qLFiZEKVO9IiMovEc6+aAk2cgtb4zcXYJL7giEL1+J9Ucg3TAXqHKtLla8kLAYJtheduPLw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220813051625","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220813051625_1660367869761_0.8195606566538498","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220813052715","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3bc7e01e8ffa2f2e5f011649e5c3357d26726bdd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-dVaowAcb+K8TiRdtBe3CZYYDXMkWBb2rhBlzvHhnQb5QPx87xYAWUT7KZTECTTGtu3WdikvFPfqj8veYwdgPGQ==","signatures":[{"sig":"MEQCICrUOTdqYDjPAZQRxO/FG2EWVnzNmNNLu4GhcwGX9btiAiBE/3LTgP1+xZ7SFsWS30TyZV47oL04vcuCX7+ruYPUHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zaEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp1w/+PBq8XvLsTFatS6ydWJ1vQ4QkZceBr3jG27i0vnsgjuERtwmM\r\nnXFcB2sO0WXflgr2LjCZmwC1J9z3r+XfegHaPadwx7vTtMeMOG4As4K2WQhE\r\nVekdpLcxDzuhrmSEIOjwWe936+zU5WLXFOgWKH0Zxk2lYgW6wb1VVXNUF1Lx\r\nmdiO318VwXhZfTQ9Jy9bEmAFSO2NaIc4YQwXEv1qdcPYQ9p2JZeRhZyi92XV\r\nQwFD07g7UDhd+mku+boIxr565REIpi7d5tmMAkpwxNdxXSTuzZsPF2jDBmwd\r\nVxum5Z3zL+27/FJpOIWPIZjGRy7ovPnLffzoyabJEDLqFadQYfg/MDrfQPMk\r\nPXNOQUBVEOPBYDrvUK0JdCX4ufdjLMtAIyFxLtsM135dAJrXmITyVqDiO36g\r\n9WH8TGUnpE2GwZLL3j2sxAjnPaVflEGsBU3NPU8t2TqUmveHPQ51+AJDZZH2\r\nkWJM3bQaYolZccmaQHK/UjMbNo4n8w+Ug6pYYVo0ssjV0OVIa8Hjgdb/eglx\r\nvuha8HxKqpslkg4kd0N8XrtGHVNkAlzgUzMm3B2EDoVwiieM14+goJcjkOQg\r\neq5u6hRxasOdGXNbALXgYIstGw+tIUOQZ6t21TlNAE6rAcwSQyipDLIfjq4q\r\nIoJTTh8XjIGmbZ6+1PihYIaylTT47oVRnZI=\r\n=jBPv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/72d3d59cdbe462d1970fc1617f348c35/chakra-ui-tabs-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-dVaowAcb+K8TiRdtBe3CZYYDXMkWBb2rhBlzvHhnQb5QPx87xYAWUT7KZTECTTGtu3WdikvFPfqj8veYwdgPGQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220813052715","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220813052715_1660368516543_0.18052489653213444","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220813053727","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3d33e415003a3975a6bbc0547f477fed18e1c5be","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-8yJWyVWZnOLldrqsxbI8n3U925y8b8zpg2yd8rR6QzbXOR9fagh8drBYQokgCewQGJKP7KRxoDprUPXvU3ktJw==","signatures":[{"sig":"MEUCIEqUxMjC6c3Vqt7gH10k7LP+f9HzURtD70w9pcU1fEP0AiEAvivKDqsf+jbRhe+MCGuezq7bEILbM6eU/mEHK58O8U8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zj1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrN+w/+NES/qAU7EcqcnzkTbXonzv8pJWA5bzCU8O8iRsOTeIY1V9LN\r\nZ4AhIjyhlHR8nn3Wao7uM5rvLi80UvOHW5AB+gQC6sByatkACRmo7DBayYvm\r\nqItWUL8jIyI9EHOpKPLvNXBwexTmLQlUUhwLExTp9WOzKu+1orBvidZV4EPP\r\nNQL6+bDM+Ke8ktLge62Q3qLHVsYnCX8kxg0fODlD05ThJfryeQhy8mbGlcTb\r\nes7IMrgxDwvUjkphCcaiPAO/brQFRVRehaFktfroHoF3v9g+rm4HONp3xc9e\r\nM7uVaPiQIIDu1CT3JpNILIjECalO16fkqZ1AjVOCcqBFm9IkPoenV6DSYNSh\r\ndn6PR/ASOIPFcWDr14Fgscaj6nye40+3ZldHB4STEaznu40EfD68DwaS4IQs\r\nlf1ZFGJMoL4HfYmyBJv+pr3m3M8ojqwVW6sPRZrtKgt1A9cuPDcKQQx60ydz\r\nGSZZBuvw3VYA3YjQihbQllKhieWooZjvPhRUiwFs5rBqETEpYPPpJhp+Pkwl\r\nURcSATXaEGCVJ1cH5A9iRy0gxGgglgLpsNF+jGLM/FwJmPIIOybrhg9YX/jS\r\nAvEhT0o0yQB13jVJZGNLx+Envn74jdSIaZJVZrP9yUV42n22AXeSjnNX3jQi\r\nAd9JPSbFPe9CoMriZUgteMotdCNjBRlZeq4=\r\n=KiOZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/dcccbea62ca94f24553bf52bc46d0b60/chakra-ui-tabs-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-8yJWyVWZnOLldrqsxbI8n3U925y8b8zpg2yd8rR6QzbXOR9fagh8drBYQokgCewQGJKP7KRxoDprUPXvU3ktJw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220813053727","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220813053727_1660369141175_0.04590498115630148","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220813055957","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0e5558bcf9520726f54cfcc77b41bdb311e719ca","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-wm2DwzdIAuc1BN03R6b17GQWVdnm9AnG/WvZwzlwzWDDo7bY13IWJszZUffGRRn5ZWnE0x6sXkAr0Zq22amrMg==","signatures":[{"sig":"MEUCIBxCQcR/+uEeTEvYybwXDQ/+Uwq/RsFht0W7J7kixZYqAiEAknonx0DSD3aKPF3wNqC5LSs3z5rfgx2gDHtNuOmtIH0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqdpw/+MZItPz6PTZC238AkBwhEgtrVIfMqaZnVSTvOHNXDzL7uRNBP\r\nJKSOoaiwhKwvtmth1/J5eZpgRnFKvYpkA9Ob7nZfiiQ/Wb43T/fKvRhiS8v7\r\ncbTSBQlQyAUOPBu+wBFQVJ4tVGIK4fzQN7mPNYjxU5VUuO3V5zWM49ut/S68\r\nTKAb4Qj+2zFd/t45UcOUzleUUyZKj5fXu/Ht6ki441k6fT6QLgyobek2Ux0b\r\n2CNxZr4Mlw5Q5RhircTiNPGiw8sxYwP+aPgYgcwf8S+EX4J+mfVZiC4PeMdT\r\nPyrBv8WnQFu+XO+o24ec7whkUzPEjuHcevAon+D6SJe4MbqMZ0Dkz4Iq1NTZ\r\n7TslKZVLUJPNDMAZ3ghK8n49Nmqnaqt/CUoyHYJpPXrI3XYtW+7fTvASFUfE\r\n2fZp2IUKYCoegJj1nGuMAJ++ofxPQlPykwJbQNZJihygcG6Ucv0uLhhAgms3\r\n9r/Vq+Hi0M0mZzQ5Vt1v9RLz/oqDWCkbItkW2WoXT6y9Xmw7kAleqbURtULu\r\nyZFG/QecTlV70JwRBusAfFgkAwPQvrHDUCVe15IB1X3gerZasiDH6Os8o/JH\r\noy3pDhXCQ94ZehoAYZle7TGNdSCd4xPnhrQe672dKBkWW+jaU63LmLeTiqX7\r\n+Kmvty+KGOPrTjEINwxn9nw+Mxvjc0hO6pI=\r\n=3ZUz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2501a3f38fc36b3d27a406e526abb6ea/chakra-ui-tabs-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-wm2DwzdIAuc1BN03R6b17GQWVdnm9AnG/WvZwzlwzWDDo7bY13IWJszZUffGRRn5ZWnE0x6sXkAr0Zq22amrMg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220813055957","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220813055957_1660370478832_0.8877670877009023","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220813063717","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b8611061c12edb9d8779c34c11b99544922702f1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-oCvRead0k4fQQCOMFhl7gl22zt4/g15uWM3xJuL+z9Ze1hCARNh67EFyYkhij/oAXUQtauGDxvSKCUANiNBY4g==","signatures":[{"sig":"MEUCID/NKzNl7MJX4s8kjHve2UdHfv2kMbVRUDWPvOHnYOT0AiEAgyiap/BkUJeYx68egYBATIwy0P5v5P/ZqksfnwQM0cM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90boACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxtxAApAikiSFG6oOxUqjWKuJGfmvkg3QVwW3J2PnLpnVP5duWQUf3\r\nR+9pG53eRWA8WFghcLitWjF0/gnkE9/O85etHTP4Ln1kYtu/dPcFdrC6cF1I\r\nG9mAOYhSy9ym2fuwLvx25k5XQR6gEiqYfddTzaKcHeBcrkRkcPDURgcbRNq9\r\nLrph9Fs2+kaYqRIOLW0ZB/RSCDfiwd+UmD4WjmqVtQQZ/ufi1I8ZjHtnbPog\r\nuyOAGazh/LEDoUWoN0lCsUHgKMvb5bPkwhZJGixzSlDPhkW3nDCOqfnhOg43\r\nFccwxLyTcIBTZqTxrHpFrZ7iybOy4+1AC9oCXfzVXYJcEmcXO5bDeIAgdsU3\r\nJATahofepG0Ij966u0kXwJftYCla6rTOzmd6Xgebg2VbhWft+0/KqZ9gGHQk\r\nLzROsozFLQgcH5x1hGGTplV9JJjo8oZ4WIPYJTO+6Tfjhe4ZARburCa34P4B\r\nmI9CwPmGb2Lh00GG4QUtMq7yecD9SwjvXnS3IGpyjTffbwE7K/rcTE66ke0Y\r\ng2VTU9UJKAxvJMfWw6nwr8RXZwW9SIVN775PdL1MyRwH77W6ojENVF3CSzW8\r\nm2FIAaEQdE95hFZZwisueIQHoA/6tPm4vz6DPqBUDOtjYF2QBBI155Gk3FNJ\r\nZ92aSZcEQj1gjrPgZGq5RWce1snR6MTiGus=\r\n=U8P9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3d9f4cb1d361010f8ea05dfdf5aceb31/chakra-ui-tabs-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-oCvRead0k4fQQCOMFhl7gl22zt4/g15uWM3xJuL+z9Ze1hCARNh67EFyYkhij/oAXUQtauGDxvSKCUANiNBY4g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220813063717","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220813063717_1660372712563_0.9798079296765565","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220813070741","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"382273c8b08d8b7c45baed9b482720ade9d26909","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-vofxuKmVHPtMF03x0h0Z22ABO3u8b2Av8HrUCjdr8OUeonci3gBlmMD9hfKLpzGwqggCd9CDyaKtp51kMnOe4Q==","signatures":[{"sig":"MEYCIQDddNMEMzhUalQIpF1fXN4nAdkgVW+crJYcQLYPNLPfcgIhAMkzVkSQlL1bbmOsUBSYj/zL3fq1blwSxnrNgKqdyCI4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi904NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrkbw/9GmdShTfysWrnO2pa/wRNfc5CGV+6/9+ra7D+6edGQKWtCJlc\r\nqto4A9u+KR1uRxDT3YkAENKmkhLwGYOiP3NqquyJBLVNcriEzDFHnjUPjhct\r\nya0H/h8qU6p0VHhTaOQRLLAabzhyKOLkHfIIq61xn5b2oxZX77D2T7D4pLHP\r\nVyr+azyAt5KPVnbQI8rTHuR2mIleCpxm0TzQCwuKQ4lOgPCPPTuREgXu+xZq\r\nrEKWojJ5DlTU1VTyBrI7iQu4VZR/yEsuxfi/3hywkb4ZNLvZkKAFSBDCYJ97\r\nSpvxYAJSCP+/+rODTkq5bs7XPwyzods4xKps8b2bJir4l1s4+zLMSPeuXH+y\r\nOaw0F+VfGekmZDQ4/fM+q/0TpLfctfRTDafeQTINFyTmVrJFMqyp98uUrGIN\r\nfkjoocE86wch70K2rDSg3Sfm/0fzIw2ynbJNR4nmt1j7FCZNTju2Fso3hm2H\r\nG7UzWHdbcsGT3V+EH/pu3yR9G4rr1MhOXS9egQWo5nS3+XHDfW26nSwmI0sb\r\nnUlakc/fK20Jn6Y553zKdzM+thXXEyg4ijbhJ+f0VegmYFNAatI+Lya1jjWi\r\nek/+Cu/zTsc8vWddD3R6cMbZRyAy2pZ2uVX8JQzAmoJjxhAKtLn/1cV74QZb\r\neMM1p6D+TMZda0jKSsgIHi/t2K4acub35hQ=\r\n=lY0G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8772dd02dc73ebf6cfa096a5605cae5d/chakra-ui-tabs-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-vofxuKmVHPtMF03x0h0Z22ABO3u8b2Av8HrUCjdr8OUeonci3gBlmMD9hfKLpzGwqggCd9CDyaKtp51kMnOe4Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220813070741","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220813070741_1660374541079_0.2643124816950515","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220813083358","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"04cec82d5fe9e84247427cc6c06ff626aaadc744","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-Tj/E5RRGjVeY5yKwhSPLkvnxxATMn0RQiIF2Uv73M+HvpvAuo2AAQVi5pLvG5zKR5QG/g+1Nmp/Vf6OCi2JZhQ==","signatures":[{"sig":"MEYCIQClhL+6iT4NV84Ec7KvzM2HnagGx9Ba3+7iuN7npPFD6AIhAMCf8DoVaEvpFM2ZMTNbUNNMAMs0Er1UvcgUBRcif32Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92JCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRLQ/+NYyJtqdao+lVTgc95DOj/ZgGQWxwqfS+1FN486FtFfqZ8MUK\r\nFK6dQF3AwPRFz7NhV5prQHFhPLMsOocyv6vf9pNizPZCw2NzPr+U2vFaxJxV\r\ntsswEBXPiGy3N4U5uxMUDxdymrPk7Ez4y1uw4EXlvw8MRLFjjw+qUOgQZsKH\r\nQkifWyXFx5cheGhIJEiSfMCl8vyywEQJwPw97Y8HicvGpsOB1d/K9yJ3ONcT\r\njj+8k0CS/NAwDgr+G7zMu2wg1gC+c2It5z20G6CpeOz1487M45o5jmRKE2VZ\r\n1e0ItUSOBt70tIwm0D8yTkJmxKqlL/zyVqz72BMWSw/6sbci641ywsnWpE98\r\nt3HrzhZwvvXeXZThsZrmu012vcyGWOsOrek4pOGPebrDuMSxJRUGxM+pTchn\r\nMCgEKDur6VinlgpLkPM5dx+5DHeqkPL7Y89HsmeE7cJjuWwuSJNT3Fh5qoZZ\r\nr8KV9CxzI0nUlW4pBq04XTNhzJE2J4hvY1LW1jZtTXLqt/styDUerb2rzOVP\r\nZeHioQbh7NqW8zFAQlUD+8AuX49WGChKnvCYGcD7/mEd2A8FYfJkDTK7RWl3\r\n09X6a05+BpyxrQ07spqK5Oqe4HMqsft1bOM4/bR7cYCB3Nd6XSFBE/UZb2at\r\nbOJA1aVw12lmSYqGsudVSMcVYmV1sFTuDYc=\r\n=p873\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1a626004442e6fa8966ee5325830510c/chakra-ui-tabs-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-Tj/E5RRGjVeY5yKwhSPLkvnxxATMn0RQiIF2Uv73M+HvpvAuo2AAQVi5pLvG5zKR5QG/g+1Nmp/Vf6OCi2JZhQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","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/clickable":"0.0.0-dev-20220813083358","@chakra-ui/descendant":"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","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220813083358_1660379714192_0.5780796576405631","host":"s3://npm-registry-packages"}},"2.0.9":{"name":"@chakra-ui/tabs","version":"2.0.9","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"fbc63a5633224da52991a1e12750b353b9ba73f4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.9.tgz","fileCount":3,"integrity":"sha512-F5zcAtGAk8TK1jvhGhVtNrOhO9WDqM3nXxHE/adZibeet0ebjWlRkzTM6EidHfy3qgo9DNx9dOIw8yc4/jvmMA==","signatures":[{"sig":"MEUCIQDBdIEKEmJgUiNL1jOZrtcTaBLorGR7ieREg93kVzw2sgIgEPJSh3AIken1YFVbizdxBN1oX7wj7zVugrCwQ6vJLD4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94H2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjZRAAn2uh2Lnl8MJ1l16h5Tlpqrw5Tsqh/8vBGVWXa3XLnoHEWcC6\r\nfNpco8G4fMgNEG4ZJevpA0frMDdtiWunNnTGht5NLi5SNNHCHnP1yHXzPCaw\r\nY1RCzemTwWujWZjoSfCNhHQPn2UZ2VCIj76HIADSI9jBwQGOfqhxZ9p2AB9g\r\nQbEDnx/WYImrKvqmoaDXEGPdudQNcEGNIv0w0yIx2oNBJvVdtFnhETWwhznQ\r\n+0vrGtIiYXxUqAYSaW41g+4cfIX62BnIBaxdJIekg5fT2xvo2ZkvoR3CNKcH\r\nuOVp6WG28m5KHh98bDOB8IeG+jwVL6aWLIf6Wkfh5EYguwiHyr8bQjo6xt1l\r\n4n9uI+NWI2QDKGAJ8MsFlXO2/PCb/YhkFcsGrcQtgHwcfJLC+nMm0sCweF8y\r\neUTZ80wSgfEIvrnd4alXLROpuk6He9lW48HM5w42HnkwWyWFavOF9d1WGvPk\r\nuMQeaHzUytYWsAWUzHDZqLS74/Eq+PDQFKGQ25yKFmj1zZDXJtHDvSYSou6n\r\nqYynLD/eZUay7EC747RYuDdzrNp+ToDs0di76SLnJgrVsyN5ZxfwKms/QrA4\r\nHpJV4s9BJxNnVkaBZFfpXkKrpTKJw0gpoYxJOwVLg9b4/TTtix5hD7ssEwjA\r\nrQ3CJB2zdTpOqCkGH5KIRFjpgmLbzRRJcgg=\r\n=YzuL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.0.9.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1d039507c21f4910a86cef585181efb7/chakra-ui-tabs-2.0.9.tgz","_integrity":"sha512-F5zcAtGAk8TK1jvhGhVtNrOhO9WDqM3nXxHE/adZibeet0ebjWlRkzTM6EidHfy3qgo9DNx9dOIw8yc4/jvmMA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.7","@chakra-ui/utils":"2.0.7","@chakra-ui/clickable":"2.0.7","@chakra-ui/descendant":"3.0.6","@chakra-ui/react-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.5","@chakra-ui/system":"2.2.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.0.9_1660387829865_0.5209137156392016","host":"s3://npm-registry-packages"}},"2.0.10":{"name":"@chakra-ui/tabs","version":"2.0.10","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3d1c2b32d8fb3a59422a44882415a784add9c80c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.0.10.tgz","fileCount":6,"integrity":"sha512-+qrpQjb8l8nbPjG9WhnANgXFFhsKEUKX+lkVqdB8gpOalPHo67d0vBBpgwBK31sY0X0JNErBT2td9lWuyrQsIg==","signatures":[{"sig":"MEUCIBbYN80ejgqEP5jaWazkb9nMaXbomJmX1i2pns0EMuEKAiEAgzK/rdfgXnd32Yr020Sn/VfrMJUilFJeySwsDBh/2GQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+KAPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHIg/8DywspLMjS1oF2ahM3qCxAfx7shUenvfs0RbIZZc0wPv9lAmg\r\nljPButK29MXCruXRJANrvCiNqZ3Ed36iF/7xvE3FbqeZ+Si1OaFE48PtfUnf\r\nPlndsDZoLB1UgprYBq2LNGHQ8+jYcNbcANRMEHcrzby3cRgeR+bKXujhbVz6\r\nMw9ejxA9nlp4X1BzzbDpk4iIgGlAlchus0lY3W1DCHoAaVgZQamYbF1TRM7m\r\nx6Wn0a88uFt+BfPeOhn2y3nEuE2OGmZ86215RS+wlIiFkBjhMelHmzXjSNzW\r\n4piy/DrKqo9JRCpzjTP06yZKIJKeQfAgkN0xLOXEen7gkfG/J+X9O1LIVnmF\r\nHghM9f2hd99nB0LZ3Oz6cYXSs4kTry6lVEmWS6nXHVYLtk7RRjHNrQ3Bwm5J\r\nvv9iau2Hy+fG9/4/dUj1bJ8FL7A4TtSnD/K+Km3B9WRBXj16vwQUGuBiyS3e\r\nCHyaRjxO48WI/t285WmW48pxN5IGH3DLHZ6LLaq+AaE4HnQXUNdMqJdQm/tG\r\nEeLQ0wkWQBqVzjFRB9kuia0cyDZbAwLv+pQmu9UEmadKBbgxi6DOri7iJNBJ\r\ntPhJpYjkhHLZI31XpSCi2Gfy0S1e/dQojGdBtQSMYJ2hlOBX3Cq00wWzHE0Q\r\nR6Z0t0GUVIPvdifQuo8uayi/VZhq7WqLj3A=\r\n=zfRA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.0.10.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/150476321e920fbdda3dd10e9bdc5117/chakra-ui-tabs-2.0.10.tgz","_integrity":"sha512-+qrpQjb8l8nbPjG9WhnANgXFFhsKEUKX+lkVqdB8gpOalPHo67d0vBBpgwBK31sY0X0JNErBT2td9lWuyrQsIg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"3.0.7","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.6","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.0.10_1660461070939_0.562280991782204","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819090547":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819090547","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"359cbcb922e1d6ad2aa8e953b56019101dded643","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819090547.tgz","fileCount":6,"integrity":"sha512-RlD4hVtp6JeDanrVeNcAunqihbA1w9VzflqbzqczSJwKsyuibhGkB3hIu8hdn9A/NhdCaoX82stJOnk5PTOFRA==","signatures":[{"sig":"MEQCIAxBfrzRsGByBPt1iHNLy1CONluKoaN/SNKHFK88y9eKAiAvFzoxRfbqY9p6dtp/ntD6EsSd1fI4fnACD9W3oj4W2g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70603,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1KLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqd8A//dD4j4SDOpvoRdtzpouROxkvEeej4yMiDmBRoMJtkr5iBGY/e\r\nqqVJsRgOXwC4ajDcoXGoutGHC0e8MP+ltSRjMvl3FgwT3VzoGFW1wxlrXlJ9\r\nM7oSOlYrMPz2Du66CZxfATrnvTDW+rO0OtscQgZOiMz6pFUL+U7mLlNHC4Vw\r\n8WqyDa9YESUs6W2CvEMwGMXY3QDGB9Of1kROoj2KLAX0m64Ngh8iKLiE8EP/\r\ny4wjuorNWJ0Fcjm2f+iu/DLjukJH8MX+0bWt4/0LAopNWXG5I7stu5FQxJ73\r\n8XjEITcYn/ynVMHQDWjE7YDj/MgzffiHAOKQDrUTMEBYt6EuGSMa9Bb0KMH1\r\n+RFYhJ0QYqg8J22meEq4vQfqv8gjzLgoY3JJ/qm3ra1YqQSM1gkfMD/o403I\r\nkGZnAJ7HyXN/XcJu/7g/VdKxp1ir+kRXkWGyhvWBxsu4bmfXplYHeEb8p8s/\r\nEf631nNuRsigHw6r+6W4l7o2H6CZOzKCRPgx5VXApTKBNZQSK42fiWjoFdjz\r\nMGD7tz/vkq4uy0OVyLNW3nzPzaA7yIDZ/HXrSu8TjsUQVTgcV9IlraE2h0g3\r\necs/q6TqZUhknKWqvRL+S30pIHxS8CLDEw4bkzLeel65K3nhRrfqVyldhA2m\r\nQ65mpkO5AIri8CWXMZpyxDnwJXJPjZ8ID00=\r\n=1eI9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819090547.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/03211ac930240bc6bd651d87c150f97b/chakra-ui-tabs-0.0.0-dev-20220819090547.tgz","_integrity":"sha512-RlD4hVtp6JeDanrVeNcAunqihbA1w9VzflqbzqczSJwKsyuibhGkB3hIu8hdn9A/NhdCaoX82stJOnk5PTOFRA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819090547","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.6","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220819090547_1660899979507_0.7828084305734364","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819092119":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819092119","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"feab1fc14f76e9c525a0bdc6cd19bfb2c5034b37","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819092119.tgz","fileCount":6,"integrity":"sha512-z13p9iYGs5BUTSwKvun9u/tZxeeo2vcm2cMQBXwFO0bhPkZq12X/pXyTvcv0crM8PVLbCZhTH00pDU61U3NfRQ==","signatures":[{"sig":"MEUCIGuDcHRq622CJYcgE6DqsBorOVyd5BS2vPTxvV7MUmuPAiEA6iCvFAw6J5PGYMVJmpwOc0Hnn3i0Wqnc3NjUPdV7Yko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1ZDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpw5xAAgtq//mdBw3Jwi98ghbSMdf8EAR/VwWMqTkoozzzsocnUKNoH\r\nNshEoM4cRkPPK9BJ/7jsgu8pCkZ5tkSLxIVTpb3K6Ad7xbijiEszA7YlOSAq\r\nfzvg2bzkKckpdIqD5ndMeIBiHsJfyattMsYVhmr/NP8TMP01Y7XoXW9ju68a\r\nLwwPqz4BUdlYHdSPNRDsw+NNRapXjS+ol9UMB6emF4U/xbgj+fE/XglCRC+a\r\nmDRXaGi9J6kMFXo7rmuvf7/uoHS7VAAxBJr7x6idgj+LFk7pPIB6nkzPn1Wv\r\nMWKU52XR3GfgLzrDE4NQvm4wz4GjQXkqdaSwPcUgx2kE5SpZuao36xFv2JsB\r\nQEGNpNmFZqBy2D/lJbnJczy/z7+HemPqUkXRZsPpEsZzlCo7DAQU6+L2WwIY\r\nZZ2gb5nfp1pmvk+DD9/89ExmusULv9tSps5gI/s4i0VHhfPqLIJVPwSTDe2h\r\nNLiGjtoVx0N09GyZ/+uFPDBtr0Xj0IbFLWmGw5GFF0zPBYzvZSo4FPlM6ZZv\r\nVulyRsY1vVAdihvsjyGQqFr38sQWxpzgnBykfwQJ04svAcLcsOxLQzGonx1g\r\nAtbsHy6Pz6mXe4d+08iMSk3o/ciXovGWKXFX8S25194J9FlSV24j8pq8uR6Y\r\n0CKh47Q5SlSnuF+ngbqldL+6/2Sl7Fep4s8=\r\n=H4ep\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819092119.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ef5f34c6a119777499816337e5a4ad7d/chakra-ui-tabs-0.0.0-dev-20220819092119.tgz","_integrity":"sha512-z13p9iYGs5BUTSwKvun9u/tZxeeo2vcm2cMQBXwFO0bhPkZq12X/pXyTvcv0crM8PVLbCZhTH00pDU61U3NfRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819092119","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220819092119","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220819092119_1660900931712_0.0795392487204607","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819114147":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819114147","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d1df72e96137f0a2c681505e956f01b57f1b39ff","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819114147.tgz","fileCount":6,"integrity":"sha512-DGXaFVeXuhlZ6UUVtK7RGULXeZeOKAb65wKYUXf7Fmza4b3z6DB/lUmG6arD45DTY2f/RYzuSIuMTOGbHwV16Q==","signatures":[{"sig":"MEUCIQCFH2VEt5EaGFwrwotnWZAbH0fvZU5Aoh2w0Uzd5v9ongIgJLAMif/0io2BGPEI+JppI6Y0zn69m6zeBVAtIVEPDuQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3cqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoWLQ/9Gifsy/p9YXvX3qZa0BdM1daXYs+pWhqNCZWdbDhNwIZcFTI/\r\nHDULRIjvpDw1p28bjjXijdi8twjRXLT1rYeya81uJmR5STb71/6ElUfx1x4C\r\nJTbrkBA/20MS63Gb1POJKWSYLS06UCuLKkTJ2NbpEIrV6a0ITzYTmz4aJOi/\r\nqCZOd0rllp81BM5W4jGwAlZCt0UU/lqwZxdItw/ZUObTnH7wDmTXVO2hLf0t\r\nqpD+26Xqt0Ygu2jEIw9bAE3WLVtFe/N1nQFXb0or8X86hMEKSsR5GMU5lrRi\r\nJUPr0rfUcH8BtASoMnLnI7RjDrRMnfAJBaokzA+YtUmKmVov38nUZulXb6op\r\nJT5kcV9nOtQ83lgNNxYXoI+fb+93+dxpvvXKUoG1ruFHcNyErHfherHFthp6\r\nZ5ElbQzlA8RrFQNa52fuXUs23meK9Psa2zkQleBgNKrBgexpbXGZ8JypDpek\r\nwRa1YrpjNup1c4oF8Pl6mDoU6L684ixlqcE2WeNZY94/0UILgZCIu3xkxfFM\r\nLpPEOg3A6WGot8Sq7w3AKDgLrbA/WJJFbrjANA8CAG2uyrdhKONNLJnEXT7n\r\nzA7ZgZmDa2YiGfeYNwBz1ZhjuK9bBNAQFAGhmQ6yYK961wnrCS578jGUb7zU\r\ntZYBWZmuYCrTvXFVfJjuwL5smvRE2idYUI4=\r\n=9lf2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819114147.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/470b6e8b55eb29271d3c25d4048516f2/chakra-ui-tabs-0.0.0-dev-20220819114147.tgz","_integrity":"sha512-DGXaFVeXuhlZ6UUVtK7RGULXeZeOKAb65wKYUXf7Fmza4b3z6DB/lUmG6arD45DTY2f/RYzuSIuMTOGbHwV16Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819114147","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220819114147","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220819114147_1660909353863_0.5018179410215098","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819115812":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819115812","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0df6cb6217ec1b1f68e3f19d7494a641bc22317e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819115812.tgz","fileCount":6,"integrity":"sha512-eHNCR6Zp4GuvYUfshu8jR2XVoIHA6shZvesY7El0l5lJxYmvCIc4gMK7AyXdcQM1zhKEkPAmJItnKumyUVL5NQ==","signatures":[{"sig":"MEUCIQDnKszZJ1E2/YUQxntkCfTJrh/KJfUelx4v4SIDhQCOHAIgFz/P6Rz58jVm9BLMiAuF0y2GYUwg95xVapidFOmzpTA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3sYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpN5w//ZQNX3prR20Sh3PDylEb1InzKna1Z2lzXQEqOcVa6gO5ost6p\r\nJk2TM72fhXf8JqTax9FMK4yRuZNPbYvlgGBjQgxHHLQ1rpNb1HX1iS+U5eZW\r\nu9sKFlj6x0/2X6QJU2Hil8GmIFF4ZWKAjtNUsP2lbvK0wYr/oh+C0PslLW2V\r\nlZAQt1dbFToGwAJUOCqtpy8mcX/jlg9DoYfSznbrLbP6RCV6qlkl4I6R8k74\r\nLb4bLtgJdWKfU9gd1TFtBsR/HVBJb99HO1qLhYWlPRl0Q1NBZhifJrydJi1o\r\nd8f6IgspncWPt87YrJb38eu6gdL6dC5XEjIk1lAoiMMMpGqg6uAjMiUVF8QE\r\n/VvxCrN6p/T/aYxfKl9SFhNNvj3slmwQ1na/RbNZw3JWQTwcOX9FyImQYdQ4\r\n2GPto+TOXlH15Hu86+eL6xyyvBAgZW4az5vEIs/ywpptZqTXKkWidGTOyW5E\r\nsoUuRRF+ohnU1z4qKFLVikUAdrJCfPoZGK448qWENSuCgP7px0dx1PXAduHc\r\npQuymE8aE2z85lkUYj29RUj+yoBLKMn4P/6VAZYNfY/tMsZ6MG+UeDZI3PaG\r\n7PVv4rij39VLku5BO9u54wZFz4jFYIgNpRHCuV0PI/OsLtiN+eW5xfBbEnMg\r\nJ075WKr6YjCYgICWy7xigpcdEBaa/PgiKfU=\r\n=urK2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819115812.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ebb849dda743039aa6648d91fa1fae4d/chakra-ui-tabs-0.0.0-dev-20220819115812.tgz","_integrity":"sha512-eHNCR6Zp4GuvYUfshu8jR2XVoIHA6shZvesY7El0l5lJxYmvCIc4gMK7AyXdcQM1zhKEkPAmJItnKumyUVL5NQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819115812","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220819115812","@chakra-ui/system":"0.0.0-dev-20220819115812"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819115812"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220819115812_1660910360397_0.6777016442372192","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819125800","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8e6b31ef27643da6cc826fc12d57c0ef6e8007dc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-ZcJNunprMF1IMzu+KmxRffptc54hD6tFVlrqRv7eUHjVDLD4EJJBuKgsqKe1BT6mGzkwhKyDae2+efhNq8+aNw==","signatures":[{"sig":"MEUCIQDTJbjyj+w0hbW/NwX+gud4WpwpYWAhgjUdTO4pUluMHwIgCq3ZlEC7TlujAc8r39nXZXUksw3t9o9aCjxptmWB9mQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKRQ//V5n67+xZqOLZIZG1sMjxqpaRJr3MmCvPoVX5le8oyXBArttm\r\nZwPX7r0GZgxC+tapGj7VJSJI/A0Ub4aN5Mkap6iQ1gg0wgqFtjIDE94TfYOV\r\ndlDIKJ2AD0WWMYXxB+ri++w3qiT1xbRNQN5BVgsOtToGCRD8yf3qdj8xbmwM\r\nh2HaulANvvlm8AjUc+KoFhNXzDbdiHB0qASrO+C8R81AGbOKSy/YScZZrFYa\r\n5bsu0oiOdIyAaX5q02uk0fZiy1MnyxQythCn5EOFwypUm5+jwb/AHqhk5lO+\r\nJU/wM/1N0/xmLZjv1AmW75UcW0uWwjbPMIBvsJ7eWyukfnLn4Z4X0+q46o+S\r\nmUPrfCjr0yF6QGIc36wxpiCDz2nQVj4R/VP1OxreoXCA4ibJyndqWzGrHwl1\r\nFglqWSCRRLkxehG1ot8XiUpRTBG4IGaw/NoKsS9vfFgMJu0TXIXjbNhyffbW\r\nVb+2vwmcutfftEmwCaIC/TCj8ki+vei0GtgIlLO+T6twD1jr/rf1kDLrcAnj\r\no4aU7e+rSD5rRbvSNuf4PP/nw1+KqMgs8vgJS1KTO2j6WRyyGRjU5ylRsiYj\r\n1d6G7O2UwNBW3Ra7MznyKzi4ezKl5HsYEBVVPequUd2m0NNtz4Ibjh2Hz0xd\r\nbvzD8LeYwq5qDXusw/CwEsSvW7VjZLWRNFc=\r\n=wzyu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/513fffa642a18cd6fb78446f484d55c3/chakra-ui-tabs-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-ZcJNunprMF1IMzu+KmxRffptc54hD6tFVlrqRv7eUHjVDLD4EJJBuKgsqKe1BT6mGzkwhKyDae2+efhNq8+aNw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819125800","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220819125800_1660913956167_0.8698577936008423","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819132034","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"c2563cd56a1557bfa57ac2416aa3f61036b3ebcc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-yrpq83Gq8e8Bogp7nV+GKCGDf9xSYGyjEYhRcyWEGVBkGZZv9YdTli7AoWwK+KvN1GJJdvlDuwkiNR9st1RMDA==","signatures":[{"sig":"MEUCIGbweV/1Kiu+B3nQenjELsrfD+7WTH7ukeX3ptXVfyW3AiEA2fdz/wJRWM49JoUKMM8e19XaC9xizVO7pVto8gMfAK8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp26A//YVjMU5UWRyb6ZVQCQ4jw8z6yXy3ZNDcL85IOsYSPKJL7Nu9W\r\nZSTOkDyvsT9SbWkT6ppupaMGfkJKiBxEYRpVHLHVLd4DnEvAT/zbEJLVYy6u\r\nxPqEK8mhdlPi+tDpwxmxyy84yVFH81H/xtgTS+53yj279cmXQ8hAf9F4i6dS\r\n9dwTxsmGSpaV0nRk7pNm34f6wcRjJkenZWZ5dJk+Zx8uPoNa6WM1oCr5U15Y\r\nmLXMcXwID4JFkGfRDSWrE8+Rl9lM+GUftUITjU5sjUlzl+VyYkUVwEcLtqU7\r\njoC3SksMUDZRiQgdMH9PAACBpc2mnWdMmBhd8v4crb+cZHggxmVQDb9hBVYJ\r\nlREe5onHvkqPoW1oJwoeXYmxhqgGyMKgK3y4mW9rLoIvZkcID+kinVtbe7hu\r\nXA3amMEWdRHfttkUselzAJn1hllZyYKiHW0H3SjIpv5mHFehUv1DLnGyv8zY\r\n4KEcNDLHNtepm+OyU6Jv8X/1mkpQ1s+IaEiyiQRRbHLljurBVgcUxB1Hpi20\r\n3bSOT8IeI2lFXfRWkBBsJoZFPkubmjJq7+k80fm2qzV+BUtJlUVRq4pzMh3W\r\nC5EyMsqQe8kgaDXVcebP4p7bA4YC+02MCr8OGJIa6j6O5AIPD+P/NaxZKCwR\r\nrN+r8eoIDjTAHB68154K87w8qtK26PKTT2I=\r\n=gyLS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cc5a0565e8998d209791ad940c8397fd/chakra-ui-tabs-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-yrpq83Gq8e8Bogp7nV+GKCGDf9xSYGyjEYhRcyWEGVBkGZZv9YdTli7AoWwK+KvN1GJJdvlDuwkiNR9st1RMDA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819132034","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220819132034_1660915297862_0.3030790759425501","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819142048","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"52b90eee6a6d20e2f3454345f0e0bce7e9098310","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-ZxQueZAbEg+YBwBBMJKiDWIHvAsN71JBGv6i3Rq+hdSLTfzPkETKqx77vnSV5st/pQAMS6RdaULPhuyQZtNs0g==","signatures":[{"sig":"MEYCIQCJfeVxTrRno1+XfrzMechD7vwiuOEDQQvWQ0Upk6BB7QIhAIPQQkNqZYnEaO3QIMPzS2OlNJkE4WdZN3cVsmot0BXb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5yEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWcw//REnWGH96xKUJDSf1JWS/OKJ4PfR94JdUcRz24qQYRzApGAxw\r\nzfhgVyk+28qL7bNtC2w9FtpEDFSgA0y9CMrrxEN+An8vS/u1KN2ybA+rPG+g\r\nxJyTpoXdn4qQcUgkEenjaM2l/MaPG/uCHdd8VECGzKM7S6vnmxx25oCbMAqx\r\nCCpK7pFLbsKe3GDK7DEuVugr81tUQSTQIWv0nvtyqj7W7U1l2wTLoU1IIhu5\r\nWyKAOFVYrLPQYeyms3sLEHyJ31aNFqdT580RhNsyUBWUw0z3IUTKMQqoEq5I\r\nl+5hjj8uLVxr0FXRqqvsN780ACHbmbUKgRXe5NfHijsyxazQc3Deg/XIkjtr\r\n+R1GxgnodOu06PyUm7RysIpcS+vbUjoCFzNpmWPZPbmJBRedFXgS6Ey7ibr+\r\nsyzohRRyNeOlg5YtHIKzBuDwmjAUHumZ+0Ys87Mb0r2pcNEMjeBH+voiAJW5\r\nGku+QljZMigm8dog5PmNz+As+IriBENTkjMs2eD4FrxIWuDLIm6NpL0/CPyI\r\n3JZZ9N6se2n1bdJjpDNVlafUjh/PI/nZieg+aqtAUC51Tq614bv1rufzimgv\r\non5YjiJxmx4z19dK0/Okjrlrw0Oo6xW2wATtPL7VTTCWYfaDOzAjV0ZTb2qH\r\nbtiQbSpntF4VoRkc0H6xt4VhQksCNnUNLik=\r\n=qLNH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d202badabea2c93b4edcc8db0cbec870/chakra-ui-tabs-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-ZxQueZAbEg+YBwBBMJKiDWIHvAsN71JBGv6i3Rq+hdSLTfzPkETKqx77vnSV5st/pQAMS6RdaULPhuyQZtNs0g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819142048","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220819142048_1660918916426_0.4452259621018637","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819143632","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b43df8a6b4581ec965f3c2a4bf90c228e18a3633","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-+z4Us3cTazM5UvYFU6dKMKCfAM51Etkc3NeRo34DCw+mPMaBeC8c1a6dCn6euSug7UOMD5l7zZ2m24ccvWws4w==","signatures":[{"sig":"MEYCIQDm3UWSp0K4eMsyUTPwd7WE4rNVyvWEiX0GRWhf2lkchwIhAM8251/njMAIpe4DcaYBmweMhUpwFS/hAwIOQs0U2Kz4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6A0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXuw//fV0Hc+sfzGGuQKmai2l2jfpW13/pDy/5n4F2v3vDXMFY+daX\r\nUw2HnO8rTlNtCa+21PFOr5CoC7C+rcDNsLV8xNDFWQzitTMYFU8XRX2I+luL\r\nf2lohJpisWocmk1rn72RTHmsAcIN6IHqlMJoQx0okVp/vwE+wD9huaTNyVTq\r\nqCZ7DIBeDGfRxx4H01XJUp3BhWN6Pk+ez53YXwbxIY/LbJVUfw9B2Cc1b6/0\r\nZn2GClv8Ul91GfyOlWHXlaemnQqqrdmb1cJrZQUR5uO7Hkhr5SViO6rykn8Y\r\n3D7ayslvlYTov8LvLzb7D2EHcbYyGlgRUpLcQ57uBrCEg+znNekPcZnNQfAX\r\nRIpXwircp7gchTy5kpiPNEVzj3x+jo0ZEN0tmhHre9JcdqQFLmkXgqyqvvFX\r\n1lsflJSn+TC1lDc/kK+7lgPm0g5EM2cmai955QgMaiGqrgfbAD92YlrFOVhh\r\ndcxb9lLrzxnWvnxttEq+pAC2Md8uQWZaXtslVeQ7/DUQHYPzwLU8aqvaTEj/\r\nUs40YGlFbAxyvwJ5b48MqqwyvqPw0g53OReQktZnatErhnDMxvIpLNBkC250\r\n4b/MadOUeStje7jfut9UUFpuBY/EWvZJDJFe5vgMeo/eBD+q/48h7TAqfhW8\r\nhlTeeFvXi3jt3P09Kuk5fMV510RX8sfnTD8=\r\n=DVtq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/562eaa8e4943da3a052d062a0d87bbdb/chakra-ui-tabs-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-+z4Us3cTazM5UvYFU6dKMKCfAM51Etkc3NeRo34DCw+mPMaBeC8c1a6dCn6euSug7UOMD5l7zZ2m24ccvWws4w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819143632","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220819143632_1660919860436_0.3803072690727698","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220819191103","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e77ea951d00186ca769bb605898bf4db65809ec0","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-ngMS3tMURNqP7jj4smHOtGMDE7r4RVR0b7ZVgWP2x73h+yEfYiTNoqBnxMyFVjlwR7Nve7Wg91wpKOyHMiqUBg==","signatures":[{"sig":"MEQCIA7klTRhzDyknK7NO7kHgGLdZT74NZ4/SzrSgIMi+7SJAiAmh72Wp9vjW0OKrAStgG67caEmXRX0yCiXiIF271DKEA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+CRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXuQ//XvuVaGVPcEYYLQaJpZm+exulbEnRwQGcbuTeeeNRXyvpFgIi\r\nneIyOJyFJN1scgo6sJVfQx6BxF6v3pmagwtNR2xu1qyOuGj6oizj1bZMeWnE\r\nENCGSgRVD6Lr5bEahXlQP2HrRCmxIdZrt75clHKQIl6OxBW1Lf7MSMudzgml\r\n1LFmcPB8lpyILR/qj7aMrEo3HS+7toPTxZ+FfxwiUwh6Sv2vPg0PDV9X+yAS\r\nFVcg+BiuiqyswtWXOv02yDnObV1y4szSQNhI03wfQZTlwJLAPFFtS3jUnixq\r\nl8k6ckL1JE3nlOxdZ14rBtJuG418frNqpYXsZu6wQqajJZt+UGdV7/GhxjcS\r\nIYjXbTN/mMWGb6z/Jpw3gdg3FuOBevreUP4VKtr4XEJd95oRRMyC/V4y9lmL\r\nTXHly9c92Ng0lATpUI5EET9dCW931FqcoJMtAo1/AHkOJtJReQxD8qGIvgPZ\r\nnqvqSev93Dq6DN8D8h1gRYsXKMnx3AmEZCUoXqDaeIR+j+a2Kg4r33hoh3zD\r\nRBluuCC/jjqnB7G2TqDbezxQTNAflmSSkVACIL8PB+lZpLAQlZnScoy366BT\r\nbQvjEQsRMR3kHdzsYRWd3tkqjqoPVFJeoq8x7jJQxQiyn+LoU7izWJsaOoCh\r\nvtlCrCLDz3aDy65+teRz3fAkkqOyHo2umjQ=\r\n=Klpy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3a79251c4012320ee3a616d84355ae1a/chakra-ui-tabs-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-ngMS3tMURNqP7jj4smHOtGMDE7r4RVR0b7ZVgWP2x73h+yEfYiTNoqBnxMyFVjlwR7Nve7Wg91wpKOyHMiqUBg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819191103","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"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/tabs_0.0.0-dev-20220819191103_1660936337221_0.7095095767552477","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820120308","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"5b027ef447c2f8e5473ce5341d151f4e36791cd6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-RFg8TSjVpttByr04trSTZhKNs+mUe+prn4yTG7Ui/PbaIF9oRZ3DPcyblVeUFm0njS4QJzMOB2U/qTOwuSlvWA==","signatures":[{"sig":"MEUCIA1eH3cjrUZXk/SO6GcCkHGz89WIDbZbtBJFXBB1ZET9AiEAtjStEsAJgcrkBh1qhWGDFdtzVB+RLZbj0FJwUI4T8As=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM22ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkPxAAkl1m+oFEw/NMpGDnHJgN49bf68mDi75sV3Xe5sbV+9O3cVyx\r\nWsnkjPwpr0JLjRm5/kvsnxaQK5O7uowElqdfHNkhJM6Joy2l8vIvkZPRWmhv\r\ngZ4dmCdeQcR18KzR+/e/mB3aA9uZJWgfp05OclKKR7eMgAw6v4X5VM5gcoWG\r\nRc2qT8zd9TQOHT6vZrhN4BEfsyoB0XUTavkDMz7cIZEPrx3Xi8+UD/ajeLV5\r\nBCCjyJGfM2Z2NkYtZz3+8VAYCgb+tpECdx+Xc2dQWbNSHhDHUTUB1c5ZbHZG\r\n8Twln13DkjrMjn1qqj45SEY/Rc3myhj7XEGp8EZ7eY/w+b6wUEBhAfSAhyKU\r\nvCa1uh3CVf0Y3QThzKQeoJhKYMTxQ+1JtVe0DU9kJo5MaCm5lT5+3dxdXz5T\r\nT+u7WRnvb1QHNW9VnYuE7vgjcLgADssr7h8oi3cmcW3E24jHT+KlYH5F4e/K\r\nLFHuzjTK5WJPc+VCa9eancvT2dSqBsNwrkfBA33F3o9oy83pFPGNSFBNaewW\r\nfvkUUr9IX2YQHcK2x2bSBRcLeNycUNbbGPywI6xOPdtPYqlRhsVVfbi9kiXm\r\nutRzRXSPrUkugxrDhxUj5tFafja/Wz1LF6pU/KIo9Dicfd2b9SANb9gnQVhV\r\nMSHPvswSpzOb60NYyCR/+nAZtMWuteUvBg4=\r\n=hC20\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b131e21fd971a3dc11dfa92f1c3ecc09/chakra-ui-tabs-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-RFg8TSjVpttByr04trSTZhKNs+mUe+prn4yTG7Ui/PbaIF9oRZ3DPcyblVeUFm0njS4QJzMOB2U/qTOwuSlvWA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/clickable":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220820120308","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820120308","@chakra-ui/system":"0.0.0-dev-20220820120308"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820120308"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820120308_1660997046132_0.14873844343713083","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820124231","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8a025e1e019cee1508b4f278d4ce921b7decf35c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-Khg5J52YQZe+J84C1tZu1NCIKTOcizO2KNgfRr4cQoK80DDCxUnHR22jfuJ1c0bWO2fjvKuqn7xfFFoaesJwjg==","signatures":[{"sig":"MEUCIQDkeITcr21mZ0RZ1UkhWBDfnGsOi0h4byN4DMZ2/pYEXwIgBnugkDP8HuSaZAKwLhsVYSpjMzJS4RFtt4tRnUw5wOE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANcYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdOBAAiNttrKC35FnnGDnH3sBhx7SdhOybJzQsPwuf97FGo1orfefN\r\nikyaPdzYM6hwFPDQgHY/VC9mYR26rM/GvygvT3nG00jmMxMquFgpUDjT8jHR\r\nPRdaWHg7sQLM1vF3aKef8uWNE8fII/gZnHHL6oUmAdQQ7fb9/Jm/HeUGO0oB\r\n53TWAR83riGZscOH6dDB2Cknp+yf+2sQclCo0p5CQEe7M5twm/FQO09uL/GT\r\nzbA2R1guaHr6LXGCcUj46WY6NoEQsrxkWVyrz6wwlE2tSa3dfpu5qc5S01hd\r\nam6/D448NSIdpJL+a97kymEwWWv9Y+UtsnC/rhKAxL8haF5KjpXGWzgdd1ux\r\nOBxHrCEazXnhXMyeP8kNfGpsJSob0oBmcifMxQqdBrKrNIPwW5AJ/O40tHxo\r\n79KvZvpp3f3HRxzHnKb6ZLzlVaEFY9FqyQavy9BOhMfhfU1wnpSfhPnK3awx\r\nctom9hAgREwa2Q/1hiG1tW83w2zzJAUM92P9EbSndk7inHDtKm4aY5ckmGnE\r\n73DDNiwe+8WfW7OhBksd6k9uvaA3V2M/YYcbv8Euq6nBN6MOgZ9i0LBVktao\r\nY3iYh6Y+dLeB0q/mPxx+3mHdEqGhHR4ILzotF68+dQfbjghRLhCeWgRhyFNH\r\nF49kKuZ/xnxWalBCMmhT4XTgHdVHVgjArIw=\r\n=9zjQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c5fc8f1fa1965cc5a524f69be776cf23/chakra-ui-tabs-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-Khg5J52YQZe+J84C1tZu1NCIKTOcizO2KNgfRr4cQoK80DDCxUnHR22jfuJ1c0bWO2fjvKuqn7xfFFoaesJwjg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820124231","@chakra-ui/utils":"0.0.0-dev-20220820124231","@chakra-ui/clickable":"0.0.0-dev-20220820124231","@chakra-ui/descendant":"0.0.0-dev-20220820124231","@chakra-ui/react-utils":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820124231","@chakra-ui/system":"0.0.0-dev-20220820124231"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820124231"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820124231_1660999447789_0.25321721474019143","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820152257","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"28a21f290847c3683d9210638a5fbb5518671361","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-td9eGzjakTHcW4YC5H37sf43GL6Tt44C6bonVHv0F6iODRWzha0sBEfENKn0nNd86c/WEYmXV8nEfKpSzU8bow==","signatures":[{"sig":"MEUCIQCmSk/7OV6WRxnVc4qE7P9ifffc3XdKZKwoBx6SjhEq+QIgFbsu5slcj8fgsW3yvWTQAM9X2yfxpuyC+cVdbP3rScc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPyyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPUg/8CmuVuCGn27N5kntm2w+XgR78PtlMt2e4JiRRARrKsuAGImjN\r\nLA37sFiTQ0GOH7//hC1bjZCDgIw75F77vCcPDjMuM3XxzVO44NFinPrqSz8M\r\nkbkdP8HZcrUX0Ypt4cealcmzsBaawxXKkkgPaByHaWbkRWzTrCBtAGAiRiqZ\r\nOUHXfE4AuOBiJ9A1LFLZljNtpPsAjpABh0HSNYZaEgfeA0mSDL1Skblp2VGn\r\nXu0C+K+IqdZ16v7PQVNSE0ygzxdzT2iM5jhDjzxjEnO4IFvBsxyAKiL9LXwo\r\nx/VxhzfSDIwi6nD6D3dlbodNfeyQDkVsEcx/WrQZWgwfWFP9DGXL/2SnpgTp\r\nmkwO1IvfAUVSwH5NFwvSV/2AjPX3rnjj2ehYPbPdPb/87/N2ej8C8sJYK+hu\r\nvLcpRvFbvQ+lSE5USclxnEn4OCdeyFaaCDPm4LKU+00cTzS4a34qNlLTEQHV\r\nOZzQS1te/GCVXvZ9Y2f7wPQhGJJ64k5c4jLMASoiQe+HEHqmSMstFjHF/GTd\r\nkjGG2w/t4kPNOdgpa+ocVAtAKSjZ6YH2RgskrGJeW4KU7QKGIspWBZCGR1wF\r\nfhwYaOLGiXBOQUWMOKI0iAprXbukn56vBSU3rE0M1A/k92aUhRhw6MPMA4U2\r\nskkKN+w2M7o5ukigy9EW1RPBlVfG3O+fwUo=\r\n=ul2Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/623a20ea5518f5d40f23f3f5cec9a4cc/chakra-ui-tabs-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-td9eGzjakTHcW4YC5H37sf43GL6Tt44C6bonVHv0F6iODRWzha0sBEfENKn0nNd86c/WEYmXV8nEfKpSzU8bow==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820152257","@chakra-ui/utils":"0.0.0-dev-20220820152257","@chakra-ui/clickable":"0.0.0-dev-20220820152257","@chakra-ui/descendant":"0.0.0-dev-20220820152257","@chakra-ui/react-utils":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820152257","@chakra-ui/system":"0.0.0-dev-20220820152257"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820152257"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820152257_1661009074261_0.2576280540032545","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820165925","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b513e56484320b70a8c2df2f728f794cabdd99f8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-hT2iHzKK9Q9yhTHaT5Zu9/LhO1+vL3Wl2Tn5V8u1O13UdiOWMMO2TWw5ZGAWTOaxadZFKjaMsOwpiPfURJp3gg==","signatures":[{"sig":"MEYCIQDo452gHXRA0NVWQsP/HuNYbtu9meeAlx4kRjkZ3lqE1gIhANWEt8ru8EpUocTERy+7M1Gi21s68R7AwcUJRNovAvvD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARNFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYsQ//eiT6kJ6Jl0L9yQbMOgX/qy1hnpS3O7V/kP0XMu/Q2313fAKs\r\nNgvwSVjq5DNww7xYo/YqUv/Lj01AEBBwuB2LX/zSa3PVo+6XTHoGindR0qPb\r\nYamiNwm3N7Bv3uEOW7ijPziQHDZzGbLNE/p2CKKqG/LCyzu8UEe0XryyQ2jk\r\nfmHpDII4XG/hAZgLrJ57B/khQhW4scrhSH7VL8suHUs7cDZyuSXlUk87u7B3\r\nLevu4nGk9oDreANsg7pX5MSHIxyV10nzcKKGBqLdLOyeivPWvFZ4T2GxuYpM\r\ngJbKcXgf4KglM2uEsEyo7WKSyAtIww5fZfHarp1dPxyJgsy4eXoeuY/51zeW\r\nD5VvnxbP4ZswnOM0aDZiYihSzJDhIjQSGIeIfHEWFu4LD6HjXuhZ5hAghQXT\r\nzBNjUC2PueYmS/e1T/RQXyxWaDVqUv7ukiMUmvfRZdmXBAAeY6ZE0OGG8zOD\r\nynhsHEX/R6LRmi4vc2vGnvN0+0qdOBgMa4eNFfqF3jZ4WkNT2VHh+ftnzxzb\r\nwEaCZzV1Nmjj4tXW2Dg6Tl1NDJpQKg2rQ22N+f+eumUWoePillloaw943ezU\r\nbp3+LLiMgadcVKAzmgg+50jr/GCUaoYMEpDZpAx4y76WTPs1ATNWJzvgQeED\r\n2eTGKUGj7r2VvJiAf4G+J35FFT/0nxJcBXA=\r\n=wuIp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d7743e2bdcbee264bc63d7c41e373e2c/chakra-ui-tabs-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-hT2iHzKK9Q9yhTHaT5Zu9/LhO1+vL3Wl2Tn5V8u1O13UdiOWMMO2TWw5ZGAWTOaxadZFKjaMsOwpiPfURJp3gg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820165925","@chakra-ui/utils":"0.0.0-dev-20220820165925","@chakra-ui/clickable":"0.0.0-dev-20220820165925","@chakra-ui/descendant":"0.0.0-dev-20220820165925","@chakra-ui/react-utils":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820165925","@chakra-ui/system":"0.0.0-dev-20220820165925"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820165925"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820165925_1661014853715_0.19948012032021123","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820172220","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"1e0a0078eff5a8a2e8d39bd7013f1cc074f76771","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-mJt3LTN0dDJMEDpI0CMpmuNzg3JjJhtxg9KZble4rXM9sXVawjXNj5UanwjBaAKOY0aBct8SYxTqhVkAszqCjA==","signatures":[{"sig":"MEQCIE457jlishI6LzLPs1JKhqXaWoEBQbi1Fzv5XYu1pELlAiBe1FDFJ3AhJk/jjwefnWIAnvh4186brh3UTbUHl9kH3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARikACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZag//egz7VhUMLL7OIlwOlg3lU2NuBhBjOLuPVUBCpSy/K0Rtfci/\r\nxx28KGKojEd95y/R+aeObTQrI5AEQxbSqwvZ8AM1kX2zbHzebpWrHmEg1utO\r\nFfk1GMuBC/6xF+3XqKmPoWIoIJKI3Sfn2UmhEGSzxvPNE6V3xGfLOs/DGUCe\r\nuxrPJ/Wp7tZiwxnhTTwn/IhK99rn23na046+7N1zODd4/Ub6+8UYcrhX/pZ8\r\nXAt+503WHkd+pEXuu9gZhHCfpagGdq4jzqM8e2hh2O2I3nV3/0hdvRHFK9Ro\r\n/S8QyPaQm7GKaKOuuF88hwjXfGJet2pIH2qUYLTWMp///+2geoBZ40iEscsA\r\nKrHGubkqis91B25B42n1bg+VZJdBgndVJBJ2DD4NuqIgQoEx/TA93vtjFBJf\r\nwdcWUAkWb9T64fe9xFO8shUadJ8VlHRLEcvDH00Df/3vnzV/xQInt6z84VWj\r\nCQiRPVqUkX5r09V6V3nGyuZz8BMNArhH6VxMG4G9m0AUY2QKHt+z4fEuzQt5\r\nGAs0zSneMoK5UklyL5QnFemZobGMe9DpW/u40+xsZnP/6C6hXfSFPu549zpq\r\nKccp4r+CVuvRqSQ0BnPU+ihcweHCVI/HIjgAQd8IwepcWseYs0Bc4fL1ECGD\r\nMq37tIcJdOggChpd06kr92sE70ZdJCGAM0o=\r\n=ltp6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/11bb77608155367c5f2f02d2317db4ab/chakra-ui-tabs-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-mJt3LTN0dDJMEDpI0CMpmuNzg3JjJhtxg9KZble4rXM9sXVawjXNj5UanwjBaAKOY0aBct8SYxTqhVkAszqCjA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820172220","@chakra-ui/utils":"0.0.0-dev-20220820172220","@chakra-ui/clickable":"0.0.0-dev-20220820172220","@chakra-ui/descendant":"0.0.0-dev-20220820172220","@chakra-ui/react-utils":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820172220","@chakra-ui/system":"0.0.0-dev-20220820172220"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820172220"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820172220_1661016227908_0.7090123177388024","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820173639","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"aaaae6bb41218d1184caee3b7a1d206b5f717038","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-h1KlUO/vDSRyLdJv8hkiR17XOYZvdZLTmMwLkrdnOjRpk+ogwHbOV9NNbsDGPbeAdfgOi01I+oZ/HEXEKcL1JQ==","signatures":[{"sig":"MEYCIQD9T5mYV2F/A7UtDtMGuIwWhA0Tb2pNv5tqVS/hSsBzDAIhAJuU5d6CkCVHK0qusofg9SijuL4Lxz0NYVfq4TDivelw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARv3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSTw/8Dd1W1DFS9ZEWl4/Gg5pgPGBySLp7DbA+FbAJ3GLHjaZDHFpi\r\nd/Jpf6+NQTX3NvwIHlxDE3lAigLFyd8c9GAtwODYExYSjPeUoczdi7uBKMCA\r\nUqTGsqwnVwz/QQBb3lTID5JqNVLbkBrIWOJg+cEXYbgtR2KDvPOqDLJx9Yph\r\nsBcufT7+UIpD8p6d+8Dpu1ll81G2mCt9NjFCR3bj4JLUa3tqGtg/VaJirSLb\r\nnlmAi/fZOnhspljQfeeKk2cIG2iknVoXGQAA/M5oTTRpCBPwcJyDwNjwG6w5\r\ntAXczu+B/H+WE0AQ6dV/NXfYRDLo9bTXxRuP5yP5AcpCWILulA5ohy0icNEJ\r\nt4wD5ZVRFSOTAFivEi/q1ij1CBgZBaUwRTyw8AVGvxV7Se43M28pu+MrwDcT\r\naSkejG4zbTGsl2MKrf1XVvzYbvBiFC7AhuwxjbziZMb/p8QU76o4vJ7pzSHw\r\n/n69ms9/TQiZd0qLo70XLFUy9bXpydo0HggzGkwdn9ykQ+8UyV1IePE5Pu9B\r\nE8ImLArNYUPBY6qvIa3Jlatt7xkNxQ5K3iJ07ZsWTOspslhGcxuZRSwQ7LBv\r\nOI4UA7Fr6aLELY7ek/n1eLK8qxaLK9tmzRA7LeP0z3qW9uPKQcagpQpXIpuy\r\nWtLFaZeMgeFHr3feRYJhO1BztYIp/++nrX4=\r\n=EHQR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1592635d4af68606ac5cce6bae5691b5/chakra-ui-tabs-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-h1KlUO/vDSRyLdJv8hkiR17XOYZvdZLTmMwLkrdnOjRpk+ogwHbOV9NNbsDGPbeAdfgOi01I+oZ/HEXEKcL1JQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820173639","@chakra-ui/utils":"0.0.0-dev-20220820173639","@chakra-ui/clickable":"0.0.0-dev-20220820173639","@chakra-ui/descendant":"0.0.0-dev-20220820173639","@chakra-ui/react-utils":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820173639","@chakra-ui/system":"0.0.0-dev-20220820173639"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820173639"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820173639_1661017079396_0.31398977792099725","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820185458","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"245e9db0b186ac1bc9cca185e73d98b2605728da","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-R5GlVUjSuGo3+PFEQiugKORaGfr/RGbFRQZ/6R6HLB7izzeoywnq52k/uuLQhjWYZOKZRkaFdoKPyCsd08Qjfg==","signatures":[{"sig":"MEQCIEJezi55rmiQtFKKvZByv7AVfnNSMwddzvWhxG/YP6ydAiAy6eVWA8oltU3pz+q+DLCC5eLqyK4VLwfuZO2ScPUJYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS5TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmohag//cGiCVVUtGOPL/LMEKGb0cjghmrPUBV8wM5ihmcUhrBqM2Vhz\r\nIgvJnIXMxwIHJTuSBSY0Nto2I34FxUDQazXyqE+DlucyH2wMBZspEHpYsdsu\r\n59jMVQhw28aQygVmOtBNVlLmcGhNWWFrEZMrEWfI5rhRbpJC3tN7WaxOh/zc\r\n0qwRGxV3kpc9wMuTXMvtynjMFe6HRMqLbRUF649BSuvi0kmqJNeiyYOWxXef\r\n5KnefhSnkprv764x+NZYfMP4dHrQZO+AyU+1t8fSSweikLQka2heH/ihXb4X\r\nno8m5tcjcwGI9rd5hsm47aFihGhATlIKdaBrzBXzG6tLJsOKwrc8JWuq6VbV\r\nR3o2IVeaZvUGjRf1y6hU+aC0bELmoGhyNhvFBVdgmFmd0kzDuwTgx9t5P/Ii\r\nzI5wn6HCm6Vgrk4hmuIwd3MIFos4A2yC5tMu/qI5WYpAFd7Z5I/u3MJe8QKu\r\nNHn7vUr5Dx5ByQFcR9W7NEXp86GXayyhCNgBsA/i4zaQAMbSDTfRDXUTLPJW\r\nF+uQDZPE1OhoqWeBmpEfVyeZUfdJTKF27GfTg5/CnXCF06Vt4P8KPVszX/Jc\r\nvYLS8bGZe4kgkEBL+asRHzbDcMi1HoD6yI8r7jtZBsEWQxg62vzD3yQKoStc\r\nVQtGd6/FQRaNDETsQd9E0gw+5OLgkw0erVY=\r\n=hTc1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/dc07412761957d5078cf5af20f97df45/chakra-ui-tabs-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-R5GlVUjSuGo3+PFEQiugKORaGfr/RGbFRQZ/6R6HLB7izzeoywnq52k/uuLQhjWYZOKZRkaFdoKPyCsd08Qjfg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820185458","@chakra-ui/utils":"0.0.0-dev-20220820185458","@chakra-ui/clickable":"0.0.0-dev-20220820185458","@chakra-ui/descendant":"0.0.0-dev-20220820185458","@chakra-ui/react-utils":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820185458","@chakra-ui/system":"0.0.0-dev-20220820185458"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820185458"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820185458_1661021779502_0.6567195595655557","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820193723","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b25149ae5caaba5c871b3b44ad496e44f959a5b2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-sJcKER+WvJzjfwS3X7gPyqu6cAcV7UIXRIyCpECx8k3lPt0gx5mHIvZbeOYEZfFrE+BNSiWtRy130DTu90t8EQ==","signatures":[{"sig":"MEUCIEa9T7EShuO0Cn+HkEtldbKrz/B9DLzjNAHZp32a21HtAiEAsnNKqSwFdXuvT9uFQwi4pnch9NMknAIcXZhmfOlrD4M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAThFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsvA//cmsuVnCxO+Ty2lDJI9BqK9c49L7iYLU2wLluZbl7+U8DxK2v\r\nTzzjb6cuhqvlZxP81yc3abwvpbXe7cfhvSGDzahuNTjGCkViEOOmpFSBAiR5\r\nV0C9uZ3Y2CQSNzWC+GkzfDaKbGZFI9KydEXn5aEDxgK9jQyUuEuY9Jq9bEEv\r\nKDFBzsDspsEjdqkHM3rV/6Vc4xPn9iqztSCHBVvv0LOWHY9FAkHJV/jpW6jA\r\nNf6ILlXMZkj3NsMK8Z9+gtnttODVxFjPEwka+8KxTiNqvYWcI7lCk60VLhTp\r\nN+WFMG6IROWYO9+zGCOhknFiSTT+VBeN5PhOLGQq3sr2WU/Aj5Zu+yRT4g37\r\nLJkE2XgKrExnbOkiQ4lgOqdkVYhISE4wH8rOIILccc/tJ6DiaEdspKbAm9Jf\r\nbSwAMdYlJCgRP7of/QKFVCPcCcJjSS3rvuf2nMg3w/vVXFr4qo+mevEVcPx5\r\njoElWqQ2HyjpVBcm3wy+0EDg0VxBmJ3FvrA6Tjk1I/70hXLWSl6no4eTmX87\r\nlAHJhLyNAu8JDYn2ebPWcoKqVMo/vSLWLaydXCHtTyX8E6dGwvjPOLz6hneb\r\nU0NWk+NlSFMMiwYMXWewOGXhz+iTgXMzwC8OOn1dsCmrIXiXRvvficSHbWSS\r\ntLY1RCkTVg5aanh2Wo4ZkuT6LnFXc8kL6Uw=\r\n=0nF2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b502d0620e0dcdffa83a1ae62e2e36eb/chakra-ui-tabs-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-sJcKER+WvJzjfwS3X7gPyqu6cAcV7UIXRIyCpECx8k3lPt0gx5mHIvZbeOYEZfFrE+BNSiWtRy130DTu90t8EQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820193723","@chakra-ui/utils":"0.0.0-dev-20220820193723","@chakra-ui/clickable":"0.0.0-dev-20220820193723","@chakra-ui/descendant":"0.0.0-dev-20220820193723","@chakra-ui/react-utils":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820193723","@chakra-ui/system":"0.0.0-dev-20220820193723"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820193723"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820193723_1661024324863_0.43253946291562984","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220820195548","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d9c4262779287911a5808578bf4a99e3570d06b9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-wcrIerQNaXLvz8mqlbA4cGihqXSfAdVIUxIwwEWnTJPQ7bWEZHCSkoezs35RJC8gLtfzxThiyoD1/QEJoWbuOA==","signatures":[{"sig":"MEQCIFA5kvkF0PXbl/0KFpYTI2wXDbaGOVJJfR0I8F4TZ9KhAiBzzY23ka/DngexkpRfs0/q9qIQScDtRZ/CtIW8nZmFDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72312,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATyWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUvw/7BQ65vidQzCk9rRexHrfo2WCCRBqLy4CTEI1+pNQLaAAFrSZG\r\nDtH5Lz6o4lGJ9fN4ZXgu/2KW1CA2a9AWeTblbCtOSR2pxnvZ9E+P0L1pF5H9\r\nAX8BgaQV4mhJiUPyuvTMXXnEm/8cqUmCF5z71dxmb1x3hC1AOj5Umcbbxk3G\r\nly8UuiCepAGCnXEm88Ql2EANUZBw3UwUuFbOkqKjIG8xzm0dIPdlcsQNbAX+\r\naIcVak8b1HVZLaedfBW65j8y8Xte7lE2NQvZ1F4NvoXUW14BC6QzBFb5DwcZ\r\naT/zGhlB5X1Re4EUmoW0lO+Ywd+HDXYCanjiOwkFwdG47/TnT/yBBCcAMQpb\r\nMOj5z8dbZKnP067JhIaQveUxuoMEO85Fq6jx/KAj6Sn0LPyb87z2ZGP82N+1\r\nnq24mtvx244+tGbyJ9t5Ofauce2zzG5hdAEDZQmgTzon/Zo814Dc0yuR19VY\r\n8v+BZG6/umIGt4tuq15w7sUgVF+NFm554u7sQFdln6iTJ4kUAGZOcmtTYYjo\r\nYSFjvWJSQKLHLPBB9RvBSXC0Hw3E/M6i9gWElpnRxYHNcdbvLPrrHcVEg4UF\r\n/ob0mqxMQ+I1+vFNsI86WPEasjCylT1JIKvZYDocfrfyWkWxGYEOLKKnbWOs\r\n/5rzgYE21P0QCZUBiSsga7sYdYT2CDZ/u1U=\r\n=YJbQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4282b4ef85d21b6bfe15f3f36701326c/chakra-ui-tabs-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-wcrIerQNaXLvz8mqlbA4cGihqXSfAdVIUxIwwEWnTJPQ7bWEZHCSkoezs35RJC8gLtfzxThiyoD1/QEJoWbuOA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220820195548","@chakra-ui/descendant":"0.0.0-dev-20220820195548","@chakra-ui/lazy-utils":"0.0.0-dev-20220820195548","@chakra-ui/react-context":"0.0.0-dev-20220820195548","@chakra-ui/react-children-utils":"0.0.0-dev-20220820195548","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820195548","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820195548","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220820195548","@chakra-ui/system":"0.0.0-dev-20220820195548","@chakra-ui/shared-utils":"0.0.0-dev-20220820195548","@chakra-ui/react-use-interval":"0.0.0-dev-20220820195548"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820195548"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220820195548_1661025430532_0.696507682786607","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220822051456","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f47f21a85762d3e73b69cb5f717d104c0735393e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-HuVRuJN0LJ1eu8wgJA+aVwj2eMO4NIAaUz73iPS84NJWx8Io2D6NHgHMht4AL/GmxPIApA7rEqPVT302z+ZRtw==","signatures":[{"sig":"MEUCIDKP15Q/VZGB/pKdis1bsfzz2pAiTtB7bcLriYmvQPqXAiEAxj+dTqwx82/o+eHl5KOVsHU2L4AbARgBbLqQ50xg3ig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2JQ/+PCDC3zgD0XNQGGPW8Xf/TPT6lg7s+hZNmXwzu/qQaE03DK6/\r\ncWCT+EWZXN3N0PRmnG6yTDitOeTEEUwxIdkY2WNdJd61GqNNVSsYcdGWX/nD\r\nvzMojq/9es6pCufhbD91W0qSJ0U9HvPpOlcv57JrjGSLGGQygIiBw3fGKnlN\r\n9/ewODMd3nhnB7TTn0w++v9V04TqlfIdmUcUDTyL4oq6/CiYwI8qSTXWQE1L\r\nupUOMUJKmWcz4+RbQZOl4jK12tbSqZzbQWNAXjWvJmEAtjpUjniVTTkBtens\r\nLr99+JJaP2Lwgljbf2T+sn7msWTN+NH5ghQK6lnQyno3VS9QJ+d+Kuzyx6ot\r\nFHWYxKteqMWNCPSNG5RXER7qCaLcysTzRIjWfqSprKF2/tX9dzlhIg2UTG05\r\nAclxg0qt3Y9aDssc4zie6UMfBekZ6+9r7BV0QhjAkkHeivS2+pPmN4kL5Itj\r\nmH8cc9YzVEdu6jtQX33bFhllwxqWGLqhcNscEOxhBHKvf5DMUe3VSV2KiCNM\r\nLnplCNksMf24gwclWAoWfvodZgOunx++oys2jqpTkwHbGSv6CRBTMe/8+gOc\r\n82RszPw5kfsLdyOF04khq5rFHwK5Usn2BeFhgksb9resPr13nP4IKbW7OPx8\r\nWXYS6k+ecv6LbcvA323UG922UF2DHEm+4bU=\r\n=Kzr4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ff59d6030f6e0a28cf429b10b3ba496f/chakra-ui-tabs-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-HuVRuJN0LJ1eu8wgJA+aVwj2eMO4NIAaUz73iPS84NJWx8Io2D6NHgHMht4AL/GmxPIApA7rEqPVT302z+ZRtw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220822051456","@chakra-ui/descendant":"0.0.0-dev-20220822051456","@chakra-ui/lazy-utils":"0.0.0-dev-20220822051456","@chakra-ui/react-context":"0.0.0-dev-20220822051456","@chakra-ui/react-children-utils":"0.0.0-dev-20220822051456","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822051456","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822051456","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220822051456","@chakra-ui/system":"0.0.0-dev-20220822051456","@chakra-ui/shared-utils":"0.0.0-dev-20220822051456","@chakra-ui/react-use-interval":"0.0.0-dev-20220822051456"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822051456"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220822051456_1661145385585_0.9130277661566246","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220822054045","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"34a17d27b9380095670597f975796106386ec521","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-bDgrMbiONLQETTl03vC2tEGUOPNOLryTyZlGvKCuournNJxGOx2H2Rq16piuYNZwZ3850M+ALBTHchH/jBGTDw==","signatures":[{"sig":"MEYCIQDOqkK92pCAaHXrp55Vp9TT079KeXAgBkd9diIlvvPGzwIhAJvaFCL9KoThS7YsOg9pcPi5ajMJ2SSIrm0P974VxyPC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxcyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCNQ//R1Mm2hkADip7YSCJqYAqF3LCVHETVdzitFBJRQKwvrqomYkz\r\nX++E6TFYd+AjQWHUY3Wh2owCXzPGN4ziFqVFQCfAH7vAfKd3kSvnNSusMUf6\r\n5BKGNHhm2S59iGdnviO5CVY8X2p0bhjWyh8a/XfwAPpdBRCOvZf9XMNQXFMn\r\nxR1FYCpYhnRhaVOxscZ3q9+bBtLkaO6bCpbQHBjxla/wqft3Wr6UA3Yod95I\r\nT6WkznYf8oNA7kGdiCFzP9uCTfWOSbdpO2KygdiOFk6j268I9xxpIEiibdlh\r\nfp3Zr7zqzLr+ezIXwYugTWo1zZMW+DHOZP5ZW2dIIY/rnNN+oXWL9hWWO76b\r\njrWQcOPWO0jXLLuoc6JsqO2jVaF9EZYCIq1u8A+H30PkPDWYpfbq8W2VlQ4j\r\nnjgiJITBzOmjp0jgdbEAc2CLVRAxlxQMchI2E9HzR4rptllMn80Ck5Iet17c\r\n+d3hSG94Sj820W/6E421vUPdktvxD9aUsbroAN5P3VjngrxUKEciXUr/Isfs\r\n5LjwB4bbSVgejSBroPGdffEY2GPqF0ziNayxJcGaJX4I6LMBaHAU3Eev5MRz\r\nKijZOFDGU1ECqxA0KMDf7gElAlM1hwdlFkMQ6g3pmYuErsNFT/aKB79pEJFw\r\nrSUR7gcl+TF44boOf5rBRi7WpUXki4mlC08=\r\n=KRWG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/aac602ba3aa859cc04cded04a37469a4/chakra-ui-tabs-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-bDgrMbiONLQETTl03vC2tEGUOPNOLryTyZlGvKCuournNJxGOx2H2Rq16piuYNZwZ3850M+ALBTHchH/jBGTDw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220822054045","@chakra-ui/descendant":"0.0.0-dev-20220822054045","@chakra-ui/lazy-utils":"0.0.0-dev-20220822054045","@chakra-ui/react-context":"0.0.0-dev-20220822054045","@chakra-ui/react-children-utils":"0.0.0-dev-20220822054045","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822054045","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822054045","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220822054045","@chakra-ui/system":"0.0.0-dev-20220822054045","@chakra-ui/shared-utils":"0.0.0-dev-20220822054045","@chakra-ui/react-use-interval":"0.0.0-dev-20220822054045"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822054045"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220822054045_1661146930270_0.5408370266490221","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220822055339","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8dff528fbcba40b05487ccfebf6250c762898b00","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-WEHx5JGBI87cr0dRlKfScb7qI2xlKtAvvyELznRiaXMEqqutYEv5fItxW9dShBDTelm7CG9RDF4Qhq41ssFUDQ==","signatures":[{"sig":"MEYCIQD0U00jrQU/n/df8Gu9eFXSUehIrNkllC5cmFESwKD9WAIhAKr7XSDFs/2RT7Q+nivTVWdZQ5nL76qYFpDViVRXUYhW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxpMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6ShAAhClPZ45AXwydAcjXbSxUbopPKyyPYFNJGF1KJNUlw+W9E1ZS\r\nzriilTeS5snz0PO1MrJbqWro0naE7UCXtRJfXtPQGIFl/oR+2VejMaIpvbG6\r\nMYLn4el2wB5MnkU2dZv9+HN638yDr5IXboISk2PmEBpSJx0WIF/WGAFi68Qx\r\nijn7KfMyHFiEAUhYMaHTDnQOZiEKqBI46IZLxRmJjAhTyG9Z1ua7G1ZTpwC8\r\nR7HU/hx8aAfbANS9NB39D17X9WNuTM13xKsBTC4XIu5ngXdhzQezCGGjgtOn\r\n5v/ab0jIb32b5OXGYOXWIjTgBnbm7RSra1QJDopYaJYFKCO++40N+qC2L7YL\r\n4c+5ls+xsvDw5w9V5c0o1Nia27kZ5sR+7P8pZH10OrLB8vnG1HH8zyerkTM1\r\nHG7hmyWjFr4BnzfwOKYneEKndgoN9ggsC6fAh0od03WCf0duYK9nu14uGn8g\r\nErq+17o8jDVtChG/Qv8GwmwC21GMjXCMx+Fi8nZRlLoCVEJ06dk/2A+V/dSZ\r\noZ8bnck0BX7TM6evSWXTgHS3TJj6zMib8cRV2AYE2uVfKcZyGDeJWffEiU5F\r\nve5Ntuxhm+LvmEwjc+CA83rD7uwRJruZH9/nzuokl0O2nShqGxfSBR3yw9x/\r\n+ADxe/yuAjwk5ADwviJmir6EGTxNiAyK6Go=\r\n=mBtZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3e87ef112a07c221dd8a6e2fcc07604e/chakra-ui-tabs-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-WEHx5JGBI87cr0dRlKfScb7qI2xlKtAvvyELznRiaXMEqqutYEv5fItxW9dShBDTelm7CG9RDF4Qhq41ssFUDQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220822055339","@chakra-ui/descendant":"0.0.0-dev-20220822055339","@chakra-ui/lazy-utils":"0.0.0-dev-20220822055339","@chakra-ui/react-context":"0.0.0-dev-20220822055339","@chakra-ui/react-children-utils":"0.0.0-dev-20220822055339","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822055339","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822055339","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220822055339","@chakra-ui/system":"0.0.0-dev-20220822055339","@chakra-ui/shared-utils":"0.0.0-dev-20220822055339","@chakra-ui/react-use-interval":"0.0.0-dev-20220822055339"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822055339"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220822055339_1661147724184_0.14902268643698036","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220822103611","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4391e07836a240e07d0a8be8438e7c646f2680f9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-PlgDivx4u+C/EcVeRQoOmus0F/7QQvQG+otkhTMbX/ilgcy8WFjrWUSEEGBNQfpPl3A+ozj3MoE3JIL6RZmOYA==","signatures":[{"sig":"MEQCIBqfRaF+B+F2Hh0C0H4gUdCRWMIh0VNxM90et/2wCifjAiB+niUucHElSo6SVj3XcLOa6T4q4qe6M04mvUOrpQAgSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1x6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVUg//Uc8yHn27tAPNFqxbU/kK5ImqTlfP+JX7+Ao7HapWZ8N6eWHg\r\ndqW8HzapUDEnMhiqtpmU+/vUJGdT+Kqa2RYCBPl7N8JrZfD2AO+Qx01fzGEd\r\nktzHQPlIebCWj4VVAESshd+sbnCyScqhEftIiBXv6QF2fc8V/mzksnKjmTXp\r\niJoDqDs68C4HVcnETracFgqIgbHA8g4snWP6U/t+0LkAfsApHLmn4Uhdumel\r\nFQO1j6Ko1X8BkR2pJS2WusuNdjpf84srMmdY+hDt7zPuqHeZOG7jtqvjkHH7\r\nYAayxuIwMReE0our0XpCy5UiUTwaIfmp/bF9rJOojetFcMZEewLrc3avyCkt\r\nqoqkWBGGNBdU8AzFOokETej7NWyCMhClxWuSWNP45LU9TmCQwGlz8vGFdb/C\r\ntQBac1Mp8DXcXdqvFrbQcpkD6PVpmI2DYIX60apue9UHGY5muVt0i3lUYkHv\r\n6oiAOplf1qj8pq6VUzV0MG77y1rMB4xXMcZHdBX11qctgVhQ2EpwIt0ax1+h\r\nmfxAhj1U2ipu9aR6mrN6uh29psPdY00xf9/2gg031S427iBR+YMnOe9DzlP6\r\nPHbAB54mduXMExGcYC/cQTa+XciArGjI/CKy/CQJdvqL8q/FPgEiLXn/tQIj\r\nbL5B4r8L8E3MUo36Q6HF4+NThV1iwMpWoVo=\r\n=BMCX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5d6274026619aadc08832b5884f8df70/chakra-ui-tabs-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-PlgDivx4u+C/EcVeRQoOmus0F/7QQvQG+otkhTMbX/ilgcy8WFjrWUSEEGBNQfpPl3A+ozj3MoE3JIL6RZmOYA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220822103611","@chakra-ui/descendant":"0.0.0-dev-20220822103611","@chakra-ui/lazy-utils":"0.0.0-dev-20220822103611","@chakra-ui/react-context":"0.0.0-dev-20220822103611","@chakra-ui/react-children-utils":"0.0.0-dev-20220822103611","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822103611","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822103611","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220822103611","@chakra-ui/system":"0.0.0-dev-20220822103611","@chakra-ui/shared-utils":"0.0.0-dev-20220822103611","@chakra-ui/react-use-interval":"0.0.0-dev-20220822103611"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822103611"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220822103611_1661164666830_0.5156234632222392","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220822184448","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"eb02c971bb9446562953648f1bb41dfbb5bd87f9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-K7VV1chwOhx0CQsmM2wHhoBBiGsg10yY6b+pmt65Esbp9hVBQwEaak1R7gxjw+8Pt5a1aJjbvIyGDSjNwdDASg==","signatures":[{"sig":"MEUCIQDE6KookTRRa4HRK+m9pie5h5x254HqJnRwWyLTYKXaUQIgai+WQiXGvsmoW0caubNebR6DZ1zguPIqmWseYcfC1sk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA88GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBFxAAoSNc/t8XwYt522Rl2dtrmIi7aLJPXUEzw9VQ/O1LPP3Yj9Ut\r\nMgbHF+EjwFjq55K7IEUdQEEooSh87NbCjEiQsIKuiJOIyhqp293JL5+BQnaW\r\ncIAbpiQce0I8KeLkCiq1KsKgguqY6Wmr9NH/ZWVq7oO4ugpTASMuskjr1nq+\r\nBQhNi0YqZec9K4ebZzF+zM5wASlvMmWCtS6vMuOJKLPUHRjAK69pbGsEfHSS\r\n3RhO538OpikAuVsU8TClB6Kyd8CtUyZpykGDDB18+0tSFeX+OdswGrvmoO19\r\nJ0blIb8wTs5hU7/53YUOP/hXHqEMCJfkU4iwmDz5ALmH10Q4wiqduPlj8xRn\r\nrf+h/D8IYr8LPqJtKmXGdm122UJBqJSGjbTX8BykCR1kUNEZNiH1UixkOItF\r\nxQBCdb/6ohvwDVFrBwfiFDfdmK/G+i7pUzwG+0sNfvx+3hhCldGg1GtDvize\r\n0CtTJBduxVhGsZ3CFV946Spv+pKpGgS02jXXRQvkRXZR5GH845iaDfXl1IpO\r\nqDgScbG0KWGDOjL5I+08aTFKk1+k3YsYb4uxSuYq7ABQWYBLnEsg38nu2EdJ\r\n2gBbbEwGGV190CU4oF6LfYheRjMT0/p6kOGZGq1iyCYwnk+2W/NAg3e7xCmm\r\na2gdq+EBBjFVEIUZMpGj4O6igvDN489FEak=\r\n=5PqZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fd6ed840929d2d864fc47da970761080/chakra-ui-tabs-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-K7VV1chwOhx0CQsmM2wHhoBBiGsg10yY6b+pmt65Esbp9hVBQwEaak1R7gxjw+8Pt5a1aJjbvIyGDSjNwdDASg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220822184448","@chakra-ui/descendant":"0.0.0-dev-20220822184448","@chakra-ui/lazy-utils":"0.0.0-dev-20220822184448","@chakra-ui/react-context":"0.0.0-dev-20220822184448","@chakra-ui/react-children-utils":"0.0.0-dev-20220822184448","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822184448","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822184448","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220822184448","@chakra-ui/system":"0.0.0-dev-20220822184448","@chakra-ui/shared-utils":"0.0.0-dev-20220822184448","@chakra-ui/react-use-interval":"0.0.0-dev-20220822184448"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822184448"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220822184448_1661193990136_0.5067507188076661","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220823150801","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"73cd323edaadeb068dbf6007f66732d7777bfef6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-mfdz6CWpbD2pyz1/i5fIzkwuWR0BAO5ZkDO/O2705be0JgFL8D4Fy3kRInhVY8267U6IQ0uWW+LAPbbt+EPJQA==","signatures":[{"sig":"MEYCIQDhCHhyWOYqk5PX84+TFj3YnrrJE1w3kJTXdXM050PAdwIhAJKfO8TA5ot6susc0Khann2PDzPuXbjNGMj3sRam0ouz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpe2w//Q1fx7FcCB5gZ00EZ0g4oWCGzFw6RmuvGNcA/2QBKXIeUjyj2\r\nMiBLEMV+uy755wWyMl23c0p3oPOL706aUzja1/WPf8bzhBgKipvCFmO7Lwy1\r\nhw5fdS8QZ7iC4LkRgixSw8PIu7+0Dx7B0fUoucPU1KX0leIFi9CAKqjAo9cg\r\nM6L81JMG6mi65f1Qe75E6hkbsseSG/2cLSeBKFFtl/b0Jb0KmHgig0kT45vY\r\n60y+HalSJlpk/BRS/hdo0ikDjGbD64UaoRfMA6stbR9AKscp2XBHMeAR4xuA\r\n1eGYhKUkYwdC3ZZKQgc58n8cPxFlulHCLOx4cvGK7N2Y26Hi1o8w5Pv25E4P\r\nBqhPotD3mtFgrbsiygErGM1tJCqXjuUNnn5ImJEC6XtBlLtxxZUkMDmWfM2U\r\n7whaP6y4h0jE38nTxTn0JyNA+M4ykpVIEWWhJHMCALLWCh5y59uuiHH2Mkm1\r\n1Tm2IfdhVQjkv6AGFQQ54lsPIwJCi2zXptI4uIbJMAMHs00R6ayXg8DVnd0E\r\nP+sw6WAUgY+36g35HK6Km7HpIvG5ph02EtAlJImolhgSZbz4qfkiMijpCEUt\r\nNoh7G2mSc7RMV8sUT77NABB/k1XjlQ0Q0JqYUknPtF9N6bMVXpCzYP3J1mkw\r\nWZYaltOlYZd1dcFZ0ON35rrM02Nv23xvr44=\r\n=h4Rg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/59dba07680b6c3af04bfdc4aeb536d94/chakra-ui-tabs-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-mfdz6CWpbD2pyz1/i5fIzkwuWR0BAO5ZkDO/O2705be0JgFL8D4Fy3kRInhVY8267U6IQ0uWW+LAPbbt+EPJQA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220823150801","@chakra-ui/descendant":"0.0.0-dev-20220823150801","@chakra-ui/lazy-utils":"0.0.0-dev-20220823150801","@chakra-ui/react-context":"0.0.0-dev-20220823150801","@chakra-ui/react-children-utils":"0.0.0-dev-20220823150801","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823150801","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823150801","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220823150801","@chakra-ui/system":"0.0.0-dev-20220823150801","@chakra-ui/shared-utils":"0.0.0-dev-20220823150801","@chakra-ui/react-use-interval":"0.0.0-dev-20220823150801"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823150801"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220823150801_1661267366448_0.20390977703691582","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220823165602","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"73a07e976e745141e1a7881471d1954c829d014c","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-Q5grHUqKGFEamDqrXVq6hvCg42lTp475Sv8cDAuHQ5GVz2i/0pT77KLHjtsmztnMljmTtJepR4uy1F/fDlb6hw==","signatures":[{"sig":"MEUCIQDzkrvB2hkO19j3Sym07pvOYJF83mpfsQBRYx5zASTqzAIgbS5pW6ET5YYAIQn9TuFU8PII77qR1CxxisaR3+cwSqc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQb8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprCQ/6A7YSGyyTNMLKjD7zU1+4Tot0SrmCshCTRdYU7y2C901DO9TU\r\nHYzm2g3JSKBAUVHv09oouASr5b4j7KpwXANU68UR8S7jIf/LkVE77voTc+oJ\r\nLXUs/LzkjW+T+ir0J2IKicEKYe2P+OLlyFd541PWG8JkOgmf+ccmd6WqKMcO\r\nS7ox6B4OUMEd8u4NfwNdFTppwGbm6PLAQqCY4Eyer8WiRzoWsw37oeJ9b4yj\r\nWwpagqHY54J0hiqVh7Mkt2p2aX2duBLRxRgdNVxO0MbUdc/Uykuv/3NW1Jbz\r\n2hC3wVxD8BGo2vgfDCyquUyITXad27dyoox0FBOUFgLC2G4ImGsAics8I6zf\r\nom9eJCfeykqUm/mHa39yY7rbRBtkrCQaXJV67rP4U0V37DqjKBxX7/94nqLc\r\n50VplL+hxTH2yOiBD7kqKIkeAyQ/Fk+K51odtDolH/MFrmAHFNqr8CmwRXC7\r\nzPkRgSA7tzLAHZGGqfE0X4qoivz5KqA23V0KF6YcSjGmbp+MOCmZwzjvlJ8s\r\n451OtwQ0LvBe6qz3oGlPC22jvZcdFqgx5p8898xRx/lRSUAiXNiqwPoIosvT\r\nITCNOdLTgWHyKDFqNK2qWkhd3s02k2cpmA0mhXObm9pDHGPSn8jaNu+T4K+Z\r\nD5ziLNLtoX5EZv4iJgJ+LccAAoTipS+knUs=\r\n=TZAW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3adc25bcac6d80fa30fe9ea03f697445/chakra-ui-tabs-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-Q5grHUqKGFEamDqrXVq6hvCg42lTp475Sv8cDAuHQ5GVz2i/0pT77KLHjtsmztnMljmTtJepR4uy1F/fDlb6hw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220823165602","@chakra-ui/descendant":"0.0.0-dev-20220823165602","@chakra-ui/lazy-utils":"0.0.0-dev-20220823165602","@chakra-ui/react-context":"0.0.0-dev-20220823165602","@chakra-ui/react-children-utils":"0.0.0-dev-20220823165602","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823165602","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823165602","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220823165602","@chakra-ui/system":"0.0.0-dev-20220823165602","@chakra-ui/shared-utils":"0.0.0-dev-20220823165602","@chakra-ui/react-use-interval":"0.0.0-dev-20220823165602"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823165602"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220823165602_1661273851761_0.1634070594651924","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220823192757","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4e29ae57e9f5b967f3477d139d9783bb91372417","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-zOQyYMuEl814MUk/CLa36e9sws2A5Ql8UcSAvwocPup1xbGBL307JpYMAdPHJx5ytxPQsQcjOIyKSgP6IGT9uA==","signatures":[{"sig":"MEYCIQCOe4HIrNgZJ1kUDRILWIj0V2m+YRznGqk2NZ4xOYYsdwIhALaH1y7MX64O/4oE7snMqucXjYaKQJnIXJhgKnkmEwyB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKfBAAl2434iN5gratjOqouScX1a8MpxgoOS0zQYTN5MePQUBegdvX\r\nK/ZNHlPES0R1/P0pBJ0uVZ2aQ0DCRhR3nBjZEJyvDJg2mBjjE1GbBDrLcVJu\r\nFOGFczMqzylHvOYW1ZwpvgN54TyDVSxiSR7hnxKewwz4l4j/Ph+QQQ0OkeVK\r\niwvqD6sabHiydWANtWk67NXuRXMhyNQup0jC6WsT+OraEcEDp9LiHo234j4+\r\nJgL592GWNgt/jVAwoqQ0St3yWO8m+50kJ/9UExXCxA/p/A8qkAhW8u4Qz+Q6\r\nKWa9EY8JD9RnN9uFS0/KluItdtSWn6fbxdfXPveZfCeJnvfUxuq9pZ9d3wWC\r\naxu6DcP3hO/XRp3H+q2LfkzoildEVBA43OBWewo6Stb+QEhjB8e0OU5fdq/o\r\n+CwaabLDiOlVhhk8ctbK5zgMFtPHJ8R/iL4KhMzhleV3MVYppLzHCDNkCIX8\r\nmaZi1cAGxfzgjqd0FyUXtqGI/lnJ2TEylPyFPl7X4xZd2J14Tt2ZNeh8GGxv\r\ndC5Zz46QlC3NrshndadUP9LhfNVWhCFwCBZcMJYIuimsrLOaeh5l47lq6lOT\r\n+faIaaVzv0Yvq205MbNp5qvhdfmOpbYJ1Z7LzrBRVRX9sO4spkd5X0tDajWl\r\n/I2UPwlWHjJOBgcw53nae+fKwL3xecKohHs=\r\n=3JWB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cc7d3dc35632cf3487b66e4598bc10aa/chakra-ui-tabs-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-zOQyYMuEl814MUk/CLa36e9sws2A5Ql8UcSAvwocPup1xbGBL307JpYMAdPHJx5ytxPQsQcjOIyKSgP6IGT9uA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220823192757","@chakra-ui/descendant":"0.0.0-dev-20220823192757","@chakra-ui/lazy-utils":"0.0.0-dev-20220823192757","@chakra-ui/react-context":"0.0.0-dev-20220823192757","@chakra-ui/react-children-utils":"0.0.0-dev-20220823192757","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823192757","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823192757","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220823192757","@chakra-ui/system":"0.0.0-dev-20220823192757","@chakra-ui/shared-utils":"0.0.0-dev-20220823192757","@chakra-ui/react-use-interval":"0.0.0-dev-20220823192757"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823192757"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220823192757_1661282985981_0.7567087660581651","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220823195046","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e226ebcd8e07d27d2f77c6cc36130d3f6c45d22e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-tix3i37asp5AxBAWfqcmS0bksK/+Q4K9livtpSSIaXIPnendZWTYzd1D5+8FzjUE53xDb9geNnPfw7OuAsnvMw==","signatures":[{"sig":"MEUCIQCMe52noini2uijUA/y1SJBryQWnSfv8sB9xcee8V5oQAIgTmjHt40hBXmQElRcZO8atnIc29CYLXGerRpWyqesj5o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBTATACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyTA//e2AMmX/5liZ6bLdYnVd0A9sKSOLRQYyiq0fU01gPWuk/DT7H\r\naAllx+UxVG11LT2Lo7MrjPUqojfrxCsjP8W5eSsMAVlOn7ACJjryOQD5X3Bn\r\nPpG24em8QkGCgXZBPBnfIvdNBT9NdEoGvYHLc2gGlD67BvwB1F6tSZ0mscpT\r\nL0AoL6NMcE0Sn8tgyDdrgI0AOhm7i9ZxCqArUC/jFyIszMwpAnPTMc5t3iY7\r\nzk9+BtjYRm4gMGHgKuJHqmRvAWKdKa/fI39praT2kmFQFTmqL9eXEM4oYqge\r\nxtHavv/2/5pJ0hFWcynnyDkqJZMcIYnD1+aomhF7GhHSXNKOySUlc9LOj05z\r\nYbCllraOdB+V5Sa2REPVOSTZ2bosIeMERxhx1OisPrX1VVkIJAwVtOvEcmqY\r\nvO8LtZAqvTCvfrBgWX7Z6EjcrglBMizGeB80djMoKeuHFFZI0huQiXAytBVa\r\nsJ6jGMURjAO0WhRNGfk1eQT0eMENelXk4nhyHluDEdmVu25E1nmcw7r8CYKn\r\n4ULT0ZWLJ1HNv1JkjwaT3SlIS91U5QPatYDVKYpOYWh5XEGNmF8Xr3pHoX60\r\nxx3o6Z8Qteg7v52y1gLVPPv6XFBM8ITeXQ5xyLLcVsk7CDtuHqU/TN7jnL58\r\nSYgD5rTPBk691tOWDG4tTUdsPZ1HmR0DCMc=\r\n=GbPQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cb5218df197d7539e50dc1bd72501f9c/chakra-ui-tabs-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-tix3i37asp5AxBAWfqcmS0bksK/+Q4K9livtpSSIaXIPnendZWTYzd1D5+8FzjUE53xDb9geNnPfw7OuAsnvMw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220823195046","@chakra-ui/descendant":"0.0.0-dev-20220823195046","@chakra-ui/lazy-utils":"0.0.0-dev-20220823195046","@chakra-ui/react-context":"0.0.0-dev-20220823195046","@chakra-ui/react-children-utils":"0.0.0-dev-20220823195046","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823195046","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823195046","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220823195046","@chakra-ui/system":"0.0.0-dev-20220823195046","@chakra-ui/shared-utils":"0.0.0-dev-20220823195046","@chakra-ui/react-use-interval":"0.0.0-dev-20220823195046"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823195046"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220823195046_1661284371409_0.173793753639516","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220824074122","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"804b7e63cc44cae07bdbdff36a2550b2dac02fdb","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-ZJfqUuSOtyXQ1SxUjMRNm1rf0Aya8zLDD4bf9s0nNwK005ngVQz8owmeAdI41LO1eD4TdN9MJApMmkBNo3ZFNg==","signatures":[{"sig":"MEYCIQC/2S585xoxIFTwso6mIGS5H4AlxwlGwpAw+4fNveygegIhAM6Gl8K9Z7FBKJ516mUeQ9jhwZ8nknzOvepMGezzciSa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZ2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGKA//eyODv3Vg9e3k/K9oDP41SmMFJ3N0GMVacYRzY0xO2N9hAo3/\r\nDhW4trIR+VYwyGVsiEK6V2IuJNrHJLj8+Q8E7H23HeaT6m96bsDC5h0aJFKY\r\nupxjwRinq+1m2kAfHyBLrndl4aHSqZzNgf3Mp5gkSPlq+seHd9o0RRmA/7zV\r\n6jB30PzePJ2R6bpGGK+9n4EzB2S+linaoYPuOIXX10UQx9sTVMgrFkp6B7eE\r\nbM9EHkJEgNZ+cPKlzDHLazZQpzNNXngHuFQzYb0WECFRz4LCGoPizC3Ov0Hg\r\nr9vOZaop8Up9eSHfQw4zHbv1wwm+Ii15zQcGvMMP6FvcsRq8f/uk+CSHXZ3p\r\n1q3wUpobha8qsW/7mSewq9sAJeMXWu2xAyKQX1FRNItvhaQMxGpSKD7e83gY\r\nG13OiACTjYBt+M7jFzu5L3MN7OgCrB9PiOLSRRIyUxoJrSStM6YlDYk/YmDi\r\nKh2Aqc+WnLy8qXoFIXFHfuFQznFJGE3QPJuBnjeBKJQW0G2lXK1ty1Easnwy\r\nzxpYzAH96S39u4daWuDAhMfJh/Xhcl9VA8aQ+OHsQaL/uOs/LbIUyq4yUc2X\r\ntKrj139WpBDQfP9jF2zi8RsT7hLbMwPC/uZ4QzLJPDiq2Y/EpIsyshEEpNBI\r\n3Ixny0MEv49TjBa0YtEUhLb1orWo7LtcGIk=\r\n=K/eW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5306bbd0bc2cdc51e483967d6a51e3e8/chakra-ui-tabs-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-ZJfqUuSOtyXQ1SxUjMRNm1rf0Aya8zLDD4bf9s0nNwK005ngVQz8owmeAdI41LO1eD4TdN9MJApMmkBNo3ZFNg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220824074122","@chakra-ui/descendant":"0.0.0-dev-20220824074122","@chakra-ui/lazy-utils":"0.0.0-dev-20220824074122","@chakra-ui/react-context":"0.0.0-dev-20220824074122","@chakra-ui/react-children-utils":"0.0.0-dev-20220824074122","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824074122","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824074122","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220824074122","@chakra-ui/system":"0.0.0-dev-20220824074122","@chakra-ui/shared-utils":"0.0.0-dev-20220824074122","@chakra-ui/react-use-interval":"0.0.0-dev-20220824074122"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824074122"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220824074122_1661326966101_0.8202961081870748","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220824080240","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"03a2040af891a4959fa96feb570b78c047646fd4","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-tnrggTTe7m5iP5xiOihzeX8GrFWDWBEYlqxcJ9pNT9Q1BhZLCf67YELOAImCz5rLhFIR7v3s3or6OMnGX+af5w==","signatures":[{"sig":"MEUCIDxqtKXX6jGOSDkOq4Ox6WluDrkiFx9OnIRhn5iqU5XZAiEAiR7bzQrk9WJ+uPulGvY5fmSySFHTQnX+s54MBKmmkn0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdt3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTkhAAnPqmYOpj96L8JE3Xo/EPSgOSEca6RqSq+kEd7G/YDh5tlno6\r\n4nYvsY+QxTk2Pz7xeKyS/LsoJt7aZaHj8jFgWvvvUdsHXoKhDM2x+/vFw/zQ\r\nAitGBEPOL745h4h/Piy/x5NrduBVEPmB6Fh6BMSaAxdGvI6gq8g4vQp34xwR\r\nWIYrhIlrOL5CLpBYUK25dsLpNg11fErw1+C9aTpaSHRUT5jcenVVdGobOv65\r\nRiebKQMUWnX0KhBP0LYBAMwoV6GiwsR6NUNIxjZOcMClX/eAkQwxgRyup1jb\r\nXWB74EtlbWud5xknEL4uUA5bnmMIwVxLbev9u/qxYSRpzR7I2Gv19Y5MaFdV\r\nfXePkYuBXRBOoXw/KbRjNRFKvwARwYasg+8q6JDgVKgBIcF9kiJu7FrQb+wf\r\ng5/qpRkCVCXbFw0PIRtNBI0jOuAB3rwD79KBDFzXDHnK+ukzYG1IGOKDUer9\r\nPIQnRGFnfi95zLcaOGuqTv7/OVNyjg5YHe6A9Cm9LPfGwcTfKLuMf46SsLxp\r\nDPvehzp+HrRfbTVpQQ1q46zAh1uctsnDo4yAg5VJ6BYFn9lF9dJVv9ONpIvm\r\nv0Wiev2ieUuBh3MvPkXTzCyN0U5at3gBuC8GMeiSlmffKP0IkrfWXa52gHPr\r\n6Oi7mMjSr1vQCX/MBcpEHkDqGDOKwADxzz8=\r\n=yuLh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b01daf8b918e74beb57e15ee045049ac/chakra-ui-tabs-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-tnrggTTe7m5iP5xiOihzeX8GrFWDWBEYlqxcJ9pNT9Q1BhZLCf67YELOAImCz5rLhFIR7v3s3or6OMnGX+af5w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220824080240","@chakra-ui/descendant":"0.0.0-dev-20220824080240","@chakra-ui/lazy-utils":"0.0.0-dev-20220824080240","@chakra-ui/react-context":"0.0.0-dev-20220824080240","@chakra-ui/react-children-utils":"0.0.0-dev-20220824080240","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824080240","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824080240","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220824080240","@chakra-ui/system":"0.0.0-dev-20220824080240","@chakra-ui/shared-utils":"0.0.0-dev-20220824080240","@chakra-ui/react-use-interval":"0.0.0-dev-20220824080240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824080240"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220824080240_1661328247209_0.8613426827508481","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220824082222","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"98cdadb1fe575fda335eece419d72ce9b49df158","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-UqHmIuYziqNhucBDx59mJ51Q2M2oZcVJuIMOA5tjAEFHS5E1G/BoMqoAvkLqZ/G6c3tPWBeu/ErwOpbiROj/Dw==","signatures":[{"sig":"MEUCIG6IKsrz6WwtGv7wJ3xE9Qx7CSZn8TXf/nPvw5zBbxlpAiEA89YbxBJG/SVUg5ntcHqklXdy1WEEcwpo4WnbML554P4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeA/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlrhAApDWYvn6K9C4XfUseeAKZpiGkjAF6kmBlKlSY0v+OOptAxs0Z\r\n+g/G68Cf/QXxcfLKRnlG4zNrkRqkUfusUyu9LzxUyQK1ZOYp4vMO60wUNfuc\r\nykdOYvJM9peAEUJ/yRQi4vvEy637ZzLzDEIrWh3O4S97RQw3BwZZZh75ZFDM\r\nO9S4jGcdoio9E7TdXUPBzUH82xqssC6VjbZYtJsy/sAIpA1boHKscXNaL3Ny\r\na8Kqxpx02eU8STtWm8RDLwhs3JbIgC8OoEmSvKF2MeeMM6DKu8BuUYTAqc7n\r\nRgbrEScVFCgGOK22kqOUY5SWy/myoCSY4IwN0uQd6Jjv2eVWdQXSwpgidb59\r\nBr6fk50JA1refNaUDOwa8nKB+UsrLKBwM9vdm6C/Kaww0Z3rrTm2rjpoYlUl\r\nyRoR5yvWczX7sm3/ZcdBH9xD5HSs9+/lwSEsxezQT8VfkrAqMsclES43M/hq\r\n3auEBtskzD79qQrwFY5x5FwPiLbBGJHYQUxyHqVmDqubROUd6Z3Rw+FmSzds\r\nz5JzXee7inkg+E55cgnb7kLEgqrgkIG4D068lhs6zljeXTENMvoiUAKENxDn\r\nKUjwRirGXmVNGjwWfruTxiu3GgmQBMVMTLsLHKEXWVFQNrOmGwC+zOD/g6lw\r\ngMxCjtjCL0lcolERh931z+ZkRMHpUdna1Jc=\r\n=+9UN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4962db9d24aec590abea3c7cf9f3758b/chakra-ui-tabs-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-UqHmIuYziqNhucBDx59mJ51Q2M2oZcVJuIMOA5tjAEFHS5E1G/BoMqoAvkLqZ/G6c3tPWBeu/ErwOpbiROj/Dw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220824082222","@chakra-ui/descendant":"0.0.0-dev-20220824082222","@chakra-ui/lazy-utils":"0.0.0-dev-20220824082222","@chakra-ui/react-context":"0.0.0-dev-20220824082222","@chakra-ui/react-children-utils":"0.0.0-dev-20220824082222","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824082222","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824082222","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220824082222","@chakra-ui/system":"0.0.0-dev-20220824082222","@chakra-ui/shared-utils":"0.0.0-dev-20220824082222","@chakra-ui/react-use-interval":"0.0.0-dev-20220824082222"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824082222"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220824082222_1661329471332_0.09551852350930301","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@chakra-ui/tabs","version":"2.1.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.0","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4efa7128e5552096db7d047fc8ba731224e09673","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.0.tgz","fileCount":6,"integrity":"sha512-CYiejYBgBjVMzeUp+xBIVXmdrY9khH7MizfkprmNkFq/p7zk1ZElhfksO5j4uymFDMeYkF08yoJVXfk6Xv1euw==","signatures":[{"sig":"MEQCIFcic7faM2yHxbrFm6mtH02i22LQKPlFATvGCpxDZEjnAiAoj/ZZk0hWOL6fC6NstiLUQbhPp6izIEDz8wWOf1BKhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeWYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrs0A/+J10RHe1VDb273pU2ZtT30eyvG99ShmaH1VNgvmLyN5l/4r0h\r\nZ5mtjN6wht4hwO+K7bDu5Rk3qO34brKlwYZitrZg4JMr21zj7+XXs1QHRlSL\r\n0264vyC7k9p31WV6ziSfi85PDqbIIaiy7qqD3mYDQLqAo7p1R0/0k9R/FTom\r\n7PCWGmmOCVjJ3LjHgBCqRXwkz9JbQ80iKhk2Sq5YKJJzoS9HvToKNE6G95S3\r\nRYABcWnndTSwCsORMabeJF1rTxfz49KFMZoSN5HNkIkYE6mtkjznAQJC4VmV\r\nysSEHMEwIBom0Y59tfgwD0PhfpeRYmBv18nzQBQmwDa/ZFt8nOVVAUSCGQIX\r\nCSwzqEn8fsolC0GRef8VrQ3RoEtP+sAfJzhW9ovMfeuRkVMyTnMF9j6Eg8Sk\r\nphGRgMUa+GQJOFGbiL8U9YRSJtBTwxNz+axyWkij48OrY349Ytk/nyXycIG3\r\nVlPHhv/hn5ccVUAmfu8/XICvZXPWm9XfR1/KG388gDRJT9WaKF6AtrKCjRKY\r\ngm2Vy0/htwEJRUtOalT/hKZWluUeI2FiVBUOJJx6eK+cdUXGdTyD1wvX8y46\r\n6ZaXhb41VQ3E77ACjZRjWqjixAuA27O//XT45p9lbm2Szv6IbspgAXEAO0yO\r\nEFVs7B5EoI+5Z8xHVIK41uo85/vrIjPuT+E=\r\n=W+aa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/822ce9fb6c1f6b028a25c87170793efe/chakra-ui-tabs-2.1.0.tgz","_integrity":"sha512-CYiejYBgBjVMzeUp+xBIVXmdrY9khH7MizfkprmNkFq/p7zk1ZElhfksO5j4uymFDMeYkF08yoJVXfk6Xv1euw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.8","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"2.2.7","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.0_1661330840716_0.5997311789319488","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826105339":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220826105339","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220826105339","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dfd5545be1fee0d895ffd496eefbc619b5cf1220","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220826105339.tgz","fileCount":6,"integrity":"sha512-brUR40VIdOGp/bCOB/3hL9fNC59HfRSD6hQHZ0uJQ/9L87Jc+YRGzIp1d/k10MbnD5jZ5wC85MzuI7pESuEIFA==","signatures":[{"sig":"MEUCIQCvauMY77k8JBAX3QfVYgzsANcSnzq69EmIvHOl7h1C7AIgUeFx0DYu8DLhFVJI1kPoWcxO8MFt3UX+L4D5TxJ5y2U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCKZfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8Xg/9EAQwuzMlV3I6qkd4CmHvQ941gbgOrWjF7Osi38W5MNRd48RO\r\nzP5dviIik39UOtpxsYPkYDvzKIB30s9SLDD3kyHN6gGsBIUUKIfQn3wPJFAa\r\ndCvgOzkGIFonxL/bzxcyuFe6PBqQOVEayQP1A4/Zi7qz+lD/w6/+s8yOPN6x\r\nvsLcOto9gkW66wXlMnGGk+oCpFOVLFzd8iCyB1XMQO+37hQIXS7vzvLtw4d8\r\nqeF5lDVjsK+AxN/7DHWA3KXr5M4Z4P3/wP43iDOAGad9EjW9XZqtUNVQeN6A\r\nW+Rl6J0ENOIIb4e08xvnj2+9JxZK2Uf5RyZRnCZyrNEpMpTeqT/R4QBP9M0u\r\nulg18hMpex3e1UKr53xapfmT14pb078YZOeB862I8UKbZhdN5UbWniiVgtDl\r\nQyvZcd6ljFdug1zkC5BdWVWoHRJ8jDeDzW6Hu+npjw9a+kuKPnQqimnO7+bT\r\n41GlKl/IbeJv3yb/IyaHwj6gxeFCQwTbYeKxYpNavABeYLJ7j/RAHEiAay8J\r\nOmDisIl81WI78w30wdudYSmdqVKDmSI0/D/aYEmDyA4brW2TTqzvm1AZ5JQA\r\nyudbu4vPyUi1eENhaWIVXe966IlesImWLjjU1uLROP40+7542p23LdoGLmNT\r\nkPbQKNJW86N66QvDKPQzUsSzXnudi0lbc0s=\r\n=qNyg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220826105339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8c580c3fc038a451e2032a3cec92291e/chakra-ui-tabs-0.0.0-dev-20220826105339.tgz","_integrity":"sha512-brUR40VIdOGp/bCOB/3hL9fNC59HfRSD6hQHZ0uJQ/9L87Jc+YRGzIp1d/k10MbnD5jZ5wC85MzuI7pESuEIFA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.8","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220826105339","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220826105339"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220826105339_1661511263538_0.40423271054472387","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826112743":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220826112743","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220826112743","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cad4dc3d161bc1a7a825ab9e719fb4e4d3257713","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220826112743.tgz","fileCount":6,"integrity":"sha512-J8UV2J+fABheVJdqaQucm6OgRC6BFgrGCb3YffTpzBYWtfexYQCh0kDdRlr0+R/rnH3PtyxF2tabzE9v+ZUlrQ==","signatures":[{"sig":"MEUCIAvr+b/sqwoT9qGL4LVkrHFZz8u3SaEMxEUbN/NckqyvAiEAyw3zbJLQMcajD/0jHSLV6wjomCG7fhNSiE8h5Ghr0TM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCK5hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2wA//Ycv8/ijrD+4ysrI+7QFrpxntLwuyRQ3wuQO4dW7jktvaSlaq\r\nv9yMne2wTlihxhLKqjfnxMtkwl/LejwUo00c2PcSEcg5Yj8dvfjqR3Wq3AQM\r\ndBvjeLRl4OF9jCU2n61Wu3jRsJJ2nwmcZWKSbbwkLnNdwnqHGlW1OJzjJhS2\r\nnu+XmoKkZ2+Ol/knXc3jAR94zOcfeU7+PHF3nMr0bt5hfblaVQInhtZapLg/\r\nArcfzDlyP3kVje8hsHZfTMFqJUPIEWynJZmekwfgAkW0099YUAjSUEEOag2b\r\nJvXRshkAko6vikxNGnkEee+6L2X7bv0zCJYs47BxGSZwOiJFAzOmARCw9AYK\r\n2j5BYQdABhS2+b3/fqBD8f+6BWVpoTKHK0DqEjGlMYFzghx30G5lmSNUChQi\r\nASipVbgv4Agd+hNFJCzF33Ump+f3iRQWZhVp4vl/hPUCObkocUbKb+tmYHLx\r\nBa9sqBBdFEMXbT+qG0RvRitIbSOXYdbDe+vzHUTOg8fYZke2B+TIU7618DSB\r\ndACJPIszubg1BA3WPbjZkbEqm9AFioxXf6DWoUZ2Zck7X+Fl8oJAp3QYX2sP\r\ndYg+9oDsgNH/j7njeuEO17c0/KsknsCFcmFbK68cmRIapC6Qg5HZzFPlHpxN\r\nmZQQjOmwMkWP1gP8ps/zauYVgChGy1DnSjY=\r\n=Ajge\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220826112743.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/16288cf3191f80cf07faece181ba37cc/chakra-ui-tabs-0.0.0-dev-20220826112743.tgz","_integrity":"sha512-J8UV2J+fABheVJdqaQucm6OgRC6BFgrGCb3YffTpzBYWtfexYQCh0kDdRlr0+R/rnH3PtyxF2tabzE9v+ZUlrQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.8","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220826112743","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220826112743"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220826112743_1661513313750_0.8588424200845073","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826121619":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220826121619","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220826121619","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"047214982d916f7b2524ed71d67aaac653abc83a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220826121619.tgz","fileCount":6,"integrity":"sha512-ba45k+KE3MGxKxXbrL0N8xISxJC4NeCUvMYetQQ1rcb50dMdmyVpQooJzDb9XY0q5FC8OcXCYCrTf6ZU3I6hoQ==","signatures":[{"sig":"MEUCICyQHBTIIr4VZ222bbyQzNq+vriFuEDimjY9Q5gKGnwXAiEA/Ff/GDizUjGyf5EPSQCab1xGsKu6EYYq6yjloVpWJYs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCLm4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoq+w/7BNEK/ifo6nGPEjD6I6fEISSRPWieCzFcZusjw0Rjqi4mwOVb\r\nuT/1j8T7I7q+BG5dTF4o4R3LAGk9X6KzXsbt9LSbaGdDC4UD3vX0PVyLEIx3\r\n/2/6SNX9vvB3D+q0JmpP8qH+eCta5/Mi3Bw0kGkva6Yr92W/hv2IP2zctbA5\r\nC1uuKr9oz82S6laXSKFT8eqiovzd9PW1PuKQGvNmprwnsNLWU1UNcvByX2Ik\r\nodMlKSmC+xbgGDu8iE3k0Zys/4w0fCY8BYF4BNpQIp+iI/ghPEZFQmHt+bV4\r\nCajnH3VzZ3bui05nZ96jQLNwjtJ2AD2hesaEz2pHAxGTsGKbKg+jiXTi+Qdu\r\n9qDYyu6QZpwF7u/Rom8CPNmbAWCxzaVNkadzu4mlij6RtCLLPWcz9LdcAefq\r\nXIKfgNRIbDBX6cL8915Mr3y1y4mO7vxllDTOtoa/SURwsQcgDdCeLNr+IJrq\r\nb/MJgT0iknPhuIjEEp0SJMXPZEClT6X7tjIZ1cFnvarDAoDzfHetJXxR+8wZ\r\ny7uNVLHGEfTh4DjxHoJxu66aqCue2dFQiZepXijSadfEo47VnmhWlmjX1gh9\r\nJI+f6/iL0Cu1vKH48FtG/sOMbBpBVJC4Yq1TBXvtVkZJtRvW094YzpgP363N\r\nf2SyO56Tu3Je8WM2JgzxgmZFMMG2ywYV03o=\r\n=k6q0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220826121619.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/968c35e011ef9caae31f9fda2ef1294e/chakra-ui-tabs-0.0.0-dev-20220826121619.tgz","_integrity":"sha512-ba45k+KE3MGxKxXbrL0N8xISxJC4NeCUvMYetQQ1rcb50dMdmyVpQooJzDb9XY0q5FC8OcXCYCrTf6ZU3I6hoQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.8","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220826121619","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220826121619"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220826121619_1661516216097_0.9301050496622842","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826124049":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220826124049","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220826124049","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b2a68d620a7533aa60f62592523575a698ec0ef5","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220826124049.tgz","fileCount":6,"integrity":"sha512-Ym04tHDbdSVl6g6nbh+9eCt3zjJmskr08NLdzr9MOg5AMClQbFwkdHFoAveoeLFAOlFIDcbL++1aY0lG2w4r3g==","signatures":[{"sig":"MEUCIQCiPR8MlDdyzb1AVcZiJ1BvD0YV5Yc1fHfFqJhPHwqZSAIgGl+Vx7oM03IyaKvyz1MPZFI71lIruMMu02c6Dl91nOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCL+DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0dw/9FTWcddP3XyR/4ElP7iQFS1uOI/8TOoMoGUFpa3RQxwsnqDDA\r\nFxKzssOk23k7a5CwvhRlFwRwerieR8xzcYKQEeWH+hjqvFiG62ZKIBEhU+nl\r\n0nLboz57RD33yhh9377b7BKcbzz/RM8kzP8aoT7XoRmFoW/veQbe4Uqr+DdV\r\nkKc+ROlA5DKpYHqVdpQ/265JOFQXDnVDGliq7+zf0zmWbGfQxX57ZMQR5FZf\r\nLgcOVF1pWPLIxGp/a5wkARELGWwS8IHoK4h6VAr6pku7d3O/v2xjSibrkgQE\r\ndXE3gVqJvpRs2wK3hdvZg1DYMducbrX7tY9EUgTGahs0T9JpC4erAsqC/FWB\r\nSz1mesCz58D21L5cqwlvGKZdScFQwwDa+EJ0AH4cjqQIOyhdz90w0377T3qa\r\nDRq6rOc7orXjyhg7BS9BA09wnP56IIckOZnz8yCMTmvgtLJZXSE2A/YkYzgO\r\nT80qLT9cYi5FCCHoN4cc1cHj2ePKGpz35HQ6ts0O6E+RVnPOBx0sr1EdVpdZ\r\n+ToLBYwvlRu2FGUOko/1RgFTQ8/5uGGDP3WAwpB6QnJO6ktxObtx5gwMP298\r\nA8Tz+80teUr55BBp7uM54raiwuerJXyJYZ5g+qhxxOQwMKe+ixkGtlQNgBsy\r\nILYPYYUQC9P2q1ADqbH14s8/Km516UnfUJU=\r\n=xTvP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220826124049.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7ec83ef7567606680c95e3180336fca6/chakra-ui-tabs-0.0.0-dev-20220826124049.tgz","_integrity":"sha512-Ym04tHDbdSVl6g6nbh+9eCt3zjJmskr08NLdzr9MOg5AMClQbFwkdHFoAveoeLFAOlFIDcbL++1aY0lG2w4r3g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.8","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220826124049","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220826124049"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220826124049_1661517699769_0.18228030516517246","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826130746":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220826130746","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220826130746","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"11d8c69df0c6ec60ee6c3fe7072ce0d955bf4bd2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220826130746.tgz","fileCount":6,"integrity":"sha512-0WARRycLGQLwIxkNk4Bkm0qgDI4d92u4uuPDzRCnsshDAl/wzXYk8Ya8Cbl2Sr6gPTrd8K1+l0O1hKRalBhvPw==","signatures":[{"sig":"MEUCIFpwEgv/C3fLGAhv24I5pc1+gmIS6Z1NANm7ROqwIkR5AiEAnclZaFU0Bi7op69lSq/xQyDoK4v80F6Q8P8RgaqobSg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72865,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCMXVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuZA//WCChoBMcYhawtA7Iqtyn7QrqHvgAWxXB+Z8s3VxHJQ8RHxiF\r\nFxZlT07sUn0lRlhkTPy2djH4dzOuOVY1XhwLPnhzUbhb5bh5JlCnhdro38mu\r\nFsRchYZocmJx2dT8To8hzwKLiXpnBnBnxtPRGf8GyR4QYFBSa6XytVTG80qi\r\nohSphBzkj7rYKDoR8vHJxqF8Xu3A55746cJYxiYXuUSXSTXvC28ULEHaj71Q\r\ntDHmNnDybyVReoqwBOX2aguTHernm80nlSyWa05uDpkSuMTFJuDxagv6rHhg\r\nrS0fuf0uZhbbdtGQ/e1+ttW3NEvx+whOVTXbyzygLvvPi9C0cnDI/dz5xV31\r\nEeJYlA+ZK6h1Lyok6uHZ45nAMD3nBO+hI/yBv90yqwtLUi6KhnQEmVRsbk9/\r\ncirOnhxVrj7Nbua+shyQnMlkCUaUlStV0zl2YXL3vn48VUcNI7n5piH6pnAS\r\n+4oc6XD9y3f+k3v8f5DVuJbvC6a6gQjh5l50zkODeTeyTkzLf2jIpBKJmEnZ\r\nHHpX3dU7+Qtm6fEjxUEcn9lY6TCnn2tPLA2yoVeFSuRIao2woLhrxfokvb5e\r\nxbmmRUKup7lDo+CDyuHRCzVqDzsF8iUl3J/eA+iOGTOpJX0HhsHZ3JdhTGlB\r\nthXQsCs8FRxbPA473yxh+RvinsAwP4WHL44=\r\n=u52Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220826130746.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/03acd5a9b93b02e7ce416f079cceb538/chakra-ui-tabs-0.0.0-dev-20220826130746.tgz","_integrity":"sha512-0WARRycLGQLwIxkNk4Bkm0qgDI4d92u4uuPDzRCnsshDAl/wzXYk8Ya8Cbl2Sr6gPTrd8K1+l0O1hKRalBhvPw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.8","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220826130746","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220826130746"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220826130746_1661519316989_0.3554014169504378","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826154141":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220826154141","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220826154141","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"82b9b35c0d2be6fe5948ce1154751a37f71aa088","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220826154141.tgz","fileCount":6,"integrity":"sha512-/ddH5g8HVWqXzKHSL7MNU8CJU4YfeAr4mJDFG+mTRNB5EQLRrkKYAH2rr9xoOJ8dXiNVMKSNis17z7s7QK2cMw==","signatures":[{"sig":"MEQCICBqKQDlby9X2tS9VNKT08Mxb3wv3PaXGkloQLv3nHW0AiBt9BU0KvEfSRXY3JCgKtNHPdmVVGsHOSNm9T2HIH8Lhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCOnkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoApw//TTFansaTt/y1kcatLmUUFDfumWCFSygyY9bzdPSENNgfLAbY\r\nm44ym3ajef2jZF5ppq0lxaEaMduXXJ2X/sH9m+MratuNuUfA267ZEiqpBeVC\r\nUE5AVlUfUeXVdz8CSZ0hVk9hCQCFbTNgZzRav4qOt1aWFJdS53dsz/zVpJvo\r\nGkYhBtp6Hy072MfdS3W7or9SUIm6P1C+7SD3C2jHEgO1umiyzGCf9d8BHofD\r\nxTYj/k9qQmUiYBmLZMH8OINcmXP6BjJyWlZetwvpEhI5vvilXdEqtlCHNWYT\r\nU3xGeo2VyL29MPGsmoQN10ukHLlUIgturGHsUVsqCNratRo3IhfWG2EUAph0\r\nHApVD4x5gi0Ry4Ht2E5GYeb7S/tZeti4Y/jf6vCNAuYKK14sC55qkF3XECW9\r\n+iCuNLEucv4+TZSV7Zar3emXqROBV1q9SBf4QCbTt3vezQ8dYcG0Bxk2XpuR\r\nNuNQuxrGFHtJphMrPG6uqhHcntzsk0WpbI+Wd/3Q1uUKKFb/XtQ6h3Go2Gl0\r\n2thRqpkWBU1DfZY7wVIrHTRoVCnh1Rab7ymLhqLkbCrES5H1ktDcpF3HVS0d\r\nqj8nkHGPPTXNjXkfpUI7g+VHbp7jyqePt8c6gEoWbTOQBaaytcUs+D+QyvpZ\r\nUuG+Jja6ZzgOTHAgn3VjjpBazFr5MdTyvKg=\r\n=GxOZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220826154141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3e3343cccfe969adc988bbf384d19e2c/chakra-ui-tabs-0.0.0-dev-20220826154141.tgz","_integrity":"sha512-/ddH5g8HVWqXzKHSL7MNU8CJU4YfeAr4mJDFG+mTRNB5EQLRrkKYAH2rr9xoOJ8dXiNVMKSNis17z7s7QK2cMw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"0.0.0-dev-20220826154141","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220826154141","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220826154141"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220826154141_1661528548447_0.14579895512435614","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829120312":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220829120312","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220829120312","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"26dde86b633aaf8c3e07f15c3ffa07d7c610d0c1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220829120312.tgz","fileCount":6,"integrity":"sha512-vXzqHZyWsLv+AuUvylGhYM78im0xrNWOwKgeo82bCIZ9dxZFsCxNwOS6CGYPbG2sfYvwOP6VxrxJ0SzEzMTssg==","signatures":[{"sig":"MEQCIF0V0PpJvU5ieuc0q9s//FYWCfz/8K/swfch4yAyExGCAiB/ZYp12B9Hpz2M9Jawg770HEjxp6PntQkQJ/0ENX841A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDKs7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7mhAAjI6V1pzQS/y8WPMq07qhTZJw2+r0ukHQTDbMQ59ba3voQVKI\r\n9EREQr9n45cvjbew1AmuttDxTLzQMMBnKv1Fce2mnPf5t7W3QyGCyQzaTlhu\r\nCGhE1fgHDQaLME6xUvwPSXnpT9Dh8C7l4w4EdBMBzv2kJvddaMe5Z452zuIX\r\nptYgwNy+yJvzuRiyAhaLWZrDwhXEGcMb2mXwu2ALj7Ah3tXnbXsy+Cco6Cs9\r\nOY57D31J7kDdewP+j74gbgKbRlSOXoRS4zPtVIpPdnYM072scuuIVh+iJ793\r\nUYP6IQPg9j1ICtbua0BeFeNSrLPk/Lc1Ih1gPRbZiNaurDCKWtELxldqzFXj\r\ncQaj5IMJ59D6dQSDuqPfBEo4Y5IoVs+iGsTyOkyLLbI9Pw53J0ETHbBsAsFJ\r\nMoZ7dJ5FGmJDG+LDKMq8p/e3oI4HVrPSqF8QeFYIzsiz60l0ilpZTeXhT7q3\r\nylIdRsw5GoMVXsUjeHYHUDKGuTeGcvinxUc4gDv7tNQDIyzNJYx3j7/Oj3Uc\r\niETUR2zlAb4rNeHsjOzJVuhMuRsvqsDwHx04jmnzlHSNBRzaLSmHL9xo8SPr\r\nngPEfdslOUgaTHhbp49s0wAAJe+r6g0rj08esuOu8LnQgghzYkAEC9erdhc+\r\nCAO2wQ8hV6KabDlShw0swFUYErtD/0ttx6Q=\r\n=eOit\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220829120312.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a06f38859a87440ac73f74cf5cbc51a1/chakra-ui-tabs-0.0.0-dev-20220829120312.tgz","_integrity":"sha512-vXzqHZyWsLv+AuUvylGhYM78im0xrNWOwKgeo82bCIZ9dxZFsCxNwOS6CGYPbG2sfYvwOP6VxrxJ0SzEzMTssg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"0.0.0-dev-20220829120312","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220829120312","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220829120312"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220829120312_1661774651786_0.3386830661478535","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829121234":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220829121234","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220829121234","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b94d896712f2ed06528868496257c022d4e71457","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220829121234.tgz","fileCount":6,"integrity":"sha512-VCcZIUJzmT+NFRGLpWVyCMXGef1Jackwv8dKzfqDjqO+rOoIxLIkmFt0bXi5jA62WX/PzcDkQ13qcbQbrjHYYw==","signatures":[{"sig":"MEQCICNBfGwAnEOypdrKW2S+LKPtcn2Tw4DOzTex1oe6cjdxAiB0Hn05tcZMpkHVuFQSbfWcU9PnQTNAGa0f4Cc8inQG0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDK1gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq32w//ergNb4xDPWbTFHTdVuZFpjcp1fo0ITH8FX78CmqsESJBGE4w\r\n92OYJeb05hRIsJt8kB9LURHqJvXScw0VrBF/M/5nRDrdvU4g0XEQH90lliTM\r\naQm54NIArX/v+IjRstdY8UAnaoynkhoNGk3nHCc+VPdDuCK0tdetZktNAsPA\r\nkRe39RKMgGByhmSZSMV93iWt8KO92YPAIFogPGdbnb95weWPWj/3h9hEa5fp\r\nMkZXOBNYL6bAp+tJyDW42LkXaz0rA02uxuXU5haVJ6Af2TM95PH3yq483Gx9\r\n7165HnRfP+GAP6xUN0vkryeA5grfDZbEoGBUZQjtK0l32cItN8EXRpwa2JPt\r\n9ofe4bfziMQvpWCH9jvzwFLgQq2mCWQrGjH0YJKsgOGLgh1QkazAqokQsZii\r\noMF77GqSJv0u2HyHMC4NAOj+TBUya1o61KAES30cKPoRL54qJ6DtMX5i/o4x\r\nDjkbx/aT4QORVgdZFI5AxGgi1KBJDd2FAoBKZL8gLjh7PIgrKpZ7CQsAlfkQ\r\nWFJQNMGAvKpcIRw5szNTTtK9h5LnTG9DDEpACyryVPMsIePPqD2P6QcwsN/I\r\nbOWbIuYMlMYHohO2UzJGUWS8WZkL2FjS2gY+UkokwO5L3RkGcJ7XKXVv9gbw\r\nBU1shv68byfSYsyIisAPLTuIFR1UG5GTrX0=\r\n=c2Fm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220829121234.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9f719afe9ad877f23c1c6d51dcdc241f/chakra-ui-tabs-0.0.0-dev-20220829121234.tgz","_integrity":"sha512-VCcZIUJzmT+NFRGLpWVyCMXGef1Jackwv8dKzfqDjqO+rOoIxLIkmFt0bXi5jA62WX/PzcDkQ13qcbQbrjHYYw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"0.0.0-dev-20220829121234","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220829121234","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220829121234"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220829121234_1661775200758_0.865522385240072","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829143113":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220829143113","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20220829143113","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e3cbb81d7f6b4b99bdd28290f05662ca33f684be","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220829143113.tgz","fileCount":6,"integrity":"sha512-r/8n4UTC2+UjqSHJ3TnHuxIAyJvMX6iZ/6QlXvuDPRlf4F4d620K94WfUtHD/BwiNMOeDf8LqCoS0hWb3nuOXA==","signatures":[{"sig":"MEMCH3N3BZg8Wk8azHKtsvTgSkqKh6BCXJmQ1ZojNj/3WF4CIDY0fZfrFPrbTGjlXNvpvFv89qbbSSkb7zmHdWmFLYgy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDM3hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqAw/6A6/iAoZbr80DTn+z94ayPNrKqEWvm/sZzu9COMVufCYW5kZc\r\nwJ4FhkI9FG+61QLbPHVQU3REOeBlzh/d/Fgw8TawmAr8Yr4RqwDc40gk2jpp\r\n3oAjIVM7WzLeL+g81Ioa29wMV//WbfZI6Z9lsXcKulcqCWeyGNdh7Tj2tMl8\r\nBMNYD1GdGJLqCCDvwI0RcMOiH4axySk3EjLsqtJACLusiuSS08t9vB0jQnkz\r\nSl3cWE2I4pBnGvV8nS0hm1av2cqMhSGbi98jEFAH44wgqtb2cqgCJHzCFlqX\r\nrA2EOOjXcMj+n6x6GrMK+VEmGn0hr7ChX8GLxSlTcjjrWA69CQdN9nOPmMhM\r\naPlv0FdzwVlDgZWyL9McRyg+iZm0WOVALkT6ZeUiFizCwS8YoSe9bvk76k7b\r\ntm0sKJiyrAymgusoSieSUiB0raPee8fj3lPCqP3R27a7hf1aaNUkXiIUJZ3L\r\ntsVlXsIaGPqpgVH4UqLt1bp1S4Vz6iOd+YG1ag2slthvT1AMmdh24BKnlnMu\r\nXDgfd8J63hakng7zso6+C36JlnwdKiULHT2jWNFppIGd0GFn6zK/aGYLiJ1E\r\nDNkB7J4wzZaHObA33B/0vVCCAvpv5hQ4WabTEcCdMFSyYDiaOgsMhxK6Wtxu\r\nqTMwMvHdl8CsqcNF/ndMFp0SiIGkxvxFGug=\r\n=mEpJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220829143113.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/abf90887394d8ee82c2469bf853a458b/chakra-ui-tabs-0.0.0-dev-20220829143113.tgz","_integrity":"sha512-r/8n4UTC2+UjqSHJ3TnHuxIAyJvMX6iZ/6QlXvuDPRlf4F4d620K94WfUtHD/BwiNMOeDf8LqCoS0hWb3nuOXA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"0.0.0-dev-20220829143113","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"0.0.0-dev-20220829143113","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220829143113"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220829143113_1661783521250_0.38206278814877037","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"@chakra-ui/tabs","version":"2.1.1","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0fb540782c2e4122b63a203fc1f04eff850f2c0e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.1.tgz","fileCount":6,"integrity":"sha512-xA+vwqpAHb0nBLrkiO5Lea2UDGROyAIBqsyp/8XXXEr6eKxtNe1I6WJPbDQy0aazB2ToAA0R6fT34HjLaXP8MQ==","signatures":[{"sig":"MEUCIHi58wtEvUN5OWIcJUqdE0W6meDAK0QlhTvnQJ1+KCalAiEAm6g4F17jtxwH70V7LiwL+YRCmwmYbsRzm/HzHk8xCys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDNgLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPqw//aw7QPgAu1lBco0Yb2PtTt/sCcKr+M7iH+Re2MzNF24vrK/+D\r\nUrZyWYJ3+xELOC/HaM3x/yJN248JVv+KWc4+MqvgiiVuvZBb+iCBLfn1m8sy\r\nsgwMOooLaXBZ2JsZaGkUNlbc0nzjc9jJKchwA6c5qFDAP7cGIFNuYV5l8z0q\r\nmU+L3BOgQKbntrvppSwS/o897dw2suJn2E/vMGAv8z7nHtBWJ07USpSGXniB\r\n0Pwfo4IavJp0M9cFOXox3ziWZwRv3VHF2tMq8Nmy8LhR1mM/VasCVMSzTdcC\r\nbfuplXq15K3VskucuW/ZBekDp/DpkkPJxkkeJaXjNgJwodkMhV3tpITY+Qqa\r\neoDVEqkZmQztu1+NPFinja3BsJfPpUNGtaTMjigpxzEMZsJvmVKJpj5NMGuY\r\nclVsB6stD7+qfIR613iRmrWfQU9zwXmnmDjiakrVtOyxoSG9CZbgAd/Piro/\r\nDY6dfl0zN8ufsDjo3kaWUeoPiiTiFqSWrcntd0fqG4wIFo7nUtmm/AHPkaSz\r\nrGbXHUjY3nWaH+tW7chkrgfyPdUy7TBoxAZXncrcYheFVY6i3NtwuwjTZ8jh\r\nwRdHR5SYJlzwdiY0aVMCqZ7RhmQcpNOffZBLoiN5YH0jOm+m916jHDfZQvbK\r\nk9uGtb2yZCe/D1sqHIauBYTzaVtIHnsgtu4=\r\n=a/6F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.1.1.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/89aebcdc9a308d7fb6667c82c4035a04/chakra-ui-tabs-2.1.1.tgz","_integrity":"sha512-xA+vwqpAHb0nBLrkiO5Lea2UDGROyAIBqsyp/8XXXEr6eKxtNe1I6WJPbDQy0aazB2ToAA0R6fT34HjLaXP8MQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.1.7","@chakra-ui/system":"2.2.8","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.1_1661786123653_0.36610846866142643","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220912120959","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"de9b65f7a81b5c60fffbf0f69046e56b27283d08","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-otZ4uwqaJ7exWI/70kFO7ERAdaZDaNToth0eHUYYAGAbnuhu5O6To6n+qXjm3TZ/0f6c/Fq5zJVhJPhPTaq+qw==","signatures":[{"sig":"MEQCIE6b/MqSv9/qygIxCAZ8hsIU0UMkY20VpqkO5q+Bxy+xAiB84Ed+FXp7MWirov0vzhKFEQqMQzeN1IwZPtW8qLsE1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDsA/+PtK+rjvIKFMBG+qImiJ/qZK8yjLDGinTJl7geo1fHXectqTE\r\n8Ip1w3dlBuFv6We2891LIVHClFQEVD4empvC6BuK0GLzJRJ5RwGMJWwPwg64\r\nej+b0A/pFiOy5SkKbmivCaLygQ7l1aifIR+ABo4zbbvBvQvQy7rN+PFLnPmm\r\nUS2cYZ0TfRszg4AwEN+ilvJUtWVsq2tswHPIF1vqIA+KdFzRUcoJj6sbjAcN\r\njwjH7IUQJWkr63g4C4duTsjIdis8KCbTymLJcdNma3KVte9hUweOahncup6l\r\nKMuuKIRFuIZZbOSlAPjLwaMUDD5QKt/mWNMPJB1FZW1ebxia4BGDInIaThU0\r\n5TiDhWOuqNLDLaKlHIpfH1hp9+EVDymV62BxS8E34e6H7EBOwB59thujs5S3\r\nr2KIHDa/iDBaVFuszPRx2TV11sW48cl9/6YT4LwLs3pJItvhja20B/BoTxJt\r\n/ZrVFPCovgWjrjHWAAEjJwBHIxfO6VB08yGo2DuZSfi5eIon14AuLSugxsqJ\r\nUV1BL/VdM2AH/JChF5SK/0zhO/CnxmwLxyu0oKSWvmX48dFhqW3j7IDUv+zB\r\ndXleKlhLpUUyRw6WQqWqQP4Al+AuW2VanLWWUDZlhNYsk+l+cZqEOD/Busqx\r\nozl7hjyEHqkZon264G654K7XudI/7t7ZIFA=\r\n=4ptg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f3d8b6e78e6ce3d509b57932ceddacb2/chakra-ui-tabs-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-otZ4uwqaJ7exWI/70kFO7ERAdaZDaNToth0eHUYYAGAbnuhu5O6To6n+qXjm3TZ/0f6c/Fq5zJVhJPhPTaq+qw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912120959","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220912120959","@chakra-ui/system":"0.0.0-dev-20220912120959","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912120959"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220912120959_1662984673044_0.06933869193742725","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220912132201","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d77d818c4e4e27441f9d6d70675f7aea2a1e7215","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-xqqCJRq94bgwpcsWnDCz22JBVoVsY/AgivHHBwRn/OFGXcrogz8MsyfcjZrzaDwYe18QGkQpGMo969C7mzmyuA==","signatures":[{"sig":"MEYCIQDZxltQrSF4BbQxCsulPPUj+jXpm+SPN0nCP2ABQUVMhgIhAMPXoKlfyCz8AHO8Uil7B8ctZvEAdywN4LWqgZDwCIEy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzK9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmql/A/9ETMRTIYUhaIe30yZtXuLil5ODFVuCto4tjEAqhT0xFY0RcUL\r\nQ3FwepbfhZ+MG0H6uyV0b5+EhayQEDc9Eys1V4y8wo7z4W4XgdYihInsjphc\r\n9Tc5V1r78xSKXaEklvmylfeSZaJ0QctWZRgdRzMfoy1V8jOST+zQIptk+AMS\r\npuwiS9+mX08iZeM1dMhfOox3pfTxzVFlOVi2OIX0WUJYzxpuas7yor3DadxX\r\ndULgJSJN3oTMvQ8lriMsh+G0/zOdwMHwSSYM9PttlttGcaf6l+KqmUBWMpCP\r\nHc57tszonlC0zAgFssOmjVqIKbIeHv4R8s6dTJF7mnyA8wsyp3tX+85I9Fw6\r\nzWIDWLfnZEhX12J99cpuy6X88q4AQi6tG+cGHW2Bi+o3qmKL1eW2dOCI9KLe\r\n9RzTCECtqgeL1H4YMpQuP5UKH8QHfPTu2NA1LFA0Ypn6/QQsXWUGAX62oaOD\r\nipfr7/HOS8A36kKM7dh8NeaDTfpNGFBexVN9XYWtf/VnTfslU2xV3D1DWq4x\r\nTdqTwc818TzawAkg8c7JvuXWvZAgTwK/G/8KKIGCclTpvR1CVH3uVGzkj1XQ\r\ndbmyWmyM5Kh5HNO6LXsH0XSzkwtwHfHnnP3Hwy8OeC8FNmZbZ2PpzxbEkWkN\r\nL3IBnA0tt/SP4izqS6mYwCJpWxr5T8XUsT0=\r\n=73A1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6d98339fbdcf58194034de183db8f23c/chakra-ui-tabs-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-xqqCJRq94bgwpcsWnDCz22JBVoVsY/AgivHHBwRn/OFGXcrogz8MsyfcjZrzaDwYe18QGkQpGMo969C7mzmyuA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912132201","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220912132201","@chakra-ui/system":"0.0.0-dev-20220912132201","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912132201"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220912132201_1662988989438_0.7383022455203818","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220912133211","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"1dea6c892a1c59ed242188f66190ee985e89cc75","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-oUOhRkhT13/ThD5FJCQKBDYLgP7IMTjz3f++DvyZHqXGujA1RwNnHueC+eKukk20vegsSy0ndyjP//S32AT00w==","signatures":[{"sig":"MEYCIQDamO69HmV6rQzOo+v6VVGy59NkijmcILZGNWAgvnP+0QIhAJHPilJm9pZkh+Jtw4FtWn6cX+nwh4HjBMxgEYmsyNsR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzU4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHTg//cJvdymi+ZS8EH3KP7VSrZ8BD0k2d6npVzI2DXaKzAJ0OAI2Z\r\ntb+l9LDPdkUY/llaI4p2qQGRrKmy92bZ/Bn9e6tgzQAIrBXAcKdtn7kgTdcm\r\nKJbdms8u5+ahSrHVQ1FfihbFeC87Am1kn+L4nD1MOhsIlGTrXt6W5Wc+afgQ\r\n540S7yOoEq6rqeC0yIgPrU7cwGXh4K3Cod/zbYGNA/LfnRG7Ky0doOv5I1Lu\r\nWEm3Reiy0Hq3Kg78bFY0g46tPt9WC+31oSJY37wbyK1mZ+EHSbT1hsN9sVGQ\r\nWgbJrcWRfXJMEoUorIKyne496lR83P+JkXIrJV8yW5SPeb3irKl2vjrhmnDV\r\nTCQDHwqRbNbodKJjF0fqFnHFm8m0OhQEFQUKF+ZJYGAFWR2tNn+/HyOy7Swn\r\nZwsMOzAnL70u+NjKff8pygNJMjfGRCSiVokC5DJ5ah5BW7/oRPH05Vqfmdy3\r\nzwjW5ynazzk/E7OBwiex4aqJDYl65y97vrAU9suH/HXzXKYWH6Xag7Zchn0A\r\n6ldGL+QsQKkMCM6GESP4hv552a8/ySA2km07ul5yi+ZOB6ircWsjdH3OZjkZ\r\nXeLZoV/GxqGOTWFKzQK9yEGMumd/gHxcBXQIG94/ox8cDGCtjEaRc7p+cySt\r\nUoqKvOoZuvdb1gE4UBbaARQEBWU9mB6cIa4=\r\n=eCL8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/01396b53e023148e595687f0cdb30192/chakra-ui-tabs-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-oUOhRkhT13/ThD5FJCQKBDYLgP7IMTjz3f++DvyZHqXGujA1RwNnHueC+eKukk20vegsSy0ndyjP//S32AT00w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912133211","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220912133211","@chakra-ui/system":"0.0.0-dev-20220912133211","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912133211"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220912133211_1662989623871_0.09021244245845028","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220914090509","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b4ee3f48bc56522594e942d865071dc391eec6aa","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-CBEQxP0vrMF+iTtczA/MIje5fq0mFhlOXQX2jA3HvsBfam/XMVHjAYhA91K1kOUoFTJr7VKA+HvmyyxTyEGsVg==","signatures":[{"sig":"MEUCIHSK69uPmnbZWCA5hqVddYewgDZ1WPsjylWoUUWBrsmHAiEAjmSDlqlkZfmn1jEY/kgrtu16fzF6F9f46rec+XJSmDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZmZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNLw/9HbIxifAZY6IqxjiAg1xlMY4dZLN1OrwS+uk90nqMTNenPZ5d\r\nDgAjia0xDxRZm9oRgnaanr2BQr8vWUt9w3zM0zVGOMSaMUFMq4MsIA4RqadI\r\nu/h4XV9hK6dI370qVMGDJKnhCKuENlUTNvR+wwB9TdYcERmw7I/zT67JrUdQ\r\ncgkXKL1xTk01UAndXQkrjJMeGRUi/D1pox1eiLe69WJ3jTt/Jf0dehHfXFCK\r\n/jTrXStgV0wMOjF5DGwCQaUUTPQa7sZ6VlBT9BtplPEVGWZv7omMcJ4Hus1g\r\nLdtbhE5U+qU2aK1441a0rvMroSsdlNQfrAFFANBNfFqAXEFMAAcjTm2IlNm2\r\no+zxARwGWHV0DLPMSRHl1Dlx2rFT33optw2qPQ0/kSLWH8ZgzcsXQz31X/s2\r\nKoxtMJrVXcDTQ1MUcSnFpyIVjpDuWmhx2vv4bfbrTng0k2IewpNM5XjswCNp\r\nigNEB4dbmlKrvn1vozfTnaBBfdSR1ULDFKB8KDRnJOjSfrUlX2NllaiPfqwm\r\ng9zBAyYN1P47KFNrNI/h1eaTUfYcpTfvZMRqld6HHrPGrig39fDJaTkEp6Y6\r\nKfitEL0y+bBEdGxZsBVYqe8t+lUVtPVLXZCzAESCU44XAcj3O8q0SGpoYieQ\r\naVJGwo9JvlB8kTKB5P0JVTgNj+JqeE8N4+g=\r\n=8Ajh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e2ea1f647793041a8276debaa5a05145/chakra-ui-tabs-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-CBEQxP0vrMF+iTtczA/MIje5fq0mFhlOXQX2jA3HvsBfam/XMVHjAYhA91K1kOUoFTJr7VKA+HvmyyxTyEGsVg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220914090509","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220914090509","@chakra-ui/system":"0.0.0-dev-20220914090509","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914090509"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220914090509_1663146393598_0.7372740124549173","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220914105014","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3ac85b5888b158c714d3b0a9b7d1fe256fdef652","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-cIPAXhMO4d7HODiC+Icq4DyTQg6OlO3O9gngHwDREJmqrlMb8x+MGEd5quR6Oc/LKzs57AmpatIPQKtvBAtk5g==","signatures":[{"sig":"MEUCIQD8k4Y8F30FqW3G2Hh/xYRIcjhB0SQtF7DYwkzVBQj7SQIgZwfChV7S5iHS8n4Yt/BdLWibojtgPVm9MEos6iLNbgY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbIoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6OhAAnibUEfG5DLqrLiqFFLaNPBNo6tH5ziPyEjvfHz94M+/Jg5+u\r\n4yGsuwIIiBgrOyji7x7/DKZq326fh3iq4C/T6RrEhjZj2a3X78+jy1dW8IPW\r\nOy+rAyD22L0vzgkstcmf0Hf2xJIg8hpLPcvc+8I7GqXUFVViJnRc1U9HNfVB\r\n6YoS+OqZ06LO4/bAzoX8t/z34mxWjq50QUtSE3YTBoTtyViOAPN1xPlM5fS1\r\ncgrgnM1IxudttKZgGFkQbJGJvC2p5W27pHPPeDG/+ASwYaqASsaYcJym8/jz\r\nXG1FZWYrOxuTdfzxhHHN0RM12V40bvm2jBaVu55R08g4PKCmyY5iTGXALLuF\r\n+jOrE3XCgg4MieyQE3dlqGaYskhe3xyNi6wzDGpcLQm2Mst7TJGqEZ5ctfls\r\ns1EaGiSq0pfdEQspBLg/KeK2gHVg9wcBsO6UNvtWbU/qGPnvFqwoEqyxvOki\r\nAt3vh2Q65+5U4T6+rLN2xJhROeATT58MB1azv7VYHeYEn1Ow6XGMmmsGoJk2\r\nliqmZU5YHPR2GCDp21P0c1Oaayl10WRE9OE6SFXULwmFmS8DEmWf3Z07rsJb\r\ngiD+/GPw9dmMnuT8DSQOvzDT5JVxUwdcReYghTsNnATeNVEXA9Mi1bzIGwFv\r\n7ffJxLPPEQXmsLgVNwrSPNzyqbg0RbnyNiQ=\r\n=6+Wv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/acc7e6376b6f4ed9e9434e1062b3d66d/chakra-ui-tabs-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-cIPAXhMO4d7HODiC+Icq4DyTQg6OlO3O9gngHwDREJmqrlMb8x+MGEd5quR6Oc/LKzs57AmpatIPQKtvBAtk5g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220914105014","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220914105014","@chakra-ui/system":"0.0.0-dev-20220914105014","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914105014"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220914105014_1663152680150_0.7050470511881239","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220916140800","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"20ea6e6fe5b12afedf3a48c8d8606ba7796542ca","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-Le0kVr6Di5hhA+k9R6NDVz1LBc7zyszLDuTxzWJmJa3CxPiHZc5ZzrRML0kzDrbJvR+H93OrxbfQhDAKUobHtg==","signatures":[{"sig":"MEYCIQDtxzaZSgj5mVDTprfdrkSKDGAElQ4Ae6vUKTElmEHwcQIhAMzvpstm3uqHbQEa3/3tiGfC6QA22Z40wS1Qo1GY/djd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIN6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqb0A//UG4Namg108vMXYXCSHKmxxh6MQ2mIXot9Y9O6eBcdp58w93t\r\n8f15nAWZhPxmtFHx2ewhMHhLmSwMuMCXVjGAbdBj3cb5FhsvR2aahLh7posk\r\n0hSDdjRxwpvC7/+WqcARRBhnbsxT+edkkvxRgbXKiOXmCekDEo9TyjFHlb8B\r\nbiIYmuWLDZ/T5yCfmkuz/UKzaiWxzOidzveyOY+4BSYyGQm8trm4EyNyXB9S\r\n2/ifYS9GLPESFTZo0oPihvCj7eOwCe3BA80tkz/WOrNMXrSNrI6xwX/Eir1c\r\nc1pKEr5HaT4Au5XPclfqtcvN2EHznWnH6D+7Lat76HnHCLsystuzbyi8gj7g\r\nKwW7+NYbsS9O46kIztaUIWrKVzSVZYR+RiCBbxvSV+YRQ4lfypyXpJe/l+y5\r\n57j/lkptyorT2SMtNrcT+fVr5JYKqGjsd6S7xzURg1zftfGEMJgP5NTmhbSb\r\ncGfzotQ5mTaA8BdNyTNKwtbqo+s1Pyvwuai6LweBR/UFiW9iR0Bp7Ow+U64/\r\n/qR7SJtPFeKmPfCVdm/DIIiIbbXbT60oDfJR2/6p5FL87lSh63UgvWCKFbUB\r\nUVNdDpq3OO4Vi08za7i8Jh0gOxZQJ4DVuxcGlAR6crHc0YS+A8Vbvym/aJ/m\r\nCG4UkRfhD9vghmkTaNPQKaELdfJSSoGdBfs=\r\n=R8yq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/00d37ea484326f0efc98d6c20e0c42d3/chakra-ui-tabs-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-Le0kVr6Di5hhA+k9R6NDVz1LBc7zyszLDuTxzWJmJa3CxPiHZc5ZzrRML0kzDrbJvR+H93OrxbfQhDAKUobHtg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916140800","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220916140800","@chakra-ui/system":"0.0.0-dev-20220916140800","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916140800"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220916140800_1663337338848_0.7406548742665191","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220916141616","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"82a26385b74f193482ab528dafdfa09612890628","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-W4YeutlKB3W8QlS1nEDpxilHNHW+ptpNPI11na2q27TXPjnFnYgZupeYWqLOJ0YN2wX/TJ87iptGjqo7TUBl7w==","signatures":[{"sig":"MEUCIQD47FbCKAvKuO0rH4xfgecwjaWYUq++E7VKZW5RYoAsKgIgHOVhouphqp5vw/pY01U7ZaXS8yuyCOQW489sSIZxG/8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIV3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0dRAAhepYt+/TfvjGm6WIjgrpSlipxMAqJcf3u8kYM6bt42OnMTGR\r\nF2f3sCy1eVzfEDg0c9SeawlR2QwMLy41rnndftWysiAIXTSkXM/xlF4PiRv3\r\n/kj/tRPkPPgtvtid9dFzMJD2MjTwdR4kIWDi0vJnbltG5k80NSpHTfzWpSgL\r\nnT5hAIV9J1u8/EWMB88MT/0mh0S++SkziqDMRIRR9qnpO0rzsgMCOpwDznz2\r\nH/DSQx0BasjPNnIlz2jIDSU2Qrg9n5y70WQZkENL3GeixbYZLvGvlE+6MyPf\r\nkJmS1Ow0cHfE5rmt5RuHEr3o92NhCevSvzBfYvYyaQcDc0fd0rv+xBG6PhqN\r\nXE+ZuoqpytpxHR2xED9JuGqQ7Oxox5dUhmvuw/9i/xSWLRLrZnTUssm3efMq\r\nYJok6s2Ku0BdXLsjgMzSmXLYdM0iAt1HafIbb8D2RKS29Y1j80odjj/9DyCB\r\n6ieXA2EZiHmhkdYJeRBsYuMCgSxvB2Lvf/QADKvFN/mlY16TotkgozEGZVVf\r\noveRq9zL2QZxRzzcFIZUTLDbIyXL5dUqrc9jlnHUC5BJHTcECs3N8m2tI9ei\r\n/9Dvzmnd7AJ2EGnhm9Ge04dXWvq8DZt54zsn5NixxTmbAxRBX3xxS77QjLfb\r\nLCqKwDLoA6+IHbbqQ2CZh25s7I6jTLB0Rns=\r\n=ybZ3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/36bf0f99219488f4944b3d19ce5a4e23/chakra-ui-tabs-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-W4YeutlKB3W8QlS1nEDpxilHNHW+ptpNPI11na2q27TXPjnFnYgZupeYWqLOJ0YN2wX/TJ87iptGjqo7TUBl7w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916141616","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220916141616","@chakra-ui/system":"0.0.0-dev-20220916141616","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916141616"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220916141616_1663337846885_0.9991366941585671","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220916144141","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7bdbc955623982010d5f03a906d18908f351cc05","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-rT36b3zHVgQg7JVD0cCBz2B0qV0axwP5sPdhYcFXj0pXFnnp9oLEmTWRzE5b/F8QOWtwXStQOtQeOqo9uKuTGw==","signatures":[{"sig":"MEUCIAGUmlMurV8GpHRQuKXC1bKCmCTJMDMd2nA6NZYeAWFnAiEAleTichDAxK55eyujYZopscTjEk5XaXGeqks1H2Gynec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp49RAAiZRMAttbFAQw1BatViZLIFIrsfxv5mS8MxV2MFv/SLp1lHi1\r\nCwfKTkN2KgexHndlfCb8Fc7BGTg5yPjEXIXemYH1CZFqXYRd/8dasmnrE+aO\r\nmBjQ1hcbi9kAzI99D54Fv09nPBJNnzhm1aEan+lnx6LFgaGIyglidzV7zP2d\r\nFCUucbo9m2G57Y7xIeWyruyiOVGeJAYsNEtMt373rZpnvtiKaYsQsjXjav/p\r\ntAZFYJ/AJYrXBJqg5X4wlYuOo6/3m4GJs+sVhAshgbzd1ZC4Ifa3V9TVNk4a\r\nJW6lTt2iS40vMpkF6vHmhUqcV1kGSChX+WuoZ9J+nqb1nj6fMbPNoEvsywaB\r\n3BltDS1x+aG7Zc1ZvOwevZ7425hHzJ1oawgTSF+gjxgur8f4ef6iZ9ytoiP4\r\nCB+G7dtRLBdTHBagTRU6x++09fV74iHXgeYlNqUwSh3gn+8qB0dQpHh4Cwy4\r\niNSpkFhTPJYL0zu1ud4N88VQmG0t+/VYRXbixUeeJxxLVLjdvYgK3Sh0TqpR\r\nPR024KotyY8LFlXouZ2uU21NhC6iwE7ULdGfM2/KmeAmucOiY72ThLPaVcss\r\nGYPbK6h991tzO8Zguer8D6bs9WhMMkq/LLzi/iCsWWe1XucVMub5UW48qjNp\r\nMRvQVdXyYo7+fArEI7/BUyuJOX5IP2SAxlw=\r\n=huNi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3ba990e458a619cb9ba9b44c34189ee8/chakra-ui-tabs-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-rT36b3zHVgQg7JVD0cCBz2B0qV0axwP5sPdhYcFXj0pXFnnp9oLEmTWRzE5b/F8QOWtwXStQOtQeOqo9uKuTGw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916144141","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220916144141","@chakra-ui/system":"0.0.0-dev-20220916144141","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916144141"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220916144141_1663339370855_0.849459565498154","host":"s3://npm-registry-packages"}},"1.6.11":{"name":"@chakra-ui/tabs","version":"1.6.11","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@1.6.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":"9f3f04f764cec4033711719b1bba8545038ac386","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.6.11.tgz","fileCount":16,"integrity":"sha512-hGs2REEVVWyfgs+qEkPiUsNnqwv3QwXfKYyXaMnGS7CCkGgUiEvIO7n9968/KGnGbM4GuEHX+BxG2suIUf24yg==","signatures":[{"sig":"MEQCIAGhPafBd6yUY4qbyn5wbTFA2tYx0DDDWPmrzvIerbT9AiB3iwjsdQGqJXarnGuUmit9dHX7TmlEcVMKdXyKlKE8tQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":121194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJJRnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrmWw/8Dfg9a6R/Gr6/pOxo7COATPVjhlaLTuqPkhhoK9L18vNx0a5L\r\n5sjKYbpOSgWGMNkv3ZjEK9cc4/lOL7GypOJpfDpByjIV1gQsaKJYiSt6tGOE\r\nY3jnSyHW4fcrW+ury7v1gAJCnMOzk9p4I+dng5nIL1V/vKfagKFqCJ0SKFdd\r\nWcm6eV0Nme6w4qEmltgE69KORBnX37ehH3ydBYCPXcu5aZMlOiebqalSHOu2\r\n+ObheGo6sfUmLUbm6/+HJ9mo/PS7Rvk8+1+gGuUeK/kBajaPGbCpN4xuvnHP\r\nEEDa9ni0ExSVJTWF23+5TrwBN2SnxrA4GmzJ/LUIZcu4CoZlSiKtGXb7CJSN\r\nsWKG1y5H6ldJx0geF7WBeAwzxKkBxZaHL6gCDnv5aB3l4Fc38u0wJq+clPty\r\nCu5dwqHlpMw3amqGU9jQxapIgCk5wUJtSM1YDuLnQOGX6QRzRGOSZzS/M2Xl\r\nn84/sGnDN9LTfOE76xczT5a84HQBUnR1gnp3LJJcsIQ2WLM8y/v5KwBiQbji\r\noRA5JpoXRoofIGrr0WIm4WNTmznR9B3k04hmzqQlS8Iy9mpLsb/4uYXUFZBR\r\nz9PEkl14yt8kAJCu6T6Uf8ccz2YfS4crMFsh/Dgy1kcRhb7c8uD7eG1KkgRC\r\nXLdJmjnYySsh90FfzuMmKlb0nJBxsWK4PkU=\r\n=sNIn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tabs.cjs.js","types":"dist/chakra-ui-tabs.cjs.d.ts","module":"dist/chakra-ui-tabs.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tabs"},"_npmVersion":"8.11.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/clickable":"1.2.6","@chakra-ui/descendant":"2.1.4","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","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/tabs_1.6.11_1663341671390_0.36876213644223443","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220916164745","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"102b03db988571c05a430b31b183cbf77ad52ca8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-UglR02AADfWVSqG8jqqVPUDUAL6r1mZKY3UQfDhOXA+0PykyLZFrtaWjq/2i8upCBnoFL7BpnR6y/u0cG7LdhA==","signatures":[{"sig":"MEUCIE0jvHoI46yykwcHiDO3X/+pEsU3nUNxtkIK6krV4GFpAiEAprFWc044ddtswW27PuO/gHlsEr4v2npyk4FESFydO9o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKj+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrS1A//UQmNPYNnp3BNEhUvQt4RVr+VaCZs4SfRNmo1SFotHqGE9/ET\r\nFXKeG+EWt9fdxtQoRXb30gPnW9cZSCXfR/Dq0OSqUdfYcxkGQgR5OXFK0ja7\r\ndI4bcl3aqUdZNA1z7hAuIpjd9YNlkuhb3/bNsspzHMAu2UWBP3PzKp+ByNnL\r\npI6IDZ1xAUxprp1AGuyVn/RQf558p8XpUN2oFDStnnzDVSa9Rs8rskENHZrA\r\ngwgJGbStOPekMbYOUN0ne0px/nfLf78dm7WTjO/CYmOtiLVqFjsTSxdd0Boq\r\nDXlUmX6CbvoLJNdHYhDtGrEBWhiVSh93jz/HVFqXmJkHzdXuHNDMy5WZPn0a\r\n1LofiTjgtjrHU616ibzXc3bdAP/05wjjP5C41a335etEROawxdLG6+TNV+Xp\r\niFAVkwIVyIi5mIQt6T1M8hcVzG5Mh1JGSzt+N0AJMgYKCJdEbJPWpXyVs2X2\r\nE+YKjMrn4hIlpe6SfpqYoru5+uH1Um/Wtm7/tCThbgV39Xdg9i5Zcid+dnN4\r\nz/Aa00kxuXP0uADeVxelyPCkEST2oThu/t7bFLpLHaMfVNWtGnAA5P55TWER\r\nMnZ6Pq/m2TOeM6FtYsD2nf76YB9IFbPJ9+KlXy1hrq5eywxXEKO+Grq9770c\r\nCf45tFvdy/l0WFLFetvbegKM0jCTXsHHles=\r\n=FAo3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1186ae1951e9803459945afe30e552e2/chakra-ui-tabs-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-UglR02AADfWVSqG8jqqVPUDUAL6r1mZKY3UQfDhOXA+0PykyLZFrtaWjq/2i8upCBnoFL7BpnR6y/u0cG7LdhA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916164745","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220916164745","@chakra-ui/system":"0.0.0-dev-20220916164745","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916164745"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220916164745_1663346942323_0.26987721867938563","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220919061024","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"79d93f8bc4fc9721ce26d63eeb3bcecdbfe72cea","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-GFMhRGVof6eiNNIbvxBBa0JFGswiOszQFx4eeQnIdzqK82JNES8/L4H87L7qkECxnrGsZzLwbUMYZBtqLXlcfA==","signatures":[{"sig":"MEUCIB9tAohhEaoxfEgwK2Y7sDcm/KiWeKa2d8A+I3XtndfvAiEAxc46irL+mypnPawG+eKr5bBebHgCEZSONruvTkReGuk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqf7w//dvP4ijESXiP4yBj0If/TpX6fEpl23c+O6X/eAmqvQM6vCPQV\r\nnkbV+0YQkXdL6HXTFpx+t/8fIlKqOm0nq1HEM36WOaqsX9u+b2igp+mGgUdM\r\nz4kyVUTg5+0/LomER82WrUdS40R1/21olZOrwghhFDdBivGy8s5n+KGXZTGG\r\nt1xNI7XdTRt17uXpQbz4CzkBVaQ1pgpo5TTJFkLCFJAvSbEoBxOan42L6Z15\r\nzwJtDGfOwr50nhTyVq2NUfQgfyeWr17Oc4RIZl3k26MP5OmBmDySyJsOPv8e\r\n4HYuav57dKf700MVLiqhof6eKffhLiREircyK+nD5rMGTnvs57+nC+bW+bRX\r\nUin2QY0jpolQE8VNaMwS4Owm0QiaTj52UI5Y7zErKeiniMw0TIwvHgugYd2O\r\n45TllK0U5Ib+y8GcSapQozxQGoOP20jHXRDLE9XHtMCP8LH/4QofjE0iptuf\r\nailO8P1/ULw0VA4jkV5vKvXW7OMQhQyk3PUkYC/MFamxJj4A30IijxJjmxVV\r\n5o6RapBq9WK9TuQ6PJ1FvzwbNtu3pguunH98FtBUrPepBYVxJ98Gx5mgk0fc\r\nbZG3m1akYsd2LZyNUVbdAEyR4LyAEijySeCNGRGj4pET6ycNmtdA6Khr+fB0\r\n2Q7+27zpZfdxoAXncyNqekpZXyEfDKvyFSM=\r\n=/Fpm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e1a6a4bfce76ec5d30d307b7b81ca899/chakra-ui-tabs-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-GFMhRGVof6eiNNIbvxBBa0JFGswiOszQFx4eeQnIdzqK82JNES8/L4H87L7qkECxnrGsZzLwbUMYZBtqLXlcfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220919061024","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"0.0.0-dev-20220919061024","@chakra-ui/system":"0.0.0-dev-20220919061024","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220919061024"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220919061024_1663567894467_0.14527085055913114","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"@chakra-ui/tabs","version":"2.1.2","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1ca6ede845c0a80de92eb22b6a794ce321ab1a30","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.2.tgz","fileCount":6,"integrity":"sha512-Yz4d/gtlzXPquCF6WdtySSZW/v+mGzNxohWW6v9H6tPNFHV+xS9L9gSFIfWl/0sTIUlcJqzlBFjs0W/yLNJzpQ==","signatures":[{"sig":"MEUCIQCbqW5KauNSDxGQjvCN7Emw2cYq0U45dU+8ed8Cw4bRNgIgEURHAW+r2dgsiFL7fL1xrpNoBa+n4yTrat3JD2stb5Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBw6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpK7Q/+JeJGM71wLfkSpWRI+1fllKihWmIt6GODZcwLvIQ51N3/F3ld\r\nvsIJRIEJJ1kHoxvY0KrU/ZF+anyjkx+Wp0dJXNvpt9r2xZjEcS3WRExs07ZK\r\nNNmlxZ8lx9ftoGA38hqGtBYyVjcdRo92+D4BK705v5M0VXZcks8Dxlk1cIks\r\nEC0ABZQlKcpY5564b2MTtwNJpF0g5uDq3STY8gB2CAw/2K1hEohrz98M40Uf\r\niX9egmsO1A5h9JqgFCrAt50WX9WVv1CpsjUgvA/UeTXdl9e7yyspap8EurIg\r\n3JQqzBXaIY7z3NmS5l5G34YkFXA2qnzB9hjjonHhY3E2wgAsOd6YRB090iVS\r\n0grNCPjghpBAMggbOQzKoA7GU0ZVef8Dw7t7bE6wcwyap3TUnm5zXCu833Bt\r\nHLwSLZSgH8GrjlfEQ0vvZylDXOkKod8efwfAxNHxLlUKON6KAlUqczvHcVUS\r\nzwouYuMQct3s29s2SyrH3nK/VfjEsH/RFOroEsdvh0J3LgVNt7dbT/o1hjtu\r\nFOZB4jBQDBLjmYzlNT8y5APkQULj9rijMQcuhYrFfP1e7lmbc6jXOKqjoqtX\r\nkZw/B5reEYthSh9Uz+oUtUCluOuQ9Gg7Ch87aZ/tHxocfpWDSYq/Ad/kKL6L\r\n98xOcS/bUndxFDz9o85N315ehZ7XWPwE0zQ=\r\n=sAgY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.1.2.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/17f9f3eda4779acaff2a1b594761c0c5/chakra-ui-tabs-2.1.2.tgz","_integrity":"sha512-Yz4d/gtlzXPquCF6WdtySSZW/v+mGzNxohWW6v9H6tPNFHV+xS9L9gSFIfWl/0sTIUlcJqzlBFjs0W/yLNJzpQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.9","@chakra-ui/descendant":"3.0.9","@chakra-ui/lazy-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.4","@chakra-ui/react-use-safe-layout-effect":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/modal":"2.2.0","@chakra-ui/system":"2.2.10","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-use-interval":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.2_1663573050427_0.06731968110877551","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220920121057","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"d145cc0738270553f5b9c3816960ff39c42f069d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-2ZxXef74XReyHA/yGT7WS3Ns7cOyofv4z1L1In0+3J5K8ezSdmL7uxzKQ1kgfCfnPS8kX0V/bbD1DFweiMDWXg==","signatures":[{"sig":"MEYCIQDB+le8d++M1rhiTKk8/bGRfz1Nyj3mgH5qZ8XmC9PgeQIhAM/XdMzwyBZmxqIrNL9X2MR6gy0/h/ZaS8hAd+Q/6ugI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa4jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfAw//WsLQg+4YpDUlV/5jvV8mFQfy3gV8VGYYQgYXhzUzBab8+p9S\r\np3GFqC3JunMujdALJ5FmciRTPXWsAaeJpQM1wITNqalXUH0Q+LMNzTspp4RV\r\nB1lzFTaPDPwLBuP0kc1tfkUAwmblsvRNMdNPUO+LWBVMKcJ1NobIZ/hOiDgF\r\nv4z9njTwTx1BWACmMwCygyW5BDFxaljK9nEsBfwEwfF9VRus10bKHSGWbqzN\r\n0PtiAjXB4BJVIcHq96EnwvW2NwbEchFR9jrTqdHrD3hyUqg2124f63n0n0ss\r\nSP46B3PAjS0PBzmkzGi1JlSsHevsjbXVIQdmaIkYW1uvbBw1tcsQ3/QCHBqg\r\nuUzLtS/LuqKkNVsOc43BeMX2Hd1JwPcKdTQofkXcLgH6hIV/vPRktwxNWojk\r\nHHnEVYmTIDf20UNEjlzl/LamU59p3lxWjq8YvLM4y56K6SlBoltQ70NO3CiT\r\nVs1wV6lWdUFwatzwL2Th8e5OOcxh1OwGXDdm/w2JHx7OECpTdE1LzmthYnJo\r\nHHhJ0uJLT+E1DvwCHux0bJzZP4jTWBMCrzP9uI8lkceI3p0RIMIA3Mh8hAAg\r\nmKFRu5I9tSp0O8DLWN426nyF9Jo256FPZu5MP5PSTFOl+7HF70Lf4X33yH2w\r\nYA3oG+my8GqUZphajR1juiNeIrvcTW3q+9c=\r\n=D223\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6bbe667ac3371923cfe07aaaffbaa45c/chakra-ui-tabs-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-2ZxXef74XReyHA/yGT7WS3Ns7cOyofv4z1L1In0+3J5K8ezSdmL7uxzKQ1kgfCfnPS8kX0V/bbD1DFweiMDWXg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220920121057","@chakra-ui/descendant":"0.0.0-dev-20220920121057","@chakra-ui/lazy-utils":"0.0.0-dev-20220920121057","@chakra-ui/react-context":"0.0.0-dev-20220920121057","@chakra-ui/react-children-utils":"0.0.0-dev-20220920121057","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220920121057","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220920121057","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220920121057","@chakra-ui/system":"0.0.0-dev-20220920121057","@chakra-ui/shared-utils":"0.0.0-dev-20220920121057","@chakra-ui/react-use-interval":"0.0.0-dev-20220920121057"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220920121057"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220920121057_1663675938885_0.8463303954504482","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220921093814","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"4eaf01950b4b85074e473c6c6dd7c4f38848e29b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-BYspE/PXAQ6ambfL62paq+nhRI33YX/2AoP5Z7zSu/nTZ52dILiWQYPJn8MYp1tQJkn/w3pQ4vfe5J4Nv5foSQ==","signatures":[{"sig":"MEUCIBNoKOkz7LMhMBRCJCDlOc8Y3+/GyEpjHONUUxIi909QAiEAwClqnNcyt5e+e09eAWU8SqzlBsuaPQv2l/gG19lVz+0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtv1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTLg//e7GsS9kepQXaRB6js/ZAVQjXYzAdta3JXlB7Frp/d+ILNx5F\r\n774kjNAEXTnXdNr6nOOLjyWwHZDkkOVn58G3ORfAV65kiBNmhOAa9jEkOIHX\r\n8mMtdmB1yhaLlGKLQB/7BMzUf8emYelNGKMLZhxQaatlHJfLUOXeuYq5Zqeb\r\nJZ2Zzha8MsHaMRhh6FlvD/Di+jgrm3r5WKuXe0bCEvfUuFusVvn+VMIQl4Mh\r\nP0ggCK/HszEAAJKDfBOcv9gVJSoLKQrNgfzgIwTxaKzIf2kyCPtXZFKzukB5\r\nKt7I1/LgmtNI5IrSVRmAKN05qFwz6SZUHC4T/wQf3AN7I9396JGpDqO+s/M7\r\n7Kjrz8ThXFydGZgJeVey6+xfqS421WSzktFKt43yVoQuZx1XpC0k1J5FlDrc\r\nxy7z6t0goMPGR7NpmeV1nncXSYT4KvFsOa4fgoBDEHeY5JR7kmU0TSC6ZgH2\r\nUFQ0KchP2a7UkXKZZhRYgz69UqxTQf3fNrM5Nb8mOCP22SqubnunNkyKtJPq\r\ndGU81J2K8EVuJM1WewrypjkbTPbonAI4a2d2fiBdMV0g2P33AzxCvduv4xxk\r\n59FjiYttcqoECQAH4LRyB88pdplCAkr9XIUod1bO4U4zGsW6N9oaNX7ImcjW\r\ns+QjRxg+oSKdJ7ut1Giqegh0jSeVQ+yVw5A=\r\n=LkOc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b0fd91c9d9fe9bedadc9c80799da73c6/chakra-ui-tabs-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-BYspE/PXAQ6ambfL62paq+nhRI33YX/2AoP5Z7zSu/nTZ52dILiWQYPJn8MYp1tQJkn/w3pQ4vfe5J4Nv5foSQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220921093814","@chakra-ui/descendant":"0.0.0-dev-20220921093814","@chakra-ui/lazy-utils":"0.0.0-dev-20220921093814","@chakra-ui/react-context":"0.0.0-dev-20220921093814","@chakra-ui/react-children-utils":"0.0.0-dev-20220921093814","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220921093814","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220921093814","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220921093814","@chakra-ui/system":"0.0.0-dev-20220921093814","@chakra-ui/shared-utils":"0.0.0-dev-20220921093814","@chakra-ui/react-use-interval":"0.0.0-dev-20220921093814"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220921093814"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220921093814_1663753204845_0.9639957284116547","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220922114557","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"79b29cb0bd579d12a152d2feb2bcd162a15aed45","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-f6LkJn4IopkWRDIHf2pA9rzlRf705bETit7kmeW8UjCG6mYX8E3KVABdtPBA716SbmnKsEn8hJgg2mSe0YQ2xQ==","signatures":[{"sig":"MEUCIDKnSPD8GkxWnIywPwSUK5r/MzYVqkzch1YmLhmN5S2DAiEAstxs13HoJvnoxX8pegf/igeayz+3ppskDQJEeF1k6F0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEtDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSuA/+LL6G1Yr3lNiwPMrFawa6Ug+OxngInmmeEj3oHy8psSF7ZWPJ\r\nKpa4XVdOtWfXsqhr3PgAJpclaTE9Z5vY+xBnE4NDDCrRYaZvMZ84GG/3bR0N\r\n1sDJlsUbRRZ+yOE35SFBfGc44rsCDd1m5wNH4NkCQwIeCDebO9evsdrtF17n\r\n82B/3R2C0UUP0qpSHmy7BsKucmICbOu5WN3qR2u4+ln3d0Mvc5F6zrbQ8Kl5\r\ncG6yN5Rj/v2Fo1iQEFYo/52cAFuMQh+hyapWJu/0GBKM8UySHCO5/ciXzl0t\r\ncNRbCiaQg2DEAAYDgDNGB7TYiQ2LEfMlHuTTm3JmdmzBTj1uvfFD3AozvtJa\r\nxhg3Al+t3As+WP+eUn2QFZCur5aLcoEVDeirbIBefJVrDA/uKQ8USaYK+eDt\r\ncne1hniJpMRbI/FXDlfww9G1xKihV/WRqvZAgNVtnnvhmR15WrcbpRKeYFPx\r\neNz56Xn7u/Ld0C+l6ikEeiy0jhPadMq/MCsshgCsaHOQWXL7hr7ORWqTHtCH\r\n8tCHCDjKgdr0UvuvkpAkcSB/b0/Jn8B8coxEFyvmX0BZ7h4caAbSPHq1HfGa\r\n8maUgKDGSHasqkoWjephvTXGh3MmV1qAU98TfLU+tcYZBV4NfH6+Iv7y+pS8\r\nEr1KPXVD5L48OIXeXmIfXteu5Ld4WuLvvlM=\r\n=aTOp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6bb034dc79d8ff7343b7bc692eab7ee6/chakra-ui-tabs-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-f6LkJn4IopkWRDIHf2pA9rzlRf705bETit7kmeW8UjCG6mYX8E3KVABdtPBA716SbmnKsEn8hJgg2mSe0YQ2xQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220922114557","@chakra-ui/descendant":"0.0.0-dev-20220922114557","@chakra-ui/lazy-utils":"0.0.0-dev-20220922114557","@chakra-ui/react-context":"0.0.0-dev-20220922114557","@chakra-ui/react-children-utils":"0.0.0-dev-20220922114557","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922114557","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220922114557","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220922114557","@chakra-ui/system":"0.0.0-dev-20220922114557","@chakra-ui/shared-utils":"0.0.0-dev-20220922114557","@chakra-ui/react-use-interval":"0.0.0-dev-20220922114557"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922114557"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220922114557_1663847235087_0.5048083144073114","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220922115811","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"af4913197d36e02584c449ce56d87c4c15f027e8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-Ez1YZJepRg+W01PvevEFxQ28RgrVXOpyv39bWIYZ07LM9WfT/TTsB1yU2WEmB++ykEXYbKvJepptRIacnXVHdw==","signatures":[{"sig":"MEQCIG2MFQKNDDe17BS+WbVEeHmXzN6vdTLorvl7wtGPHGNOAiBAHYMxPcgAzUh9rm67tX750hcLSGf0NAFDlyf+tuUPeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7tw//aqrs0+kV1jXwNfPMzwDnZvfEPCTmGUwnOQvz8rfdoR+EDph4\r\nENITnPeIgUpEU1CYTWzyo6ljTEvnP5NkVNE5vHDlIEL130fDCd2+et6opSlV\r\ncZCsLPrd/a7oUeKpJm8ZjTNOGxV2K2iHwRAIB45t+m4A26jgmVw5SgbUfHKi\r\nziB1KlTr7gp8by6yM6+SE2NWkxNMypFZslVZz+OrmTy69z+PkONMEZPROBGM\r\n2lRrFWtC6n19DPaIWiwVLQxAPYwceFR7KwvCfrFmrFF+C5XPPqiIi0g8DdKn\r\nLb+TrkpB2ZKpANbpBYU197Gcc664EE6igVK2F9mAypdhgAWLvK87vOgtJSEh\r\nubRQoVnsKfR+UGb4G8CMElrjowwj4a0xTmI17HirUqTGE9ycXJQFuucfAcnC\r\nxBiy9byY5EtKb7sszWvKcJxuysmZ/8bbZw6InI2tEn6p+G9G+r+sak8mh3PY\r\nmOQTQsCpO6ntDe/dCe23ByXyIFKDgtgiilrp635mzWzW02PZIcCfk8IPOK5L\r\nmFRhPleXko/2Xst4R218tRGOF69POMnUM2+vt1dz30EgfLvxttCkUn6t9Lh7\r\nX1Y8Vl4UmaV8gVZ4FQs8+eEGfpSVR7j39u8zjjGO9bhBS78XDMiCzYjx/7Mq\r\ngO6gbwq6uy7pwWNcpRur7zkuR4l1zfTAuac=\r\n=966Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9af1a51f240f9a410b3eea92149de7e8/chakra-ui-tabs-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-Ez1YZJepRg+W01PvevEFxQ28RgrVXOpyv39bWIYZ07LM9WfT/TTsB1yU2WEmB++ykEXYbKvJepptRIacnXVHdw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220922115811","@chakra-ui/descendant":"0.0.0-dev-20220922115811","@chakra-ui/lazy-utils":"0.0.0-dev-20220922115811","@chakra-ui/react-context":"0.0.0-dev-20220922115811","@chakra-ui/react-children-utils":"0.0.0-dev-20220922115811","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922115811","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220922115811","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220922115811","@chakra-ui/system":"0.0.0-dev-20220922115811","@chakra-ui/shared-utils":"0.0.0-dev-20220922115811","@chakra-ui/react-use-interval":"0.0.0-dev-20220922115811"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922115811"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220922115811_1663847978153_0.39053005316912515","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220926164115","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3909d482f4fb2b3a01702327173c9ddebc7baa0e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-yfShdJwvxkvXCd54T96LDnGwXPltbj0oC60PSh8MDXajUgR2W0YgNWLWFAXx4F3H9Rrut2Sv0laXIR4WoomROQ==","signatures":[{"sig":"MEYCIQDmJgvb6Ny0MnQAnc4+QQqIn2SWA2iHGWejUSwQkodZBwIhAMDpLS/lL8stMY3giY53Zt8jOHesUnpm0U7J0LjKMgAN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdaWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQsg//SEifxq4L05DN0cS38VRJnAfhiz+wDN2k/uRcooZ9SqDN6Ar0\r\n3SYhonf7pJRbdvUx8oPXwAwYykOyS5FPBe7oACY4UKRu709gX8VbW94OeOJ5\r\nadsPPfpsUq3vO47sfv4orKJ7oP+M3OdJzamip5lVYXVAUZ4gJxlK34Huu7KS\r\nWH0gdOI6OvtMJ76igGgTOSyuKA5RfIuW1K3rSR05j/SE0UVcIYg4mCiG5Y4j\r\nnF8/0GlWhrenete1eWM5uAgYfHphIgjfLALCvzG38U/58CUKaTCs1okDkQhv\r\nyn1NK47u2BYQ1hiNYJVM97P/G3f0a4ZXKavNjaoUnF7Ra+p1JgbOEZApLe3t\r\nAOyVg9t2o3g/T98YPu2bDSCvUPsbPutDIBJcm0SzSAaXV5kXg3QtQqqVpMrw\r\nT3JSL8aiT2ceTjaA4Ox1XbWdKPLE0yVH8yfZdZmcmuKrmfiSUltHDDw5Usa+\r\nCIzQ6kvOlsHkQQ+npoD5EPFi4RzKhfKA3xS4o4iRZbzdnng8+uaTfdzSrz7P\r\nSM6yMKgClNOSep/P9BVq8E4ZeNAHq4sLN6var7mcf5SVxxxXE2oStBtq180o\r\n21YkTnx2UcAsLXZWsrEFkScETLiUej1NbLi6EkuUIafkyivisT/CuSP25hhw\r\nt+s8EPsaUlNChZRGjUDYG6y4Y1s9BAd46no=\r\n=a2OJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3ae08cadb428c4ef5fdfc48b714f3e29/chakra-ui-tabs-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-yfShdJwvxkvXCd54T96LDnGwXPltbj0oC60PSh8MDXajUgR2W0YgNWLWFAXx4F3H9Rrut2Sv0laXIR4WoomROQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220926164115","@chakra-ui/descendant":"0.0.0-dev-20220926164115","@chakra-ui/lazy-utils":"0.0.0-dev-20220926164115","@chakra-ui/react-context":"0.0.0-dev-20220926164115","@chakra-ui/react-children-utils":"0.0.0-dev-20220926164115","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926164115","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220926164115","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220926164115","@chakra-ui/system":"0.0.0-dev-20220926164115","@chakra-ui/shared-utils":"0.0.0-dev-20220926164115","@chakra-ui/react-use-interval":"0.0.0-dev-20220926164115"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926164115"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220926164115_1664210582248_0.9442335036901599","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220926165450","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"3921af2ba5b1b3d8b4efc91e8407358b66b168f6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-yq+QQYQlQSnTFQJwjYjMM8znUWBothziY/urcRK3gp+KoIWxM5xJwKb9rDMaz0heRuB6UdzE+Jp0AwoKMYOa7g==","signatures":[{"sig":"MEQCIG8eagcgP1DxVulNGPfTu7gkO55vflO1/9EW8NR8BUOdAiAhX53OJxPrwtRW1LWT7TEH8tQOEHf9VkbtxhzQyX47jQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEvQ//b+IFWPn2yAgROauEojKjQ0rQcRwYFdKc7Xr8/niM10ptvN6i\r\n5RM9aXxl+/RfZTXaZRMtrn5Z4//J2gUCYuC3KUIWgXrz0M8bqnAtnaxo8Dvz\r\n+qhnLmzimkVdSH+VhQ7dzRJd910JEPBjVT4hFxyKLlpD81J/TJ6nJD1OM6I3\r\ncbpY1anPOWxnoe2bxXcvRU/69I57l9IBdWqpqVT1REnRfVOK0ar1azPiO5in\r\nYof0QBG2aQTdrirCxJgL386kGx+0/AcoTtTuTqdKvtROE8dQuKXWMcBNAODR\r\nppF6+FLweQ2XtBp7y/8G2MExxSJ9AzlTXtZDh73qiNZAqc4eRaUKPMZhMcZ2\r\n+EO1GXxeOg3kTVYIFeDGmEPX7FC+rTts8cQzdK29MesuOjHVR8JJhqCX/h8Y\r\nOoOJQuBoKzUXPe3y91EFy7SYGU6wSiPJpvDZgo2azvIxxcQ0/71+Z3X+fdkT\r\nKrZsrMjOFafPL8E2QULN2X3Tf8nGWy4OxSjY0f1CKusGQ6T3PovPN1HDNZ6e\r\nNx9K35hnuii4w3DvFnGEg5/ptLbTnSMSipOXSlVqMn+6ATJri/7NdLdH0LBh\r\ncBBtz0SgRPgOoOdiIApzf7HEIsrDc8czIuf1dZnqhfXVdTV3yk1VaUoObWUg\r\n9JrzldZg/rur/XCAInQasxmD+db8yw+xYr0=\r\n=dvc8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/64454fd07b9a9516eaf64806f26f81ba/chakra-ui-tabs-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-yq+QQYQlQSnTFQJwjYjMM8znUWBothziY/urcRK3gp+KoIWxM5xJwKb9rDMaz0heRuB6UdzE+Jp0AwoKMYOa7g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220926165450","@chakra-ui/descendant":"0.0.0-dev-20220926165450","@chakra-ui/lazy-utils":"0.0.0-dev-20220926165450","@chakra-ui/react-context":"0.0.0-dev-20220926165450","@chakra-ui/react-children-utils":"0.0.0-dev-20220926165450","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926165450","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220926165450","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220926165450","@chakra-ui/system":"0.0.0-dev-20220926165450","@chakra-ui/shared-utils":"0.0.0-dev-20220926165450","@chakra-ui/react-use-interval":"0.0.0-dev-20220926165450"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926165450"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220926165450_1664211368087_0.19917904339512482","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220929105632","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"b746487c60f8493b96c2ec93becba5dc1e59b182","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-Z/ZDgm8YnLC41UiCOgtvvtYqaILXWDhCAy2HUQb5appIgLAkI6T+NljrDmYhxVV+wpLRHOmFuFKWXttm2VwPUw==","signatures":[{"sig":"MEUCIQDQ2Htrd4KivdOVwdKIky/diKKyfhr/I3Tz/sdyx7FycQIgO7rhWukG2kDnfyPYcvZ0ctWIhF4OVEojeWOtTyQxnX4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXozACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrqwg//XZlXxaReKnwCttv6yNzWFsYeyjAjT9SElbuQ0CLUOxyeQ3l5\r\n5orlCqc3JXQu21MEgWF/uNQNTVxe1vS64EJQ/G56ULaL5i4XWek6EPx6WEOn\r\nurCdRWK6N46qRWg2jKBntHs9ZmWgEW61o+ta4zELfQxXD656E88bqLJdxzZx\r\n/Rw+B1+L0Mf5bCiES2qq03nl914p+ohDc6OzoBjWUh2Rgx7GUu84bWs/IVG5\r\nPKHrlgNMI3k+tLuq6Q9AEZkxlUSXywjZg+d8X1LSeT/zJpF8fpcDoD5jgJm1\r\nFpbo/fMOIgJ76Y+46kgdvlUOQsej0aN1VDPKcbi299rC/h/rZgfoEqao4EuM\r\ndmUKoY8k9S9u/+PqIbhWkZlI2rb/lxsMRFFu2xk1BKJnjJ4GRoNKlxZkuBib\r\nlmmTNcbV+6V8fsuGCf5z5N5MUMYGPNs2xFFUSn2RqIARCQlyB6rBasYmUTkf\r\nmyDVK1vemPSldZ/lhH9+xxBwB0qmwwq0po9lXk23xDqepZWCygRMqHgon2pV\r\nCQaMh/ucHsbSdUWJzaIBC2Lfzywxz5LHVcrSfDp9vknfeClSaY3j4EHVaLSN\r\nXEMlAO6sHut3Jkjwz/HBnPBh3kDBSx1lS6KLP6eAZY57Yb0YfGd9BdhdkRgr\r\nzcflhgIBjfXfgpBzmXooGWcsv31oEBsQOZY=\r\n=g6A5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4b72c91e4a4643c1907bff42f2e5ec51/chakra-ui-tabs-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-Z/ZDgm8YnLC41UiCOgtvvtYqaILXWDhCAy2HUQb5appIgLAkI6T+NljrDmYhxVV+wpLRHOmFuFKWXttm2VwPUw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220929105632","@chakra-ui/descendant":"0.0.0-dev-20220929105632","@chakra-ui/lazy-utils":"0.0.0-dev-20220929105632","@chakra-ui/react-context":"0.0.0-dev-20220929105632","@chakra-ui/react-children-utils":"0.0.0-dev-20220929105632","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929105632","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220929105632","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220929105632","@chakra-ui/system":"0.0.0-dev-20220929105632","@chakra-ui/shared-utils":"0.0.0-dev-20220929105632","@chakra-ui/react-use-interval":"0.0.0-dev-20220929105632"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929105632"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220929105632_1664449075187_0.5049965193474542","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20220929132459","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bc50129655f73900e37d697d06c3d8ca6a1c61fe","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-yh2SGNoDzXIJMaUTnw/Lxkl6WUsQVr21/sSyUI6IasLn1uFY/yXaC1MACgcg9WwDvnjFJngKrC/NcgBkdL9rmA==","signatures":[{"sig":"MEUCIEAGixI6ev7JwtxV/E+BB4QgiZVnX/VfnA3XybABhl7/AiEA+wu8ttjSBV0uFEJyJhxobwpopkxeEmCVmkGmnQvOP/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZ0QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpotA//XkeijkKQKPJouzmUBf2ehDH6pXH/GTwhEFEHCypayIEuVpRE\r\nzU2Huksq7gDz68psj0YaW5wCvNRvcRtFGJsR05+m64F7jaj1MFU78FJUiXml\r\npPCW8DYpEzHUWwy5s9BNIPUUIBMwhWvOmfQAu8ninO667SarmNfE0K6WtQHt\r\nqLnO5LG74aCCziWIzEGb8w/y+udmyYgM5YxXHlenrKQLeeJgvRQVt3hS9ScQ\r\nd8K2VJVdxjE3MGg93mQpAwsxRSa+OUDOemh0KU0K2e0u3yrEWvNCbTvzuTYK\r\nyyzbyBRm/Fe9O/Ok8aDpE0pqKp2sH5VoWGT26plYoKXDhpXQKUG5et/G8L2K\r\njmMhyIYoMz5gcYzO0qfSDUZAZLaH0idI9edfpJiMquJY25HxO+vvmu3D6J2q\r\nSIzVZ94FIiMaRdeFLq2FfU2QDWvb80yuYzNV1Ym4ofpo8MTW816c91XyvKM6\r\nzzkniX+4zydbijEFqfpSuIlzVMfartE24OiV7LRHp8fOUi3ZTSI28S0mfei0\r\nxpPJLp6fXQyKHfKZUG7Q9NhcpUxPnrdNUgccThG+ogyOWN4tRXHw0tn2Vnk3\r\nzEve9ycTW3CIqfyCyCe+NJC/SEqxmLQBd9slrNT0uwT3jcUdftDWYAEL9OjL\r\n9mEWgbXkMILbp3eJ8QCFvbE3Ofk7X6uWtPo=\r\n=dGbM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5c4166b3fcef2e0981251eb667b6243c/chakra-ui-tabs-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-yh2SGNoDzXIJMaUTnw/Lxkl6WUsQVr21/sSyUI6IasLn1uFY/yXaC1MACgcg9WwDvnjFJngKrC/NcgBkdL9rmA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20220929132459","@chakra-ui/descendant":"0.0.0-dev-20220929132459","@chakra-ui/lazy-utils":"0.0.0-dev-20220929132459","@chakra-ui/react-context":"0.0.0-dev-20220929132459","@chakra-ui/react-children-utils":"0.0.0-dev-20220929132459","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929132459","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220929132459","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20220929132459","@chakra-ui/system":"0.0.0-dev-20220929132459","@chakra-ui/shared-utils":"0.0.0-dev-20220929132459","@chakra-ui/react-use-interval":"0.0.0-dev-20220929132459"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929132459"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20220929132459_1664458000717_0.43796004306489733","host":"s3://npm-registry-packages"}},"2.1.3":{"name":"@chakra-ui/tabs","version":"2.1.3","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"17f462c7798292142a78938ae2e66781fe79c6da","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.3.tgz","fileCount":6,"integrity":"sha512-9gUcj49LMt5QQnfJHR/ctr9VPttJ97CtQWuH2Irjb3RXkq1TRrz6wjythPImNQUv1/DYyXp2jsUhoEQc4Oz14Q==","signatures":[{"sig":"MEQCIFzAWSCeqG2Pi0sWQ7k5HGoAyhc3jl/665tsw+hKCv1dAiAJ/fwpjNBTl5jPnVOBeV7sHkTcMQd9PohnXTJ758Njcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73240,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqebACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs0A//YpJk2dl3WfGDqxFmjnBWJ9ijO7rLE1GGB21QMeJCm49ayuxK\r\n5rfDdJEyL9OnN3IH8vGdqN0vq3mUYIzMmKQ4ZFMSmGz2hBtPE3udsoz1LIab\r\nrLnX5UIKU4NYFpBdRIXi+/O8531q6xhAqDxa02qP25VEiaYaI/QQm0jABDOs\r\njx3A1W512mKJmZvJWQwAqmHPlX886v1HusV6gxYZegZ3KFphT6KP0npRShPz\r\nFvirUB0NfjSF18Baf/YsJoVCAXD4XnTPR1vNDUxI+SRLYIMfbsfm0G9xRQK1\r\nUAE+C4Ek/++4Z/b+61WZ830V7CSJ5U+bRkqRuXmxKRkKN/53Gi9tA65X1NZG\r\nsHdFUskhFwiuS3QVGBTX0QPINke9W1HS0qeQjhyMSukzarfZSmC8X9Ns2BEj\r\nNtqIbwpIl92sYuIYBfKHj3Q/aX09SO8OOXEZ31aQTZd+haqvg6mHTlc954pN\r\nOxyWJ/LAxIOVwcyootYiPdk5NSZG2cN4sIGu0HkYduGg1wAvd4zFBTmOXjWY\r\njLl5+4vkvnBve/KAU014sw7THTELj8fSG8rKT2F+yk+GBuqfr6FWXxhq0zh4\r\nH5I9+YEY1kPynLkr2PPqJWl4JtJqnW1QbZM+pQucTkj/ifSOAV3ei+hKOTbx\r\nIuB9LtbBzr3xxJ2w2L1phZsUX99dcDyDTCk=\r\n=c7U9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.1.3.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/9cd225a7a185236ae70a6bf6c36b5f45/chakra-ui-tabs-2.1.3.tgz","_integrity":"sha512-9gUcj49LMt5QQnfJHR/ctr9VPttJ97CtQWuH2Irjb3RXkq1TRrz6wjythPImNQUv1/DYyXp2jsUhoEQc4Oz14Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/clickable":"2.0.10","@chakra-ui/descendant":"3.0.10","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5","@chakra-ui/react-use-safe-layout-effect":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"2.2.1","@chakra-ui/system":"2.2.12","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-use-interval":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.3_1664788379027_0.6985601523637825","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221017063840":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221017063840","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20221017063840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"22b2c5840d26fbdaea78a12e7b5182f68364c2c9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221017063840.tgz","fileCount":6,"integrity":"sha512-AUNkghymJ8vK9Yj2qkDNUNGqRq0xxlNNXVP97fZnXOnR/rjCB0LDDCe8+kOrNYtvV2FOSrOIst4q2677SjcpFA==","signatures":[{"sig":"MEQCIDYqcpY7mMbEQG/xWf1/DLo/zLs3mS+mYJPl+69BGqaPAiAjE6n94Ly1iO5LdrR6pM/HK95RSqkwt3dKMmXzGsjh7A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73332,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTPinACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNhA//bBC19/ArMgpLM4vScr1+lrc+GLJLBhwvvSKrObqYUVh3JR0p\r\nWDvVOPhNNU1NFMb0XFFTXhJtnFtQzyfKQT4k9ugmJwv9me156ECRaIiJgmxN\r\nOvZTeJg9itUY+IYqpQG6Md3ehlg8LmgvnHkK12dNFQiWkZhb3WDwZtMyD3s3\r\n9xUFRE7MfdUhBlB2I/K0eMC2x+lgjRm1l/iPEzNIghQdhoNLAXEOJ8XBktvZ\r\nXLNwNTO8U9StT5YyODi5UYvoRjEePnbhACUf6+mhTSrOhGnT4thtzOWsl27I\r\nhQR0VPwW3jukxzaYh1dM/yhFDmPctAGW5eh3+W08Dirkphxe+UywhhLh2TaS\r\nqWIeKtfUwbgGg4lCuLjVvctRKOM5D/r7moJZi67fFyVsv7TwsVpURhHwDa/7\r\nidTtRA0nzjs/utELFA8oWcjBS20hioMJwbFe9AxmQ/y+8PE6t4ekFKI6dnsa\r\nX+RCd89RhnbyMWeddhlmn3qh3eh70kUlgBetzfS9xsRhRcnIX5Er1pdkeTSo\r\nJqVKEr3w63Z3Plbtr/TebD0tmDQImiNTJWtVJ6zck5e+viDaQ7nM9NOGsSKI\r\nqYZevPEzDurHpcD7tNDKkcs1wbyzeB7glSjjVuw4LPdSzyV89d+WZpi3n5g3\r\nFFntF4JuCbCMFJ2PyDA1mW7PS9jjcMkK9ms=\r\n=pZEI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221017063840.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/de5854ed632c8f9fde8217428be05fa6/chakra-ui-tabs-0.0.0-dev-20221017063840.tgz","_integrity":"sha512-AUNkghymJ8vK9Yj2qkDNUNGqRq0xxlNNXVP97fZnXOnR/rjCB0LDDCe8+kOrNYtvV2FOSrOIst4q2677SjcpFA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/clickable":"2.0.10","@chakra-ui/descendant":"3.0.10","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"0.0.0-dev-20221017063840","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5","@chakra-ui/react-use-safe-layout-effect":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221017063840","@chakra-ui/system":"0.0.0-dev-20221017063840","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-use-interval":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221017063840"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221017063840_1665988775288_0.7529616465812987","host":"s3://npm-registry-packages"}},"2.1.4":{"name":"@chakra-ui/tabs","version":"2.1.4","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"38d9748ce2cfa583a123c0f695ea1cbce1a6bd42","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.4.tgz","fileCount":6,"integrity":"sha512-/CQGj1lC9lvruT5BCYZH6Ok64W4CDSysDXuR2XPZXIih9kVOdXQEMXxG8+3vc63WqTBjHuURtZI0g8ouOy84ew==","signatures":[{"sig":"MEYCIQD6AOEzUPvO7zd8y21NbUDc9eda0q9ITcBTDR6c9OY+xgIhALk3rYL7y7c54hEzWsNK9JxFdGIyJ4G3q3brMApkQFvv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTQLAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpn9g//WnqkBc9l0ZVbtVCBuqB/GQJG1pzCP0SalG120NFqrGe7USMq\r\nYga78RIhGbgNJum15BEscPBOzXWggyJ9i+8wKsa5VsyFEXYK8LUoU7ajMN5Z\r\nY4qrAdN0uEE3X42M7EDm7X27E8K4iSdOEFcIWkEr2O/4LMjXF+PaSjiMfH8u\r\npp/AoNeaYbh74UWEpUDmUFYRPbriomv3SQpKUW6GoQXgIW8XMTwGpfRIZFXl\r\nd6IoUPXWQ676p721h0cDYFsk1nrMbdpN5YNMnDY7rpRMu5HBfDxqa/p84LTQ\r\nX6x5tRom0lIdHvZvP6UbnHZ23sHdoMnQEmF/LuCMT6R8/gU9EoNjWCUvLYWU\r\nNnGcpR3ERjhlf405F0UiXsARbbKmNqixJRiL3TraI6Rf1f4BglsIdVpuIVXd\r\nwipJA9qcqpI2Ddd3gzlZMwpswHR6QRzlxjtS8HHLTS/qsLYDpBvfLlC7CMrv\r\n0Bn+NAAn/YLB638zXZKK/sjX/6XifwSt/oWkCoOIcUbzpzow9odZYutqdh5E\r\nVQv+saPE+N8xrnEI4ImQS28PfM6iSfcuPmmNVU8NXhACOgesQDJ6w4+NqWzs\r\nJavbIm4IXsUjSYbvhoCsyRhyZ/7eAfbXacSXy/8Ve5wUkXcrAkX1thsiI+kc\r\nfqkzHQb0mgrRUabXhMbKCcqZ8iv2Zdlpwbw=\r\n=FR2V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.1.4.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/919312e8648938f0fde899bd007d52b1/chakra-ui-tabs-2.1.4.tgz","_integrity":"sha512-/CQGj1lC9lvruT5BCYZH6Ok64W4CDSysDXuR2XPZXIih9kVOdXQEMXxG8+3vc63WqTBjHuURtZI0g8ouOy84ew==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.15.0","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/clickable":"2.0.10","@chakra-ui/descendant":"3.0.10","@chakra-ui/lazy-utils":"2.0.2","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5","@chakra-ui/react-use-safe-layout-effect":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"2.2.2","@chakra-ui/system":"2.3.0","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-use-interval":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.4_1665991360296_0.908682697947568","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221107161407","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8cf99a5de1a589c4f8545c2ee28764215c4988bc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-OXOrnarmtlwPq+dJNoLMPyIiCG4b0vbI5MbH3n1DpVwtHYoJ26CH/WN4dMx8O/5W+K79wWfwExQZhR8WZkXgcQ==","signatures":[{"sig":"MEYCIQC8nXGetycWxTM6CXa5Tvoy/HJN8Rue79geAs/Z5zVBggIhAK63jgmp0gXAmaLiw8jFghuZfmGyKCPyVUVZexvEfEqA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS80ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpqdw/+KXuqz+A1y9p3VVDhrMxnOBvze2PuD3FE1YZ/NBetERI3UOhV\r\nxSws9YKN8z6+3/fkmdIemz8Scn8Etr0Q9+uS0Pu+ubqXxzo1bzoGPrUTmiX2\r\nbdtdmZVA1uq9zdtuRbdfZsJBMRVU0KZuy6iqOuM0JvH/0UP3Jk/DBbmEjYp/\r\n+Iq4Amz57cX0DZhZdbEcNrpmdCJvcaehSy7NQM9G5I8chxrG6yzt6pZpqKS7\r\n2jvxrOISHHoKx5tlZEnFTZy37cER3UmG1ggjWj5HVooxzoB+Ymb64RYCdx7K\r\nKGtTcSwouX8BlHtP5gQxpittxubRVZ9/0+wk9t4zb4Y5J+c2OKtcN0cuRBIG\r\nuRR2dU7z/kLfkoOdhnpBAwO3F/HM3aD6Y0R1aMn/KUvdw6t5Q8DAZcd9OQFv\r\ngf/llX5iwsLMatmiArEz1nbzqT0nlqDaWNat0G565906+BUNdbqoWN02Y19i\r\n15i6YtppTqARSkc4TjWR/qnyUmgPmQ51iFr6cpw589kzj3yTIhO82W5w4u5c\r\nASxMqbhh56eOTBA3IeIZoUcYxw6a3dmG/jOuXsuxFQyk4Mcw5gvoa7OUXnOa\r\nhwgoUlwwwFfBVJ4Lf3s6LrFa2DtoCoOIuYws1+MPGUWbYYS9aw8cqtK8xCTq\r\nqfzsgRywmgPtm1OwyzME4v+VImYmIr30/sg=\r\n=rBAS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a3f542256c1ff53366bef581277d972c/chakra-ui-tabs-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-OXOrnarmtlwPq+dJNoLMPyIiCG4b0vbI5MbH3n1DpVwtHYoJ26CH/WN4dMx8O/5W+K79wWfwExQZhR8WZkXgcQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221107161407","@chakra-ui/descendant":"0.0.0-dev-20221107161407","@chakra-ui/lazy-utils":"0.0.0-dev-20221107161407","@chakra-ui/react-context":"0.0.0-dev-20221107161407","@chakra-ui/react-children-utils":"0.0.0-dev-20221107161407","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107161407","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107161407","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221107161407","@chakra-ui/system":"0.0.0-dev-20221107161407","@chakra-ui/shared-utils":"0.0.0-dev-20221107161407","@chakra-ui/react-use-interval":"0.0.0-dev-20221107161407"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107161407"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221107161407_1667837748427_0.46239906080791404","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221107181117","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e8ca266d0a07af2d307abd4d3c5310dfdc91d5c6","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-cqniMi+Qu/ghorJXvczG3F5g0wZ9hdB2OrxrvMbU9bzz4Y/FTjSDe1CFlEdiX1AYcsx2kS6FEELjZ6wsUE7h3A==","signatures":[{"sig":"MEYCIQCCIb4u75HdN6onnkNKCUtMolG0mzrUqnolFhmsInI4TQIhAMs1i66aOC2GhwWMafHKejuwIT/PwJ62iMgR4rx+aJu0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUqXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp49hAAmFnUQazFPmPUg9pDP5cCyYE7RpvBpR6AKnmBDocu5EVR1LPL\r\nAxgnRdCS1HJbH8KYGPSDP4uSYXmFXpIUJpB4N+JpBu9uCKVLv2beaSYFTnyR\r\n/FNb25eUXTwQKP++qzQhjJmWDpPa6kINN0AdNAklf4u9gB3AjgeBw5rom/L1\r\n+kl/tBXrr9DoK6snZZDF1la9CgjeKiAa2y7f2zKlYGlx8LJAVn8Jt8eHlLWY\r\ngCQycyVHHKW1gTt9T8EM2smS/Gb1qv8yZzmYuvUbf0fxVpGG1k32ONPNc0op\r\nRjl3Q8aT6yp7H5Epp2+E6nDJwPGkB/ALRUa3qx4+IZ4LZZqJi5KQWuc2ch+L\r\n6Uipebcc+j14QMtlzhIOdExnUtCYz+6pkMWGT+KGghPTYl7lXX2gNH9xXMBu\r\nQKJO3I5eQLNrqatDlbDoCt24gEExhwztWZyY6bBF6vpU5/9vuxNFvS2NMrv9\r\ngZLfv93gWPb5qvAeZTMnQuu5okpRGEtfWSJswCwvAnGTFk4chqelTqqqndh5\r\n8pLz7wM2hpVJ1QHN7iK1i/XNQuerM0Vn6KSO0GamhChhtMzwgnXR6WGHv8iO\r\nSBQuDZF+Q400mAzcZTiBGv4gjzk8dqUT/+fQSEUlF0i2j4J5ceIAmb2ThN+J\r\nrq2vkhh6r2bFLd74RLzjOE6ZpkL/0yFSPeY=\r\n=neNP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fb03cd7d3e45f1e1fa384c2fbcd469a3/chakra-ui-tabs-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-cqniMi+Qu/ghorJXvczG3F5g0wZ9hdB2OrxrvMbU9bzz4Y/FTjSDe1CFlEdiX1AYcsx2kS6FEELjZ6wsUE7h3A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221107181117","@chakra-ui/descendant":"0.0.0-dev-20221107181117","@chakra-ui/lazy-utils":"0.0.0-dev-20221107181117","@chakra-ui/react-context":"0.0.0-dev-20221107181117","@chakra-ui/react-children-utils":"0.0.0-dev-20221107181117","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107181117","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107181117","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221107181117","@chakra-ui/system":"0.0.0-dev-20221107181117","@chakra-ui/shared-utils":"0.0.0-dev-20221107181117","@chakra-ui/react-use-interval":"0.0.0-dev-20221107181117"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107181117"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221107181117_1667844759432_0.7572632457588184","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221107182607","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e3fda52c244a11678f084546c8211e5cd18a32dd","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-Une5Ufdj/NYCILxF/FVLfwYOK3LMRnVTnu9Ug+8OfkKjMQjj9U2A6VOVOITl7D7Ad7ImtMHpSYKHlmg0dTcHpg==","signatures":[{"sig":"MEUCIQCk7RyyIGFPPSO5w9tzEP8TXmyeDdtmWwE58VKyp06LogIgPHF8d/Kc6jkynHEMbtzlwzrwDVwwYcfGnQImtfpfuxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU4QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8Zw/9GnhjRV6qdEXJtzVChydwLsET7CoSDSP2wT6T8hZIgMEwlYgs\r\ngQYkzDjvsxwHHoPUUS012NLRbPpoJmXFXPG8OWXZPcv2Q13XUAf5U79xlVDQ\r\nJSf8f6C9yRzeB1zQJo6VIRiGP7rUcEPpbQv3nGe9PMtnGCjdqjjNco27Brix\r\nesgJtKy2EV3AAbEZnaRU8eir1PZtyrUS6QOLjjut7AYfqdAW/OufMTmRlWQo\r\nwUidlxox7o5WOQOPEx0S8/kPGvR4oXSHk6ADUlQYj8xMEXHg4t6v6061NRKZ\r\nIJTCb3O2oYzqLcP/gXCQ7uEV2TVtwf9fxnTKReG6vYNtgWDMsk6li3Jz/Xoq\r\nAtzTDHBirhtqyfPRLeYRlKKq0Fc/yq4OgzA2cB2/gtjRerzpe5mlLnPUlFTL\r\njKKB2ZNMu7edU0RxfiP26Oxj+hVzpS+N95on3wNf+7cRnTNl/lVjSH0MVEQJ\r\nnfOHkSxmzCtZ9jAV+xW+VpmHGw04mgzxbDZfcg1ALyYdm0owBXlhVnlzI95l\r\nJO7DhERiqdNSn4cxJCqNmjvwYDBwmpU0yBtRkYqbTtKThFkg7PKwqVoN/Ysk\r\nYGyiVlnssctY5Va0Zfq5fhWprbHZdBnmQC6sIPdcMN8GkvNo7GORReNP0uPA\r\n+2X8W2ExK1EawrXT8vQ8DZ+Xur7MMJwiQ1Q=\r\n=j90C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2bdca36f02a6b48d8e12e19e6d125571/chakra-ui-tabs-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-Une5Ufdj/NYCILxF/FVLfwYOK3LMRnVTnu9Ug+8OfkKjMQjj9U2A6VOVOITl7D7Ad7ImtMHpSYKHlmg0dTcHpg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221107182607","@chakra-ui/descendant":"0.0.0-dev-20221107182607","@chakra-ui/lazy-utils":"0.0.0-dev-20221107182607","@chakra-ui/react-context":"0.0.0-dev-20221107182607","@chakra-ui/react-children-utils":"0.0.0-dev-20221107182607","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107182607","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107182607","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221107182607","@chakra-ui/system":"0.0.0-dev-20221107182607","@chakra-ui/shared-utils":"0.0.0-dev-20221107182607","@chakra-ui/react-use-interval":"0.0.0-dev-20221107182607"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107182607"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221107182607_1667845648456_0.5035174069466695","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108071844","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"7a8987e0f9275c6471e83e45fcce8110a35c8255","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-e1FFqdPJbwEUMSChlH8j4rQ+DybYUxNZru+b24EPFQplL1ZUR8bY6RqUJ7HrFZIamTnTczQuRR1/OnyQ1TF0Iw==","signatures":[{"sig":"MEUCIQCBABBBpPACG4gI9THVMcVy6uKuxonPskVU/YQ0wVOqdgIgXSmV90z88Z51Huicmge+WzBoZ04lz57e4gJC29o8/+c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO5RAAiDpjINeRf/7lB9KuCXVHEynbppF1KIhktlNPTga1P99bvMq1\r\nQzQJwX72gCZHVSvc9FTQAcAlvT0tv6N4LrQ0hTBwOOvIWnppjhmcQmh6PCr1\r\ngRSwrzwW1I3AWG/+i8De/NbkU+akGVlfce5eOAprPAJB8WaQC7LMTcERe4Wa\r\nD0+xzgmty+My3qlTjx54pJNe1qngUJf7dci50QHOh45I7trB+9niopy6G7cx\r\nph24G8idIyA7T73Rkai+vllkvPN1hwWb/BWLcTnCSP9UL4fyxmlq4pqxlXNS\r\nltd47Ieqvw9i0QBcNjnT8Ie0ffO6kRmwkZIBNpDUWBovurpmniKkGPktXL23\r\nKSaSn/9kPuTaFeTIFhJrQZQDAdj32f2HTV1tz9bgYx327srnNVksv36C9IdL\r\nTaXzI77LiJZ1pcCYCy4D107IrvQllKlz/lFm7prv38iiJCqNwbWTSAHLUkmI\r\noGWrBnuFbo/viR/qeqBPf2Le/9WVozRg3L71iMZz+LjuDIOGXHg45jObDOOg\r\n9lfhrcDeJ0uvM16naWfLx2/kiAPcDArzCpunLrZqelEl+LiapIblPl6xCIaq\r\nyrSUfz/Lta/W+IVtz7vHI6bpOAq7sYzDgelVcuQHaJzKWZTrl8UFxjueXnr7\r\n3lo0xjFl7aIlKq+WIMAnfcaZNq4xbuorrjo=\r\n=4A6W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/390175a9f8114a3847306f5381e90b94/chakra-ui-tabs-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-e1FFqdPJbwEUMSChlH8j4rQ+DybYUxNZru+b24EPFQplL1ZUR8bY6RqUJ7HrFZIamTnTczQuRR1/OnyQ1TF0Iw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108071844","@chakra-ui/descendant":"0.0.0-dev-20221108071844","@chakra-ui/lazy-utils":"0.0.0-dev-20221108071844","@chakra-ui/react-context":"0.0.0-dev-20221108071844","@chakra-ui/react-children-utils":"0.0.0-dev-20221108071844","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108071844","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108071844","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108071844","@chakra-ui/system":"0.0.0-dev-20221108071844","@chakra-ui/shared-utils":"0.0.0-dev-20221108071844","@chakra-ui/react-use-interval":"0.0.0-dev-20221108071844"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108071844"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108071844_1667892007331_0.9513165305380995","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108073543","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"06f8315b0853845bb52dc8c93d9125176ee956e9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-2NLU6iajXBu+r4WAJ6rEXU8BMB/HEBKcacmBGK9R3rodmQxZK9qjhro3BliQZ2SX8oiLZFWQ5DFeZdaDIheR5Q==","signatures":[{"sig":"MEUCIB/QwjV2DgYxi0BZFn6ueWMYwsRVfLymRuMB8r5oBydqAiEA2B6gJwtItjGMGlRsT1SfC+bZI9Jdr5VRqYHYtCLeTog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwPg/9FGScAF3UK/BVwAy1FRaRHxbfkkY7aXSpxqwvtBQGRBbkwXs2\r\ngj65VU8TgoHxw4lA/LDAfAKmcr+B2rlyJJz8yfOSqlnw3qLOU7rKOiRTUCjO\r\n/HWYdUS5a7OsNiwSUubThcULdN+vq9N2urj1JGrOIjRUZ8cLHr4O7Pvlbekz\r\nfHoObP/pJ5OW8NF4+kqNaZ7ep+o73tuQ/UPestilhriXS78lCjYK6gx03H8x\r\nI8vGgUYOJOIxx+qgJhkyhBgMaAvksnfYMoPEmRwHSTcNvbWfOmjDcSUubzSf\r\nhkQ7pT93heIOsQrByfiKGOiuFZY7OOhKnD+LYGwOTNkLfLvzbR5XrOH/nPVd\r\nwDai6MWjb6u8Vq3zB9/sD35fxBvdtncwjt/DF2ZFok3X1p1lOQvQUbxiBHBw\r\nzJ4anNWfF7jugf7Svb7pmXSs7DJbvQ7IKz0k5lsLxc83D456AyIvl65kISpm\r\nywqxfN83FhLX6ZFeMItN7/Y45YKrFzZccqwSNbLWNJwg9SNAV7YwJbWgDtRA\r\nclz9EWOvNIOokzsnc26XP73G86brZOHB6w392EnaQ4XilJmqIfYk55VbTNhc\r\nZ5T+/dcN+7p/889QDBAOzRKP5iBdEXd2FqZR4yb9ID6WqYcelbEKR28YmNDD\r\nbXjZubo7yAJIjTcMTjFnIk+mqY07Lc2CELQ=\r\n=XPk8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d416c92459fe8f88726ecd378f04bb2b/chakra-ui-tabs-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-2NLU6iajXBu+r4WAJ6rEXU8BMB/HEBKcacmBGK9R3rodmQxZK9qjhro3BliQZ2SX8oiLZFWQ5DFeZdaDIheR5Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108073543","@chakra-ui/descendant":"0.0.0-dev-20221108073543","@chakra-ui/lazy-utils":"0.0.0-dev-20221108073543","@chakra-ui/react-context":"0.0.0-dev-20221108073543","@chakra-ui/react-children-utils":"0.0.0-dev-20221108073543","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108073543","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108073543","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108073543","@chakra-ui/system":"0.0.0-dev-20221108073543","@chakra-ui/shared-utils":"0.0.0-dev-20221108073543","@chakra-ui/react-use-interval":"0.0.0-dev-20221108073543"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108073543"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108073543_1667893038256_0.6830716709714779","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108075029","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bdc66a3674b6772c0ac833629998ae1d20c4feac","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-JlMeyPM8KFYaj7uN39yHq7QV8oS23WU/RQ8mwLisko47QfSR6Q7Mf560kS7gsWDjOWStK0mmEurLvsLyHLlQ6w==","signatures":[{"sig":"MEQCIB9JyL0SBBY0gWpqavHG8z+eyiEdlHR1L0YDCpQeTmjFAiBPLoLBoeCC3cnbZ4fPb7VdxapXj29KBhEqX6E1uUxKpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagqkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIIg//eDW3xcscm9y4Oa//tsHsGXgc8kryTmv7Q/LMygaweYhpvYGD\r\nCp5BL9U+xtIn2wzJtuG6HLeee/KFb/dO8H5M9dJ7hqrbYm6PjzbBpIPyZagd\r\n6afncGWcp4dGeQNXSuFslqRCeQrG99pegjLyzE0SbMDpZqcLABX0qmPUgYeH\r\nyNLcYw0zQX7j/zlCA4EtuCuctCPNzhy7SDKPn6iZxhVqnznB75Cod6zoa9S/\r\n4vHQqsahkh6GCaAOsz74ijNSKylPKfEmtz6JQCWTVxHB8N9wUQT/2izyXZKu\r\nBKKTXFIWSa+63F+2SpMfsbyeKF53S6Sft3GL1r1mXIV92QwIpKJbrmTN8J3y\r\nOlIMfYO6N95jgLjv60tL5dlW62a/Ky5lyWzYCneVgF8WKqtpbTMQwWnRZCak\r\njFFdyNdfSSSqgVZglbYdi9PQCqz7471jMqRnqMXDtqR9+ln2c5MCabAAdWqk\r\nFmoQ5gcKehVDe/PY+yAUT3MZ/ZUuQZmFBLIrkjKke0MdQcRee+mEzSZs9COv\r\nZIQ9hDOY2dxZW2WqMrxyAEsmNn3CIb6H9AwonzAyupuoQo5Ki9SVvxBaxZwn\r\nkw/vJPQ34Czrr1/1OepnICmDhe9k/VjZGBLh9QrVDEBLTQbeIjsuazzFG61/\r\nYLVkA37GZV5DPY/rl9X6V3O8EMJ/klUL3uw=\r\n=eZEJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1900cdcf780125ec68dc8bed8b333f81/chakra-ui-tabs-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-JlMeyPM8KFYaj7uN39yHq7QV8oS23WU/RQ8mwLisko47QfSR6Q7Mf560kS7gsWDjOWStK0mmEurLvsLyHLlQ6w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108075029","@chakra-ui/descendant":"0.0.0-dev-20221108075029","@chakra-ui/lazy-utils":"0.0.0-dev-20221108075029","@chakra-ui/react-context":"0.0.0-dev-20221108075029","@chakra-ui/react-children-utils":"0.0.0-dev-20221108075029","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108075029","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108075029","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108075029","@chakra-ui/system":"0.0.0-dev-20221108075029","@chakra-ui/shared-utils":"0.0.0-dev-20221108075029","@chakra-ui/react-use-interval":"0.0.0-dev-20221108075029"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108075029"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108075029_1667893924162_0.313270050736437","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108083411","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"2909e705591bb4cda3bc80d9effe32dc637c0d34","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-Nl05svuZLAfKCA506SEZOALv+gA7RpjqTXzbT8JU6vT1NNnAlzH2xLPuHzzQNT5Y4aRVBSihzMozupz2eKdl8w==","signatures":[{"sig":"MEUCIF8sc22SICygA3Admqn+C94m5zqj4XmupdrpM1xym/ibAiEArl1xhKy8hb8D2Wng2ziyb6Mt2g2iaUKkdYUYJZ53B3w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahTKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrB9g//VLLGealnkwXSw3xEZtKmZHXHID3l9Jh8UJcFAYxWmKZHkW7X\r\n9+oCsaFpDc8wTxrVmVzlyr6/YH/OctB2Ausd8takjrfrQ4lVJI8sQtZeA0T5\r\nWzojfhWNABQ7rdO63xVpPnirB7iSZmgzIaSvaJ/go1/SN1lzBLh3C4ft4fee\r\nDgbDQS0LdSCtWJNtFPWCirOrWXEz7TOo+sUdinllMfv349wP+W9oGxb2gbb4\r\n22dlXfCIovueEmWv7dUNLD4tvjp0YQI642BRJKp5BnfpbwBV2L2yslzQMeQ8\r\nT5n2ajXvrHhJzsDCVepEDYn8vaST3BOFKOhub7ZR2b4TGTfJO2eUbpDtIdxS\r\n5iz4x8VR2UdiaDR6HKwDOO0v1Qz1msWtHfP9Um0r91w7OTg7nOm152JcBX6L\r\nZTKnes3b1S4W0VXC0Nr1MQHhjN81ZBhkLOrMgnhbefHymAGk34//GI4ioQVW\r\nGbuQ5SDh8RkaBx/hSTJ8KPwfXbC0MF9QUfM7aN6vYUhbTspMZ78Fn4yitedw\r\nbNzbHdha0MIqZo1KnbCElC8EIve8q81gE4rl+gLfoReXZcm3GNdDJjKEINuk\r\nl/MT+mg8b4tLJTqeDmr1V7Mk7/vLWcFfIgL6GH8nbWI+ZWs3DrQa6LSZVmLT\r\nl5nthQ+mST0jSWh8zcw6m49OCXFq81dlmNs=\r\n=Hj7y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/27d1ac43db87d697c572403375c6b5f0/chakra-ui-tabs-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-Nl05svuZLAfKCA506SEZOALv+gA7RpjqTXzbT8JU6vT1NNnAlzH2xLPuHzzQNT5Y4aRVBSihzMozupz2eKdl8w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108083411","@chakra-ui/descendant":"0.0.0-dev-20221108083411","@chakra-ui/lazy-utils":"0.0.0-dev-20221108083411","@chakra-ui/react-context":"0.0.0-dev-20221108083411","@chakra-ui/react-children-utils":"0.0.0-dev-20221108083411","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108083411","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108083411","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108083411","@chakra-ui/system":"0.0.0-dev-20221108083411","@chakra-ui/shared-utils":"0.0.0-dev-20221108083411","@chakra-ui/react-use-interval":"0.0.0-dev-20221108083411"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108083411"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108083411_1667896522008_0.9687394115217627","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108090938","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bc32845952bccfb967c0889527c74b7c040a5054","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-tHdT6n2phplbHP1OEZ5maM4lNEQxFRR27v3mm0k1GivhRgiF5xQKGTjhIztJiuf0gd9J+SUawHfqxI2pGIN+6A==","signatures":[{"sig":"MEUCIQD4ozteqz0hOglRxPexjDPdSzIc4vXQ6ZHtx2ZWeBRnmgIgaeFcCS7fAMBLH1rpf5zWTwTnHAbNfthGE5YCT3k6ZNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptKw/+MrOkjX4XuLKtpgIZQiyifNpp/06+Lap8TxI16RORX6ulu2Ht\r\npSuc3fYn5+hToZinLXEBfviRDNxdC0BLhdbpiMPPykWp6ko7BNghOcbbnoIr\r\n/GEvzDtG+LG3p6PQ1u9RahyQkfL/50+VuLdQDMRxEkSOURniPmnQNHvONwfb\r\n31gRvaYI8/fvh8POynDN31J4Fegcz7fsGIUg4VWEy1Izhpy748rn3RZwDe81\r\nrYi0OKI2fmqonVJ5YL/GibuNc63bqa6fGtXlpC/x1rRuT+cPHcwT8oi657pA\r\nMax2O3+L8MvhTWB+fKbRkzGcMv9lwV7eoNh7MFNw4MDrRiNomWPvxWQls6HG\r\n6zYW2OTf/O9aPaAKS79tHkC0nei0erq5VU2GPmjH7IGW8TluP0SJLauu0Esy\r\nBr6d2ZQPFiVhrO85SeFMjJIO1Ij0T4O25TF10wZ4nvFDCCur/NrPTzB9EO08\r\n6Er9d6fUfTu5lH2TV22A1PQ+/hcA+3jMwDefc96gaAatXdQ0GmjIPiE3p3Jo\r\nDkpTifvIxU2pdToSuuQ1LkkEkegT5CMgmAOuX5wKZIJE7BqNQZBgn1bLKUSO\r\nbjtI67RI4cZ0tJPDKVUp1Ip8zVuBCcKVXBHT5RY9ZHPkyJX5dL+Lk2B/onyD\r\n8h5GYxF7ivdkZX5kK3d9iM6+8ZIcuz8ZjVg=\r\n=1Lm9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/86d0130306860de1bd7ff243b3f580e5/chakra-ui-tabs-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-tHdT6n2phplbHP1OEZ5maM4lNEQxFRR27v3mm0k1GivhRgiF5xQKGTjhIztJiuf0gd9J+SUawHfqxI2pGIN+6A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108090938","@chakra-ui/descendant":"0.0.0-dev-20221108090938","@chakra-ui/lazy-utils":"0.0.0-dev-20221108090938","@chakra-ui/react-context":"0.0.0-dev-20221108090938","@chakra-ui/react-children-utils":"0.0.0-dev-20221108090938","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108090938","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108090938","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108090938","@chakra-ui/system":"0.0.0-dev-20221108090938","@chakra-ui/shared-utils":"0.0.0-dev-20221108090938","@chakra-ui/react-use-interval":"0.0.0-dev-20221108090938"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108090938"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108090938_1667898669430_0.19281121854433825","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108093520","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"fc41bbb881199007e080271965723dd120c96e02","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-p4vCinz8GdOqSf0VW/A7s+NBcFqy+wj2StsSMUO/JjwpfBBsN1LA7bDKYZtGS6rMxANXsfUPTwHp7cO0Cy3dNQ==","signatures":[{"sig":"MEQCIFFr68RFw5V5p4zmlKlKgNBF1Pxr2BS+XRza/ZGOFQtBAiBZZj8XX7Z7vyViKonxKAqE+myA5eOk0KOXVx4u/8PXQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiNCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMUBAAiAF+Gy9c/wDig4b0N2gr5cPs7l4qXnhaSIkxQceyocSx6214\r\nZPvZ1NliuJDQnWquVQclZ5mgoPLtkO8YzfmHO8dGywxGN/st8R1uy/j732gd\r\nfgHs72lXNBk6NVzALHBpNh3jRN6WmAWnm+31prRGrJ30SPf0BU0LI5esWlaO\r\nySAZeyV4IXxnov7rZCA/23SE5uCPsNTnSCBZNiBelLgTZRVVEHknag2XgkXb\r\n0dJ/SJutUCynWcT6qzCgEm8tqabZdCVk9rZGRvcsUQPMkjBe4/S+mBWxRfMH\r\nNNQ1ZTVq5xNTFMWzvVdFO0iWrH1haidu+p6v+yFup2Ld1p0G1cKAlUI32VBW\r\no3mqLAB7bRLsWWBx45cDpzlEBW5ovfs1eeARhs4B226MRRf5zrA20L4sEKou\r\nC0TTPZkk4IbDYA7vN1QOljAzzkSKtmL/RRatKMH54cNjSTdRxS1+58tJ5pvW\r\nL16Ch28SioG13YcdYnoQBlT/gIYnqXkWFXD3FctpTSetX7OHKBmvaCEXICA/\r\nNUJTY+Wf+KhJ0nAChiTC1upnxGLkoGYRyXJmLelXUTqIik9lOt1abPpyYO9h\r\npI+5s/sjJ9axmZCJXdq0RaJsw38N9zH1iiDSmKEgdAfCVfPUoC/5Gbcz1/qR\r\nTsljrChAqCi90TOlrRxrbNihIZQbSf53UbM=\r\n=caqU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b91fb01dbe8e6087b6416ff503eb9b64/chakra-ui-tabs-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-p4vCinz8GdOqSf0VW/A7s+NBcFqy+wj2StsSMUO/JjwpfBBsN1LA7bDKYZtGS6rMxANXsfUPTwHp7cO0Cy3dNQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108093520","@chakra-ui/descendant":"0.0.0-dev-20221108093520","@chakra-ui/lazy-utils":"0.0.0-dev-20221108093520","@chakra-ui/react-context":"0.0.0-dev-20221108093520","@chakra-ui/react-children-utils":"0.0.0-dev-20221108093520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108093520","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108093520","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108093520","@chakra-ui/system":"0.0.0-dev-20221108093520","@chakra-ui/shared-utils":"0.0.0-dev-20221108093520","@chakra-ui/react-use-interval":"0.0.0-dev-20221108093520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108093520"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108093520_1667900226298_0.7149004021000762","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108100218","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0b5c7b7561d403dce8e7c67554ad8fc4cdbcb780","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-CZd/3T41KsrGMyWgKRPFaTQAvhvqERhtXhNzDmUZEseHkICNsF1+KRhLjbVigyVDbKx0egiLemiWf/9SKgrLVA==","signatures":[{"sig":"MEUCIQCjG4XevsHeq3hcKimLqnpLlB4Y5P7TrJcMaaP2tWJilAIgNpOB7SNG98ONrbmkoDbseUknIixSpgHQcqiQ8opSjxY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaimVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwKQ/9HPCP9+Xk2+7I6ZElKVvzw3egDtJfSd0vDicY6wuy3gcG+ppU\r\ngE7Itban3ZBhYE2gPiW0mx2Kxtih+GLTNv4UjqmSOrF19WbcyMQcPT7Ahpt0\r\n+R41tz1aVV7ekbTiRcox6H5ko/3LMt5K/PptEo12Ef0kGtbHwjRn21hRGx8m\r\nCR4WAhmUEYaxY//LPgL4Z1lepR7F6pBnxfL+gwmWIidKzhcKgYMRMuAkn02v\r\njj9NN5AsBJexrQOlgLzk/ln0mARG2W20lTM1JbRoluFX6y2Hr71YvIwhNZwk\r\nX7ru2zbuPWgnxToZpvtiM0PbCC9v3plwVG8yp0c26At7OEJ6SBQ7eVCYraGf\r\nlGzO1pzT+Gbg+LKIIJ8Qm88k4kNJ0yKU5QDLX2k6ZYl140IhkR7FuggD3bkX\r\ndJUIA+pP/cFbShDoSnuPv+EfINwkjNtz6oWfA/90z40SJALqZQY2FovsGsd2\r\nb+OwYgcdu1VciNA7Nc93xa+4UPBLyTzDbwmVfWieipOQMkA2VRcCwkwTwpPP\r\n0eW1aDW6Bz3IH66MfWlIxk/BAMYUDR0FCyIabADDuQwrhuPM+NLdC6kK4KW9\r\nq6PsGGFrcsfbNAmx+4IXg4hYvovud1mYG9t1nCCobOwv4bQfOr2LORcdTlf5\r\ndK3q2G/zgPqQL+ozYniiledUahDsbSEvONA=\r\n=y73v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7c4bbb15c443bb11c679eea2db93a2e6/chakra-ui-tabs-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-CZd/3T41KsrGMyWgKRPFaTQAvhvqERhtXhNzDmUZEseHkICNsF1+KRhLjbVigyVDbKx0egiLemiWf/9SKgrLVA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108100218","@chakra-ui/descendant":"0.0.0-dev-20221108100218","@chakra-ui/lazy-utils":"0.0.0-dev-20221108100218","@chakra-ui/react-context":"0.0.0-dev-20221108100218","@chakra-ui/react-children-utils":"0.0.0-dev-20221108100218","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108100218","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108100218","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108100218","@chakra-ui/system":"0.0.0-dev-20221108100218","@chakra-ui/shared-utils":"0.0.0-dev-20221108100218","@chakra-ui/react-use-interval":"0.0.0-dev-20221108100218"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108100218"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108100218_1667901844945_0.7939462952695062","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221108124603","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"827149f1c4403219c7c176bff7587cb87399f66b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-p6SIiUEP3duH6/1WBgyOKYcT4Ti/gko9Hn6Rn0E3bQ8FkGtdolCwb22ye+rmMNYet1quJIla7G2z29KMyuodvA==","signatures":[{"sig":"MEUCIQDLKQGvYqSUILefTSaiZIc+wN3FyOcF2vFaA9l/G8u6YAIgDQ+icuV4n93u85CuNHwxzMneA+Y5+keShLY9R5LNZRs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak/WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRwA//Ya03stQYmvvweYxxj+OauSx+3NMJxoTpkFEgqGADKCldlRKl\r\npbq3XkALJGXwJq4qx6ThrelgyYRW9ZzD23FvTTlsgLrLOFwNYjS66RnyD79u\r\nIqEUaqxqqkl8h+mSxbVXZiDXlvH2G+O7sLaBOKoaQvfq3bQgyG5NezRjOQWi\r\nVb4aGa1eOqEFK76xv+LS74oEYnf3nkLJ2Gu6MDoyd/5knpR7aGbNFUirepuB\r\nnaWc3Mv+PXfiaFaQpDIHND6GZFhjjhO5PQVmCFW7IYMsAD3DjWPPxZqMsXqS\r\nGqttj1jciHxamV14yO+lkGO9w67q+Tj+EczXzeRRIHTV7VUqHRqROUfzTnWS\r\n3xQpI1djDVXgxPRnEk41JJAS6pFB5Am0S/G150gnwY3TscbbxwyBDAY/MVTv\r\nM8UtNmeOyhwL8yOzMdurfPjNHsvmLWxhpH1REokebiRJtlFcVDztQLbbbwTm\r\nWfoyiLKhPDkIUvTv/Kpwk5a2uaRqbTB4iI6npeP+Dwq9U+IdwqEsGRw7Fbc5\r\nHBO4kCLkgUp7fUokoZU5kp5oW5bbVv1fefePoXYCzlueZwWruKdaO+EQLFKI\r\nkRmKXjYaVDmhf3GutH9xalnyw8ZdlLqnASY0AjLQh6qp0+qHNCtwUJdvvv/X\r\nlTw6Oih+P5lZtqJj6Bxx3FularaO57CpIek=\r\n=+HqI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a81e2e45d569450488c411846230c254/chakra-ui-tabs-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-p6SIiUEP3duH6/1WBgyOKYcT4Ti/gko9Hn6Rn0E3bQ8FkGtdolCwb22ye+rmMNYet1quJIla7G2z29KMyuodvA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221108124603","@chakra-ui/descendant":"0.0.0-dev-20221108124603","@chakra-ui/lazy-utils":"0.0.0-dev-20221108124603","@chakra-ui/react-context":"0.0.0-dev-20221108124603","@chakra-ui/react-children-utils":"0.0.0-dev-20221108124603","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108124603","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108124603","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221108124603","@chakra-ui/system":"0.0.0-dev-20221108124603","@chakra-ui/shared-utils":"0.0.0-dev-20221108124603","@chakra-ui/react-use-interval":"0.0.0-dev-20221108124603"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108124603"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221108124603_1667911637929_0.025931656437476525","host":"s3://npm-registry-packages"}},"2.1.5":{"name":"@chakra-ui/tabs","version":"2.1.5","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"827b0e71eb173c09c31dcbbe05fc1146f4267229","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.5.tgz","fileCount":6,"integrity":"sha512-XmnKDclAJe0FoW4tdC8AlnZpPN5fcj92l4r2sqiL9WyYVEM71hDxZueETIph/GTtfMelG7Z8e5vBHP4rh1RT5g==","signatures":[{"sig":"MEQCICZ8bB69yeXzSHaR7xsHVr8Dh64NfXesGB52Yp+N7A0IAiA7AN7rxDrVvDIthTlTrTHzv1JLILnISQGWywoN8yVqHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73275,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciw7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrcyg/+OSE8CsUBlkWSfo7ujo71+iIHh2mO4w6oo67kwnPKLazvLsfs\r\n8l+dxBPkz5kCla7Grgab7spiBtgFiGbUOmSKoALJBU5Ve3jfj2L2gszcwytZ\r\n7SUNVwkX+UKBKLPqId567VQutQsB0Rb9lhy7fes/QlfsyVCahxIOKSUw9ajd\r\nrKMqxbsm98NDwXlBRskiZy8bZwC7PCE63Wmd6jFGo9hMKXxSOr3Oj+c0439k\r\nfBuCGsJgCFyf885lX/h6TOwTZ/tQB2eS3Tc3FiXK3OZsRhxHAK6a0xOxw447\r\n2NBR6DkQtucPGyE9LZbVaGqJcf9wi2s3+GoKWqVsdYZe30vonPfMZlcXJ/IC\r\nQirV+TXvVulJrwJ8dRI7YxwNKoosOAuof7KtY4+X4Es4zu3OWhP+bM3Z+8CX\r\n/E/DHSGzOtMcuBymR/zbflJof9bY/hpJtTD4nys3EwK5czpUHOji+C/Fpoy4\r\n6jW6kxm3hkz5hoT61TChtEVmxxT/UBLfbyuX9qytxrt3zeKu1z06RqrnO1Q8\r\nuDwfreGF9E1ZLQ9AJL8zDgV6IQOmqGYSA2jPDExF3Ec8q9jQhR3cIDeinw8C\r\nc6I2j8m5eajxXGjFkgv4Law1xmcOFfpeAsQstHeW98kZzpllmB5LVZFp+N05\r\nZN2KQ1NI9aS2Al0DMt4m8pBoEIz8dsR34aM=\r\n=B7he\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tabs-2.1.5.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/89c4bc8f6af8bc1568fe951566b53fda/chakra-ui-tabs-2.1.5.tgz","_integrity":"sha512-XmnKDclAJe0FoW4tdC8AlnZpPN5fcj92l4r2sqiL9WyYVEM71hDxZueETIph/GTtfMelG7Z8e5vBHP4rh1RT5g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/clickable":"2.0.11","@chakra-ui/descendant":"3.0.11","@chakra-ui/lazy-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6","@chakra-ui/react-use-safe-layout-effect":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"2.2.3","@chakra-ui/system":"2.3.2","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-use-interval":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.5_1668426811553_0.4593644958440386","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20221223180742","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"cfad95aa5a8ca0ab63204f58eba0b8f438cf0f53","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20221223180742.tgz","fileCount":34,"integrity":"sha512-lVCpNWZLD4au1ol8mI/0PGRkK6hc5jiQJyrM5jnuA1w26KAJTFSf3r31AcbWZTRXqlQYsbbdpIFp2lNOQue3gQ==","signatures":[{"sig":"MEUCIEIPOQz4ALU+Hi9DNl18cG/mmMY74wadRk9hXI5IempKAiEAlq+6liWxiOYy+FVHGfq2GvFoyg42ONmQjfe9RpbK4X8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe69ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorlQ//ZzU3YbJKHjaRxsZv7zQaUykJSbghTd0v/JVnnLx6KwQU7ew0\r\ncSGMVn5HWa7V9MbNbpxIUruwSydEglCYgMxZfwiN2TOQ+8N5NamqyumCc6Ks\r\nbTS9lIMn83pClJjCJaSM7Z2P9HzlE8F4hoczkDuRx6BlxbpdwQp/Bal+Pv8s\r\nGQxUXVfZHKV8+/jX3V8lLKkisthFDAJ0MvpdJ90HiozMx6D1h3KAeoA8W7/J\r\nzVbKQ9zKq1GNrFzYCNcFNWtqafsBINUowd2MVTc+/gyvDjlvf9CanbBsuygg\r\nSNveGs1Z9gh2IA/X7hIPGqa9wi4dHlOUOqD69LNCprIGa4M1W7gAsaO13T2D\r\ndfOY2Bdzsm2ZR+XQOqAyTuOLdpM/HvoFmt2+aVAZKcG1BryjitMaKsFk9dcY\r\n3nIod+3JghA7pvzUHhXwWvFnQJ3vwMtTcz7szkJYKiKFJmV67RM0/8mNl0Pq\r\nM31EHhUBNE/K45ds9GdOU+vxetsENLpLlHqb1bo+wWPS+AEhDBEheQ2+LThS\r\nfjGibZoitwKLgYgyVGZK78dwDb3hHZm56ND+dxMb0fWKz6Xp7QsAH+RC0G+N\r\nuwPDYMi3bp7kHFhU4ffz8g2YL4ago/Yjl7HFplQi1w0xY+DITsnm5oeessjL\r\ncCy7sSYS8JSYDXWCrTh/DyoTcsTojDEn7CU=\r\n=kl/Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fa776b2829118e6bf1d3ffbd032901b4/chakra-ui-tabs-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-lVCpNWZLD4au1ol8mI/0PGRkK6hc5jiQJyrM5jnuA1w26KAJTFSf3r31AcbWZTRXqlQYsbbdpIFp2lNOQue3gQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20221223180742","@chakra-ui/descendant":"0.0.0-dev-20221223180742","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221223180742","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221223180742","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20221223180742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20221223180742","@chakra-ui/system":"0.0.0-dev-20221223180742","@chakra-ui/react-use-interval":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221223180742"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20221223180742_1671818941114_0.7250029948954535","host":"s3://npm-registry-packages"}},"2.1.6":{"name":"@chakra-ui/tabs","version":"2.1.6","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f812b4f25c1a3a193e73c51da822b501d0b6e32f","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.6.tgz","fileCount":34,"integrity":"sha512-9y+ZBRSBFOvsMY8R+nmlWXqMNwokttA1cwcnjp9djsXuN+vabN8nzPcdKsoBbYUhZJp01k2Qgg3jZ46KiD9n7w==","signatures":[{"sig":"MEUCIEibl2pt6JXPMroqdgou67MvttOm4klMsQO1chT0r7mIAiEArOgwDhlTdfwcBUspmIk8B31rs+to7lxnFONo3jk0D38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjjBAAjSkP2PiIpNX5og7VGlkDR/LcgOH5Q2LaF9By7KmRxvhdvF2W\r\n7CX/fujGqIPVbdPnXvULw08VdYf9vP9dQEz3HjeyPULh/+BwtWiR0ZHVwZ+q\r\nve2XmqjheeF8+Hj/TiZtkqV/23DVaplr/6NdmXnaL9dD4ZyzLqKcbyttXXSr\r\nSi/hpUqXKEXUj1+aqL6sQ5akYj7IW1fYTlaw5XUkMF+lXESjv83Y2nxlsjBL\r\nTp2PnuU45x3jFZbVhvcBrjv8T1Hgj/CD8QrQAmYH10fZJKtdMnvlTGSkaT3n\r\nCgki0Zf5QK7E+HUgadHP/BroAnE3Omyq9nR9D3ZecmAZFMG48S72ly71dNOs\r\nU4lgGQattz33tMmtsbm004PJaizte92y85XNRmsbiudJEOgc/eV8O7nwnURf\r\nFBdGw5hgkOJdSeikPz+uRUHgYLTFfWivuAIA3egKMesAuWsp2W/oFpOEonti\r\nX82+ttBTpEjJTOL0SLjRp+nq/1q6PuZKfU4wNq+yE18axh/IZ4V85vULGI+7\r\nStR3D3I0iudvfW9aOyy/42Pm0BdsX/SJUSEX5T/bsXR0c6gickpic0QOE3sS\r\nqqxW08/Yqcph/9ofzVqHZdPVZvmWc1ZpeBxWXQIF2OITeg5tqwu/2tijpZ/q\r\nUdN5f4Wh68caaf2J514Sm7ZqxrwZDryQ+DA=\r\n=I/Oz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-2.1.6.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ae7e2a33527e5e902200a82f2fd750e6/chakra-ui-tabs-2.1.6.tgz","_integrity":"sha512-9y+ZBRSBFOvsMY8R+nmlWXqMNwokttA1cwcnjp9djsXuN+vabN8nzPcdKsoBbYUhZJp01k2Qgg3jZ46KiD9n7w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/clickable":"2.0.12","@chakra-ui/descendant":"3.0.12","@chakra-ui/lazy-utils":"2.0.4","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-controllable-state":"2.0.7","@chakra-ui/react-use-safe-layout-effect":"2.0.4"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"2.2.6","@chakra-ui/system":"2.3.6","@chakra-ui/react-use-interval":"2.0.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.6_1672060453308_0.5875299470959146","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230111211417","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"0d8a1122c293c2e7c5246676c3ccafc43f7f0c39","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230111211417.tgz","fileCount":34,"integrity":"sha512-Y0uRp1Wimsxc3xSl+hSTDdzdB4U5pIaBRapTyK3t+vMqX/96Trf4YvYM8oJCKYlw9UWyOaZ9VMg47a22wGErOA==","signatures":[{"sig":"MEQCIFJwIsYpDtF2Ekft6fjwvSHZFspBqsWddAc7dlZX50aLAiBKPWKrnwejhdCkK8dwkDCRRz2LmYae6T71NPZpAPRYKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyb6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQ7Q//fc/ACp4sO+EmqC/eRRBjDowoCWNcQAHYs3J4MGtVafpK231i\r\nbHuV+FavzXuOpq3wPHC+ufBPC52fjb+WSbswiTv03AKVjszMvOuYtcovj7YY\r\nv3ttfO+CV6cDWGUpW+KRwRfHVMOIuyEbXHAATu5RZV9zwuqAN01IlNw28iIg\r\ni/HKk5AbdwMs45KEHhW91BSb4lKcdg7gSRA7XCygri62ORCKmTQVawIMs8xg\r\nlyq7A3E1xnSqL+O44oii2zs7DtSDm4fzLg3NDQi9LG+LCznqMxIbYY/Edk3d\r\n4cjC40qV/qLik3JJhm6r4L8Mu2BA6kWpifR7EcF2Vl08Ft+IePJDp2C59TgY\r\nuF1u78Jy3tOAw/6tp4iJ3knNdljBLFXypIdNqlLDiXrzPmReGJXSQn3reM05\r\nHV0dxDe7b5LBYCEv9lr2Kg3JNoEEK18mcVOi7E/Gh10tdPS9A0GtU5+3mxJu\r\nGdh2XE2+wZ9kkaWe0IJkOyWrzgfzebx+sPeDUM+8bsWDX8GXahx3IAnV4nG1\r\nBbMY25LJBeT7tzPIW4292Vd6dB5++vt7G0E20kFKEAeE3LUghChecejXASPB\r\nGcwHj7bQ5wxKZmNgz72DyNWMOO7QfOKrTVuc2P1krka8nmWyqITZyZuUgCQ2\r\nqs54X6MaFLfLthG3FhDF785oqAm1ekPwSN0=\r\n=wDcF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5137ae1f3eaa399e2dce8d0ca3d1a151/chakra-ui-tabs-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-Y0uRp1Wimsxc3xSl+hSTDdzdB4U5pIaBRapTyK3t+vMqX/96Trf4YvYM8oJCKYlw9UWyOaZ9VMg47a22wGErOA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230111211417","@chakra-ui/descendant":"0.0.0-dev-20230111211417","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230111211417","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230111211417","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230111211417"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230111211417","@chakra-ui/system":"0.0.0-dev-20230111211417","@chakra-ui/react-use-interval":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230111211417"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230111211417_1673471738480_0.22777298026464665","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230112113621","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"bf0fb6885a9b8b274bf6169f09d6411b80ed6c16","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230112113621.tgz","fileCount":34,"integrity":"sha512-5l5dWJerp7yaCUY5piV3EM9QnK0DPnTRM9drllYuEkcbN45Bopp3V+j1qc/nhEcNZkT2f7b08IuzWyjWb7UVuw==","signatures":[{"sig":"MEUCIQDW3nhXcfIsLZ9mf6tv+BW8EG77Gq6xf7JLzSGO/hxr7QIgXJgEeqKQ7eY5lFJIxsR+z4vslSCZFjfD91kds3tVxBg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/EUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoC9g/9EGNl/BLKy/vxi4TiW++Hg1iuL3GsxpZHrVnhbXCyn3stbs7w\r\n42Xs6wC29Wsju9SqMnzVnnKsUkfGKgffpuVjVw8+ZoSIqRGfgnecRFTtrrBM\r\nmjJEN9qOzl92YaZzwFcyGZLlmEWlh+CXJrR+teUsmkqxdV22FATQGIfrWU7x\r\n3fbiS0mU4gjos1oujzb8XGT+TmQziIIpnCHaP9SwmG4GRZmuK5REO6K7mNVB\r\nbS4JQxOauV+LDUipKqtrg0a000W5IIGVetOgh1MSXaeEa9ey6Gjopg9iD2lL\r\nEQxd2NtoKooJFxqTNtVNkx7FNJc6mKcZuYENILXdRRhliypFB6KzQ0yC1e/v\r\nYxVNNDmEOLq6XnM9z4+ToL9yaQLPG2Q+9MTHKkPAawHWaF8wKXrrm51aDG8+\r\nMy9/2ZWpDBrkF0MsqpUN61yyXYUDyQa6WeX9HXLcexzSoQzViOKzlqY1i++C\r\npTQcpAEgbe8VdlvoVvljtbU0B2K/bQESHIKHtdGuKOKpnSNqGUFf3NWIeTD2\r\nuA62RKCNWdtyuU5eZodarxH9bY57e8hi1ett5lW4j5awOdpQtjmoMtl9o/Nj\r\nCQTXLpADuLkn+Zv+PofCS19aZF87BMbxxh8zCRJp3N//GV01In4XCPcdco+0\r\n+SqGDTI6QdfJYcfvtBEOGPpuSQkbOH5UmnM=\r\n=4kRk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b521be34fc1186e5c95bb163c3ed5e9b/chakra-ui-tabs-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-5l5dWJerp7yaCUY5piV3EM9QnK0DPnTRM9drllYuEkcbN45Bopp3V+j1qc/nhEcNZkT2f7b08IuzWyjWb7UVuw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.2","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230112113621","@chakra-ui/descendant":"0.0.0-dev-20230112113621","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112113621","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112113621","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230112113621"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230112113621","@chakra-ui/system":"0.0.0-dev-20230112113621","@chakra-ui/react-use-interval":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112113621"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230112113621_1673523476398_0.23855742327967855","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230112141201","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"f0c52719b3fc7fdf02c35573ae22cb73204ef3cc","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230112141201.tgz","fileCount":34,"integrity":"sha512-DrTYJoLA25LZo1KasEzpSXhCbLRQL4RrsCzLHXCkB3wvhGG04zj8EIYmf2q88Z0idO3Czo8ytPOqm3SniiBcpw==","signatures":[{"sig":"MEUCIQDp6ewm1msvfYrBJul6zC3plxto9EWyjL2gh5WDME4w7wIgdhvmq6KU9HiyXUX5B5p8hw8Mja2Bj+T5tpC6DurmuAA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBWmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoENhAAm9xdght/npn0EEsu1rL0u2HUv5hNUCUEeR30u4AYz4k5bxMS\r\nHllqQoafa0kSdt+DlN/e+2XMatrDdiXTpagz0XW0SaREY/GWyDx7KY6MBCPU\r\nkTbdJ3Dj98Wuyo/zKg7gXx4CEVHIBpgrbCLjFnJ5j0SLaeC9k0hsZiFKSICr\r\n7FqiIw9FU82TzUOGFOLLNgLvi8PsPzeNfkRsOpc0hx69SgjpRxIMdhoADHVG\r\n9YPBQrk+bU/4+vEKHL+CbHp9RkdRakswzq3gha4kVGWrfbWh9HYXeIGIy/LT\r\n1zqQ3y6hB6WjUXmiEr6uz5PCRJzf8EgvbRm6uRKQ/U6wchGZVd/1NCIF8tXd\r\nJilmZ8LEaV0kfHApITSECFCq5lp9JCxC/VqqJjVSjI/SFqnEOZ45Fk3o46Ri\r\n6fIGNz1vrErOyZJHqWdZwKAREyyARYze5MBNvK9pa9e7ZvfsxIWAjbMtvQTX\r\np0590t5IE30x9hlkKUZ2S7+Prp5KFV5hJMVTqqGKXLBsxqQHFmyFqgaI3acR\r\nfGDGhm3vORMrfkEW1ZQV3VJl4KO9NHkQdfcKlTf++Lx3pbav0kpe5VybRBor\r\n60W99XGtm/TyqWeSx/QomIch6PymNliJGduH5dqtwPjgBUJfJZrdGXRRcfXQ\r\nI0M+96tLYHPA2hzSeneFvUIIQv+say2ij+E=\r\n=dqzk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/48288e252f7cd6505ef74f5c537b5cdf/chakra-ui-tabs-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-DrTYJoLA25LZo1KasEzpSXhCbLRQL4RrsCzLHXCkB3wvhGG04zj8EIYmf2q88Z0idO3Czo8ytPOqm3SniiBcpw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230112141201","@chakra-ui/descendant":"0.0.0-dev-20230112141201","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112141201","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112141201","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230112141201"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230112141201","@chakra-ui/system":"0.0.0-dev-20230112141201","@chakra-ui/react-use-interval":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112141201"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230112141201_1673532837814_0.48325690463274795","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230112143332","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"e181351e2af5269008320a40729cfac64b420ff3","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230112143332.tgz","fileCount":34,"integrity":"sha512-dcc8yjRl8q1XHo4WT7m3pSPLjJ1nnLxHKowcMmA0RSna3U60vCZQLptSPxRlaGNLl3RDxYzV2q9VmORwJlTzKg==","signatures":[{"sig":"MEQCIDTzKJtwnw4HMQMqK9YJuIs5yLyo6X8ot0oa3zk4Kw/rAiB2x6YzRMmff4K++Ax99qJwxq9U/X8OZYRWPbyJEKOW7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBqnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrxew//WEmWraQyjL2YHlCDw3GqScddd+Qwt0xy2CUVe+lEI/P+d0MA\r\nbQ5uH5Hj+qPmXem2ZSYK+m2advMq7DtG2s1jn+8ydG1+kkfew2FiWcg3zQ3j\r\nF1dCbbNsSmD2IGYbbCxXFbu4CoGrqAXanfn/NnMpyFlCo9HKJa01A9o8byiM\r\nYhv8qVXd1Ck35Shmxhb1h7JISbSZpmw3u0jE4+Gql7BOhLGO32BohorVMtWZ\r\nSc0FoLpGMxTVQfIM595AWhavmI9F+T+wD3VMOdFmHzMoqZo1vpyhRvXq7OYo\r\n2fp9rWthZX598IQslFmkxUwi8xrSFuqQxAMBPSeHCvBHwbuZMMVO+UU+pB5C\r\nIUwcVAtffwI2wuIEZfMMVnJLCMZNuH6bLTIfdvLlubIHxu9JmmBdPpKyu37O\r\nvDlW41NF5AtizV9ynl00GYIfiMiPr1c3pmDk7tE1CUg82EELQgKucd1RsBrK\r\n2Do66+Xsk6EKtFxmY7q53FeiUMiGLvoHmYka4XbxiynbuU98s/2Nx9ckGEby\r\nrvBryfBgLNK6bVKZ80wVYqJzd8rqBt92VjQpKLc86UZMpY8xFeHfnqyBE0Kv\r\ng4B4wFXoAgWBS0pqD/qDjGwzE96Sxi5qTUIiPds/GepIaDH05Jf7M6jk+hmW\r\nSTzXtJD8vL2VZ7OYz+yTHslSad+bRP8E2DY=\r\n=msbF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6ce104b3fb2c226108ff45254b0d81df/chakra-ui-tabs-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-dcc8yjRl8q1XHo4WT7m3pSPLjJ1nnLxHKowcMmA0RSna3U60vCZQLptSPxRlaGNLl3RDxYzV2q9VmORwJlTzKg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230112143332","@chakra-ui/descendant":"0.0.0-dev-20230112143332","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112143332","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112143332","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230112143332"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230112143332","@chakra-ui/system":"0.0.0-dev-20230112143332","@chakra-ui/react-use-interval":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112143332"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230112143332_1673534119422_0.8497758398258197","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230112145104","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"ddb29134ae4fa9628e7fd92f8ecc41be42a4fad8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230112145104.tgz","fileCount":34,"integrity":"sha512-I82ozhhkrDEhv7DFxpt7z+aaWQ/ZrEo5jCI8jz2a42aSZyjYdTEPauseDclqGQPYxdGI3BTiwywqkbVLte1qRQ==","signatures":[{"sig":"MEQCIBWRCAAYFd2LMCFN2nq/q/zIRzHOOLTxHg4U4WSd0nvSAiBsPtlMfmqqm+60nWx6avcIjta3NZVnbY8qOytxQ7qdig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx6xAAnVUnyclrVXZtf9RN9lO+b7CAQbGznwrsGSGXKjGj4LRRXuzK\r\nzPCz6IWEfFqlkd+Q+E1UPpSJnYYMewdFBEW6fOIPgqhKAOMXv84uuocT/pHY\r\n/DQYH5nCopuLZHMgPVvSHq7IxBblUI+CHoNvhaJXBoyibie2w+8xLOKh0SVp\r\n0ePBncUsLGVbF+u5DXNJa03G1YgBRROo+BfQtb7sT8c3joAxylzuXtUhR2GI\r\nUmXRK/F99xQgSVq+zWXtNDfSygLkFJ+tnFt272HPcQZvhmtRaYV7CzUnd0A0\r\nbex/V/jfCap3fMfWeysXBa5cwrSzeaBtAfuD4xgfR8QwWtMjLVQcYu7stKq7\r\nmInrJABFJJPrXXq6UVaKsS60MtJFw0SKibKil+DOmREjzuyyM1beYiocI9QY\r\nQW5Iltde5+yy/Dn+IuHwNJ72RO1BR2GD4I+tpNpVesLuTYj513HJORxIzbZy\r\nzAlNrd9tkQg9qO8kCgpP54vegXDKDkctNkAdiQLs6mefwXyvUzmKbuS6cZq1\r\nx/dR/9npZ08SSHMvTRvehUy0ublCuGShXm05ZdV0EyeasF9MDe3ER4C9WWDV\r\nAZRhUEQ08cWF95TK9wypQX8bpwfqUUza0mB0V4PB8Anm9aIjjvOHIMHraDNG\r\n+s76fVj/mS+UhZcq4Q/7H0pyUFiEQjMIYtY=\r\n=rapb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2013d375d792c7eb5fb00d445891d194/chakra-ui-tabs-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-I82ozhhkrDEhv7DFxpt7z+aaWQ/ZrEo5jCI8jz2a42aSZyjYdTEPauseDclqGQPYxdGI3BTiwywqkbVLte1qRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230112145104","@chakra-ui/descendant":"0.0.0-dev-20230112145104","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112145104","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112145104","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230112145104"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230112145104","@chakra-ui/system":"0.0.0-dev-20230112145104","@chakra-ui/react-use-interval":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112145104"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230112145104_1673535144304_0.6856208258523913","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230112152756","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"44e4def1653179bf1a0cb21ee66ba2acf06998d2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230112152756.tgz","fileCount":34,"integrity":"sha512-tf7Mk7kPfEtzu6zA5JUWL29QgBa4seWy9eFVBf6FlnEpb7xkFLyGw9RltLEv6UvjFo0I2e121d14HQkaGZqVbw==","signatures":[{"sig":"MEUCIFcrrthsVYn0Exw7zlydMh1I5CeABkLPDI3H9jr7GNBTAiEAwwm3ezuzHFuXoPX6Zda7K+lDAf4gh7dNIqcUQy/Q8Po=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCdZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogXhAAgJsDXV87GpGCzCEzX+9Ag50zRFtx+cBAQLrdyUANYYhXTIfT\r\n8nm6VcK9thDWYTPC06EfZlcUeq/lgQfW7GpsP6nB42RmRVZ9qOskYGfnjoGg\r\ntVcnAUZecMG1DXp4wNVLlBdeNohNViQM+FhusKfLHbIrxbHCcZ1X29TT6dk6\r\n35IBB6nn8k89Dqq/ppDHjNXSPMIKwDYgiOhVaqtVIMTqGYaYVZH75EI6Mz4O\r\n0uqJme2p3bKqPdXGCp137QVm9PpSw8+r4FpDN4gtACApElKFH6tE80ACja/D\r\n9Niiu1JfUUxbLYtcYDuOEhuJJBkdkOV9AoKRD0NsQtFlWzzMMwhWMvYnab4x\r\n2IDlHkYgIJYSYzCWDD6yNKzt+xEetB0UKwk61sPWpeyVBfbubLCFKMoyK25d\r\nRmWC1wNGT1ZoiCOCjNPSf7sEqfalhtOu2JDRTh8gIV7jax+VY+MJI9xUhgD0\r\nN5KTf/cO7Mkt6PY1FOx/7H9f2nimTvurfOk/tDo1hq7KNOpkpJOu7wIg4/cH\r\nlQaXdVqgemPqqUveFQMJhHG2v+gt8HjMQLMSPZA1155fo6L2aI9FDe6hA8l8\r\n/GftW2CoyDCxK5z8OiOP2ViNTCrqrbLLDblikdWiI4w7Q8IBxWgyBPzGXMbw\r\ngS3DVjBTjDONEu8qIDmlpv592i8iDuS+moc=\r\n=sEi/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a92ca6c291104a0d2ca5bb7174daf6b9/chakra-ui-tabs-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-tf7Mk7kPfEtzu6zA5JUWL29QgBa4seWy9eFVBf6FlnEpb7xkFLyGw9RltLEv6UvjFo0I2e121d14HQkaGZqVbw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230112152756","@chakra-ui/descendant":"0.0.0-dev-20230112152756","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112152756","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112152756","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230112152756"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230112152756","@chakra-ui/system":"0.0.0-dev-20230112152756","@chakra-ui/react-use-interval":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112152756"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230112152756_1673537369332_0.8548167344598929","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230112154520","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"099d105eea0ff9c8716d4333af1354efb40029b8","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230112154520.tgz","fileCount":34,"integrity":"sha512-d4ANhEPCRYSqp2j7Kl77XtZqt3hgUtuX5ZzvJR+0xVsC+zOpRRhBhAxKr0OD0wszI/nWlosmiZABDkF5RmEd4Q==","signatures":[{"sig":"MEYCIQDnH+TyJdHI7+qhYLfqyffYkpAmfHq8HoYGZD0blDMQ3QIhAPJZ+E5n5+AWnTrtYUkPxbjhOQgQiWQdqHMSYs688HZb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127532,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCttACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPDhAAgMR92paUYnoadXTLFKbLhrDNkMH/sNV26Zler1C3TE6b2EUi\r\nhJ/30V2LWHZXVIjuRT0WJICNmqzh4qPw0mhev2W4Lxxss3cdAZh6P03HNibL\r\nqxrCDnuLPPFTHacjTelhc5gwOuTTTM5b+r+20EhKIYxEPs6KTNfTrvthzXCz\r\n1+eiX2rIjv+5RJ2GRDhiOyKeFcAJN+HGlCnOVPCvYzG0ZSyhOeLjU7KDiG0e\r\n7qnW4oQUkGOq2EvUoipBEqVFsayrm5YGlAjCJGz6D90MKOxU4bLQ8UqxGCFC\r\nhYd5tlej6aI+2suNN9RlRVA+yg6nrbM6cCPrMLQtl7avjOBpvrSKB0so9MTS\r\nVHd93MQV8+ly59q4NHNdmw06qSS6kaoTCq8mwhH20rbaptAKsoIwcG1Sb8wT\r\neqGaLqz2Z7VH6iOBI/nXQ81iuexMvMQv718mEr82icvSZrcby9Ag68Cr+YKU\r\n6lljAirgwuQjthPTWVNPk4742rfrwfDihB656NYn9FbY/o9IBbbnNZwTufP6\r\n63yA5nyEmyQN/IJTyWi1q30ZmMcCZheFxoLfLstvMEInPHxLxwyyeorAvxoW\r\n2VUOVjf8efOnswCmKmHVUQiQn6KRjf2loBfgBZfCBq8u5J8TWo3Ewcs6Zn1L\r\nIw0HG7P8IxcfK8wFnErlSKAPdFCCARwrQ/U=\r\n=Z2Ej\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0ba1c38bafd24ffc18b6b0514fcd9be8/chakra-ui-tabs-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-d4ANhEPCRYSqp2j7Kl77XtZqt3hgUtuX5ZzvJR+0xVsC+zOpRRhBhAxKr0OD0wszI/nWlosmiZABDkF5RmEd4Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230112154520","@chakra-ui/descendant":"0.0.0-dev-20230112154520","@chakra-ui/lazy-utils":"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-children-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112154520","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112154520","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230112154520"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230112154520","@chakra-ui/system":"0.0.0-dev-20230112154520","@chakra-ui/react-use-interval":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112154520"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230112154520_1673538413320_0.8386383222290021","host":"s3://npm-registry-packages"}},"2.1.7":{"name":"@chakra-ui/tabs","version":"2.1.7","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.7","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6be88803d1ad8759edfb4ffb58f2aa2c576d0e86","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.7.tgz","fileCount":34,"integrity":"sha512-h/jU0mq5ucTCMR7dSSVnw99zyhmcMp9yvFlkv8/3Pt4zafS5KzjhK0vSSFz+JHXinb4zg/YIb4OpaZi6wW2I9Q==","signatures":[{"sig":"MEUCIB7Upc1Thgdocld+12vpHP8zXASy1Tm66pDKqr3ydb3IAiEAif1S70j6rKjSNPnAZiZ0jS9616taPj2zPqNylNZo2LE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4UhAAjCv0BP51rkwmXGrPQG95kMQESJOJNXsW8zxAb5b8p+Zw8iBu\r\nYmXRO5+Y7pPM9t3v6QjfBTnsmUD7kYQSgb+Q3nuLYBJ5rEGYCA47A84iIEbo\r\nIeP6bc8q9oF9CFUVXdFQP9jOlY8xN5hKnj1g1KxgvdL88gWnbFv1E4neMvpS\r\nrhRq8hRuq/lFYF3cHhVjRVLV7MBZln9YWYwJdcLwtoNEbNf30/Aujt+R6Pwh\r\nrEkBq//yYVb9gN2XD1Fg48kbMPCG9CnVTQMh2so/tJocwxzSVRVrHZND9iTu\r\nJ1upXZCkVzuayK7TkOm0TLAU2+1mSU9iEP6TzuGIew1AnCpQqYBryeIUo88J\r\n7tHWqaUEP+VeNzFO6E4ruXGIgtJAywniZ1qZUSO9y3GOH+5Stq+zNO+MZhLl\r\nkSflTm/3sNxDWy84l8eF3uLXPMNTbmi1Ps9ufs+UFKeMMewW7jdOdnSuPyM4\r\n3KRJgD41P8V/e1BkBwOrQA3jDRsR7BEi+Jycp7r4Ax95vuSIZnyZ7a2TbymT\r\nkG34SGE2apQhJ3dHIVhm+JL9gQ4mrS8G82Wl3A1Tt5ghJf/tr0Dsy4m18dgd\r\n1o0zFbxugXP082c/T2wUYt+tB93V+qxt6w6dusprEL6WgWdSnln094O9ldnm\r\nK24vDt4lT7pGQXb4bsWvZN1kO8Yo+ytVE+M=\r\n=4Qka\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-2.1.7.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/637dbdaf67beead3d3880c95d450bfcd/chakra-ui-tabs-2.1.7.tgz","_integrity":"sha512-h/jU0mq5ucTCMR7dSSVnw99zyhmcMp9yvFlkv8/3Pt4zafS5KzjhK0vSSFz+JHXinb4zg/YIb4OpaZi6wW2I9Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"2.0.13","@chakra-ui/descendant":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230112160451","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.7_1673539569955_0.34958065495735435","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116120206":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230116120206","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"8ec95b41c5d131c1e17003616324ce82d6cf29ee","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230116120206.tgz","fileCount":34,"integrity":"sha512-YtTP2SZcjJ8wnkTYrsLIAihZWezp4FUIjrfotFbqbc23pARQuNky1cd9UPWOlEpD+R6pK8QN/VcCzRxx3VrRXA==","signatures":[{"sig":"MEUCIQCKoIQceLKfZfu7oy7V0cmGkN3SadrTbIxClTpITJ1BpAIgP4fvgXI23O/msX5jl0PyNDeGNtSX72SZ05yYwA7dGm4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127897,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxT0EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp56g/7BbewUFTCg5GnqrM13etzKEFe9PaDVLDtgV1fmmsWheLUfB0J\r\nTjwA4eufxVcbp7za2hiBdMZT/7TpMHxVDJUzpJNm3d0z4GVzWOoIYXO6pc0E\r\nK7lt69oirfwJTrZ0OANyhVbV1p/qTDNDZltmsV0yBl3u/34HJtzcshovZGf4\r\nmQBex2pXv0mYWgwk05N39QW78412nJD/5rp/al3Y/LS9VmGfqnUP7NRTiRsm\r\naJ8DK6QcBr5gletIQEfibLVtpTchtQdq9eTzR6kYYKMbk03L5/snodcqMYki\r\nfuM27potv5A1c9uvEPmNU2JndcBYWeANFaeE+eFJdy9Mt+y4Xwsy65TuVozn\r\n7YpIAEVeGg1SqVQeWfAYHWSaKjGbRtD+cu4EqjKxexFmJb/xxCNn0Uu21d9+\r\niECsv6vG2a4SOFM8g/HLCCtSb9D+iA5oSHRdax/mdVmSk3CBHU55jFGzchlU\r\nHXLhM7JPVYiEhSPdFpL2xs34JMRzXqpolhC+xwPdd2CwjwczdE4LS8rDnrCN\r\npOyWfk/C2F+X+ytbIQdcMCVqNGyxiw5b9yNJBGwYwXWIT4ZpS0cJwBNvdZ0+\r\nTgViztzLFhURWhuSqjR3vvnbJtWZLnyeBXps1jrb8rFlSuj73Xg+oh17YP1U\r\nebjPGiz3Sn2NCwFCGpBmRETQ9p7bnPcmaMM=\r\n=d842\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230116120206.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2f813154024a6459ea122d9edc4cde51/chakra-ui-tabs-0.0.0-dev-20230116120206.tgz","_integrity":"sha512-YtTP2SZcjJ8wnkTYrsLIAihZWezp4FUIjrfotFbqbc23pARQuNky1cd9UPWOlEpD+R6pK8QN/VcCzRxx3VrRXA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230116120206","@chakra-ui/descendant":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230116120206","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230116120206_1673870596433_0.07825476408596876","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116122157":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230116122157","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"cdebbe4f51c24e8f223bc66f891fed40e640a716","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230116122157.tgz","fileCount":34,"integrity":"sha512-uFi2gjzH7EoW+eR/yaATtp5kf2FYrfyF7XDoQOx7saShdW8U26BYpn/CKfwO1Ytfebu0dJVP8t4fchtbB5Ea2g==","signatures":[{"sig":"MEQCIDmXsHCi3nZHOxHg0gLP8pJQ9tsXEUenekqtLVmTnW9vAiB+pZwOrMlfTNodbyA4g3pC2SEuSH/czgIKAz3bveMK0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127897,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUG8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpReg/9H3/+J0uv8Y1+F3QBDY65g60NQBIogUkzIH5q7RORzsqEpFMr\r\nkmoD0S3PuHKtfc+gTPzNmi9UxXd1uyeO5qFb+tpmq8jTtoaiHvNWuVyn0Eq8\r\nfnm/vLs/ormjmCgBw+YXTi7twcqiug81wH7DDMP8aAGZ8+6negEuo4ZqJYBh\r\nb1Cb1PucqL9lIZdYyVA9qjuf/Fids9RIfHx+U64x+J6PUIH7cH7uYYOSz0GF\r\neDRQnJ5xsscHT+K+RjSUdUbvrCpgLBnnYADhYwWunlRZjJ1tPomtoi5lAPrC\r\nkIlU4AhbihayLnOLcBKvV9Z8RlVc7t+Qeb8PrJFu/w5oGNLtcyg3XvOmeZx9\r\nxJAoUHat3GND6YsdiVjunAAtpHhnX4B7r4h9YSKFh6w0LyBlBb9Q4WImCDLI\r\nYH63vMs2It0eq2hCkv2p98sl8iQczgbnCBKW2bm7sVzDKPStS2ioP1hD7toK\r\na1wUzflZZO/2hn3i5S8maPA57CQwATIOUOK5AJ2rkIZf6PjHqqWv67Uiptfq\r\nLNLENWhfFvs2DWpOGwFUdqIki82ekqFh+S68JrRHzBnyVwhmx36YqiaOgk1p\r\nKaXAQV7HAbOG0gxjTQU0rC95CY/9JzmP4ngLJMrzXJ2J34mqa879/KOXx8Iq\r\nM8KVoHgGqKI3dHUmZWipJ8/5f+cobZmFVJU=\r\n=cjY9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230116122157.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e2a1b9d69bbedb1a30a4d84d562a11d2/chakra-ui-tabs-0.0.0-dev-20230116122157.tgz","_integrity":"sha512-uFi2gjzH7EoW+eR/yaATtp5kf2FYrfyF7XDoQOx7saShdW8U26BYpn/CKfwO1Ytfebu0dJVP8t4fchtbB5Ea2g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230116122157","@chakra-ui/descendant":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230116122157","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230116122157_1673871803938_0.8872280592830712","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116124502":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230116124502","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"22dd6306955e8e15f8df3b447be50fa9bcc95b8e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230116124502.tgz","fileCount":34,"integrity":"sha512-FzFNLmqT1WMp2HZf64Nf55NbgMTXrADY1sB4eLedBqedu4kEE0+2PM0b3R0KkHRXNEI1fhUeP8qopv+7Ditp1A==","signatures":[{"sig":"MEUCIQDPEio5s/l781vE/n93CLMSzbccwii2x/OB5OvSVR1FAgIgcRzvIB7xR3bVJ8UaZ+/1WcuGN1SSuf3BlIbUynOI2I4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127897,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUcaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYAg//XSk1K2c9mmiu0CRQzfAgvUttMFGayg/h1xergk94qS2UKz1d\r\nztgIDeDtHCvpDD89UwfKACjSynWUOJsUn0sAmNS4Hzp3PBZArxwpJ/0+Y/EM\r\nGNNBdRp0qo3fCKylMuscl9RYhd0gpvziWpafhKBDGyyhNHxJG7xmmKZ/kSDj\r\nRnTi7eBTBuf9TfTikjpCiQJ2dXjK7tUIp3QfjfiR9nEVN/v1Tfw9g9pMZ1cr\r\n0dS6WAl2saIBX1i3v0OyDzDACdhfokOrjJDAGjismvivesMBN0JCFCgSyJ2Y\r\nbs9WQdMhUgIFkJ5JDMk+tvzOvtfPKBJycUymZ72q0QKS+D/nYtHj072Eqnau\r\nvPRmUoIlMrtQtjA3BsuHcJ9bFHr+Uw4bpDIEvoBqGCT8mgdjpedXcR+R14UL\r\nfk0eWfHKBSHKD1sL+JwPl8zdJJTeiu1i6PyW2150P/jX86jxpcOYV0Hp+JGi\r\nb3tWS1qYa1XbyukuoPYSi93gkpvrHlCIaHD4rVS+DwwyIkCmKZbmwUqZpW7u\r\nagIj09NysTcmERnv18LS4RNF2UfZQTxS8Zz/SRVZpNwU7IMPN1jRX/HmCfko\r\nEo0hB1+YuWMw1OM0DnEkYJTwDxANyK14KAoGsJ/GuinB00bj+QQ7fBkzD/qr\r\nW40wRLPDQXSMBxL2acSzy987UwOBK1pVLEE=\r\n=aV4D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230116124502.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/82e7f5f17b1b29a30cb1b15d672c2ad2/chakra-ui-tabs-0.0.0-dev-20230116124502.tgz","_integrity":"sha512-FzFNLmqT1WMp2HZf64Nf55NbgMTXrADY1sB4eLedBqedu4kEE0+2PM0b3R0KkHRXNEI1fhUeP8qopv+7Ditp1A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230116124502","@chakra-ui/descendant":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"0.0.0-dev-20230116124502","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230116124502_1673873177831_0.5006555273049718","host":"s3://npm-registry-packages"}},"2.1.8":{"name":"@chakra-ui/tabs","version":"2.1.8","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.8","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e83071380f9a3633810308d45de51be7a74f5eb9","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.8.tgz","fileCount":34,"integrity":"sha512-B7LeFN04Ny2jsSy5TFOQxnbZ6ITxGxLxsB2PE0vvQjMSblBrUryOxdjw80HZhfiw6od0ikK9CeKQOIt9QCguSw==","signatures":[{"sig":"MEYCIQC2MUrudIc4noE8u9a8K2krbgO9vRbOmUFG9ULxdaDhMAIhAMO0qmn+b9q6pQQLUaoeLqHCmbt09vCv/0sP69oy4fY/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127841,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxWgvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqjeg/+NV4yBB1XuhWwR4pI8ZK2GEkJJlmTywVVoPWgtVjsrhu2FLjC\r\nHRPcqrcq3urZWi3AOwpJwJFbpQflIaU+TocfVofdAVNPtFYT+cKJlOpiUT5O\r\nuejZz9YcFVLvxk8+q+dzjUDRY+6ENfH4c6CJTpgAhKRi0bFATYriyvMjRCYB\r\nZ0QhSP4PpMmFBx1SmodLifxrRY/U1DG1f1HhSh0cCg38x9df8E3igs9vnvJm\r\nZ7kTlbk/5vJki2WMtU8qM23RKLmc6vRkhO9xmjhjhKg2x2PAh7ICO1/EMx7V\r\nbPuj+tIVzPduoFAP5VLKPzIycptM3avaxP2iuALQnFHNJBjAdflis/iOI6hE\r\nc7DVb7VHC7SaF11OK2M4DHB596caEbzp4/CPgE4++3+bE1VvguFBIBk80M2R\r\nGmeAvHsRutcR7ihvM8w4qp6HJXbULAc1zYvpkvqTEfpjJtJ0UMNfpVeWaXiH\r\nVgVnvMdRklQqtfKqpMweKBpsJ8UFbluueiFqjv9hLP/1FxmNbcSOdk0SIBfb\r\n43EvJU6+/j/kf+nohlbqLEEVW/TgYiqxQbuCaUrFLHGLNwMDuJSJxwi/LmT+\r\nsXJE3HVF8YUDFfxvogidHXpN3fqNZVVLcSGlLqVoCmWMkwGYOrKlEgPOlyqh\r\nt5wrxONedtJBj0BjXwzPCAMZItJgK/tkhAc=\r\n=+V0a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-2.1.8.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/96e8ffb2eabbc2f31c25770f1bd8b69f/chakra-ui-tabs-2.1.8.tgz","_integrity":"sha512-B7LeFN04Ny2jsSy5TFOQxnbZ6ITxGxLxsB2PE0vvQjMSblBrUryOxdjw80HZhfiw6od0ikK9CeKQOIt9QCguSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/clickable":"2.0.14","@chakra-ui/descendant":"3.0.13","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/modal":"2.2.9","@chakra-ui/system":"2.4.0","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.8_1673881647132_0.8865635473669629","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320183136":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230320183136","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"fb1c6fbca7985ec7325046b3ededd951f38e3a93","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230320183136.tgz","fileCount":34,"integrity":"sha512-6O/vnT77T6P9/1Uz8Yg5iBoyXIOQsLsuvvWjb1nM0HtmEAPRaWu7k59ADN6x9xG3CuuVrjYVlt7Ueas3Ml/JQg==","signatures":[{"sig":"MEQCIASSjZWNFpRIunR40/Vkhvo46kF9vV2gkT8GjjrzcKQLAiA5dcTAYxeFWJ4/VUmYHGueBlJ0ycnpnKdacbCTOJew1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKbTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqh1A/9Gw3DLMQNSD3qzPyggvcSQdSetNnRC3tlKuGbzMd25XCJ/NVL\r\n/W7nKlV4nBoR9sktNhVutijCJWhYtKXMcUJHXQErWR5tq7BjU6MnnKvG3IAx\r\nqfuBZS9hFXZB2fvIVTQ8O2CjVbfAd8cBw9HnIPfunPv76Wb3YgpAkZgDE7c/\r\nsto1czsl4l5oft44uvJRBI9GVbTwN5JOo+nUjtKxSJMa3gg9QzKv6bZIifp1\r\ngmwcxH+6Ncgad14scaSfTdPookV2xmd0NK5ze5ko8sDOh5oTvnh4wMBkDCe5\r\nBYqlp1cgBMTtKKaPPjvS1ZUQ6GU0ps78DJZ0E3xEpfyj1KEQoZtJ9Si2MkSf\r\nCss7G9BXSmpyphlqD3SYgm3HZjrc7MzwP8Sc9PYla28iW677wvWSmExwAC9j\r\nKDvLA5smKTKO3a1jjO5aq+Gm/ux5cJjRYfAo2Rw5syyGweCiLdwj513LOlOp\r\ng3tdiSsjTZY5tKfNph+Igij/nMvZNx3ke0E3Txi8EZdymwYpEAx2mkLVvJbW\r\nfgm/p5LrWKPI7b058Jdw8sPiuqV+d2zi78fwwH/HqOyRGwFSEozYiA+iw8+O\r\nI7F/dyHE4fPVqypNT5z9k71EpMXbBdXImLv/VA9A1CegclVraQeX3ptYPJPH\r\nw7sP50T/M4JqeLWHu/eceLEt6XuyhqUJWU8=\r\n=Q5lX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230320183136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/300279f2591d694195c6b904b006aad4/chakra-ui-tabs-0.0.0-dev-20230320183136.tgz","_integrity":"sha512-6O/vnT77T6P9/1Uz8Yg5iBoyXIOQsLsuvvWjb1nM0HtmEAPRaWu7k59ADN6x9xG3CuuVrjYVlt7Ueas3Ml/JQg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/clickable":"2.0.14","@chakra-ui/descendant":"0.0.0-dev-20230320183136","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320183136","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230320183136","@chakra-ui/system":"0.0.0-dev-20230320183136","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320183136"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230320183136_1679337171243_0.5264484801507259","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320184810":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230320184810","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"6d2372fb0a08c0c3e41565611f0017209aa34865","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230320184810.tgz","fileCount":34,"integrity":"sha512-TQQ2oSG5niFp3N0XPT46sOHEcGo+ObeaSXKGgArzJjiFepucab4QtAwbYSpiLyDtNVJSdhC4pCSlzEmGJ5rPbA==","signatures":[{"sig":"MEYCIQCz6/kCeopKZU4EpBO3zKd3DW20q5lzbaTTkbjS22vdqAIhAOQ3dtwxiUlPvbWYpXp9sIoPjL37FlpZUWfS334kr0YW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKqqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoByQ/+PQw0nb6W+4JKUucNxNJRKzoAYrRcEx9YrYx3GqVwH+l8GsDw\r\nFxz1yFNVzx+T+EFAZF6lmToAx5h155un2Pimaxtdv13vuojzbIMIQGFUeUDj\r\nz16/4Blw5Z7/tkruZz0NTnmtqjgTvEeBB0fBJ+c+p7JMeOIN/1Vx5q1vH0/N\r\n+JKSKleRMyHhZIWI142XeIpAndrNDV4zu3VPQ+s5jzH65xdkCjh1bXJHPMUu\r\nRlBJdzsP0zb4ojBWmcnaKmW6G4x6X8oqZj1OgJTWomd+3a7Jt40TWCf36x67\r\nSbgvR8WRRcTvM1L8evMz+Xu3n9rfMqOsFgMIHT3ci5WQv2GruoaQRN+uDrs7\r\ni3vTLbVZjoARRMhYbA4xmc1VkJZvpaXs+xFF14auQgcLNAGzCBHZzKzIUMjP\r\nBlzb1HQJNBTuavOYXSJBiYvt8qdUufPc9p3n6lH0jI6RERhyxfqNLg35j3Aw\r\njsOjrC6jV6USaLxq5JmuHq2CkWOSX7cidx/hwv6f9NZbwdKlb9abP/jpyBsW\r\nFtQyiXnWOi9KIHZt0D+EYLPKi+JhGkOXzCwJI5Bd8U1rE83UJJMI5ANjkca2\r\ndw2os3Fwg4NEXdYzEJQmPv/N/cWrXlvhyqYR0LwQ8iH0uQhs8hUjJwt4CUbw\r\ny9GHoGw3zLqwxzAOIkv+Z2FXoIpKrmISG2c=\r\n=4Fgj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230320184810.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/00d94ae1d55e5c2c7dba2365f7633e22/chakra-ui-tabs-0.0.0-dev-20230320184810.tgz","_integrity":"sha512-TQQ2oSG5niFp3N0XPT46sOHEcGo+ObeaSXKGgArzJjiFepucab4QtAwbYSpiLyDtNVJSdhC4pCSlzEmGJ5rPbA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/clickable":"2.0.14","@chakra-ui/descendant":"0.0.0-dev-20230320184810","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320184810","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230320184810","@chakra-ui/system":"0.0.0-dev-20230320184810","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320184810"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230320184810_1679338154673_0.49349947784269776","host":"s3://npm-registry-packages"}},"2.1.9":{"name":"@chakra-ui/tabs","version":"2.1.9","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.1.9","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2e5214cb453c6cc0c240e82bd88af1042fc6fe0e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.1.9.tgz","fileCount":34,"integrity":"sha512-Yf8e0kRvaGM6jfkJum0aInQ0U3ZlCafmrYYni2lqjcTtThqu+Yosmo3iYlnullXxCw5MVznfrkb9ySvgQowuYg==","signatures":[{"sig":"MEYCIQCSf/exZm6O5Hco7gQACSTGxY1p83J9vwij16GPVan8ZAIhAPzMN5qpyx7pQUvBff6W7rIvl5vKOyfg0U96P0WoBMVU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127842,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHCc5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOfRAAnR3MgyKuKXi9a2oPTmqToQQYW3gkfdZyhjVe6/HyUhMTt8/p\r\nNkQ94dbNgAQyUvwr80eKIo7Ac/fHZCm2k+QsXhNdf2sftb38DzumiPUb2wPi\r\nusPvRntoQbMY6EaGzZBYqMKHH+7/FS4oA2bQwV7cbxQHUelPR014M8cpq3jd\r\nw0d41epzwNGiigGm7DfPP38BoEjeJSFEy84jLTpbisap5/cjU0cLKRGhgl8i\r\nlxHMnUGpcfiN4nV6EEP1hmbJtoNekQFKxzC7zCvPBqUIShf9wsv6uqE+dAna\r\nE2yWM4nIda960MmqV8n4eM5otvNiQDFllC88QxRIj9NZEgMlNe7X0UguhQXa\r\ne5LaBUc4nXecl/I72sYc1Xa1fFMZelCja0SQZROBiwE6q6oNlVIq/MdsI6J8\r\nBHYtSzrnMiOdmCTOptOi2ebjHsYxKJdP6wYhnpXCVib7W4OgaiVi5MHBJQmV\r\ntrQljfDAsoyOnU+RuyJoHRmtJ0KG27bKvGZk7+PM1rScr8AF+jamabpWex+v\r\nqtzbPHuf1OFcH3cQPYXFN0KYT/PvD4jfv6yfrHtzdb/62qJvAdNjuPMfEwiG\r\nkUBjjAH0kiaVKlE2rK9xwQtW/w3q51If903TfnEgIGWQSAFN/3xWeRC1imGc\r\nOia3rj5wGlD7EaI0WTOpJCHWVavdls0pLjw=\r\n=GkOG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-2.1.9.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1503f597ac14156defe706a2bc9c8fae/chakra-ui-tabs-2.1.9.tgz","_integrity":"sha512-Yf8e0kRvaGM6jfkJum0aInQ0U3ZlCafmrYYni2lqjcTtThqu+Yosmo3iYlnullXxCw5MVznfrkb9ySvgQowuYg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"8.19.3","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/clickable":"2.0.14","@chakra-ui/descendant":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"2.2.10","@chakra-ui/system":"2.5.3","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.1.9_1679566649308_0.6650238494143392","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230716142935":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230716142935","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230716142935","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":"d32d38c95f92d139662a1ad92b0f0e044ba65269","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230716142935.tgz","fileCount":34,"integrity":"sha512-OHMTaBsxmEfAoKptXl4i0lj3lXETsDpdSSaekzSfCeXBEP4VbehhRIwFcOlefYo0WSu5GJid7A58vU9fOgcYBw==","signatures":[{"sig":"MEYCIQCvI/FTiXGXq66zL1+bFpVJPczw2Q3dwh7eVYTcUHBttAIhAMlpqz92y0qRZuMr1DRlidF0f6D3ekvnYsndpW9g44QH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":128277},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tabs-0.0.0-dev-20230716142935.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5207d6022b763da3ba05fc1343320245/chakra-ui-tabs-0.0.0-dev-20230716142935.tgz","_integrity":"sha512-OHMTaBsxmEfAoKptXl4i0lj3lXETsDpdSSaekzSfCeXBEP4VbehhRIwFcOlefYo0WSu5GJid7A58vU9fOgcYBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.5.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/clickable":"2.0.14","@chakra-ui/descendant":"3.0.14","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8","@chakra-ui/react-use-safe-layout-effect":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"2.2.12","@chakra-ui/system":"0.0.0-dev-20230716142935","@chakra-ui/react-use-interval":"2.0.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230716142935"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230716142935_1689517838241_0.6538267153526962","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230718122336","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"95913e2d1f0b5b85cb8749b22896a80d1e5cc4a1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230718122336.tgz","fileCount":57,"integrity":"sha512-1fXjCCiCwydDgBgpU7LsE/Z7EeUZVN8TRaVCs4yeS/62nBlGYBpBEDmCar6yaotG+EBkGxKsWqWX1Wlmou1afQ==","signatures":[{"sig":"MEUCIQCXpXCfVRZPhemVzupE+jMnnWy0xGzzZJ7SOdemPauXQAIgRn3bFif8THfbYyLXicR19uycxPdzxnslDh9U2C+pAhY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":324877},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d909b70bb7e51a8b5e2228e5f045935c/chakra-ui-tabs-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-1fXjCCiCwydDgBgpU7LsE/Z7EeUZVN8TRaVCs4yeS/62nBlGYBpBEDmCar6yaotG+EBkGxKsWqWX1Wlmou1afQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.5.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230718122336","@chakra-ui/descendant":"0.0.0-dev-20230718122336","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718122336","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718122336","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718122336","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230718122336"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230718122336","@chakra-ui/system":"0.0.0-dev-20230718122336","@chakra-ui/react-use-interval":"0.0.0-dev-20230718122336"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718122336"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230718122336_1689683156282_0.3473362090978369","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230718124717","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"a484cb1816a6d0fd1a502d37452c75f901029457","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230718124717.tgz","fileCount":57,"integrity":"sha512-Vwm1MSb6tLc88YG1ozuCNeaqy7jy9kILuASB3+O8CrFdPEeEpv6JnjkBIPaDexg6udcikdyOYLPJTL6Hr7GTiw==","signatures":[{"sig":"MEYCIQDQHMC74SMLJU/pk7FiRe+iYaI4DszXyp/UCB1xwFbrGgIhALXC5FlQaiqg3a18lPaLD/B9bx3YadbEVEAFSWRUUx4E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":324877},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/13c8b8cd0146acf5cd2d084d812b8a5f/chakra-ui-tabs-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-Vwm1MSb6tLc88YG1ozuCNeaqy7jy9kILuASB3+O8CrFdPEeEpv6JnjkBIPaDexg6udcikdyOYLPJTL6Hr7GTiw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.5.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230718124717","@chakra-ui/descendant":"0.0.0-dev-20230718124717","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718124717","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718124717","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718124717","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230718124717"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230718124717","@chakra-ui/system":"0.0.0-dev-20230718124717","@chakra-ui/react-use-interval":"0.0.0-dev-20230718124717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718124717"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230718124717_1689684559389_0.4100588391187323","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230718130742","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"834dc6bf9b0467a225522c6e1db60c760ff33983","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230718130742.tgz","fileCount":57,"integrity":"sha512-ivupXR5+1d+TqJN4EtK8s1NhWCURjVNS2q3jyN+ThivQ84yogLQdeqd+rMwR1xpx/pYIvloLWWsYeezcHGCORQ==","signatures":[{"sig":"MEUCIQDdpT7LXArZADL8sQI0UwK/qPRnRgVpunf9fK0ROca4ZwIgfNm1fouUKVtl2CaB1gGbQOBStkvIimBi7BysYqYPsmA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":324877},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5f721604f96dcf02b0e79d73e7452945/chakra-ui-tabs-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-ivupXR5+1d+TqJN4EtK8s1NhWCURjVNS2q3jyN+ThivQ84yogLQdeqd+rMwR1xpx/pYIvloLWWsYeezcHGCORQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.5.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230718130742","@chakra-ui/descendant":"0.0.0-dev-20230718130742","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718130742","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718130742","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718130742","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230718130742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230718130742","@chakra-ui/system":"0.0.0-dev-20230718130742","@chakra-ui/react-use-interval":"0.0.0-dev-20230718130742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718130742"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230718130742_1689685764864_0.8717077958744719","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230718132637","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@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":"665a05f75872612a3faac5480dc03325f5a9c175","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230718132637.tgz","fileCount":57,"integrity":"sha512-Wo2tZVmn3EG5CSB1VbifQSvLf7QCiGK9UnFbkG8SU9BC7GkoSOJ4A6k14OZ+hWxbp5WD86yhX4E9gA/zR/dzqg==","signatures":[{"sig":"MEQCIDRd3RMp59ocOUQj/jVd5lFaZKxU0doiF7p8R3ruPZsqAiBH4ZxqG/roWcH/EW839ZBbeHwPtIjhu+bBInX2yIeBAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":324877},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cfe6b061a3950e02da4dcadfd3890bd4/chakra-ui-tabs-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-Wo2tZVmn3EG5CSB1VbifQSvLf7QCiGK9UnFbkG8SU9BC7GkoSOJ4A6k14OZ+hWxbp5WD86yhX4E9gA/zR/dzqg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.5.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/clickable":"0.0.0-dev-20230718132637","@chakra-ui/descendant":"0.0.0-dev-20230718132637","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718132637","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718132637","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718132637","@chakra-ui/react-use-safe-layout-effect":"0.0.0-dev-20230718132637"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230718132637","@chakra-ui/system":"0.0.0-dev-20230718132637","@chakra-ui/react-use-interval":"0.0.0-dev-20230718132637"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718132637"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230718132637_1689686909012_0.8382598786312809","host":"s3://npm-registry-packages"}},"2.2.0":{"name":"@chakra-ui/tabs","version":"2.2.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@2.2.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"72b6bf8bff3d3da3effb115991bf24e2157e29d2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-2.2.0.tgz","fileCount":57,"integrity":"sha512-ulN7McHZ322qlbJXg8S+IwdN8Axh8q0HzYBOHzSdcnVphEytfv9TsfJhN0Hx5yjkpekAzG5fewn33ZdIpIpKyQ==","signatures":[{"sig":"MEYCIQDd0sAT6HhqJh/mrjLGtenFzGLPwMMzce3UZoBl5qd1ZAIhAIjUHDKtI8j9+HYBYJIamBQidwnpZ76qdnU56eiTgcGY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":324670},"main":"dist/index.js","_from":"file:chakra-ui-tabs-2.2.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3995f62e232197f23ba02dbd52316bf8/chakra-ui-tabs-2.2.0.tgz","_integrity":"sha512-ulN7McHZ322qlbJXg8S+IwdN8Axh8q0HzYBOHzSdcnVphEytfv9TsfJhN0Hx5yjkpekAzG5fewn33ZdIpIpKyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.5.1","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"2.3.0","@chakra-ui/system":"2.6.0","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_2.2.0_1689721280549_0.2668160260991699","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230815225224":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230815225224","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230815225224","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":"d58c7c9673a4e44a4518f6329cbd4a52331f0d85","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230815225224.tgz","fileCount":57,"integrity":"sha512-6HvvSOgd+9p+v4+F3ah1qW9LIib6byivAfL++ADY89mJuFw72e/c6O0NiHjfWJ4Jd/jmpnWs35jqNMuDWi8yZA==","signatures":[{"sig":"MEQCICPjxpqTAMtPmdQIo41C/BbTuTQ10ae8iqciIw+eYZlZAiAn0x+Nhfsr35vR+gBBSPl7VUpuIbS/MYDgBOWaP2Qcpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326549},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230815225224.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/37038a6a87fbf1295e0ec46b5927ff64/chakra-ui-tabs-0.0.0-dev-20230815225224.tgz","_integrity":"sha512-6HvvSOgd+9p+v4+F3ah1qW9LIib6byivAfL++ADY89mJuFw72e/c6O0NiHjfWJ4Jd/jmpnWs35jqNMuDWi8yZA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.0","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230815225224","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230815225224"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230815225224_1692139991033_0.10421701767593938","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230820153451":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230820153451","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230820153451","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":"6c8481b5749ba055f4f6e2ee78122a082962844e","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230820153451.tgz","fileCount":57,"integrity":"sha512-aRVRh2+q5B0SZ5yc90r/Q6ggNkecOLT1C3rs755qVhg84RBYniiE0AxPOmQSVQ8ZZGDUvnAMbLeg87c42RGqPw==","signatures":[{"sig":"MEQCIGm8hCJZII9aSyRVT0pjr5xxeZwSpTWhgjxK1d7ihrzUAiBTRyMrG7HuudgIUEjlxT9gwHKyQiSSQAhRLyKcTlsR8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":326549},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230820153451.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0bd546c712ea1ddab1ede721d1273c71/chakra-ui-tabs-0.0.0-dev-20230820153451.tgz","_integrity":"sha512-aRVRh2+q5B0SZ5yc90r/Q6ggNkecOLT1C3rs755qVhg84RBYniiE0AxPOmQSVQ8ZZGDUvnAMbLeg87c42RGqPw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.0","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/modal":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230820153451","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230820153451"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230820153451_1692545739043_0.06576286433634082","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822131635":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230822131635","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230822131635","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"babe90837fb8004df0891f5aa32d16c4783543ab","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230822131635.tgz","fileCount":65,"integrity":"sha512-2PVkiTwrTh/YAm+ck8rXF1OYqego0Gad6LwDcQrQYw7St6INQZZ4v1V05exsgoAaRkjtJQaiZTnWERK9FXbyfg==","signatures":[{"sig":"MEUCIGywJOUm0ZOa6a+wq51qKPXK1AykpFY0l9TehK3D9H52AiEAh/PtBnt3zhLMB9GuYVcMgYvLicSX/AdLwj5TgoMcTZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":371697},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230822131635.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4a488437a9ff1938c706ba24091017a9/chakra-ui-tabs-0.0.0-dev-20230822131635.tgz","_integrity":"sha512-2PVkiTwrTh/YAm+ck8rXF1OYqego0Gad6LwDcQrQYw7St6INQZZ4v1V05exsgoAaRkjtJQaiZTnWERK9FXbyfg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230822131635","@chakra-ui/system":"0.0.0-dev-20230822131635","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230822131635"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230822131635_1692710295954_0.5297938650560143","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822134434":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230822134434","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230822134434","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"97f93af17d1417ba1ac9bd6971a0f9d119fbf22a","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230822134434.tgz","fileCount":65,"integrity":"sha512-YfjmAwOqWXCkKn6vfk1NHrg/zwR2rc5VuBJzi4kZhbnx1ot5vpOrx7CKcyDfzG6HguWCVi5hzM+jhC9yRIvrkg==","signatures":[{"sig":"MEUCIH7yfesvwmT10HyIFY5K+tGRoYn1NgBsnkOp3g8CJCNlAiEAsS5cI3PBV2x0+IKr7YhjIWaR7w6jXiTJ6OPzXsNCo7k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":371697},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230822134434.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8396df2801b3f3ddb087872f86fa849a/chakra-ui-tabs-0.0.0-dev-20230822134434.tgz","_integrity":"sha512-YfjmAwOqWXCkKn6vfk1NHrg/zwR2rc5VuBJzi4kZhbnx1ot5vpOrx7CKcyDfzG6HguWCVi5hzM+jhC9yRIvrkg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230822134434","@chakra-ui/system":"0.0.0-dev-20230822134434","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230822134434"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230822134434_1692711957134_0.6813749290934106","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830093747":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230830093747","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230830093747","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"98834dc4734a82414d2f4ee41b17e58e958c0d86","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230830093747.tgz","fileCount":65,"integrity":"sha512-2qlqI7wx/XLG3rMpIBuj+vHkMQ4qvoN9ClJF/frhoOA3POE6KsQab3Kd2j/Y8WwewIVYz3HFonMPRNbyX5ZWXA==","signatures":[{"sig":"MEYCIQDj5+cYeudXn6k7LRq5LHdTc3HqsGERdMz9NCcBJFhxogIhAJE69PutEeo30Y/JZrIoKmMPQ2XlmB3MjqmCI25/gl6w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":371697},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230830093747.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/526b02d06e9ae5aa595cea99594265fa/chakra-ui-tabs-0.0.0-dev-20230830093747.tgz","_integrity":"sha512-2qlqI7wx/XLG3rMpIBuj+vHkMQ4qvoN9ClJF/frhoOA3POE6KsQab3Kd2j/Y8WwewIVYz3HFonMPRNbyX5ZWXA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230830093747","@chakra-ui/system":"0.0.0-dev-20230830093747","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830093747"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230830093747_1693388349690_0.6314346282350425","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830120642":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230830120642","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230830120642","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4698e946892ec6ab822ab33632f07de45c0fb00b","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230830120642.tgz","fileCount":65,"integrity":"sha512-ThMlNumbN+4jcCvAaielswJntRoFoM8xu6DPK52d4arFNKKdyjdGt2Rt6vxh2BGrm6ha8u5rIa0ldbJPhrvtjw==","signatures":[{"sig":"MEQCIFnXj0yEWdlPScFfBY/gx5PMajG/Q8/GcKuftkblVAQcAiBggWN4j336Hhm02GQyZMpYcrNUxJnODpPWhNJe8fUJLw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":371697},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230830120642.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cf5210ac1790089a125580c26fa878b2/chakra-ui-tabs-0.0.0-dev-20230830120642.tgz","_integrity":"sha512-ThMlNumbN+4jcCvAaielswJntRoFoM8xu6DPK52d4arFNKKdyjdGt2Rt6vxh2BGrm6ha8u5rIa0ldbJPhrvtjw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230830120642","@chakra-ui/system":"0.0.0-dev-20230830120642","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830120642"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230830120642_1693397280039_0.29186087015594","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830133821":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230830133821","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230830133821","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d682fd85e576faa65ca8a0a153f2c734514a76b2","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230830133821.tgz","fileCount":65,"integrity":"sha512-REr4CpVOaJXquEcnJGHJmIguVL+QLrI7r1cUJmcA8na+1XudBJG2PdHHzL6ipXT4uX5PsDn9pfMpzGYmygwytA==","signatures":[{"sig":"MEQCIAIkVkyiAuYEkd69uQyTVVMG2bCF04gCJoho/OaoHD5PAiBKeclci6Z4VKp8soD6IFb5lgeeRTHTg8f+7CINTzBDOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":371697},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230830133821.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4648c3495c244430d72649221454cb5b/chakra-ui-tabs-0.0.0-dev-20230830133821.tgz","_integrity":"sha512-REr4CpVOaJXquEcnJGHJmIguVL+QLrI7r1cUJmcA8na+1XudBJG2PdHHzL6ipXT4uX5PsDn9pfMpzGYmygwytA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230830133821","@chakra-ui/system":"0.0.0-dev-20230830133821","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830133821"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230830133821_1693402776978_0.2933215230049375","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230908144305":{"name":"@chakra-ui/tabs","version":"0.0.0-dev-20230908144305","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@0.0.0-dev-20230908144305","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3f9db0fb0bb2b719ac82a7e4de56536901bb81c1","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-0.0.0-dev-20230908144305.tgz","fileCount":65,"integrity":"sha512-IuuofQ354LvbeaLkDz1YPLkcIgyfM3V4HF5XFtUJekvmxBGPFCMdmwrNrGbi1zXjGFVfEzZxOPhmWKR9s/c2TQ==","signatures":[{"sig":"MEUCIQChJnVJmpAg1Pd3AddWX8u9IAj01j5WBG5ShATfLeXWDAIgbuQALScZfS6VysdNx6bLxwjEhJvxZAr8eLdjHmdN3Rk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":371697},"main":"dist/index.js","_from":"file:chakra-ui-tabs-0.0.0-dev-20230908144305.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a475b54b11028b885d7df4862d453414/chakra-ui-tabs-0.0.0-dev-20230908144305.tgz","_integrity":"sha512-IuuofQ354LvbeaLkDz1YPLkcIgyfM3V4HF5XFtUJekvmxBGPFCMdmwrNrGbi1zXjGFVfEzZxOPhmWKR9s/c2TQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/modal":"0.0.0-dev-20230908144305","@chakra-ui/system":"0.0.0-dev-20230908144305","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230908144305"},"_npmOperationalInternal":{"tmp":"tmp/tabs_0.0.0-dev-20230908144305_1694184263749_0.7085802071182365","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@chakra-ui/tabs","version":"3.0.0","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tabs@3.0.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":"854c06880af26158d7c72881c4b5e0453f6c485d","tarball":"https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-3.0.0.tgz","fileCount":65,"integrity":"sha512-6Mlclp8L9lqXmsGWF5q5gmemZXOiOYuh0SGT/7PgJVNPz3LXREXlXg2an4MBUD8W5oTkduCX+3KTMCwRrVrDYw==","signatures":[{"sig":"MEUCIE/VVdYHdPYb8Ypxsjw5R5E6u2+6OvTFQjarCeTS8V9GAiEAwp5AV0NMiEAEfQmLixEqO21J8TteKjNy09B/QH4aZAc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":371623},"main":"dist/index.js","_from":"file:chakra-ui-tabs-3.0.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/1815070fa4b32ab573054b64122bd0a3/chakra-ui-tabs-3.0.0.tgz","_integrity":"sha512-6Mlclp8L9lqXmsGWF5q5gmemZXOiOYuh0SGT/7PgJVNPz3LXREXlXg2an4MBUD8W5oTkduCX+3KTMCwRrVrDYw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"_npmVersion":"9.6.7","description":"Accessible Tabs component for React and Chakra UI","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/clickable":"2.1.0","@chakra-ui/descendant":"3.1.0","@chakra-ui/lazy-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0","@chakra-ui/react-use-safe-layout-effect":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/modal":"2.3.1","@chakra-ui/system":"2.6.1","@chakra-ui/react-use-interval":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tabs_3.0.0_1694214273278_0.5279678014959983","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:20.223Z","modified":"2025-08-25T12:25:14.325Z","1.0.0-next.0":"2020-06-20T20:43:20.592Z","1.0.0-next.1":"2020-06-21T09:41:39.296Z","1.0.0-next.2":"2020-06-22T15:36:29.379Z","1.0.0-next.3":"2020-06-28T16:36:01.060Z","1.0.0-next.4":"2020-07-01T17:42:57.853Z","1.0.0-next.5":"2020-07-15T10:37:17.741Z","1.0.0-next.6":"2020-07-15T15:35:43.235Z","1.0.0-next.7":"2020-07-26T12:55:58.260Z","1.0.0-rc.0":"2020-07-26T15:58:12.687Z","1.0.0-rc.1":"2020-08-06T21:14:57.019Z","1.0.0-rc.2":"2020-08-09T11:32:47.171Z","1.0.0-rc.3":"2020-08-30T15:30:28.112Z","1.0.0-rc.4":"2020-09-25T14:09:24.061Z","1.0.0-rc.5":"2020-09-27T20:28:13.164Z","1.0.0-rc.6":"2020-10-25T15:43:31.530Z","1.0.0-rc.7":"2020-10-25T21:39:18.584Z","1.0.0-rc.8":"2020-10-29T20:25:06.344Z","1.0.0":"2020-11-13T10:21:16.761Z","1.0.1":"2020-11-20T19:50:19.512Z","1.0.2":"2020-12-17T21:39:50.180Z","1.0.3":"2021-01-03T13:10:44.743Z","1.0.4":"2021-01-10T19:08:53.418Z","1.0.5":"2021-01-11T17:01:59.681Z","1.0.6":"2021-01-17T19:43:35.831Z","1.0.7":"2021-01-24T15:01:01.151Z","1.1.0":"2021-01-30T21:52:37.049Z","1.1.1":"2021-02-06T11:41:05.727Z","1.2.0":"2021-03-05T20:00:44.530Z","1.2.1":"2021-03-21T06:35:26.767Z","1.3.0":"2021-03-30T12:25:37.696Z","1.3.1":"2021-04-07T15:07:32.689Z","1.3.2":"2021-04-13T22:12:12.310Z","1.4.0":"2021-04-19T18:37:34.340Z","1.5.0":"2021-04-23T18:03:47.275Z","1.5.1":"2021-05-05T11:12:44.740Z","1.5.2":"2021-06-18T17:37:56.767Z","1.5.3":"2021-07-08T15:05:34.934Z","1.5.4-next.0":"2021-08-05T21:11:32.249Z","1.5.4":"2021-08-09T10:27:21.283Z","1.5.4-next.1":"2021-08-14T15:52:03.377Z","1.5.5":"2021-08-29T11:52:36.005Z","1.5.6":"2021-10-14T23:33:46.218Z","1.5.7":"2021-11-03T20:33:05.725Z","1.6.0":"2021-11-11T16:56:57.232Z","1.6.1":"2021-11-12T19:51:42.557Z","0.0.0-canary-2021118154929":"2021-12-08T15:50:24.171Z","0.0.0-canary-2021118164051":"2021-12-08T16:41:45.306Z","0.0.0-pr-20211191288":"2021-12-09T12:08:49.852Z","0.0.0-pr-202111921327":"2021-12-09T21:04:06.530Z","0.0.0-pr-20211113195848":"2021-12-13T19:59:22.793Z","0.0.0-pr-2021111320052":"2021-12-13T20:01:24.437Z","0.0.0-pr-2021111320117":"2021-12-13T20:11:41.859Z","0.0.0-pr-20211113201444":"2021-12-13T20:15:19.345Z","0.0.0-pr-20211113202333":"2021-12-13T20:24:06.059Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:27.349Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:58.652Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:37.509Z","0.0.0-dev-20211115103321":"2021-12-15T10:34:05.312Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:51.382Z","0.0.0-dev-2021112024830":"2021-12-20T02:49:08.887Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:38.839Z","0.0.0-dev-2021112031622":"2021-12-20T03:17:06.832Z","0.0.0-pr-20211120212826":"2021-12-20T21:29:07.618Z","0.0.0-pr-20211120212927":"2021-12-20T21:30:06.350Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:53.083Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:57.676Z","0.0.0-dev-20211120215621":"2021-12-20T21:57:07.868Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:36.544Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:40.093Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:24.118Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:45.220Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:26.955Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:33.956Z","0.0.0-pr-2021112616030":"2021-12-26T16:01:17.759Z","0.0.0-pr-2021112821613":"2021-12-28T21:07:00.711Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:23.860Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:35.558Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:58.622Z","0.0.0-pr-202111299618":"2021-12-29T09:07:07.239Z","0.0.0-pr-202111299647":"2021-12-29T09:07:31.703Z","0.0.0-dev-202111299720":"2021-12-29T09:08:09.769Z","0.0.0-dev-20211129982":"2021-12-29T09:08:53.272Z","0.0.0-pr-20211129981":"2021-12-29T09:09:00.446Z","0.0.0-pr-2021112991213":"2021-12-29T09:13:04.661Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:22.485Z","0.0.0-dev-20220114234":"2022-01-01T01:43:22.160Z","0.0.0-dev-20220114728":"2022-01-01T01:48:20.212Z","0.0.0-dev-202201134936":"2022-01-01T13:50:22.684Z","0.0.0-dev-20220281628":"2022-01-02T08:17:17.481Z","0.0.0-dev-20220282224":"2022-01-02T08:23:08.427Z","0.0.0-pr-2022028241":"2022-01-02T08:24:46.570Z","0.0.0-pr-2022028277":"2022-01-02T08:27:47.866Z","0.0.0-dev-2022028387":"2022-01-02T08:38:55.941Z","0.0.0-dev-2022028457":"2022-01-02T08:45:48.193Z","0.0.0-pr-20220284534":"2022-01-02T08:46:19.306Z","0.0.0-dev-2022028579":"2022-01-02T08:57:57.486Z","0.0.0-pr-202203225541":"2022-01-03T22:56:30.947Z","0.0.0-pr-202203231241":"2022-01-03T23:13:27.516Z","0.0.0-pr-20220483049":"2022-01-04T08:31:44.794Z","0.0.0-pr-202204173424":"2022-01-04T17:35:06.792Z","0.0.0-pr-202204174042":"2022-01-04T17:41:30.433Z","0.0.0-pr-202204174930":"2022-01-04T17:50:19.915Z","1.6.2":"2022-01-04T20:36:28.468Z","0.0.0-pr-202204203645":"2022-01-04T20:37:32.751Z","0.0.0-pr-20220421928":"2022-01-04T21:10:13.180Z","0.0.0-pr-202206185910":"2022-01-06T19:00:09.511Z","0.0.0-pr-202206192031":"2022-01-06T19:21:18.887Z","0.0.0-pr-20220620149":"2022-01-06T20:02:35.976Z","0.0.0-dev-20220620653":"2022-01-06T20:07:34.392Z","0.0.0-pr-2022062070":"2022-01-06T20:07:47.643Z","0.0.0-pr-202208163634":"2022-01-08T16:37:23.552Z","0.0.0-pr-20220816386":"2022-01-08T16:38:55.880Z","0.0.0-pr-202208164521":"2022-01-08T16:46:08.296Z","0.0.0-pr-202209205059":"2022-01-09T20:51:41.665Z","0.0.0-pr-20220920538":"2022-01-09T20:53:50.764Z","0.0.0-pr-202209211330":"2022-01-09T21:14:13.949Z","0.0.0-pr-20220921590":"2022-01-09T21:59:37.637Z","0.0.0-pr-202209231642":"2022-01-09T23:17:20.768Z","0.0.0-pr-202209231818":"2022-01-09T23:19:01.301Z","0.0.0-pr-202209231927":"2022-01-09T23:20:10.303Z","0.0.0-pr-2022010134944":"2022-01-10T13:50:20.063Z","0.0.0-dev-202201013510":"2022-01-10T13:51:51.821Z","0.0.0-pr-202201013538":"2022-01-10T13:53:45.174Z","0.0.0-dev-202201117413":"2022-01-11T17:41:38.570Z","0.0.0-pr-2022011175644":"2022-01-11T17:57:23.472Z","0.0.0-pr-2022011182024":"2022-01-11T18:21:07.601Z","0.0.0-dev-2022013185957":"2022-01-13T19:00:37.517Z","0.0.0-pr-202201319022":"2022-01-13T19:01:03.467Z","0.0.0-dev-202201319130":"2022-01-13T19:02:08.092Z","0.0.0-pr-202201319211":"2022-01-13T19:03:04.332Z","0.0.0-pr-2022013191557":"2022-01-13T19:16:34.320Z","0.0.0-pr-2022013191627":"2022-01-13T19:17:05.948Z","0.0.0-pr-2022013191632":"2022-01-13T19:17:21.656Z","0.0.0-pr-2022013191659":"2022-01-13T19:17:40.859Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:32.306Z","0.0.0-dev-2022013193154":"2022-01-13T19:32:33.998Z","0.0.0-dev-2022013193526":"2022-01-13T19:36:11.090Z","0.0.0-pr-2022014102532":"2022-01-14T10:26:14.236Z","0.0.0-dev-202201418849":"2022-01-14T18:09:33.165Z","0.0.0-pr-202201418280":"2022-01-14T18:28:50.411Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:27.025Z","0.0.0-pr-2022017182645":"2022-01-17T18:27:24.059Z","0.0.0-dev-2022017182859":"2022-01-17T18:29:45.806Z","0.0.0-dev-20220209527":"2022-01-20T09:06:12.700Z","0.0.0-pr-2022020961":"2022-01-20T09:06:59.299Z","0.0.0-pr-20220209192":"2022-01-20T09:19:56.105Z","0.0.0-pr-202202092345":"2022-01-20T09:24:35.771Z","0.0.0-pr-202202495259":"2022-01-24T09:53:52.486Z","0.0.0-pr-202202495536":"2022-01-24T09:56:31.971Z","0.0.0-pr-202202495553":"2022-01-24T09:56:41.674Z","0.0.0-dev-202202495727":"2022-01-24T09:58:20.960Z","0.0.0-dev-202202410017":"2022-01-24T10:01:04.803Z","0.0.0-pr-202202410034":"2022-01-24T10:01:28.179Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:43.749Z","0.0.0-pr-202202423375":"2022-01-24T23:37:48.730Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:20.033Z","0.0.0-dev-20220258423":"2022-01-25T08:42:54.744Z","0.0.0-pr-202202584437":"2022-01-25T08:45:29.825Z","0.0.0-pr-20220258462":"2022-01-25T08:46:48.010Z","0.0.0-dev-20220258486":"2022-01-25T08:48:59.605Z","0.0.0-dev-202202585455":"2022-01-25T08:55:40.978Z","0.0.0-pr-20220259146":"2022-01-25T09:14:52.572Z","0.0.0-dev-202202591453":"2022-01-25T09:15:44.521Z","0.0.0-dev-202202591937":"2022-01-25T09:20:27.405Z","0.0.0-dev-202202592640":"2022-01-25T09:27:36.152Z","0.0.0-pr-20220251866":"2022-01-25T18:06:53.366Z","1.6.3":"2022-01-25T18:07:33.852Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:43.885Z","0.0.0-pr-2022026182926":"2022-01-26T18:30:07.963Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:27.500Z","0.0.0-pr-202202618407":"2022-01-26T18:40:41.677Z","0.0.0-pr-20220300344":"2022-01-30T00:04:21.683Z","0.0.0-dev-20221152957":"2022-02-01T05:30:40.221Z","0.0.0-pr-20221153122":"2022-02-01T05:32:03.924Z","0.0.0-pr-20221173228":"2022-02-01T07:33:09.590Z","0.0.0-pr-20221173648":"2022-02-01T07:37:35.524Z","0.0.0-pr-202211224055":"2022-02-01T22:41:32.044Z","0.0.0-pr-202211224227":"2022-02-01T22:43:09.756Z","0.0.0-pr-20221263638":"2022-02-02T06:37:30.955Z","0.0.0-pr-20221263715":"2022-02-02T06:37:59.117Z","0.0.0-pr-20221272130":"2022-02-02T07:22:19.156Z","0.0.0-pr-20221272450":"2022-02-02T07:25:38.274Z","0.0.0-dev-202213175727":"2022-02-03T17:58:11.115Z","0.0.0-pr-20221462931":"2022-02-04T06:30:30.666Z","0.0.0-dev-20221463045":"2022-02-04T06:31:39.558Z","1.6.4":"2022-02-04T06:35:56.226Z","0.0.0-pr-202214171317":"2022-02-04T17:14:13.645Z","0.0.0-pr-202214173019":"2022-02-04T17:31:07.699Z","0.0.0-pr-20221417318":"2022-02-04T17:32:03.018Z","0.0.0-pr-202214173148":"2022-02-04T17:32:39.067Z","0.0.0-pr-202215111823":"2022-02-05T11:19:15.062Z","0.0.0-dev-202215111945":"2022-02-05T11:20:41.076Z","0.0.0-dev-202215112739":"2022-02-05T11:28:24.249Z","0.0.0-pr-202215113521":"2022-02-05T11:36:06.409Z","0.0.0-pr-202215113950":"2022-02-05T11:40:43.945Z","0.0.0-dev-202215114149":"2022-02-05T11:42:44.174Z","0.0.0-pr-202215114422":"2022-02-05T11:45:08.927Z","0.0.0-dev-202215114442":"2022-02-05T11:45:35.674Z","0.0.0-pr-202215114917":"2022-02-05T11:50:14.796Z","0.0.0-pr-20221512346":"2022-02-05T12:04:37.101Z","0.0.0-pr-20221512130":"2022-02-05T12:13:52.523Z","0.0.0-pr-202215121320":"2022-02-05T12:14:07.936Z","0.0.0-dev-202215121353":"2022-02-05T12:14:36.054Z","0.0.0-dev-202215121428":"2022-02-05T12:15:09.315Z","0.0.0-dev-20221512173":"2022-02-05T12:17:47.576Z","0.0.0-dev-202215122415":"2022-02-05T12:25:07.030Z","0.0.0-pr-20221512359":"2022-02-05T12:35:56.637Z","0.0.0-pr-202215125733":"2022-02-05T12:58:24.472Z","0.0.0-pr-202215132532":"2022-02-05T13:26:20.198Z","0.0.0-dev-20221513279":"2022-02-05T13:28:04.150Z","1.6.5":"2022-02-05T13:36:36.141Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:22.451Z","0.0.0-pr-202211594731":"2022-02-15T09:48:16.494Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:51.841Z","0.0.0-pr-202211713187":"2022-02-17T13:18:53.071Z","1.6.6":"2022-02-17T13:22:12.201Z","0.0.0-dev-202211720414":"2022-02-17T20:04:54.068Z","0.0.0-dev-2022117201925":"2022-02-17T20:20:14.111Z","0.0.0-dev-2022117203714":"2022-02-17T20:37:59.360Z","0.0.0-dev-202212083710":"2022-02-20T08:38:10.909Z","0.0.0-pr-202212011232":"2022-02-20T11:03:25.366Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:42.042Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:49.277Z","0.0.0-dev-2022120114225":"2022-02-20T11:43:12.403Z","0.0.0-dev-202212012129":"2022-02-20T12:12:52.514Z","0.0.0-dev-2022120123118":"2022-02-20T12:32:13.357Z","1.6.7":"2022-02-20T12:41:13.100Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:31.791Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:26.121Z","0.0.0-dev-202212821520":"2022-02-28T21:52:36.552Z","0.0.0-dev-202212822477":"2022-02-28T22:47:43.217Z","0.0.0-dev-2022128224832":"2022-02-28T22:49:08.838Z","1.6.8":"2022-02-28T23:07:18.810Z","0.0.0-dev-202221016349":"2022-03-10T16:34:29.440Z","0.0.0-dev-202221417325":"2022-03-14T17:04:19.228Z","0.0.0-dev-202221417436":"2022-03-14T17:05:14.134Z","0.0.0-dev-2022214171014":"2022-03-14T17:11:36.466Z","0.0.0-dev-2022214195434":"2022-03-14T19:55:13.165Z","0.0.0-dev-2022214195653":"2022-03-14T19:57:26.709Z","0.0.0-dev-202221419595":"2022-03-14T19:59:47.438Z","0.0.0-dev-2022215181125":"2022-03-15T18:12:02.009Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:30.845Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:36.449Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:15.610Z","0.0.0-dev-2022225182931":"2022-03-25T18:30:06.197Z","1.6.9":"2022-03-27T11:35:25.633Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:25.722Z","0.0.0-dev-20223215463":"2022-04-02T15:46:38.286Z","0.0.0-dev-2022349032":"2022-04-04T09:01:16.514Z","0.0.0-dev-2022349233":"2022-04-04T09:03:18.510Z","0.0.0-dev-2022349957":"2022-04-04T09:10:29.851Z","0.0.0-dev-20223491859":"2022-04-04T09:19:46.505Z","0.0.0-dev-20223655213":"2022-04-06T05:52:49.616Z","0.0.0-dev-202236131344":"2022-04-06T13:14:27.327Z","0.0.0-dev-202236132312":"2022-04-06T13:23:48.046Z","0.0.0-dev-20223614103":"2022-04-06T14:10:41.843Z","0.0.0-dev-202236141416":"2022-04-06T14:14:52.378Z","1.6.10":"2022-04-07T15:34:36.656Z","2.0.0-next.0":"2022-04-15T15:22:29.269Z","2.0.0-next.1":"2022-04-22T06:05:36.010Z","2.0.0-next.2":"2022-05-05T08:21:04.929Z","2.0.0-next.3":"2022-05-09T08:41:19.015Z","2.0.0":"2022-05-12T17:52:23.089Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:12.712Z","0.0.0-dev-202241614743":"2022-05-16T14:08:19.773Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:21.694Z","0.0.0-dev-202241784047":"2022-05-17T08:41:25.865Z","0.0.0-dev-202241794553":"2022-05-17T09:46:25.366Z","0.0.0-dev-202241710143":"2022-05-17T10:02:17.252Z","0.0.0-dev-202241710959":"2022-05-17T10:10:39.964Z","0.0.0-dev-202241716586":"2022-05-17T16:58:37.598Z","0.0.0-dev-2022418165624":"2022-05-18T16:56:47.679Z","0.0.0-dev-2022418173331":"2022-05-18T17:33:55.184Z","0.0.0-dev-2022419101754":"2022-05-19T10:18:34.254Z","0.0.0-dev-2022419173934":"2022-05-19T17:40:19.317Z","0.0.0-dev-2022419174740":"2022-05-19T17:48:18.733Z","0.0.0-dev-20224205231":"2022-05-20T05:23:46.085Z","0.0.0-dev-2022421153722":"2022-05-21T15:38:03.654Z","0.0.0-dev-202242121518":"2022-05-21T21:05:59.175Z","2.0.1":"2022-05-22T05:41:29.762Z","0.0.0-dev-20224239149":"2022-05-23T09:02:30.666Z","0.0.0-dev-2022423113827":"2022-05-23T11:38:59.685Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:17.100Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:56.428Z","0.0.0-dev-20224248246":"2022-05-24T08:03:26.656Z","0.0.0-dev-20224248516":"2022-05-24T08:05:56.985Z","0.0.0-dev-202242481651":"2022-05-24T08:17:37.828Z","2.0.2":"2022-05-24T12:28:24.401Z","0.0.0-dev-202255105723":"2022-06-05T10:58:10.124Z","0.0.0-dev-20225517307":"2022-06-05T17:30:55.682Z","0.0.0-dev-202255185818":"2022-06-05T18:58:57.632Z","0.0.0-dev-2022551939":"2022-06-05T19:03:45.212Z","0.0.0-dev-202256151938":"2022-06-06T15:20:18.331Z","0.0.0-dev-202256153840":"2022-06-06T15:39:42.455Z","0.0.0-dev-20225619634":"2022-06-06T19:07:13.538Z","0.0.0-dev-202256192154":"2022-06-06T19:22:45.166Z","2.0.3":"2022-06-06T20:41:41.637Z","0.0.0-dev-202257113227":"2022-06-07T11:33:02.314Z","0.0.0-dev-202257113310":"2022-06-07T11:33:42.508Z","0.0.0-dev-2022587541":"2022-06-08T07:06:30.426Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:53.333Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:36.745Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:15.258Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:18.551Z","0.0.0-dev-2022515163532":"2022-06-15T16:36:10.587Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:22.928Z","0.0.0-dev-2022516151633":"2022-06-16T15:17:12.989Z","0.0.0-dev-202251616831":"2022-06-16T16:09:16.784Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:38.761Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:21.577Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:55.391Z","0.0.0-dev-2022520164715":"2022-06-20T16:48:00.556Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:36.143Z","2.0.4":"2022-06-21T07:48:00.084Z","0.0.0-dev-202264144818":"2022-07-04T14:49:15.693Z","0.0.0-dev-2022659325":"2022-07-05T09:04:03.721Z","0.0.0-dev-2022659431":"2022-07-05T09:05:11.538Z","0.0.0-dev-2022669710":"2022-07-06T09:08:01.917Z","0.0.0-dev-202268163535":"2022-07-08T16:36:26.863Z","0.0.0-dev-202268165050":"2022-07-08T16:51:29.680Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:57.913Z","0.0.0-dev-2022610103924":"2022-07-10T10:40:07.059Z","2.0.5":"2022-07-10T10:57:21.874Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:58.784Z","0.0.0-dev-202261316456":"2022-07-13T16:45:46.659Z","0.0.0-dev-202261317818":"2022-07-13T17:09:02.816Z","2.0.6":"2022-07-13T18:44:16.706Z","2.0.7":"2022-07-25T05:10:56.716Z","0.0.0-dev-20220804193103":"2022-08-04T19:33:15.432Z","0.0.0-dev-20220804193815":"2022-08-04T19:39:04.721Z","0.0.0-dev-20220804194739":"2022-08-04T19:49:11.086Z","0.0.0-dev-20220804200605":"2022-08-04T20:07:39.314Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:44.117Z","2.0.8":"2022-08-05T10:13:19.571Z","0.0.0-dev-20220810112922":"2022-08-10T11:30:13.517Z","0.0.0-dev-20220810121727":"2022-08-10T12:18:26.164Z","0.0.0-dev-20220810122556":"2022-08-10T12:26:49.362Z","0.0.0-dev-20220810124358":"2022-08-10T12:45:11.954Z","0.0.0-dev-20220810132240":"2022-08-10T13:23:35.692Z","0.0.0-dev-20220811084042":"2022-08-11T08:42:02.897Z","0.0.0-dev-20220811093515":"2022-08-11T09:36:30.813Z","0.0.0-dev-20220811160709":"2022-08-11T16:08:35.290Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:55.787Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:49.892Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:36.923Z","0.0.0-dev-20220813053727":"2022-08-13T05:39:01.452Z","0.0.0-dev-20220813055957":"2022-08-13T06:01:19.010Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:32.772Z","0.0.0-dev-20220813070741":"2022-08-13T07:09:01.276Z","0.0.0-dev-20220813083358":"2022-08-13T08:35:14.430Z","2.0.9":"2022-08-13T10:50:30.008Z","2.0.10":"2022-08-14T07:11:11.167Z","0.0.0-dev-20220819090547":"2022-08-19T09:06:19.701Z","0.0.0-dev-20220819092119":"2022-08-19T09:22:11.930Z","0.0.0-dev-20220819114147":"2022-08-19T11:42:34.112Z","0.0.0-dev-20220819115812":"2022-08-19T11:59:20.642Z","0.0.0-dev-20220819125800":"2022-08-19T12:59:16.438Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:38.148Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:56.588Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:40.604Z","0.0.0-dev-20220819191103":"2022-08-19T19:12:17.423Z","0.0.0-dev-20220820120308":"2022-08-20T12:04:06.300Z","0.0.0-dev-20220820124231":"2022-08-20T12:44:08.077Z","0.0.0-dev-20220820152257":"2022-08-20T15:24:34.499Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:53.957Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:48.094Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:59.731Z","0.0.0-dev-20220820185458":"2022-08-20T18:56:19.712Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:45.094Z","0.0.0-dev-20220820195548":"2022-08-20T19:57:10.712Z","0.0.0-dev-20220822051456":"2022-08-22T05:16:25.742Z","0.0.0-dev-20220822054045":"2022-08-22T05:42:10.450Z","0.0.0-dev-20220822055339":"2022-08-22T05:55:24.334Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:46.966Z","0.0.0-dev-20220822184448":"2022-08-22T18:46:30.302Z","0.0.0-dev-20220823150801":"2022-08-23T15:09:26.658Z","0.0.0-dev-20220823165602":"2022-08-23T16:57:31.969Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:46.130Z","0.0.0-dev-20220823195046":"2022-08-23T19:52:51.573Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:46.344Z","0.0.0-dev-20220824080240":"2022-08-24T08:04:07.305Z","0.0.0-dev-20220824082222":"2022-08-24T08:24:31.487Z","2.1.0":"2022-08-24T08:47:20.922Z","0.0.0-dev-20220826105339":"2022-08-26T10:54:23.726Z","0.0.0-dev-20220826112743":"2022-08-26T11:28:33.892Z","0.0.0-dev-20220826121619":"2022-08-26T12:16:56.307Z","0.0.0-dev-20220826124049":"2022-08-26T12:41:39.904Z","0.0.0-dev-20220826130746":"2022-08-26T13:08:37.170Z","0.0.0-dev-20220826154141":"2022-08-26T15:42:28.599Z","0.0.0-dev-20220829120312":"2022-08-29T12:04:11.923Z","0.0.0-dev-20220829121234":"2022-08-29T12:13:20.945Z","0.0.0-dev-20220829143113":"2022-08-29T14:32:01.824Z","2.1.1":"2022-08-29T15:15:23.818Z","0.0.0-dev-20220912120959":"2022-09-12T12:11:13.220Z","0.0.0-dev-20220912132201":"2022-09-12T13:23:09.614Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:44.060Z","0.0.0-dev-20220914090509":"2022-09-14T09:06:33.799Z","0.0.0-dev-20220914105014":"2022-09-14T10:51:20.280Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:58.959Z","0.0.0-dev-20220916141616":"2022-09-16T14:17:27.035Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:51.101Z","1.6.11":"2022-09-16T15:21:11.588Z","0.0.0-dev-20220916164745":"2022-09-16T16:49:02.472Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:34.664Z","2.1.2":"2022-09-19T07:37:30.590Z","0.0.0-dev-20220920121057":"2022-09-20T12:12:19.046Z","0.0.0-dev-20220921093814":"2022-09-21T09:40:05.015Z","0.0.0-dev-20220922114557":"2022-09-22T11:47:15.199Z","0.0.0-dev-20220922115811":"2022-09-22T11:59:38.312Z","0.0.0-dev-20220926164115":"2022-09-26T16:43:02.510Z","0.0.0-dev-20220926165450":"2022-09-26T16:56:08.300Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:55.379Z","0.0.0-dev-20220929132459":"2022-09-29T13:26:40.889Z","2.1.3":"2022-10-03T09:12:59.199Z","0.0.0-dev-20221017063840":"2022-10-17T06:39:35.546Z","2.1.4":"2022-10-17T07:22:40.484Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:48.641Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:39.595Z","0.0.0-dev-20221107182607":"2022-11-07T18:27:28.676Z","0.0.0-dev-20221108071844":"2022-11-08T07:20:07.495Z","0.0.0-dev-20221108073543":"2022-11-08T07:37:18.431Z","0.0.0-dev-20221108075029":"2022-11-08T07:52:04.326Z","0.0.0-dev-20221108083411":"2022-11-08T08:35:22.201Z","0.0.0-dev-20221108090938":"2022-11-08T09:11:09.564Z","0.0.0-dev-20221108093520":"2022-11-08T09:37:06.603Z","0.0.0-dev-20221108100218":"2022-11-08T10:04:05.136Z","0.0.0-dev-20221108124603":"2022-11-08T12:47:18.075Z","2.1.5":"2022-11-14T11:53:31.749Z","0.0.0-dev-20221223180742":"2022-12-23T18:09:01.263Z","2.1.6":"2022-12-26T13:14:13.476Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:38.644Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:56.597Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:58.023Z","0.0.0-dev-20230112143332":"2023-01-12T14:35:19.566Z","0.0.0-dev-20230112145104":"2023-01-12T14:52:24.423Z","0.0.0-dev-20230112152756":"2023-01-12T15:29:29.515Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:53.539Z","2.1.7":"2023-01-12T16:06:10.176Z","0.0.0-dev-20230116120206":"2023-01-16T12:03:16.618Z","0.0.0-dev-20230116122157":"2023-01-16T12:23:24.109Z","0.0.0-dev-20230116124502":"2023-01-16T12:46:18.009Z","2.1.8":"2023-01-16T15:07:27.287Z","0.0.0-dev-20230320183136":"2023-03-20T18:32:51.399Z","0.0.0-dev-20230320184810":"2023-03-20T18:49:14.880Z","2.1.9":"2023-03-23T10:17:29.407Z","0.0.0-dev-20230716142935":"2023-07-16T14:30:38.458Z","0.0.0-dev-20230718122336":"2023-07-18T12:25:56.462Z","0.0.0-dev-20230718124717":"2023-07-18T12:49:19.554Z","0.0.0-dev-20230718130742":"2023-07-18T13:09:25.053Z","0.0.0-dev-20230718132637":"2023-07-18T13:28:29.188Z","2.2.0":"2023-07-18T23:01:20.721Z","0.0.0-dev-20230815225224":"2023-08-15T22:53:11.240Z","0.0.0-dev-20230820153451":"2023-08-20T15:35:39.223Z","0.0.0-dev-20230822131635":"2023-08-22T13:18:16.174Z","0.0.0-dev-20230822134434":"2023-08-22T13:45:57.302Z","0.0.0-dev-20230830093747":"2023-08-30T09:39:09.888Z","0.0.0-dev-20230830120642":"2023-08-30T12:08:00.208Z","0.0.0-dev-20230830133821":"2023-08-30T13:39:37.205Z","0.0.0-dev-20230908144305":"2023-09-08T14:44:23.990Z","3.0.0":"2023-09-08T23:04:33.512Z"},"bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","homepage":"https://github.com/chakra-ui/chakra-ui#readme","keywords":["react","react component","tabs","accessible tabs","a11y tabs","react a11y tabs","react accessible tabs","react tabs","chakra ui","chakra","react tabs component","a11y","react aria tabs","aria","aria tabs"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tabs"},"description":"Accessible Tabs component for React and Chakra UI","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# @chakra-ui/tabs\n\nAn accessible tabs component.\n\nThe `Tab` and `TabPanel` elements are associated by their order in the tree.\nNone of the components are empty wrappers, each is associated with a real DOM\nelement in the document, giving you maximum control over styling and\ncomposition.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tabs\n\n# or\n\nnpm i @chakra-ui/tabs\n```\n\n## Import components\n\n```jsx\nimport { Tabs, TabList, TabPanels, Tab, TabPanel } from \"@chakra-ui/react\"\n```\n\n## Usage\n\n```jsx\n\n \n One\n Two\n Three\n \n\n \n \n

one!

\n \n \n

two!

\n \n \n

three!

\n \n \n\n```\n\n### Tab variants and color schemes\n\nTabs come in 6 different variants to style the tabs: `line`,`enclosed`,\n`enclosed-colored`, `soft-rounded`, `solid-rounded`. Each variant comes it\ndifferent color schemes.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Manually Activated Tabs\n\nBy default, `Tabs` are activated automatically. This means when you use the\narrow keys to change tabs, the tab is activated and focused.\n\nThe content of a `TabPanel` should ideally be preloaded. However, if switching\nto a tab panel causes a network request and possibly a page refresh, there might\nbe some notable latency and this might affect the experience for keyboard and\nscreen reader users.\n\nIn this scenario, you should use a manually activated tab, it moves focus\nwithout activating the tabs. With focus on a specific tab, users can activate a\ntab by pressing Space or Enter.\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n\n### Tab sizes\n\nYou can change the size of the tab by passing `size` prop. We support 3 sizes\n`sm`, `md`, `lg`\n\n```jsx\n\n \n One\n Two\n \n \n \n

one!

\n \n \n

two!

\n \n \n\n```\n","readmeFilename":"README.md"}