{"_id":"@chakra-ui/tag","_rev":"457-7f56517fbaed04d1d79d3dbcd1ce6e83","name":"@chakra-ui/tag","dist-tags":{"canary":"0.0.0-canary-2021118164051","pr":"0.0.0-pr-202212011232","next":"2.0.0-next.2","next-dev":"0.0.0-next-dev-202241614737","dev":"0.0.0-dev-20230908144305","latest":"3.1.1"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/tag","version":"1.0.0-next.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9c269ae262d0a2bd4d0172a5f033b9d3ed721b63","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.0.tgz","fileCount":15,"integrity":"sha512-NQi7gG7aopn1KQxukBDA8fqumrwApOV7hp1It2jiZVRF8PeEYB4mo22XyD3ibjSH/sq+3NJ7huFOp+9Ip++ksQ==","signatures":[{"sig":"MEYCIQCsi+j3pzF6UvzP80RxnxFkAqDubU9MfCUqNCUogZMZNwIhAMOgkYXrkMNPXoWYHNobn8XpmEbemVMhj3OP1u1t7Uhd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27555,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nTfCRA9TVsSAnZWagAAv/YP/2hVuYcfAFX6oWbrwG+H\nav5BPMkV6an3Mqf8f0Zm6/O+bMEB/d4hGZM4PPErJiJCOBFQyvmff36qrVUU\n7mXwzzJwpu+1p4kTWUwX5nudSEOnXofEhtlwq1PCrlncWpBMQ3zx7sSy8BJX\n1yDX/4ULRQ/QrcStZllLZYSeZp1fisseBdXqy7rWFcxdZmbiU8lz+AmMZIAv\nMExIzagkL5FNdjiCOkZ88cTA0/GeYQ+/HjKPfnQXlDYvWYVB4yu3m1fEh1Ox\nO1LdPTK7Ut/bDIuXdDs6ksUNoBq1S0UV6tvpqN9q5ENZuG1Z5s1XFJ9sR0Cn\nRmQvIFgxW/4hzu+FBpfIoT3RGwMPnDelJTtAYbq2TCIk2rwpskqD7Xs7OgZn\n6McFFMC4gLoF5/YLGu2B3J/lB1jzkY87HFD4XXkGmIEsDhR2FW+uXL/VyQhK\ni4omjjHk071Ux+k6KjagjhvC4Asp2/ZUTlwrU3bYMwAy+fga8MH064wTazA2\nu8c9+YQrVFb8nw96PFwPxbgsCrVT1zqydfrve9RMgOL+n62WeHt4P9fg+TgD\nPPbBmOJIqr0Bz0VmUOmWvI4M3pIaDUfrxGo8VoDzeWq0uDPR+K3zfxHdXuNN\nis2tvk74NvIKS8NOgrnvS8LIP9KLAeh59K5zmCPpo/IrlnlBTZky5CJmvaNP\n/07H\r\n=hWcI\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_1.0.0-next.0_1592685791057_0.041882927796124125","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/tag","version":"1.0.0-next.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4b2a04ef4a1538ccb7c0fd31b92a5cf226a5cfef","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.1.tgz","fileCount":16,"integrity":"sha512-4OW/gVgVymKokPLq9WCoIk5/k2+7FdXlkuyZm4HiY4H+0JxLnfcq6FqLCbS2P9k2lwkvLGXQi605tXmpf5rA7A==","signatures":[{"sig":"MEYCIQDQuMdqngr/AlpMysB4hSr3MzGry4gTATKdi8XceEZ6RgIhAIRA60xgO7CgogRWwRvmYapRMiAJsYjPkIlLF48XAsKo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytKCRA9TVsSAnZWagAANGwP/Ar29qYdfE3dm5Zzw+24\nqt6ZBHoJDhRU0Pk7JjLPuuvLCqa71ZJNLeCQy1jUofoopVz9IJKWR72V2AFB\n6PJ0bZTTcjDzjb4pscsHQtTQp5oLKLbezUksZzmszka9ZuzmWCCkrOWRPKzM\nUvsh4BmuAkH9AOyZu+aeyEmk49x8sAuW3/QG13NnwnY7cgS0LqJGmMaXZPVv\nMk/GNnALIB3fxs0prgbqQIqMKCe3v+nzwcM/fkp5SEP+OW5oktaGPYKekqBT\nfW0DYhX7J/8v2rsFJMCJrHOyx5aXVDdL32MtEe9uQw/bQHHcmhf01ZhxI0a7\nGZ8NwNkVl+/e7Qf8s+Kz3ltJMbjHjukXnFeplA3p9HLrNrS8Q0tvNcLiZahM\npCtjOUUrPO8N4D0yha9MQo+uoNSuSWLDaMNErKsxCnCwZfiNYzN4raJq1uwg\nRdLrMOU4hx5UL32dUDkNsQKc/P2MarULW0zhp38d0QVd6Zj/uH7+FFHqqkVZ\nYkZ8TR02fQ9CoCkzd1vNkd/uNJJFsTT+10PZHojorhG3qy1FKg6S5xEaOMht\nvMQ1SEgJASA8IRVEvOZFKCmFWTd/82Qm/uruUFQqQIphoO3BPrmDoVTZI/UO\nWTjfqq1HurvcGZpwqvFy34ZTs8rC4KM1xopJJitzzIr3Wy65hLnlrVXKxays\nrT76\r\n=uTQg\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.1","@chakra-ui/utils":"^1.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/tag_1.0.0-next.1_1592732489717_0.8032529936104282","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/tag","version":"1.0.0-next.2","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d5f4683e09cbfd2ef4eb8cfa9b7e5ab81793d57f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.2.tgz","fileCount":16,"integrity":"sha512-dbECCZIiUs/Rrpx639ZNcLJc4fy5eNMRkX3400Dw+1+WElU68vUoJ28/bZRyzKhgGZQXnl36MH4PXMN3Y0pjBQ==","signatures":[{"sig":"MEQCIDNXRZMVHRMxr/mlduAHuQv5Ub9bIIK/oTPQgdvlaCiRAiBL5dnTBGiO6Fws6XPkq3eR7dWeeSH/0rLJSovOC5N7mQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":29494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M/nCRA9TVsSAnZWagAApZMP+wdBLdE5m5WBK1y7p4Wi\np3duxGUY12wuCYLMAUltHOenV0bqXzSOOjMIzLrkRbTQnQodlT1wn8uahD45\nP+5T1hyc8GBgAw2KmGJb4X9lgltFqYk6P5mFijYJDumGvanckx6tMFartdjb\nDqSPqOfGdqvx/N+s9rlJfWLKfDCNyMa2ys1/gxNLRPa3GEZyjyLOePWn+X+w\nLuPk7mMy9DjuftfEAZKrMfQU9QXv8K3JE4ixXwmNCozMjpzH4S8KvdykSFm1\n46h3X8gCL+cUq99+/n3t5G1rWhsN6fr4QHWSndZUegAvXbjCwBQv4iGtV25Q\nvIUOTz6v/2hkkPvPGS442AYrnljNcSFPTpt6LxUbRgvxU/Cyp9VD7wAEgIiX\nHXCb6BqX5gHzUrFZPFiHN8M4QO7Dh4o6EBxPekZlQP2uNBmLpVI05cB/j+U9\nRnivykjgvU2BNUJt/XlExalMPf9rhr/7aBoAzSr1Sx11Dop2yhehfhSaGcGQ\nJdMIWbUD79YJnrgUXt3q+0XR2k+Xo89qAN2m7IkPau8GZJQG2W7aiTYr18uQ\nu91e8YFi9npx/sMbZ4PbNu4X2LEuoVMBKLTgfZ2N1eTXWqvgfVtEV7SsRVhl\n4QTm3/VWRyw1AwV90e4kQ0J4mkE6Gsvz2nXbITLOGSMgH4AIs5NBdapoXPGJ\n3Ju6\r\n=p3w7\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.2","@chakra-ui/utils":"^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/tag_1.0.0-next.2_1592840167200_0.6409045566934106","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/tag","version":"1.0.0-next.3","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"0ea0fcc079dfd42e4573c5aeaa00cfdf981c3c4f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.3.tgz","fileCount":18,"integrity":"sha512-6BEGHjNS1Fcp49zLiD6LrqKqexFZl5TKOoZeWbkWkFDW3Q8PmfEzwV7fMlIyZzoh8oK7I0k6X4n0nye6WQ86NQ==","signatures":[{"sig":"MEUCIHw9YheTHvvE3z6w+P+VN5KxtvEUNdw4ZDdtN+sIcs7iAiEAjpWG6eWLgrmXYGRnkS23E1d+00YN9mzHlc9gPqWrJB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32658,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+MbWCRA9TVsSAnZWagAADZcP/3E1o8FgL6rZbnM7gnTV\n+J34ujpxJ3INxEkFK6LwwWCNWRZ26nZ4HtR7LEK3+wtHGdZhc/FBwoP5LfHV\nQ1UYSNuTuFYfXHs6P8o1cOdDLvoasW7TF7U0ze8qbkMvvLWoEFEb4w5449Bs\nYXKk2MzvUxr3TqWChJ6XLAzfsT7hSJ4e3IGBDP1XYyTEQzzPMgG+4BUU+n6J\nRa4jG8owo9peE9o4Hv+d9/hjq4hZ0/vuDydFVSQwn25uZKxVyKJ5CGszVAWd\nMG0UT8rokUC0CxvfT57HiTYhTAix/6IkJujVmDTy1VFHzxceU6Z8ZOL41T8V\nK73kZY9jcIRjL0S0MacNXEpYpXLU8hy8ZSSk28w94j42Mpaj25Bhoy4+rYxu\nv1Whdgi8w25xMeJoukG/p5vTeyPvDPOcpyrlN9qd+2ltbZh3jPoEDIg7wJh4\n+QOaL7BAwkeVFpKP869Ch4/uTRzkVaCR85hdTPudy91+/I4eWK/smwNe0AOe\nFSpBnZ/NEk52rzPnx1Gev89n5ei+2UTDy9dtfWk76Cirnn1iLvWygGFjxaux\ntu4LUt/+ykFbzrNHuPZsI2UihKmEXvCTNqf+djFVth3bxnuUcVbxJcfLnXwn\nPxBxRiAncQGmjVyqpy+qVH6Q7fnKxRaGL8wSQ1MVtvTXBT+38Y+sryf9tV5n\nU4ay\r\n=uYfW\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.3","@chakra-ui/utils":"^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/tag_1.0.0-next.3_1593362133928_0.6442664088388532","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/tag","version":"1.0.0-next.4","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"438c03c5b740a72fff4a9085ed9c698c6e6d9af3","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.4.tgz","fileCount":18,"integrity":"sha512-igHR+V4B4T2idCg6nro0PPMRQeP2E7v7Ozgqre/AeGhdYgB+70li8SOfS+MspKlm+XCkEDIyiOdXHbHMQH8bBg==","signatures":[{"sig":"MEUCIQDfbkWBUo5XmDcV3aDJhAwMxI5irMwWdPnzFindcAbxiAIgfj98757ZHLGXyHBhJube4YBqvXaKtN/gRhXVoMws9tI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33700,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/Mr1CRA9TVsSAnZWagAAtLoP/iIHA9ypGcZdo85FquzK\nzwxooHUvppyzMyCUWxEkPMK9z0j2H9QtNF6wxlB0wIm18nlIzK4/+UoGW9z/\neAE5GUCnnP1l7BXpxmN9rWNnd1JHz5qfyHn4ijy+EJakZbjIPV4Va1Z3O66t\nqhuTu7QLlgQCkQ9wVjxjaUYZCxKiwBHu5NY//kuw75zPO68OPKRpiE93RoZF\niLqHCEsqgSS4a3NOkjrkDhUQcLEHBOPlUX11AE5y0wOKRwnySVUiMOyQ50oF\n2eURFqHApYRgRBD5KoK9JvrdHu4zadwFZbWTPfXtq5sWi8lDJXqg25wt1NUV\nGSXFGwx2ZspWj/oVHTCi8MsHZCiZCNG7SPoOj0soXXL0UmE1twe/09+Sb1C5\nh/w4osGDTsq0HRDlyn7FqOhdCTBIGJow5ZnQxGKQmu6zheUqF4YUwpyIOQ9b\nemFHhL4KZjqaR1bBuxcdgXGsbJvti8IUemLa0qIrPjQUkOAKZJ3c4vdAwy28\n6oa117SAhqg1iqkMlZFaSm0N+OJOgH1qNj3VXscOqJZPhWSJGnyBISkwRCFa\niHt7uK6X07Cq8JMJLYOs0+Q90aaKoaJAvIHcmkmfvXqgZH4ZLiZp1dctqsGR\n6rNb7AbJKncdhI0KN4imcT/pfaj77kLG12m9jqbg1o5b1cRzZySul2bPRx/a\nkbzd\r\n=6d7+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.4","@chakra-ui/utils":"^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/tag_1.0.0-next.4_1593625333250_0.07805513727861446","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/tag","version":"1.0.0-next.5","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"baf5b1a80635622e79d84231bbacb281d5075c2f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.5.tgz","fileCount":18,"integrity":"sha512-iwFrf7iq1zxGV2adL3U6iAu74l4KIqmVfqRgUY/zocKsGThCo8+zkxIKpew6fW7JwA/iFpBXRwXyx+8s9B7rrQ==","signatures":[{"sig":"MEUCIDJyj94Ngza+tZOSCO5UjDa5+/zohkYn1Tj+Du6HJrtZAiEAz5xlntyoYy9MN01vWZQsj2EYeeKtm7pybRO6qKRdl6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxCCRA9TVsSAnZWagAAfs8P/3thBCXmNzL7fvxB4sTP\npn0dg4fYe5jyPLS+0M6YpTW4XLtY5go+MX9eqvGIlIlsOKYsxSlGBNPXQm79\ncBWzTbQUAx57kxbOR5qGN2aSW11JO3z8ic+s84pLLZnYqinsfy5twCX4PmaT\na8NzmZboEGiWiwhOBYl5gZn9tAExuStF8eAyUVVkmr/aleTxpjb14uDP4Rtp\nvpx4sHXrHuOBqGvkfrvS18+kRiNCvF7AH/dsixx/O4pG1Mhfq1AB94GD9eRQ\n4aQ38Ui8MNFi01JRX0BOudvnwSLmsiiliVG4B42mC8g9YvJjmZqZCkZNbG5R\nkKLsLAEGAmv83+sPHwHRb92NBdBSw58Gy+nkE7/7wQl+qfJWJEggc4eo0voM\nqcqJqQgPc2A6lGtPMjhlAHJ5v3T2Y05u01gP7b7lLKn5MBXEMYeVfzf2lht8\nH38k4gxa1dJfWNW1PmGaomtagNRIgRJvgW9Vksm4sxpYhag7XpHMHViUKYRm\nzrlW91FwNaaU3I0KlgxW6wXacp4IXHHdXpWp1F8ROtUQUxbZLE4cCSM3WqPT\nRlvlOFk+JJjNpF3Uvxl0CQW7CrTKqApb8ztLCCA6rZFEoSjfrqqqmB9YREsG\nJ/LkIIMcNq7cRWR4d8u2VsMz28eCGRDysfRKSLILqXBtGZmDGEpnrnvNM2OF\nok11\r\n=daQC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.5","@chakra-ui/utils":"^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/tag_1.0.0-next.5_1594809410026_0.8829251359369692","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/tag","version":"1.0.0-next.6","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"211f2fb26fa1ef10245dd48939acea7aa60a5ace","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.6.tgz","fileCount":14,"integrity":"sha512-EcThMeHEsAR2nnihU3BINkL9PSUpwSZhpXvRTZIv/+rCYBPPHI9rj1dTPZoGw3M5uOzGHam+CzzpzaZb+FIYGg==","signatures":[{"sig":"MEUCIFnx3OHzlmlxVQsYJJgi3k5kqFN+6FXLO4qcIPi1jS8VAiEAzUYzBlmVIqP1iXAIjjvBfiU3L1HZRxcAE1ki94rIJjk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30731,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyJACRA9TVsSAnZWagAAe3QP/3xdaS6G68JtzMVxIxiz\nYE+yQf4ivJ2fuJrP7Ymsy7e77ek8TKyXk9qCj7rLhyBk2f+ig1sefhFREv8m\nGx+jKkV73u50XUKVH3HjSxdED+nvHpkuJRDDD72mq+4MwwBN8Vpe7cvp6TxE\nMhNMNoQsC/5jJoTE+cFUqgZo3tGzd4vM3ASnlqaqKE+7PbGIJEU0g8m/X7vw\ne6BjE3GxwGavh2ZBXZRXWtsx9JihFrr1PAl1gf8QM6USbqQDVhCwivWfKYxw\niqlUzxBQai8upKQGGkfydQ3hOO/WUCJOgHiI0nMRIzFdni/3caUSveVDVHXo\ne4tQ8NBs02eAFbElWonY8p4a8h74fnPaeICWm/s1ny6316Ey9TAjthw3pXhd\neSejxDODXdeYUFhG7LeqwbE+0ugTc/n0IsAqIKqBUihpnBn4nFUanb7L3Hse\nGaI7BO5zk4hFw3KulwtUXEA67kiNa9xiNOy62DT4EoeAFzmewIcH17xkI9yb\nBr6Ll2i8pRhggn6JEXqygqJTHePZKOm/fZQlD8cwlaM1CVtk8vKWtRkCt3zE\nLRcxDzUusaHRJIvA9P33vG6TPrmnJ025ovHAB36EjQUEW3o9gv/snFb0fpTQ\nwkq6Z95GwtIj45+vEejRMhzXRnshDWk2UWN8WDW+sjV5DZspINtFdDJiCImW\n0WtK\r\n=FAuK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.6","@chakra-ui/utils":"^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/tag_1.0.0-next.6_1594827327826_0.3783674986140304","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/tag","version":"1.0.0-next.7","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f4af1032ad71383ef4fbfcd86a4553e878ebd647","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-next.7.tgz","fileCount":14,"integrity":"sha512-50sOMGiB9bcWYheJgPWhRHyQGfbnfQ/fCrllRsS97vMCS1h7TQ8G+h8JVKlpeSeirRd3xKz3eGDrXZvw/nARjQ==","signatures":[{"sig":"MEUCICZ7y45fIR2UIR38Z+gua6t6BgAEEIbnOVyMgVwQqVHeAiEAyg/qtBiwBMFmbvFQ7Z+hBykqy8Vs6IJj6ncdrriGySo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX1DCRA9TVsSAnZWagAAiVIP/i6JcPfXtJV6iUPQH0Fo\nrJv5yesbhjkjYXz2nDlvDjzV8n+sya6ZyFVKOaJrzofvKCRLK4YWCSd2KUC0\nY/k8+Yd8Q+Nl3B36p5lQVv/mnlZoZ99Xv+AqPtPbaOn/KYNbGTLJp9sKnzvX\nW9ifcVbmr4Vc9h+NIvsE9kz2YO7ZFYCoj+UnI91BcHIxX4V36VeQUUgoGayI\nr5F3MfeI6m1H+sHUi4Pl/Dc4jdYeDeptcp2r3mKWehXcosHCvvJN0wPJLock\nTPMFB5bLtmw6idKN/sxnT1JSh9mCcHbP9sa2WZVYOrFlM1VXkHwazA1i5zj8\nR17tyYLx3ge6aar2filYWzOTAp2N7qUaRUbQ6hzQ4Xs6J9kCuRfQf1Aagt2c\n5HZXgWN24m0OfDwD5SiJIaNRzV5vIGNpTyiIX4piiJMGm6sWDZ47FuJftaTd\n/nCWF5AseFOzEXoNCAePT2lQmSuWxxf+VXemLgxkyrkmlUQApBciBWyOYWLM\nGQ7vL7K8tBJ+lcNz0vRdRMvnmIN4JUrKVk+nV3EEndugDueRBYSz0YFJisEY\nM4dz57W0BWjBoYUvyu8Wm1d8bsEdBUmTtb5ZxwjdF+yFJBGYsLsqcrzAgflV\nvyi5uYgFk3H/b86RjTj0tDiqD4duvOSH+fz+BM2YDkMZcpuuCV0LxEA4cWEN\nxw2T\r\n=+JOy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"^1.0.0-next.7","@chakra-ui/utils":"^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/tag_1.0.0-next.7_1595768130785_0.6188333472077161","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/tag","version":"1.0.0-rc.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"beeae9aaf15312b62e32c1cd99f5d5a4c3154889","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.0.tgz","fileCount":14,"integrity":"sha512-s89PEHc5jfT9Huv9Fe/AsBMaGqEGvUhocE5bvIoy2+46edslDRInDCd1PCHMLfcNiZrroohJ7YXBoy84We9zTg==","signatures":[{"sig":"MEYCIQDv1TMljdq13NTNGMvrSmD9Va61LZ4fm2esRsIAuppfVQIhAPksaipMaEmipzezrxsw0L2onmVWnvthDAVXMjXc222Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30673,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHagDCRA9TVsSAnZWagAACGcP+QAXac9LPxoBJjMuAgjL\n+KrXWq1nJD8mP/SldFQuEtsOxTcUOxuikOQqrzaxuLSNP2Igl7aTqW3gIY5f\nVpw+JS9xt7LXzxOqIh4HzZhIqrbNqPyN+PKsE8CXs5oKSXJHAIHX7f3FT2sn\nkqXiVKWrX9BIt5b55NOAQcbQDClzfn5+uLqkxYr20DqIGu2cIzvSjrYpI1uP\naCzkYA8WPi5LOYZ6RvKioPnn3VvfNmC4JeiSeTfJcDR8EmGlvC7r1rOezTUz\niRebk/OCJorIWOzEygBrObdsXeq1VQRnzeG5a2oFSiqH1dLZjQPjDRPsmX7C\nv+pPQL+n1chb7dTGTDa0QpyyMM1XxOZhGT6BcpeHQgpBGhdOliYFNlcG7/Fd\nLG1S5khrWFeUIlWtc2pxWFnYXu1cm5AtJXvaS5+yUph/RGsTBdb0RoHEjnJL\neXC7spP3b/daD4ATROQwfTqKMUWhZQxhpeEClzgCpPLz9ue+WmYJkZcqjTTC\n40QW+4uqsi8nBrxLsfGEPmz20dXZQSUec91331o2ofC9N+ey/eJ1h9jQpSRw\nlw+nPBeYNlm+vG7sFz6L+3v/V8Fr5psq4dXpqL/289jfK57ZVRxn3wPhLeI0\nwvlRvLW22g39hlUL0OH7FV4lE4BV81fnTEaUjxp3fEypBTGnujkiLq18Wzq5\nsvje\r\n=Dxk8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.0","@chakra-ui/utils":"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/tag_1.0.0-rc.0_1595779075386_0.5495295698282372","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/tag","version":"1.0.0-rc.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3d91c51818af94b058950f866e903c9c4f8fe263","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.1.tgz","fileCount":14,"integrity":"sha512-jklXquMbHFw8SGZAT13+liHWyptWMBpaTJiNsnO4maGPKk9r1HTEnuULFMLpLt82bgdphUrTMW4rVrsP+mZk1g==","signatures":[{"sig":"MEUCIB2wsfEyLRY4pzkfAFZfvnwElI3/KoL8h9nQTBxeOSj8AiEAixK4pXOkewXmWKRfEJmP/tlOQRhM68CwMPp5ytGfqdQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":31030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLECRA9TVsSAnZWagAARsEP/iNqV1wy9Ev0KfI2C0V6\n//6tab43Wi7I/7jKPQMqY/WvT6LWj4phbk6Y7TVDDC6GnMqHTZmTOiyniQWT\nT2OYxeXyGzG7xEd0dIysYOI5GCsyUHahL/qHaApHVh6O3NgOjoJEhemRT82W\nPTWNJMdHBDxldpiA49OUrJ6KIygatArbT6BgIusGx1phWZV/6YwIppVclBv3\n166k/YhLDGnMpM3Mu48VM4/8cVEaN+feZsesDO2jnf5h9LWND8H6Psn4iU+v\nSlZIRyKGcoli2MAwpMEOpqOHGePywe71emPpqSHgHvccObgWOl3d+g3YwOPv\nh9sclANhEuiRMDJEc90xeP8SBWZvlTEkeXa6qpIs3QYa4VizZiYq5DN381lW\n3shVXwD6Ifs5bTr8iUk1daaktDbj10muTM5sCYos6UaDySZDYZ4KppWhvPNw\nFQ+xbDX4i5LrGQZLobDB3a5OE5kDAItqHWE6YF/9QC3g4+vRYIoBaWymCHlY\ngJRWff0mnVU9Bh2x4cJGo+5/t231L/OHSVZdgIxqbKU02BQ8q/5cew9kBCXU\nc9DOk9TTciebPmZ8YFTi600A1x9j7BC8xChUW+Y+icLZ8/fh8GX+FNkqDg5T\nZz5RSUm/yK14qzTsJVFbUqpi+QvS4547AcnDvX4TXOOaZakKhL2XoMWimRXV\n1Zsm\r\n=bwYN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/icon":"1.0.0-rc.1","@chakra-ui/utils":"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/tag_1.0.0-rc.1_1596748483877_0.5426706072716714","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/tag","version":"1.0.0-rc.2","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"51960aa9f64d320336d0a88651b12c451513e58f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.2.tgz","fileCount":14,"integrity":"sha512-eYt65vNLEp7w58ky5yu/0TmInkDyDJ+si1SDVwklHD4t2y08xqI/6WmH1pq0GehsLskiDMhwWBErNJ/Q3E+hwg==","signatures":[{"sig":"MEUCIQCK5jbreOVjxv9cXwPYexg1ERUlM1/4EuTzPRuhxvrXDAIgRxHaU/xljuvXqHrB4KvwxyRJAQLMlS/0E05FvBlsfPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL97LCRA9TVsSAnZWagAA2kEP/RKRnswHK7ZA3UGNMmSv\nAYYVy202Z7rg0bQv3yBYm/ma5xCYiu+38cAU8dE2nFhAzI+YRvzJyyCMc+WH\nVyk4djr/w4vwPLRbs6pWj01a/O0dIBVkRFM6THzX+UFgjOOR32yVn4g02E04\nYb3nSddHb+DkYINkpAh/kKqrvuGgjEDuyWI6MpblUk0maFyXFxmtSpo5NG3B\nkUtfygAim2g2Q9/uhXrv6MjBewjhwO/EXjNeQcZqxgHTt4ddNfwMY3ucYHK3\nwWO4KKzSoEW5erjvpzEAvD5DftC5hcHW/peTijdE/wQtzKk+3kgGPQGDs5Fp\ne5/S6OJXQezg/W87wrDum0llG0Yzwn110STynJFv+IpHPkUUki76AcN5viJU\nfxCNPIqWQ91g2H5lopszfoq7DdDXFVtTT/+1ulUzYFpvHjaX++EBy0LutH4g\nx+XS+VPCIPLj+kdP3ryjvNj6sdax4s9HL00W9hgBsvbBOafszfCJ+K/cUmrU\nTkbctM5vkManVt0uLAdnqbQqLMlPFXcBcvuu8ijet+Pk4KqHFnujl4Jf/XMX\n0OWr+hRTjwEBK3iaONL6kN22Rqjx4fXRBAOOw+bpVLDFimSeBQ80WyMax8aV\ncRXe2A547kSZKEYafoMaPcbKZmKSt9EBl8xsiZEj63GI0mz5d6b7l9gj9Oql\n9UPL\r\n=7NPy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/icon":"1.0.0-rc.2","@chakra-ui/utils":"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/tag_1.0.0-rc.2_1596972746459_0.3625660030922382","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/tag","version":"1.0.0-rc.3","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a7a4df98c6f06f7c0ddd8cc3530384234dfc86fa","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.3.tgz","fileCount":14,"integrity":"sha512-8cR023EZH4aqUNRm/GvJi9BynRUCwrWcOut9HXFr2P0tiKIL5TWpALe/D+O+QDREe+UxNUbtdHIJh3ETNcy9VA==","signatures":[{"sig":"MEQCIC1y55KLOqjZAVf1VMzGtm9IZAl4wJTD7aOzyGHSfIgXAiAwRSMEV3Uo7iVUh70ZLJ/oMgHxKe8Wn2XQAKNdVijOOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":70912,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YWCRA9TVsSAnZWagAAyBwP/2g5Db6nzlcC/OcJ2bHG\nKUPh+J5PWG0aEH7755EINVy5jSB9fX2Ymp7k1MGB7wZrzEfpwWS4zAh9urRz\nPnnVmk0+EXb0hvhSMq21G24x1D34ktBrILqN3Mzkl+ROw7bxvUxZ3RCvzCtH\nSdWEG0yNNJ2lNFMSgzMNSmqBeIicUimCzEIkwshZDDr771vHIoyYpVUF5ebv\n901E+dGcqR/m7Mwis3yhexpvNw8J0M84AZNF38JTF+UW10ftSfn3MLhrp3ak\n1yntAjt9/4WIrXejMzcW4q4Uw8HOAFTPV4Ld9wsQyuZ7Rpri1603DrqK1lq4\nFCO0foevi+CnOygAxHppuloTUgWs5YDqvfG2MP+f1JqxBPmUUl+/D6z6J6RP\np8mGsO6p9mtN+AaB+YK+yW+MNqJ7d9l9S6r/eIOgIlzCXn5T1R5HhuihI9FQ\nedThFDZTgA0apehhB5EOiw9RLTW6nDZUsRHYvNSqYjuFhW5N+zDSRj2lmlHr\nBoo7JqIi5jGEu0FZtQPiv/TA85EwGd6txpd58E8NdYlcvUBYQSaEMIqaqKJd\nji/kMmxQ9WIEHI9RnLosWayP0lolfjvveJxEzZGKxvSbk/AoxIohzkSp2iAX\nvyQjMlXPr/tezPwtWFTkW81Notj4N/W+UrXUFjWpswHvHiA3pqcneNqv9ULi\nNCbO\r\n=oEfb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/icon":"1.0.0-rc.3","@chakra-ui/utils":"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/tag_1.0.0-rc.3_1598801430445_0.02582433170064813","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/tag","version":"1.0.0-rc.4","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4f1e9b5bd07ff6954cc56e4bfe3e2ae48123a70d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.4.tgz","fileCount":14,"integrity":"sha512-HRoWh3DWrDc6vH+EeePf9TrTTIyC28PkfaZ6cq7KXpq2LOpaMdx1uSBcuVxj6i9epyM8KQRINIJjEAiGPuXHdg==","signatures":[{"sig":"MEUCIGe4Fa1QuolTRl/Jw0QZ03I0HhbZaHzwBudCV7squNTMAiEAt66W/g+Ra0TvE1chWOmSsK+PsbgsV9ybNpJvZUX7yB0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71001,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfn8CRA9TVsSAnZWagAAo14QAIMhXZ6cPBeoYSzcX0/h\npq48VDk+Z7gusSjDclAQ767MZAaHCpIaH+dfML9NjJXb/n45GLsTag4aHhZw\naO3mVpI6S3XsxGaKkuCIQibmmX1duZtO+IlsR5N4MVxGcji5vQhBUH97uD7t\nZQIO1i1AzBGcYR2z8mmXRKsxSjnyCRZce/q/eEXk52WrQkrhtZFhRDg22j7P\nv2T7li8TnzUKhEJ/1+LkUbThn9Y1AYyOwn29DIJChUxPJAw52nBxxbE3+I+E\n2WIqQjS342ZSPh6NuA42sd8XG3zw2Yc3ShIQ3qSYUEsz1xtU2RcRVsZvbD+j\nhoOzk3zSOEIHFoqlxkzcTtvo5fKgH6w0A7ndzA/vP7X/iCNMQ4TOft6T85zq\neixNYhXV1ps24go8ar0EfO2yRklcyozuQQRyGbtdXc2GTq+nvyuldi7gqfdt\nt3x/tGE4bVj61A8ErfLIENlGqTXBxYnqUxTBKfeERozJT3nJKmbdCq+AZCxT\nm9sdDRapup4CKwu6aljBJ+EYp1OXvShLkmXKBS37voK2JeLJRMzo3YhoRQJE\nucaRb0rz8XbAARgf6qJFizV2MeMqEMsQkGLeY+pZj6bDRRLHzJ69ydCseBnv\npcHeyBQNSpWeGqyBzq5IsvAjOIkkSpvy8Tdw3ynUVnPk8bfgGo/oDvptzSeW\ndEuV\r\n=dYCY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/icon":"1.0.0-rc.4","@chakra-ui/utils":"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/tag_1.0.0-rc.4_1601042939896_0.20115523934139734","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/tag","version":"1.0.0-rc.5","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1085aa9fdc10a46dd552ed3e3d19d3b67991f761","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.5.tgz","fileCount":14,"integrity":"sha512-KKCFzATOdmQtn15shvkVBsDppWQn0vfdmTUkwanNETyZZG9lWyanIEk2fBAWQyA1Bud0xTieyB0P20qoGPqX1g==","signatures":[{"sig":"MEQCIAHyzd2i2ixum0Yc0Q07flQ0RmmcFo6yeIzuaivUcvDlAiBlYEnazWjfvgK56HkuQBhYanmCa4hg+yhc/YSV8nIFtQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":71088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPXACRA9TVsSAnZWagAACyQP/RnoBY7HVwjtPXfnBUG3\nihG4X2LS9NUzfhcFgotVN1R/4tF9h1/XqJ8MNG5MtQCMSrl+3rWMYg1OtZ8i\nhjLyvFGyJqJBrtwmh6Q8Q7VCQtbHpNYfl7qi36UjF6VpYjDxw2642R9wrI1D\ne/ouMfzs8EYL9DKqEpqcl0NZ8jfWFE7ccF4cEe0X6XmlXi5uXoIVGJMKf7H2\n35cWcH4uSOKvLAEMSyMH5+44UnOk1z57/EigwgsTtPSCvKi5CRfpYfG51+K0\n5XKRnRTIkjbFeZ7lNG4sYVjVg6nVhL9LiWwwnd0K6v8dir2o2cJv9risxsmg\npcb8QkxLJexT7Sk5wGnoUR0Ee4ZIwbXVyrCTL0yC2HSDWFt9Rd2f0muuGQaj\nB6krx4ZiS8C9SQnKNOPEVBBrQmLNDvQuTrmxkBNNHPsDd/VDKCHZVBkHp0fo\n0pK91O9T0smSqLDXJt4SUKirppVeEogOFU7oiwxRZY/vu1eOzl+bQ4kVjl84\nSJVxz1hA1B5oEp04cO2Dgx6h6GFLEubzaZ5NQIu88bTS7jT3uyIpChW05zr1\nsJX6we9974s+KIWgLXv0bjJTR9BJ7mksuYfia25RDspQmYAlWa0XvIq4EtBh\nNxMZv2vpkK8f+oz2ynGqlsA9sDQ8Iyw7EhEryqVLAb4MxU/8FvHiESnUbpa3\npi/m\r\n=9PJa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/icon":"1.0.0-rc.5","@chakra-ui/utils":"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/tag_1.0.0-rc.5_1601238463661_0.405921313007525","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/tag","version":"1.0.0-rc.6","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"fb53bbc5f85f32ecfcdbe388efce0ae3b1dee2a1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.6.tgz","fileCount":14,"integrity":"sha512-iFcRJb5Zfq8Wsj8TpxbA7w06qotqEHfjNJrXvJ5OQLuTSlR9rZwyxwVsG25Lf8lh9Ac+wdX5omon+hqrNXtVdQ==","signatures":[{"sig":"MEUCIQDl/rb7JFIwZJ/c96tIYSmjCd0GirG0rzMvIpAk7+ypHQIgRRM68D1xFPQ0ovZwh7wqyJz2HqEyRSjbN0uQiSwPvFY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33407,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZ0MCRA9TVsSAnZWagAApgIP/jinkZWBuxBrFbZARQIL\nfU/YMpviS3i7n8y6xapNa+KxKZoiC+Ll9NgGj/QGEg0onZ/epkpWvPFh5H4Q\nm/pmdU7rBvOqMEx6+tr4R2pY7YPviq5dOGuA5Z5KPAVj7S/jWsEJRktOJbHu\nj131iEeYdFVS1I/p3aVktyGjuuEqW/sTgpLkPX+wS8RlmzxIfLdyyz2C4e0N\n1yvw2ArqZCZZz1VpqNURLpEnaGgsZz4d/OtKIo6+hCDhBqjEbkEXSTSMtN5L\nVhw9xfatuDqScR5EUgCcxoLF0CXdEVnim1KFGbRN3NSThQNKJqWmZfY6Tta+\nmMw72Fg2/QlOmMrivSOzoiFzm4WpQYCb2zp+JTySIqWKunqRUl5/95CnU+l+\n4+Lb6LaF0km82jpYNu9rlrOnFl1+VvrGLSlAdGwrGSLfgcFUnit2lH3ap66v\n3v2x8HtNiqke2X0gjKa6MvpO1OnCKxOlFdx5AuLZJXPRQ6lkby86GCj3bw6i\n8UhyXRItmA0lxdYMKsFX4lXz8qgi/5wiFEI2gTBJr8CE+4ZyTVN7m6K4FD9S\nEsJEd+c5ut0QUZoFTJC9hUvj7fM2RLbWss/Hj9S8uZyjG4fpsasrStsKt0eI\nt6F83S/MAY31c5XtPrK+AYWj7fGAlUbp7yI1Do4Lgh1ORTH7WjxfrP0S/C2X\nCBsZ\r\n=hXyu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.6","@chakra-ui/utils":"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/tag_1.0.0-rc.6_1603640588077_0.37020974138692964","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/tag","version":"1.0.0-rc.7","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e8abe94de8b0ae62a46f409c76a99413fb8f3b45","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.7.tgz","fileCount":14,"integrity":"sha512-ZYUWJRY4hzb3kEY59X1A5ARhIn/gzTVft3Wbo8BXTe3koBUwgwTSeJYHaoc8FCH9ZnNqLlDHd0fmE7zUHClW2w==","signatures":[{"sig":"MEUCIQDqwbX0HgdHb0FtOWodDSDLyQfAGnx/qUjwfB1Dj07pcwIgdJuVkboCHi8dBd/hqrCf/xdvRcmztpwP7QS6wxk/C8o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33494,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfBwCRA9TVsSAnZWagAAPzwP/jP+p/yipXnp+2FSNh1G\nZyE+4p3RWRj3qMCqOdmozFmctZGaQrVTbl/CMWxL+NUxKOB7Kuk62nVFA2LY\ntsrZfKMKvomGHNEaGG4rb5zTPi6OVJt3rnbFwTtph46RpQMWdDLU8rJbXJDM\n11HgDtTUOM4uVeyjnokwvuo5LmM7yV05VkAaAHIpeze10VfOmpsFG4SehPas\nIRfchvsoILWoumO6svc0zz6BUyKIht2uMKejqx6V6O+OgQv35u/c6yvIODFS\nYuhXwOsQk/g6dhjEjdPsukVCCcEQ+q+U0rn91qmamfQTGdI1i1Sc0/RTgehA\nQdQDfAZwOfjhjPkR+dprb08qa8M/6hk17STctX9gSS6uvkk4UkHwZm85WQyN\n9DreT3LLD4L4h4p7ow3Y0o84u+oxr79Hk55M8DBkAY/Cey3CWFYZ0+9UZ9vH\nD88smt9lui5a6PzReuwC4QGA9eLNmmS+zaYtHCMm/Xr9HfAx7vAjHnaBVVIc\nJWp6BMCqt9YiZAB7iIgC9ChrxDUg+pOwOiRCeowiu94T1OXKNGNYv+T6wxLY\npVDVxonxbx3Z5nw+2o0Z6B8r5+aJ6kjX3yjabQQB4kihgW/F3xfEf8eWzdFC\n9vhuu3EaBxBbDcZX5yJfyASHqF7rFp6dOhVNFunI5bT6s+ngkhmEbmiir30K\ncG7n\r\n=K1xq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.7","@chakra-ui/utils":"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/tag_1.0.0-rc.7_1603661936416_0.315759154153497","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/tag","version":"1.0.0-rc.8","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5d7cd51eb77288f8ceb48fa6de34935e48b55653","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.8.tgz","fileCount":14,"integrity":"sha512-fIxnhJ5sNGBYxe35+Mq0ZUtQiu3sshtIgGRm5l3hlzpTPBNVwkG5zJbra11NAj0WzOWPg7Khl9H1jvrDD5C9Tw==","signatures":[{"sig":"MEYCIQCvVym4DTtGnhRERgtJTwwxfhUxJIznPx7h3eJzIasjaAIhAJfOA6dB5cAUvr6NqyGtSkeHNWjAQYGTDVZE/PY12uSd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyULCRA9TVsSAnZWagAAQ2MQAIUF6YL8bogGlZuF34DP\nluQjz9rUH4PaExaesEkcdVtgo3XSTY3XrmsxLpGuZfprdoiFbhkNXMYpK3KL\nrr7oo0XKa65BdxVNYqhu9oCni+CHS5a6jfxYS68rEfzqPCNW8EzAFk6r70Zi\nB4ztiTrNYsZjuvrP6/DVmb5QjgDOU2/0osJYdiHAHz7m2aEnbSywF/Ms0xNR\nYO5ygrCCGqd28LIbZFwLyOMaH1P27GM4rZuIP9g+JbAiO/5Gzwu/laac8oT8\nVaJMZDNsvImAeh+ycrK+CKcS+JV3fOxptmpUGCg0Ti7/UveNo97lFxGuti77\n+dUPoomXRHOO9gics8UvJPZnvmzfghUP8ctbd2N8d+Gvr5RNEdPKYkm7HYdS\nZ2iXB3NDb/bGar5eSIzEKszuzJXIpBtYEdMk0dBpwfksxaI++lD3obTgft4S\nStlQXHowj2ORa9hbl3RRpI6Huznhou4Ad0u8AAlZwq/9rD73mzgbaUcDBmyb\nH6Plwnekj6g0U7hS7PqeMFoDRKz4MeecYSYLK48aQTqr5i9RzzuX8O1sVFpu\nC2+leYD95iQFQ8iie3wXKuBtWBDGbP5o65dIP/B/rtO0IgdYqZbhDv8Q6H+V\nRkF/oUzhMijSSXLRrBqiP8OAkhKBALXI6lBn1Ufn0gkx43tT9PxeVprLZi/U\nmCeK\r\n=RSP5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0-rc.8","@chakra-ui/utils":"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/tag_1.0.0-rc.8_1604003082767_0.4435223384670244","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/tag","version":"1.0.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a25c7ce0b7f5a565ee6d981820a1676599a03e7e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0.tgz","fileCount":14,"integrity":"sha512-hwJGC5geDkEl+mT4vdm5v7ll32FfDvP3BuMGKn2GeJzh3y+FF11Q9pe3s2YxInK6+ZMkL1t7vbgbHKJX0ah5Ag==","signatures":[{"sig":"MEQCIB9wGH73R0YZ/4vFRsKzo4B9Js5FwTiFUPMIBkgXZ6ZjAiAnjH+mplqWagIRLzDdY5Li1PGEBFZEnU9iWrrE2WxNlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl4KCRA9TVsSAnZWagAAPdwP/A/xgVmDuxe1eqw6Bmhm\n/5fN4Vm5zC1pKq2skFsM0sjosQe8yasbzwCAP/BsPdgt7lY7Ei77TuNOvN2n\nchXUOKCCUSTkeenXQpTNpRyP6BVY2i4fHW97MLbpCINye3Dqqo8lohr9sFP3\nnLDkTh15It3LvjOiIn1vUu5m5c0jj/fLz1Udj62K6Te678jibJcesoeVVQm8\ntBQXjfNusoDTDCA08IWoFM/r6JMkqrU/J9nvg+NZaW4Sy+g3EERF692mCzGQ\n3eA2HXYVMvxQFaXC0iORONigHS64TF9NObTarFKmeLq3fOVvD9yQ5VaRAm9S\n5bJhn8Z8ZhFOJeq9Ef0ZGIF1GMLa7Tq+qp8DT9CAcPhq7CQeCJz4uNibHiDa\nDEDala/bRv6C2jj+JPuYNjAaycCT3WU0ut3HwmSkduhRFPVmSXAzO75m/Ay+\nihWFzMndsg5eK2i+d/GIIfEnYveEIRnnoclpFZuVsqGZ8I3c6eYzxZihC5EY\nsy5HXFOdZI0Z5iMNpkKDWLkqQCPo/MvPAxQMZlm21Z+gMQ16cKi25E5X/zLf\nKUJN/tWRdJyjCg3ILE+OpApvJJArQf290sl+1E0c/US12ATk/ha3tRRg2IOd\nvSECGQtAfYPQPTvhfpMurR2msxdgf2tgAMIIarqZ5pz0LWssn7dTIim2TGrq\ntzD6\r\n=25Fk\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.0","@chakra-ui/utils":"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/tag_1.0.0_1605262858185_0.34786114622187037","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/tag","version":"1.0.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d3b663ec7bc0e3cdac37dc0d1da0b041704bd5ce","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.1.tgz","fileCount":13,"integrity":"sha512-oIvzvna9pbQ4rKkzSNqlzE71m5JjSPzo4NHeVKCMP9FwYVEWPNNEp6PqLLxmBl8K9OZe4sMaYcHwDjW2VFlo8Q==","signatures":[{"sig":"MEYCIQDGIl0H9wHShUm9LmTpHn4peYY7+RAtZ8OpRvV5Tk2PrQIhAIrMwiwW1ngKY1S2wdHz3W3u3VPD4ddVYaY0EzMwzA0b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB39CRA9TVsSAnZWagAAfHUP/2uID/zEz1dcoELl86oE\nW13UC0bgvj29sPiiNdYFDMRhPzQlzKbKo/Lo/9HsFjrE94u1p70etSfg52l8\no9lRf6OlwIRa/+eEgx19+YTsnoAZqVB3wRXbUFnjaIDttwp3IW3gnvPkp61t\nQUSEFfimi6UJnrfP3p7AdoDJXai2E9u1AqYvWEDDs6shdZCbC3IAHQWiTDEa\nN8nejIwAg9AR8dzWPRHG6v0Fb4OHMS7iKD8YjAr9Epafr4I8mPZ3/21syiFD\n9Zwrwy09Deboj4FScfex+2jA2SzGnvyckYE08tfvgu7tgBKXrROYL+ZGopuG\nwCosIRL2ZOGy8eALvjksqohHc/wEIwfUdT3OA8dEu8DkJKjPOsIWth3Yt0xN\nnxxd94DUvNTxLjO5H5zNaJOZqh5sQcUpjcWbhTweobkB7j/68rrq4zuJ5evJ\nsQwQTzJbPSt65YmeLwP8PQER151ODWtOXfsKPUVqgTsUl4GKHomuM3nUf+Rb\nQNyWLjgISaqVNf6o8cfXeHwDs/7Hf+GFGJLnVJUOiL6VgEUbfPSPZoZmO8fE\njrSEqqPrx1FSaWTTuL+4OlmjPXjGhndbkaVfb3yThk7CQvZzQygW/3/X+8Ie\nKb8ySor3y7pa1T5XVPB0FlB/ZBdAxg+sPpudQ7BvymTYjrUBHGSqyvZ5O6Ze\nF/d3\r\n=wqMy\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/icon":"1.0.1","@chakra-ui/utils":"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/tag_1.0.1_1605901806391_0.3388823498971476","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@chakra-ui/tag","version":"1.0.2","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3ea7dd598c06742959ceb9bf4fc05938934884bf","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.2.tgz","fileCount":13,"integrity":"sha512-orB94q4TtaassYU6dbGdY4eK8qJl6J5XplgvshBg2j+67iz/62Cbt6bLCs42mIOmgd/4VtcGcCcG9ZSt7VR9Yw==","signatures":[{"sig":"MEQCIDExe1Cc2PBbm5+ZSSgD+arf4S6vxcpYj9/Ti7PIfUgBAiAOZym/zCCnT6P1Ok3HBuWbTxtlDm15CKaldLv2850ZqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29AmCRA9TVsSAnZWagAA+SEP/30nH6se6o9NKMsjF+bx\nR+xRBGkpGzS1V6NQb6UuVMRKl2S2yv0Pc/SjS9CfbAUkaUFvSmNArRGYVxSf\nn2N2+Mly/QXNO+GJypZzaMSIzDL12RRGeKTLwIRQlG/ltxTO7M1jk+z3RcjW\n48EtXM/R1EiR/5BkZhzWUjgPRa+JwUs7N73wEZ5wSAuifsw5N8nLFoAw/M+6\nNqRe9gPBBbMdq7gnDbLoOwCi/X1lo9qoBN7PKD/SGGLBjx9pCfwSw1LaVZkS\naYM6Ivc63/bLBO0+7wgmevRvN9mG9IflYIYMwF+6/XafWWkGW5JEUJsFy/Ji\n5HHB/g1bwz5Hsmvy+aEZqOitq0KHSGwyWBvzWz/Jcfc9aIzsLAQ+T74R48XY\n+oRqe5wEWnIVmJrBfuaBqIs/0BS2SLpbZyOn9JI0Xl52olRrAA80/HqeiXal\nhVHbGy9cSPmw+qFvLNWsYsbLw6MesIOobcX88b2gFIPvSzQEqZJY0YJ4m0uz\nW/Ma1LUKdCktbRZPV4/1vm9XBBINtT2oH19VXPCIHj3f6pvhuOnQp+zNsyjF\ntTMiP7n/CFasoe29Rw6ZPDf2/UeqdhIv2PREftoGtztFZXH68NlwST30Iodl\nq2eU1/AJbOym7WvbgIExx3h37Po1sf3+gfosGznTtPIP956nvWF1h/bpeT4y\nZBFG\r\n=nay/\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/icon":"1.0.2","@chakra-ui/utils":"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/tag_1.0.2_1608241190050_0.4712793912138895","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@chakra-ui/tag","version":"1.0.3","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c0000ba06293a80b54e74d07bcd2f04dc192eefc","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.3.tgz","fileCount":13,"integrity":"sha512-csnitXXOwg/cLF5pHHe0zzB8TLEZhHASAnYMXzrBOGxlrxPPbPnoIGY4VTNiQwxDXTBIdrMRdVHy9emboi8GDA==","signatures":[{"sig":"MEYCIQDdU+n0htNg7EYeQWhFHXI6MScruQEsZt/TnqjkePgHswIhAKHQRjzLJdlOMsJgHYebRWlOqpIj5UHJoBPdwePvc4BF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34340,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf8cJVCRA9TVsSAnZWagAAiTEP/R5ZD0rqP/Ke6OjImJP/\nPJaBGgyliAtCjVkXMY4gWaFoGrhyeQb1CYqRTdehrKErsUXCb+MAItETkcDC\nL0n8hzAu7YqGmnTItPTRipOys/gKCnPqX8od2oUTNAyNZnutjmMnBbPTEkPg\nLfbm3dBhUSllM7rUSuQB6XMOrkJAbs0D7/BFNkWaajWjwQJGb0yQiB4k98T0\njRbpn4mTKGyoi7YUJE7POoCSQUFFUcweaBu2oEx8yPudJuwSqjKWORIeTGwG\njDZyqXtp65BXduOZIBhqN9hKbRHB4gpn4n0h8DATq8Vi4PQGILOJGzD5CI11\nPqGxFVJVMkppOYcUlbszUk9Yt8lWEptjuQ8XQM2xm8hnvByTNwxORd/Q4Fzz\nq25qsrn5am0eMXphY3OkTOfuy+N+vCQI4MjShxiWnvXjy64GDf/0R/0QmW4d\nLwc/K1dKF2NvKf+joFgcnIH+gwtgclDDQYf0pECh2FGAXJTBt9TD5QJjTdwJ\n9gntXRR+CAGJEmEPy+EKuOOzEUCjn8wrn9FH1GWV5YwXJcnwBTjV/IVf0UEL\n5yLxHyWnDVK1SZU4BYJ/NKDzCo6sIcS+dyRe/c9lHXv9QfpjqDnv3+23+CsS\nebIqdcoCt3yDyTzpae0gS+0CCYm2J4Gb9avB4D62ljSbijiPRadqO8yEHeff\nXKqm\r\n=WNt+\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/icon":"1.0.2","@chakra-ui/utils":"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/tag_1.0.3_1609679444623_0.4945813101328671","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@chakra-ui/tag","version":"1.0.4","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a2d68f6306d9fc1f7e6ecf64078d213724985572","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.4.tgz","fileCount":13,"integrity":"sha512-+aZIGtCB9pbLdvFVbeNjNTvE7NiVYOiEUt8rHQ/evWKYTFZmpbKIIKBhtyaLAfm9pNT4HpAbCK7l/gg/H1Zj0w==","signatures":[{"sig":"MEUCIQClywovmizkWmUROq8CjpY7K9AlETNFvQKkmq3QKPmAqAIgAPgX3F57JLtfoHeyuPg6VJ2oTTgOuZPs0Lmoct9iaic=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/IShCRA9TVsSAnZWagAAqNgP/Ax8K9V6/iMm5R8hg8wB\nzZKYX2UFImTN9NH6QSVImHrM/B0FOQQqwDIS3dLgEmynPwKtByZ1KyRDMoUd\nkdmBUOwGzMY95tS1JAtM0b78haNpBLS3IZzT8o8mofG+yRH5XxRkmLpivcJH\nyFgWaju0rM/AAdNqwM+sYxbuZI0ZH8naSoov4otYsxGKKeBNlr0FsHKcqjp5\nyC52FIJGcaQBVHGxDYGP7c8QZ21B6q4FvXHjjZvTfAamcKdzV0GUQ2B1NXkU\n3nCjlJaTXrhFWbLRHqaAES1NkdKS8Ki4h1QVhk8zdAbxrHDO2gRGdD1wtASv\nwGpGxnkDxxMFzw8P6xtv1JgPPll8J/cm6vVUefijl6xqHYKH4lZVZilmA5li\nxcPpW4lcVM0n15OU1BijB44Hijm/4Mc0Nb6QzbO6kHg45BxEnh5qyVbDMuy6\niGPnpzz1ECiAoJmKXBmgiAruVISudFBSd7GaYu614e4dCeQub1J+eYTCDFcx\nh+GYGPa1UohF8a0waWJaOoLdz6oknvTh2mN+1FE8k7TMeO4Y44+ol/Mstg2c\nYVwCZAsVhbGoKA7DsUnROqx5dEPRpp08Gng7kPkHDGowKiwWzPlOEHtUT2T7\ngJ38ydLjEXRFeHtqUyY8RCJyokCPtr8dv61oO6HA7P1s1i5HtfFbIU1paYxN\nVlWA\r\n=7nFN\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/icon":"1.0.3","@chakra-ui/utils":"1.1.0"},"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/tag_1.0.4_1610384540552_0.8184915601180258","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/tag","version":"1.1.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3f3b25e86d4da12df5909d430252301733a9ea45","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.0.tgz","fileCount":13,"integrity":"sha512-7BnQG/qYwqAoKOIMgKc7aivHEbmKgqia2fxc9e68+Zd8v4P/BrEf1Ur2/K+VbOA9KO3HZvBKHH337lgeOPD6LQ==","signatures":[{"sig":"MEQCIAJvmYTkOmqFqLSaBU4RL1mbtav6Uq1bJznrHLh3difLAiAYD1qfqwpKwwPKbGSgpF2tZg08BjVXgEbsSbE77UVH/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUuCRA9TVsSAnZWagAAxo4P/0svv2YC7NSFrIJ+K5Je\nJyU8ex2YEu/VFvWxlaPSB6Gnmda37u8Uw7+lA453rxp+KJHS8RuswdX2xqYG\ngUfCtqWL4H3Mbli5jHb3MC6xj9sDRKoXS877/lrXu0qpPgD15y/384VVxSFo\nlhwAUTX6M/TWR59A29upL+2dfJT751Ffb7iuUCm7WPB8ABwoCG+b1o3mNxbW\nJiDMaJAL4aqOscm6xXc1icVSZsXIwng1cEjQJsfBAnKQc053SlXuKasZUHKD\ntXoSbk0BOBzdaED3EYhQd+XKF5H7NH/Y7T+mb2oeKEjvMW7C0SmcoLMprj3R\nh26s8ikqUr0dTxvhieGBFFp0gv2ZaJ/YYz+TUKCX6SXoken61Ux83/63tPmn\nzbr6IuLLsisIf4cty6LuooHSirfyYJmS/n+D/EvspHBtuFqTtevDNiIFBN5S\nFq7uE5j2piahKuSXSd/dazjwCwu4jQvICmKypDG2mjUhHSr0CbioeFXbArTG\nz3FNw48/fzmGuwTq5xkCW3BbyfHYk0mCq3GGv05ZTESqGg9YDTF1NxeT4SRK\nYZnhvSkNGH21SCcDHbMCuWx0zGGq8OSrR8w3dkuSHXn1DuuFpSqm00OhCRsq\nyyEIwjNQ3BH11276T77WTmY6p9GZVVjmdKGBy+D2t5LToUE/Gf9llTE8ryc2\njoCe\r\n=yYqY\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/icon":"1.1.0","@chakra-ui/utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.2.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_1.1.0_1612043559222_0.5205049517386153","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@chakra-ui/tag","version":"1.1.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b95aee5f579cc45658ef6b75ead413fef772711c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.1.tgz","fileCount":13,"integrity":"sha512-I1ScSeaUEgNPY7lv2IZ0blTAb13wvu/UqGPuatG71PqI4LIKAtZJVxF/AnxAQY4WpbDKTp/t3z3DfyKr8Ccouw==","signatures":[{"sig":"MEYCIQCoa80WRTK0YZ3DpLZ8iOVXzdy+RBJueSq4i14gKcl2NgIhALSqnMNTnEgWcri/rkuKsRManYBfd8itFGndB3qAqvMM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35638,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoBQCRA9TVsSAnZWagAACU8P/A7d/MmSgNryi/5HN0R1\n40mvfioYfNyrSDWtstXHHsnl8WOhXZkWzWcK82Ffe+HUAoNKchCCcHrofDZp\nKcv2z4mTQpy/OxNOPMdja0fbVYTp70x0nQpvApwIu9enYYsEskMfpTIxg5a5\n4eYAKiVowrfK1W2dj099Rj/C6mkpv7/mRj1hUxpfkOkCoYCAnQZc/OMAzLOC\nnW4NrJytrnJm/m/0xel69dA26YFn/vx+Tbt4Fr2nriQiWlN5e0hyoJPuJzoq\nkBlYX4i1OEIazjWgS9xZM5+hSCVYCyoJs4gretGwKXSv1dTQEBfJ6aAuwZHj\ncZPu0Qo4f9pXLw2TOXkvT3GRw2gdTyFmYhWT6wLp74UVGxFPiTZbMNF8bADK\nzOzE1PfUyHH28l5qsQs2WLzI28AD//udOsmNYL5kBQSRr2ROH8+L8iadeT/T\n+rZXJfRCZsyjPrChubRBTjBHtrsefz7NzYoFlNQ4gziEh9fGAMY3OuyLfsUy\nHRsSP1hTuj5TfPkttJMz3dvGg6Y21zRfvrZL5ATPKhZ/wiTZEBFY6OaFRDtD\nI0NBUYMz/nbw4t90W7qvWReu1xgQp/ud8/84m+1WI65WF+Tw3xCOsO18hEKQ\nddbHNZGONe5efQFJEFteRMvibBqB8nkjEhU5zI3YZz6iN5TT56AZdx0JAhUy\nw26s\r\n=o/ON\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/icon":"1.1.1","@chakra-ui/utils":"1.2.0"},"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/tag_1.1.1_1612611664354_0.8159463823655535","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@chakra-ui/tag","version":"1.1.2","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bd8056f70106e7b84baf3e251d6364de444c7f9c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.2.tgz","fileCount":13,"integrity":"sha512-oEGQSll4is63lulTkRwsL4QAOo6iHYaOL0gqSRQmHmHfeDBVNdxvaedN3mnxPPP8oFO8pKGJ9LqcaHe1pj7rTg==","signatures":[{"sig":"MEYCIQCKH7QL6hEneJssMzSyq+m9oamWMjj8+VmdkjomJUGk2AIhAKY0V4XbDsgcdvzM/uGcWz4eGlxmWk4V132FyHM0UPLX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35851,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3oCRA9TVsSAnZWagAAv00P/R0zv3byCrpjTrzGyt7W\nk7kkHMonKHFfr54SqZDtVICtRLcq2aMyzsF/q6lDnoO3III9ZqeJQOaiEd1d\n2xdWwbVFdKIGepWqr+eAgXo0jOR/S883hVj0PRxN63rZPRyyvzQRzXvJIDDq\ntZqP5LFS3hVbg23pgwHlSbhyK0fhBAO+n23yowRoZw+bvNa+Nkd3lL0Eh6n9\nU2HyIxQ4qHz9Ps2noAFHvOB9b8+lqCTUbLmCie8w1CWwRfL4G9C6T1JgvuL0\nrY1IaVNEgq4APwtxrNC1oZ4ecgnTCAGzmhoNA/arIFtOVZNTn0jMO5sJQ8vI\naSSABzeWMLInDFM0yBuofOjjPGdfgbgXXlyUQ9HOT/xpOqQJIPRNjR1b2wfw\n4WhHRK+2Cl7COm4KPw8ySgJb922z0mv2S+qxwaSEi7WLNmNsoIaPXndP1D/r\nC6ng51NMBfPevUIoTfZyHBEwMYJF650CxCkIus191v5QfqWQGlrnn0IFhH+L\neNgYZjZd6NlIIIDcBnSp7oMz+KUV4uq6VT4PBIS5Xvma5oZnzkA+M3etk8Vw\n5+UD3G2l6eoWLIFUpT7ZhSRI1o+XZ/FUtcgxPvUm+kxmbojIlRcRqHI/ALYN\nE9XmB4po2HJt+2Kkxiuxkjzx/EvU3qG2sq3WZjMdUU8FSisSJDjnvwlVMZl5\nKUdn\r\n=StbM\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.2","@chakra-ui/utils":"1.3.0"},"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/tag_1.1.2_1614974439337_0.2393673340433824","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@chakra-ui/tag","version":"1.1.3","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bacda9ad0890028a4f31247b380942049a9c1467","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.3.tgz","fileCount":13,"integrity":"sha512-qc4AfYDobBp7JhRcbIzmJal5BruJCZlvbcS/Ee8RPHUFIj9ZuaYB3OiZzGyScJxEzNch6kTxOSl5hooj+UYvig==","signatures":[{"sig":"MEYCIQDkd5KaPyjaowwnBq4/wU1yHLkIoHkbdzh/BCBrstBl6QIhAIRfBcWFMucX3Od68HjQZmHeFl9fhjAnZuALX8vTHfcF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVukiCRA9TVsSAnZWagAAN6oP/1HoH2wV9hP8WL8won4y\nw6HxHtxf1Ng2qZR58wE0gBdEJBl1V2nTqzHO8eG+jdSvO6j5e3ISkYLiPkUv\nFOrP9aATy91GdMiSxUg6m5R8MI3vIZk8VAlopsrGPT9/r87HB3dN5i146BnO\nEymES0sWXhN/6JcSiV0t0C2Uz6i7oLV3lEXDheRn+9Np4CF38nDucciow93v\nAicsBBGiAdg/smsTxali1buCi+kBneBeavIGps80x4TN8o2hb1h17MlpRqtC\nTuNQt1wPNEyvZEPBvb07MrjmvR45161sKPyFv/zBU1vITl2r7fdG27cTN2Gc\nXdU0XVKg3MWiNA5+7pBNHk24CBSaBvMhTG5WsZaUP46vEU8j5v3Flg/1dxP1\nj9BwGZ6azk8rtke83y18YVwEYwiy1vypAiZpQgCg5BMqMv9OTu+AOJOEgMWC\nDySbYwK6agp3B4Ubx6urcsQqCHUlG9Il9JUHMYXgFIJWiHV6WbyLG5u6ZwCU\n9UyIl8xrPTkjD3x+SfkM0wnbCSHPuD32l63iVT4f3L8LODK5F3aFzbokafgl\nuNZMsnc9oGgrwjtYsuhzgATLVTJs5CV6urLQbA+m3llKl5DYJ0JYR0VRg1yM\n1xeXaZu7FD/GjYPBaclVXtwNoXVZzCKubw9o0QpXjDunsD5a0rI5uZEX11Ir\nGlfl\r\n=MtN0\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.3","@chakra-ui/utils":"1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.5.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_1.1.3_1616308513966_0.6290210985446378","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@chakra-ui/tag","version":"1.1.4","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.4","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"99668f5aaf9f5a177633f46768167d948cbdb47d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.4.tgz","fileCount":15,"integrity":"sha512-AOtY8TVmQ59G0OV019PD23slbtIsswJYa7Ii/FvT9P7ft5H0LewNYHRmQDiioaLheJLRovjgvMFCsurt1THGfA==","signatures":[{"sig":"MEUCIQCvUGc/FNvaN0ZUU2A0IM43wNysde1KYuya4TBFRdgQrwIgH0MV5PqAYFqzvzBMeMgNHddxb8ZV8z5ZJEfXikwRlZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxjKCRA9TVsSAnZWagAAFRUQAITpSnbK6wsj4HR5qXSJ\n9NFLNs3wlxyYsyUyLnwPuqYI8AKCteVumTcdp6ZOFebBPk41ZkxKYIieonhE\nO2vK0PFCaia0tFdpF+pC91/HLaacoTp8WDzPHz5disWJF4p+E6eR6HaZNCkg\nPNNPNfyhXLmp/R7v/StjuTe9F16qJ0E7SE/Ob7dFsfkhEbR7UzinEmDPFzed\ndKZYLRbLHPe/MAVMm/4rJQntdrAaY1fpPnjxVd+WbhSvIFz9bRxrFpDB17Sj\nt5tbL+aj4HQSkOYsyJpj6ww9iJzkOTzJw3Yi1PNtP/rIGj/ajyCW4MaUBFlK\n5jqR8Ia40ZxbulSHEGNX5cgnvLQdG9eibTJ3Ev+++T/Leai0AOEXGdQb3A3k\n9wLsDVOiyn+Xr+EZV8WSVXI0pDlYdv/salgKje3oU439eGvmCxolEB0pq7Uz\n5+EUROh4tL9dSxFQnB16boomrIqdlxvPrcz9ecZQ5Wm3Ug8GOqtvtIxPHWMe\naZcO7UaskwAQSjeJm36Nx071LojkGayUYK4N4QoTr1nyUB1cfb3YqyXFuPzS\nG+t9tlZ9NnZJ/tb6I/QdnpcF9rxjG7V8E+rwK7eJiLUPd4kkBAadTKxwkcp5\n2cGp3/xwLzhXfD5M4xyNeyT2Uu/XkbtKbRvIpaA69W+jXw8UIoEJZl6tQ08+\n1yJm\r\n=POTF\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.4","@chakra-ui/utils":"1.5.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/tag_1.1.4_1617107146098_0.024559064130442065","host":"s3://npm-registry-packages"}},"1.1.5":{"name":"@chakra-ui/tag","version":"1.1.5","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.5","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"36b2443a87cf75ab6c843af840d33f7cbb8b9ba2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.5.tgz","fileCount":15,"integrity":"sha512-fNL86m2C3M8tBLYOVgvJKaVRZii/tPcUX7bFASwAKFwaLmQ5ZuM6r14OkQcZXuM96gznzMQXDle1F2r8HiCFeA==","signatures":[{"sig":"MEUCIQDpDJvX27vcIrePy5984n6L0fA+bKqEFNhKOc1U281HwQIgA6mfkop+k9ddA04NdpY/gznJdo73Beueg2cVsaR47Ts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcqwCRA9TVsSAnZWagAAnO0QAIUqoc5aJjj+u0WcAjWQ\nQRuQEBCjL5Ig/DiT70EXVfG2tngna8g1/D8Yxre3McYr8dq8GQy/Ak1f/A87\nYD61QB7yItx8was9zFQaCwLeB6b0j71jb1VR2rllYP6b/VFudf5Qg4t35ww1\nFE/TlfX/jlZQJQE/W7DKFRQsomPIEq/UwfQnAA40m6uwImXGeI5Hrl3SJu9z\nCMC1FpMmFFULfUB+n0XLer5LJ3A/pWcEzTVaRSN1N/i+0EJScJ5/BKafq0T7\njxivFBIEiQ0HuIExjLQ/c6199NcJRxdeuEHFURxr7e/KG84s3JRqiaitQwg2\naLIZ575uf/jeE4kJMF+hCNQ1idtN6hnkRfHQWz8r+0mgDoKQyzQN0JGGD5db\nPoy6+VGQVm+RIZzc2IwiZTDyhUpkcyStzW60rqKQu0CuQsHkMzbBBzK1XZz0\nOqhEb+MyntOe6jVubKXvR81jUivT/Xds+v53kmfrV9bSE3l0ZEpt3NGQOTMq\nVGQeDWUQTfVIxOKIU/P2I/NAKkBiUmS8IzqrZ1zv9i/W0HBu2NAkP9b2VnRw\nS+IEVYcJf0VHPpuS4hLc0xgrixR9h7NAZ6gU212GhIG/mz5FRx0g5OimdvOI\ny3gsOhge11VlSylZjQsxaoM7TIEErpzjxnwMpRdjgBZb+An2NvlVj/vObDVw\nTlHc\r\n=Nalh\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/icon":"1.1.5","@chakra-ui/utils":"1.5.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/tag_1.1.5_1617808048452_0.9708639000186441","host":"s3://npm-registry-packages"}},"1.1.6":{"name":"@chakra-ui/tag","version":"1.1.6","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.6","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c734fa8496251e46aabc6ddbcda2ab72c6e60270","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.6.tgz","fileCount":15,"integrity":"sha512-d3FXNAAva4xsHOrKzGaAoXAC1mjYtisCZOwI/PQAFzdGDkWp//fdAmG0i9GQWHSJ9c8ttybMw9bWqDnJP+VyBQ==","signatures":[{"sig":"MEUCIQC5KrkiR/yU78+YdXn+Bx6FunsJQZ/B4rlPGPXEROzc5gIgLmai6f8cx+CwikPjeig5dfO08iEDfpL0Mk4CZmRSXGk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38430,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhc2CRA9TVsSAnZWagAAaJ4P/jfeR2y6x6pxf2M42KXY\nhKFtWUsahxWXl5neLzQbeq96qU2E6NJSWgB7r+xzsMwU7WuC50aeZjuB1Hc4\nx/GW6aEGNJ+OhPmIQxxAsOyqYXdziH455uP4Z1Tr0fknMM44vaMbYsF7Ld6d\nE4KBUdy++FElbz4Z6+OHcNYOBqQeD1y6udLNBNEn4iOuFZsiqSAxmpJXkIyL\nkEicdeImyqmYrRhTgE8iUFznR8SuRR2C05ij8tr0iAA5C1cVsRvcprek4SGw\nu0Gt2b/gI0ugJeXKm+V2YZGs31QWPhel0mc9N+r4aMl6wfz6123M3uJmmBjw\nNLuaAklRjARResVEkUvueas/gWX74VV5SYS0BiMc31fFScvl+h2umw8Ir6wQ\nM8OV5CUDunNDpIJqmwc/aM6oRxXVbTdW/uSUi3wATQmHgc3HdDzBw1bSbr9U\nwC3QnOHny+meZHlkWip50SwzZ6AlVRm/St/CypRjtC/DkECxft65xqX9dRLm\nX/T5EPNlV/Cr8wKSSl5qATZ4QCGXNShO+vNTqRPuNLgvhy6E7hPnNUun463o\nqjJCFlH3KcE231bVcQLU1HIl411VHfDql0tTZRLqIPXoQOT9LbBaNi+gx9bo\nc5/nZ798RSNlX0tAMFy+TaKqFrdbWjwmF4WIBIWADIWGTJT3XtASlK3XIPNQ\n4WtE\r\n=MFtj\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/icon":"1.1.6","@chakra-ui/utils":"1.5.2"},"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/tag_1.1.6_1618351926389_0.08257805291295406","host":"s3://npm-registry-packages"}},"1.1.7":{"name":"@chakra-ui/tag","version":"1.1.7","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.7","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b3174adedc8034b35e366656712620c18d97ee23","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.7.tgz","fileCount":15,"integrity":"sha512-EzQa20USch+YLl2PYYg5CdFbOgurkVdeSo7O+sLrsDClhNI6XSOwY9ozeLQYV+jRmZmVX2TMJ9ypvOm09WXNEg==","signatures":[{"sig":"MEYCIQDDKmrF5cgYkRqXLsEV89chiv9Nb6iBOxyD4rnkFsYKYwIhAJBe6iuzaEM3bRBO2LQrWMC7mXPYc+syiRhrFPfbKRtW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3sCRA9TVsSAnZWagAAKP4P/Rdd7QBmP0cJfy9MgMpR\n7Jwp41WWf8SUghxA1Q23EHPQpTzg/ymPW4yQBSg/7hqp6Eocgaj65f+wbYve\n3F2YOHsjV+dNoHIgGTF5sZP/r2ULGO0wRfbLtbeBlkCVe4Ln+B4qQ7C/OiFe\nfwAlU9r+cbeIKEsOwN7OCPC2pVp6718hbXuqUOwCmQvV542LJMtwxGrqqQKX\ngTWe1Bf8Cq6Q1wDK+C5X6gZPwg164znTbL5+3H50NR+OHAF6SIP/VHdkLBpm\nWLir36ixj8A+CK3b3dVh9V/k0Qw63WIt5PqBQUSRcB1Vv2Sl1lZ3j7iEMCE7\nxqU1zA5PZ4HNCZcHOBN6c2krWz0XDMqEIS7ybPqXfWvOlsrY8iXNIx8Nl9Mk\ngVGOSNOW2Z/oTsCPk37BkhoWZ5g+MnWo1cnbQCPzpKCU744Mde6Ul4mDdJz0\nSXqUdM1+H3Gr6Y/PrjWx6aQYHdfe3SLKZmhCtC5jzaglCTHImr6EOd0iOiED\nH58tIQv/3d5T7thGr+7DqYQJaSuKiKTnw5stqMe05OY3lj9S4pOmqfwo0Rwe\nqmrNqBsLMt/mCjZFBx5CtT4tlRQV7+634P47550/fOpGpmG/tG59RWXKGMju\nNk8oniwJhTLC9jdUM3eU1daAHIew5nMNZxczHcOhdnbsFud7hnC7zrwP6FA1\nS3Wt\r\n=u+PP\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.7","@chakra-ui/utils":"1.6.0"},"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/tag_1.1.7_1618857452224_0.6261189974055501","host":"s3://npm-registry-packages"}},"1.1.8":{"name":"@chakra-ui/tag","version":"1.1.8","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.8","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bccdb4eb624d068358ef59c5449f2b2766a0ac6d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.8.tgz","fileCount":15,"integrity":"sha512-ebbFX5XUQlVNIynTxoFOeAJdGubGWtsbuwkPY/2c96hhrrWzb6IdK1CvKy5trhGWpKGtNJ7w+kcaDHQRX7oDvg==","signatures":[{"sig":"MEUCIAeIsaNnGdkDuKhqSh6+ymc9lHLO3XANoiY8dma6tmBHAiEAsHXqVpOwyhyFdSgTMuiGkyClO0MJYwUyL7ks/J2yiqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38961,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwwECRA9TVsSAnZWagAAAb0P/jBaXnt89KW2WicrBULA\nm2Af3K2OD975ClFB3uFOGpK7QsnJaBUWOcqHJz50y2Z30um5lJuGvv1dtz8e\nktfH/K/YdtaPD20KoS8pNyWJzkL8+8L32cuFEf7tDDm65zCYvICaUnNi7YnZ\nMTVgsK21cTrL+I5FOY7EwvAsRydnIwoWJLMzqTmkfrl51Qx8n5yxYumQLElB\ngNhyReglT0Jnt0zwR8oxf6oH4lTjKEP8UDMZzlLU37UqW1GCOWeAIGgaW1T1\nE58EGv7/FzX3yByd9a1DGx6cv79RHydw220k/mxfViMc7wbldmP0rwKCrI2i\nnsx8A/fzhr4XihTB925nHow4EiZbC0XU6syL4d9KW73KNgdhKQ2kw6wAQWDS\njo9qkB2m0S05scEIdxCZKfTrb+v+0PlpXUi9zCUhs3KQHBf4/LJ9rvQ7Hn2y\nR79EDisVNmZQPnd4RoL7v9hvmZxJm5b0mzG9atkmJv6kix4M/vXOW6QM43m6\nUpzVkLjNP7udIuWKCUrX/F5FrgEqHA88d4uAWYTlgnUGjgvZu37sBIFQvPKf\nvFaWb1fM5qpH/2Kid5HBo1nHl+EYbo52m/3dUhyWlgom9/aQxo4rD/211Xtd\n5071j1y3X8Wv7CZM8pM1bhaPznweWeEqBK6+CxKCfbilAtolu91kL4hRyuM6\nDYAF\r\n=otzt\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.8","@chakra-ui/utils":"1.7.0"},"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/tag_1.1.8_1619201027999_0.018926724628241187","host":"s3://npm-registry-packages"}},"1.1.9":{"name":"@chakra-ui/tag","version":"1.1.9","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.9","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"65357d2645ead56760bf14cf463602e9188a6a53","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.9.tgz","fileCount":15,"integrity":"sha512-njANMXFoBaOWW4pNUDwwcUk1ejJ4OcPesTmYOBGjbVDBrag22kiAN3bSn8DKplKBhE/nHyJuhR2v9ndfb0BpLg==","signatures":[{"sig":"MEQCIGuT8TZylHSRedUCh+bHjkO0/s7GQDqoJ73kNRRiWEqBAiBm8PFVtKemt8+RiXrg5W4sekcVVnEsl/ZCmoVY/xT4Dw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39384,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2vCRA9TVsSAnZWagAApxoP/R4SmOnmHsEZxrYEg8cP\nhv97+L5eK1w6E19DScVYPymj5+VGVWj+fIZpSmpjs1lZtA8ZjhXvkqfBb2Ra\nORvwJ91oNvbmvwjzqiCS8VEDO6X6K13lgzYvmqoyFHcoY+fG9znuGu2ralbm\n4ekzcHUkZoJ313C3AayM0NgnCvJMBmMf7/gmtzyVRWzkam4jyJcCI1ZX4H6h\nbjHz3t/uYR0kw/Dmq1Al1FnrCEnFyQwhERyz+5VA8bJyfgjx5KwNS8p4cepj\nofFLU5SwPkv8r2LBsc4Zng4tbDIz12mKYTO8MN7z9XzmD3f27dOGM7RO/BjU\nKhPgASp6mdG3lBYyNdaeqk7ivCN51UxebOIY4xfRiEmrrXBb7eKa6+A+5PLi\nl0ElOxBuyOHNH7BQ+hntvyJnOKiH+BODK23DoAZltdV7CezBU1X4xqX1NPsF\nK2TJ7FzfRo2YQqfE365uS8Vvz8OsPMHl70k28lqovTV1FQxDsbXZ9r9FqBPu\nDCjgktQKvt0h9ixcWNs8zSPkqNPsJSbN8jPVLnqQFrg1PjzHbRfn9fN58CDL\nvYZTe/tLVw0l0kEsNciePmhdRnrgB2agT1Y8WvQO4k42TWu9MVGK6VCKzeBg\nj8zRlCjD2Ow7gvu7dLflAUbUtjPWghY5OyxbzXGjpnfyD7/nVUwL2vDxFQre\nOyyL\r\n=gV01\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.9","@chakra-ui/utils":"1.8.0"},"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/tag_1.1.9_1620213166388_0.7105556545859442","host":"s3://npm-registry-packages"}},"1.1.10":{"name":"@chakra-ui/tag","version":"1.1.10","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.10","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"19e830bbe4064f9ad6ad25d1eae80fe0911f1968","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.10.tgz","fileCount":15,"integrity":"sha512-pfwjohkbSewlm187rMZ4A6Mz4V/L170M0FQYCzGZ5avkotV/ecqILU4BLJp7uDT9x2FW8hsAsXv2whuHrpcosQ==","signatures":[{"sig":"MEUCIHlQ0Mp1I8KVW76lV2APEdtdHpLS9EGK8pWmlwGvEqHJAiEA7pPsWxzSYvVHBIePEBFoisSPjQOBAR91HFCZImeieyM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNn1CRA9TVsSAnZWagAARCIP/2vu5JDu+pS4l9NbJ4Pi\nGemKmOrBio15k5swcEmA11lqfl5anqDDGEsfvN+0JZfwfwQxnU7eKm3nCek8\ngli1yFulmlnUD1pNEBE1/GxSUynWbZMOnAQcRLpNTVrk0oihRAXep4GIUX58\nGFB+IZv4yJpYu6VSFH8KuUX+Rtv60lj8pY5kQDFCPvWK521CoXxFFRK76r5w\nOv+JvzBjFlfRx51OQMgT6VeigV5sR5kBL8KDJxw0qEjbH34dz//wAwcUYzK/\nSSqsrOoferhtGu2eWNtkk/2HB/ZRI+MECCE4MEZVAHIjyp1dgKEFAh3NiCdE\nVQEPFXSoXbXHGf0eAcs6vWHaNPRhXeEzseyf2yJbClrTW4gwEi4Tg3hDZRcm\nWcAG1DVDV7jxYn/5SNoZxQqCxoaLvSmYrjLdz2y8UbcZfv7geYbxxdJcWW0l\nSNmnegpZAAOpLHrgD5hqQgiFZRERhOnQWa/ZCXc338tY8VV010kOhQ6Et3w+\njQpSfwN+Zzdn0QiqXtIQpj04tOkOeOyOXXwY/r72FhuOM4tEix6H2YFnsK1+\nkRMs8E4W44OQ1DyC/DbrqLk1pZgCv0IMrHyWrz5BvALfGMf92CQubctqhdA0\nd3tOjJLL46l5YB8xge6c6bzeYaNvMzq7UGYPzF95TyKgjZjQ1qbxdjE/ucyr\nM4Vg\r\n=NlF6\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.9","@chakra-ui/utils":"1.8.0"},"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/tag_1.1.10_1624037877332_0.3674747842445969","host":"s3://npm-registry-packages"}},"1.1.11":{"name":"@chakra-ui/tag","version":"1.1.11","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.11","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":"6dc231f6c18b5faa81ec1e95d59055b9100c13f7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.11.tgz","fileCount":15,"integrity":"sha512-XLKafTuK5lsRLk+zAXCQZ1368GOTf59ghtpYofLg0ieGAbOOuNmw1/lLKdnrnHj8ueatKPr86bDa4DQ31J3Lxg==","signatures":[{"sig":"MEUCIAhHxrCinXYHeGkfj6bS0WSZD2N3zuRSKz2d/hLkdCmdAiEAuELMeQy0s/kJNC31tfitzyP33m9QrQWpdSuOyo/DiIY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39839,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xRICRA9TVsSAnZWagAAm4AP/j8ZhXWGhEqcxX8Rl6eL\nwOwmgbZcsvtM8rqEPdSJgbCh+G7zDSHiBlTVBbwoNu6IBEBFyt1MFgJ2aOPI\nSMTw+PPXouVoytLc4MIzXq+n+Kn3KZdWyAiBUB+CgpEwsox1S+yVYbvQXB9d\nw8lq1hAQaEoDjymmwCOq5Brek69YWZwW67s6CzsgKWQjlVdx8fj4sqrRm2Am\nmezdar9oQDwyGQxM26El83YnNA2A8qWkEaNl+pjMGextjE7HK+aPG51FMHfz\nikiSWGfw8xG0C7dnjUjMI8WTa0/p0KONczEu7PiU7XuuPVVr71bb2BYfj4Yk\n/+QNgDlpPtF2lOxgRHDM3HEcyn74Y7m0fEMZKE5AyNYjwWX7UkekH7ImG1lq\nJUzXo9BiIxzYDl4VDGIOCRCQj6FdvD4Bi6sznaN76QZZjxlxoW9uggUxeWy/\nR4h3p697wsspihpfM/PywPIWbkUZbwlJPx3k0+2Db7RHQgVw5difnUqKB0dM\nS6OlyQ9Tj+hujrpNKNu4Qy62NXpLOBbPE83fLE/zBsRW3FJP7g6DkTY8x1+I\n2zAUZAmLQ1gq2bS9FLDxWEEu+vIoKGxT3shouU0yj46jWOb0VbHGUMqw3i9w\nIJiRnTlqiJSKmITvQH+eiLNTA7+9vvWrzO1hGS1xL75F9x7hCkLic4srdevS\nMQMF\r\n=2j5h\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":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/icon":"1.1.10","@chakra-ui/utils":"1.8.1"},"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/tag_1.1.11_1625756738453_0.41461616232592036","host":"s3://npm-registry-packages"}},"1.1.12-next.0":{"name":"@chakra-ui/tag","version":"1.1.12-next.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.12-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":"a8cd900d6768dee0ccd98b49d5b94b7c300594d3","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.12-next.0.tgz","fileCount":15,"integrity":"sha512-DZOcEuL2Snd+PNlzSHbSp9mAus5+C2W0U5c6CA5sH0GMlw5jXZF2Va9/ZApinjcuAUDZFq8zi74H1SecGJh8Uw==","signatures":[{"sig":"MEQCIEGQ5MMSixIl/XGDi6VZyMIMvl1n2OyB/BliXi7jltAsAiB4+A8wU2Ts1ntpDUO10ieFLTwvZfzmbEXA5tSUkNW33w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40388,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDFP/CRA9TVsSAnZWagAARfAQAIlTc8k5I9Dzsm8GuMLM\nZRp9oS+GxQhtGpr0SZDLpgYZdyDtYhzpldkeNPGbjjYFb32f69gWxOZTpYpG\n8bqykGf6HOjhMDr2HA+3Zb4EuYt6/bF0mWBpNL7APOlHjfYrT6xlfBr8gks0\nZ2d6I3PKXFaOnEdA/TvTb/wGcyNb2HFhXyYP/MAoloBAQNUW0ck7ngonC6L3\nTD1PYLzhITl5Vj6bAdSQxl/Zr42HGvu9bk1LusOHfhPq/+x4HjWAMx0C2Of6\nFPZg8DY4zMYeEs+0UosNr3IP+41wRh2dbdgqMERQvHTEkoQKC8sM7riVz9Jo\n/eBZ2pd5f1ZPYeeciGmxy8UKpesxrNLhIrkS2OLx2CUWrUXHK2uiijao2XbN\nB6QAaKoiN2ejtVbYxKrWJfua4ZkFSX0ZHsnRudQ0MihdDuxgOUGwfF3Qcvda\nP6z7a75BCdE08ckr3IMHa0cP5FdgLhcJPVKmEBOInklSvoC2+TZr0zu4+VIh\n4OSHXNnIMdEJY+4itpJMz2UWfyUFC6Do9dVzrzuKjuSukJbwY/edE8sZVaO7\nTeBANz+cK6MsSIGzZQ3LSqA43pQ3FnDEGQARBtSrohhCUqGHlKc07u3WfxT0\nXQZmQ4lfNdIo1adJieoosQmR8dsExo8hIOe1h5eQQpEdHI1KYQuQqk7YX6wM\nujpZ\r\n=xDee\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"6.14.14","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/icon":"1.1.11-next.0","@chakra-ui/utils":"1.8.2-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/tag_1.1.12-next.0_1628197887612_0.18008494135452646","host":"s3://npm-registry-packages"}},"1.1.12":{"name":"@chakra-ui/tag","version":"1.1.12","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.12","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"36f19cb886eb6f079f4ed03e4ed7ca4dadc654ef","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.12.tgz","fileCount":15,"integrity":"sha512-/tTHhfFNFJUCZwfs7xDCc2kLpBYD/WElt1cl37wLBkODM5ai22BzD1SRvRtd3UJmJtFop/P8+9cdM3+ZuO//UQ==","signatures":[{"sig":"MEUCIQDNBEi4YWJu8Bfbyoxkr5HVgo8NESsdsS0eg+UI3bM1jgIgXpFrsQUCbthArGS4njeGdiKLUUFPtvPttVR9F+NyZF4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMKCRA9TVsSAnZWagAAF1QP+wbpqu7bMRVPLvILFdJp\nqu+UGJCBSvBfHKQXiibYJpteuelo3pxaqDmQQ090ywvdvl986/xUu7BYRyxF\nSz694LH3eWwO43IC5dUV4/xIQhVddPHCaFpofIRNAObmCyU/isHWPMrlp2Fj\nAEkh9kXkyRwK6Cc5nP+F/rS7zUSNHNvMWI4sjCKxy7SLB4M1+97XEDCruymH\n6mHnd67m1S0IWmNpxci7qpLxcahisnPJmuCSLljcUTTb5tKEYY6H0Nbajd+K\n4r20bwBQ8gwafH8/RD96PPZRHWt042QCu/IScrM0Fwm6T7vQFhM364LYRG5Q\nIUn3MnUUXc3a3wrPjDTDG+13ZXHvR6XPt9aGPoM7hRPQQPczxPMDJf0bumDV\nXHhp3f2112PfR9gFgMxwNf6Jw4vTfMYl5oyLFb6zsPl8nTEd7n1fTN9TFPwQ\noScHab3Q0Zz56ue3Uh27mp6KctV2PwRhtQFezJBxkPF6o7BYq/gdg98p/Ji6\ntsSc5nsFgWkhAeNesbZ845F5C1AedITjd/86WeAAKkZg2MMRRTTTJ71ZSElv\n7ZdqjgGXKD0AogbjNviT84luLROwl6yoHZXPbWCWEP4HgZRNflv3e/v6nLSQ\nZ5q3vnxYsg0/RLDMU+LZmrs/7/4aLkGmvxGAnEyEI2Cj9abJpLFw/CQOrHiR\n6PDb\r\n=P785\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/tag"},"_npmVersion":"6.14.14","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/icon":"1.1.11","@chakra-ui/utils":"1.8.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/tag_1.1.12_1628504842814_0.6363571288864496","host":"s3://npm-registry-packages"}},"1.1.13":{"name":"@chakra-ui/tag","version":"1.1.13","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.13","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"976f6e356248cecb7b4a00e64802f108bbcfc61e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.13.tgz","fileCount":15,"integrity":"sha512-p1BxgqFnDzVFQrBJ1EItM+BCNjfJ9vCjg5lQK13JeLWHa6kHR+2agzNgxH+F9jzhKGY17BHroc2YYW4yKzD61Q==","signatures":[{"sig":"MEUCIAvOfuAGGKhni6801JCIBON5j28PkmjPN0FMHNshu7HQAiEAuvohRwOlvvanJ6fdfoqJvYPXVqr9Zgfm4rVRxPbGcUs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40512},"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/tag"},"_npmVersion":"6.14.15","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/icon":"1.1.12","@chakra-ui/utils":"1.8.3"},"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/tag_1.1.13_1634254425740_0.17952186556182426","host":"s3://npm-registry-packages"}},"1.1.14":{"name":"@chakra-ui/tag","version":"1.1.14","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.1.14","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":"eb562be55751c2a04dcfe31d5863545c4ae855d9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.1.14.tgz","fileCount":15,"integrity":"sha512-FfROxP2WJIimYWr6IRuLnJlH6an4QoJvXMO98yQYSXqycsOcuVNA+XP3aRCa6+o9qcL95AqkAidkpXSd8+sHsw==","signatures":[{"sig":"MEYCIQD/nDGAGevZrixg9jkFa197PlslQkdMckdMozvJbmj/ggIhANgJRZ6v7+2/ysi8SZOEyKXRhWlK6OUcFpOEHXcVBUZ+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40727},"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/tag"},"_npmVersion":"6.14.15","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/icon":"1.1.13","@chakra-ui/utils":"1.8.4"},"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/tag_1.1.14_1635971585652_0.9967565556015452","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/tag","version":"1.2.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1ac6d9b496bee25acdfe3afa6426b89cad197fb0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.0.tgz","fileCount":10,"integrity":"sha512-skYjp/Uf2goLG8/CTcOCKLUIDlDmbzK8MIdvulg6g8GKV5h1f9ivdxozTnAFt1pkc+Zb0HxZBU0c3yudlNryTw==","signatures":[{"sig":"MEUCIFtbwbOwTURAgR1feJSqgbRhacCJcvz+y7w2Sp+wxKLzAiEAofPTFQq24Rt6DzA8MoZaBMFJ6qj7CbxMeqnGIwFDV+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":30576},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"6.14.15","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/icon":"1.2.0","@chakra-ui/utils":"1.9.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/tag_1.2.0_1636649816967_0.2880630825732282","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@chakra-ui/tag","version":"1.2.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2e5b7bd9895ece35d495b83bb29c34a3142cfe01","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.1.tgz","fileCount":14,"integrity":"sha512-O068n+qBc+CSyvpRBJ6Lwep6SydQ9UysRqw1ETF+4fJSp9dMrBp8vOcl2SVacKaCu13qdv8UdRMBxUiTz3lh7A==","signatures":[{"sig":"MEQCIFnImWxK41qssg6N+Ggh1EPmSG0Dz25J6MqUkKe9A/2YAiBlo2NZBZfa3lQj9Uiy1BQCcmHT4qBiSDo8QZ5CccUu6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36799},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"6.14.15","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/icon":"1.2.1","@chakra-ui/utils":"1.9.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/tag_1.2.1_1636746702660_0.6832099097424054","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118154929":{"name":"@chakra-ui/tag","version":"0.0.0-canary-2021118154929","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"38ccf05f87c3aa66d828544ecb2f4ca66ac3f0a6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-canary-2021118154929.tgz","fileCount":13,"integrity":"sha512-2bWnZPFvot51woOd/C3ZOVblWzHH6w0nXU4CXJQY/qPLJ+cN4x+ICTm2gt3wyL/8rd62tvDy42Mmr1vFqLGr+A==","signatures":[{"sig":"MEQCIF01SUENUniQEry5RnYFQwjHzIoYca2+t+CD9/w2ozZlAiAfOboDh4egeBC8uM8KzFCKugAQIPJQhRD3PzeQoBMBcg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsNRACRA9TVsSAnZWagAAQrwQAIyHRnP9bKWipwOQ+4t3\nVZW/wVk+nuRg5Hn0AzReVpwCqS6AaL50RoO613f2BRC0xD5FHPcpFj83Df9B\nY3i0rZugFbP6DevpnTTgWZpkXMPVVc3B1Qx6Ocez3C1DF13Dlro7Bdar+wQA\nqjKBpTZCZui1ARHbDzcNIucvMr6W39V78h0UaWRKeIeBO1hc7jVcxOAuE9sj\nTbOZwhAlzOc50G+xCreMbBNukCpbloxSEpCJ7s86BCXcsseiw5QC9q2Kp9rG\nilMrt0nN2z1SPBIQfEfjjWIHtuux98yWnSkygOVjv+m9CgWKMgFuddIZ31JW\nZe9iutXhZkSLHExKcN+nAkmYfSOTXE0KTNcnjMjn/4mdDh3AavWNh/DV/CdS\n4hP4C2A1Cy6egGqoSrW+kBDeKmPX9bOb6Y0F52FCcI+VkTLLR3IGTHtU+4S5\nJDJsOBWfKZeJCeoWc0FlEozFzrO7DliKKVQX4H2xo3iQObHU0rjBmaXpJC0x\nbutYfp6NaryFF1wZStkJxmu/CtDliRzHDNsIR+6MQkZuk5SeH69NIOoiWvzP\n/HX1sYQDM5NboQ2RpSoxBwwtpL7+Vt7R5eryoaA6g+FYLOqalT2U3aNzdoyd\nc9An3IG1TSa2BsVcPKVreQ2Vslc5IN6NQHGv2m5wyEWs7UhmxjQR21JfyXWC\nroAi\r\n=WNBR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-canary-2021118154929","@chakra-ui/utils":"1.9.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/tag_0.0.0-canary-2021118154929_1638978624244_0.902709382047683","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118164051":{"name":"@chakra-ui/tag","version":"0.0.0-canary-2021118164051","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"91dc73557c0ec28f224582f3acd149b7ce683227","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-canary-2021118164051.tgz","fileCount":13,"integrity":"sha512-ZcVJuJOMZUsmFRLjexe4wh8XOzndp6PVO92eiHCGNjEPb2N6tAHVElxLzis7O0/wnxbGs/n781EJdW3gDdEw1g==","signatures":[{"sig":"MEUCIQC6n7cukT9/LUQsHKY3+68cBKd2kQPAIzaW6ug9nvYy/gIgIt45sBhj3xzWZw8XdU9CuZp5DvwhBKcd/LCrHABuGTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21410,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsOBKCRA9TVsSAnZWagAAWYEP/0UYSKPvo6UyQsoQQv4R\nCuIAnzjKnx2MdcT2Txj6H6NNxsVw0W2RlHKBxUY88SK683GJmo+037yh/diZ\nCX+AX1uJ5Xvo32ZcqU5KMH9qz90aEyx8948/IaH+5Qojh4KPvjjwIxZkoEnt\nILjrnJKJEITOlwXE/mYd5HN6mCrNKDWKUQR7d7uhIVZx7kcmoXGJAgEJ+O6n\nitjrw92FaDwSocGRoLrj+dw6tW107dOHvvJfYk8/86K8j9L6gWe0jFtJG3PW\nyfgzIWSihykVy7rszJbII519rMgUpSkGtf4ihSl7eHnVmrukoUmHp31zI6nk\nvMp7xRevBYs8P1WIwhcKpmiHxP1oRsP2aeQskRqbWoAsdpw6N46+NpleI5AW\n8smgHo20VOgC+Dz9MVBRsJRr+lkJHfzkx2BVeP9iLEFvmdkxeFH95IGOY7G6\npe3vRilBqyEgGL8AEFnaiPCxlaz+le4yhEv+6JB5LDLlZ/okr+Hg8FpS1Ngd\nFxRWiARvP082xlnJmMr4DapfPfNKGRC0futkt2T/WNgT98OThdu9jqdhZvLo\nO4na4VZ4zDbsOhtrS5r/9x/Ko/8ahfiSuNz6pvQPQz8CQSmRt59eG+SlijQB\nnDgkxTk46SCzJbBNINq0coLr+Jyqe1iYdEy9tRrLdqOS24wZVywORXRSR9Q8\nfXEe\r\n=Xcz7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-canary-2021118164051","@chakra-ui/utils":"1.9.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/tag_0.0.0-canary-2021118164051_1638981705909_0.940765356499345","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211191288":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211191288","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c76c737a9d9546ce2b3ce2a304f14d3d5594fab1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211191288.tgz","fileCount":13,"integrity":"sha512-GExh1Dhb2sLQIRr3jVlCIyRUrhTclQynrmfBcBb1ZIxd1OVDdTEmhy0EMJk9uEqFHM2SizFu0jh7m/57A+6lxQ==","signatures":[{"sig":"MEYCIQDSCfOXOtLDfjvhtpv06FxLN2kmu0BFmXPjVUwNzubdTwIhAIUrXZNcl++n0JHtsy3p2y+MlOXkjXNJ12ByD5hwbHEt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsfHSCRA9TVsSAnZWagAAB4kP/2dJu//CmISGZ6oas/2y\nUjT3gEPtIe+gPaOtvoi8ywglLmfly4Kw4+1NXpoh+wFCmZiTAzy75Fnd5LlF\nN10vfrghSjQY4xNG/1yQJ/sdv0zhuOW5oif9gLpxcajqEIhhGK7LVNdt5Mlq\nC0A1Ji0a0D27RIMz+Mz0gSllNw9oP2XCtGKUh8sTX85VpI4WIInCm7B+F3Vo\nbr2VkPwVYdjOcC8LAMIq5/4YNY2aWied3+erasfbXfSpGCsua2g9jeveVMc5\nd0rdp098mjUCTEjfPsI9ZKcv+3whOslw45xXjOQj3794cjDygtO+HVa65ml9\nq1wZ/zV9jO+e9NSojvGfIg5j5tNomdTbBql477E+zUPkcWRSJGcWbiGttZD6\nbQ97G5pq9CbCJYc2InYW5IOc8tez0Qrw5Mt5vBBBQOe+LJ31eVFQZD2yKtpI\nbMNSUJo2E53ghwqaydKRdF1heL9NtIK9qHvmOH7VETx8d/DL+/NXktBGlYm8\neLtJzdshYdFNG7hiD0brFtnLnKDx54WbTb5JHyPfu5WUv/iti7ezmSk5lG51\n6otNMopne5bOHk/xEM83c6PJ3FT13jH1FBFFC5efrjxe690TDa9ygpP7fA79\n0OsfCyW19/rkLSlcTpOcwXDm8RtryBISXxywFqRMfYTiFhRjOr6/y0Epp1yl\nUUZ3\r\n=Ii2f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211191288","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211191288_1639051730344_0.7330020331869638","host":"s3://npm-registry-packages"}},"1.2.2":{"name":"@chakra-ui/tag","version":"1.2.2","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.2.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":"25519544cdbc0a32b2f8f44c7a8bae3bda912cb1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.2.tgz","fileCount":13,"integrity":"sha512-H25y9nEyUAUdwQDND9P4mMXKf1wf9UH4A3DyP237qVKIyYBpa4aCH8eJU4dunh2yIzASB0DWcr7lsul/HAHxmg==","signatures":[{"sig":"MEQCIBuil4YJYzh27Bb2nkH9AMORdT468pv25IS7KzounfpvAiAQdkMbQxAlj+EnHR8mjgRmKGYb0OOjzhN5j7F1Ugpi7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21326,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsgTmCRA9TVsSAnZWagAAxg0QAI//hDpQl/M0RrnhWby7\nBPZ49MKcM1slFDnfE4cMVklw2qekgPVaJKiNl2t74asvv8ByWBqpSKzxvj6m\n6ezufGV+rE3MxBReFG/3mPENDZ6y43McCtBv/WZMYhjg1m9023iLUUl9jYIu\nLCo2F3tq3jeVvnF5yflmtDO3sJJp356iIikkWuYx2zCrMxuW1isX0UM+AnSw\n/kNgSzlspQCIpN1Pak1rk7Wq9hvYNOEkDHu/CbKmyRnileqYBlIvfDFhFuXc\n4ZhogLWB3691NEXYm50eHyoXtVbLAGKbDueR+/IS8vjdrL+bsIE0Mnlt/rEy\nvQwaBoK+ALJQtGH+J83m+6rUrPA5bBOp6xZn61e0xB4bz9D3D6M68WR+Oh5s\n0BTDMam+3q83ObIw4n4Gs26yMctggb0OAuFQLKSjx3PF2AW3MWljgxK1+PY/\nbQzJtCvZZe7/mN0MWCR9XjG750BRse5+Ils+Sw57WQPQOjHCIgZFm0pLY+mN\nnQFzKccXL1lnSkVbzBFMNO2QeaNOFVIbglAi25gCySHyDH7U/kqBQmbceXSo\nuCi9VOYuphzAPPkKybjE3PZ2jxzgPcd9G8+Wv7FXqTMVGlorCAXHr0e0pVJS\ntO1i24f4QXRs51OPlx4K6iedPDT5cMGCXlAt7q/1OUDqc6yPZmJTBh/p3o+/\n06bA\r\n=L9Wi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n","gitHead":"5aa302a018a724ebc96f396fd81e95713969d4de","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.1.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"2.0.0","@chakra-ui/utils":"1.9.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_1.2.2_1639056614704_0.5181656744407868","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111921327":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202111921327","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2b446d7b6fe06893e6e0ed27214ec4a703a89673","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202111921327.tgz","fileCount":13,"integrity":"sha512-58aYi+hCgv2cHDldYC+T+3KNid2wH4QIGe9dKV6/B2p5ALVfbHA+KDJQNxrXRLvBPcMyg/PmjRls9R1Kb+y5UQ==","signatures":[{"sig":"MEUCIQCRAwAMbUrwIBCuyMsoqAmaXAClDlbW38qhlF9chVSshAIgDLcyROpVVQprsTC3EtEjfncABlS2Ke/UwXPLHe/XuV0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsm9HCRA9TVsSAnZWagAAV9cP/26CZORqMutCRK0ChIyo\nXmP6ZOrpdRTna7/Rn+vnVXUY3M2/HLyVgVGkkxLHc+4GYk+wqlpqsy1W18S1\nE5xjUeEjFNNT505A+yIO7WIkWqJQI1/IffJrubxs0w+zHYs7fEMV8hf8tJef\nSqmfkcvphWDh2YzAYo5C3ulNHwmNj3XAb2y3VRAc+VL/EY2Ls+X9j8ykTZR2\nKOBpauuufW0BzULFSE7EYlCa9/r+GvRJmdl9TqvluY/ZBGgiLMN7rRHC5cE1\np/yz9qhrTZOw+FoKLcqF5D+pP0hU/+5g/8y7r3RiPjsrtbdByV8NFBWxyTpu\nZrV8JA94zylYu+1KVpH9db80H4GKb7AV+Rl23tErMEbXedn+T7MXOb/f2VgZ\n03vF2/HtzH6Cnticws68+WnWICRdoAIeGeNx3bnkY8g3kPWgMlNTWyYC8eZ8\n7rZDbSEaiS+9YP0YmLCFGXnuCDENaivgjgRxznvem2uM3I0bCvqf3nVQqXWQ\nj+jsKyHJGEIlkUCC/F5vimEw7EpS63zhpGb8eoSZFJcGPO4Hz5tVcLfwOUrR\nAZbCVcZ+XrJZNP3kTjQzE7JxN5U/tzySKblXIRiW1Cep7eXfbpHyuS1iTjPG\np7qTH0xmq6C8fusBphec7WWa86/jnVvMMFuuExv9Lx7gM5FR7dxjEcltL0Z4\nXcR6\r\n=Tzkx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202111921327","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202111921327_1639083847166_0.7330005029804765","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113195848":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211113195848","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2f71237e2677d0740a98ad52cbf666dc4c13d23d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211113195848.tgz","fileCount":13,"integrity":"sha512-ia1i8mTcSmQrEkj/aG6T/nZpR669VgwbAuwONi4xOUSnNwLbTXULqQYQzhYa54MnfuwRnhsNT9BvZ87+8gC67g==","signatures":[{"sig":"MEUCIADZ2UwJGPoBMXuTs+WqrVKlGIPrHFY16Lo38jGUzzn3AiEAv6FznTlJ/ICdkAokzPBzavhw37yio18nPK0s0MHNe6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6YaCRA9TVsSAnZWagAAHs8P/jd8SflOFSW51+N+v41Q\nukHwdAGwsLHTCsTJdA99m9rF0emZd1M3vlbuSWd52GZv6cwW0bcm0iq4hrsB\nH4uXHtmqa57svpc0IfjqBMQVUwngjoijechSEOJNYXP3N9CnoG4JYkxZe56I\nOZ1J63Z4TYC1vxjf5ea8S+q4845jFHbJUj5PWMODU5J9rmdRnNvfbIYYtAcR\nLktYZWkTruDveAkJRR82dDHkiqRYzxPWiiZsUH3mpv4Bi8/qci6KM7wdGm7y\npzITQQWswtu0MVoiLiB0GgskCNojRM4MtMi6mebFXZF+CtmpuIwbVXMcPFSL\nS4V10J8S84IMVbUZ0+RZ0qDtpsbXyF1t8k077SexjMJLN0Wc8qz4l28KTfwe\nk+h5jXTCGjKLn8Ijod9zfHmybU/Ax7ogMGtNTaVkO8SR3XXA8xI3SrCJGOy3\ng95RbLhM7Pqka+m4ZqgckjgnvwZcakT7A9qdxL5ei53EMMcxJmZK7FykY+Yg\nYU99re2xmcy8YfcU38+as/HBNQXZoGTuEtBq65BHI9LD1CEDctTinYDtImi6\n+ksPYeWN1HgbC0w3Pz8UBJGKeZc62IFEAaVvaOKVZSbkahRxU2qdHJWUX5ye\nD6zpXqcPzIbvDyCJ91Bt6rJgoasZHtggkDgi86aFgf6iNY9t8V1g/nXB6pGH\nnPhB\r\n=gQ/k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211113195848","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211113195848_1639425562580_0.07098922256882179","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320052":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2021111320052","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3c3a4316e2827d287edf8eab85390aaa4b527758","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2021111320052.tgz","fileCount":13,"integrity":"sha512-NgJPP0vqahQVEM5uqfbgL1Vo3G8Q9VBxGSso1aDbfYDhLfwgmDTyjZ50JdjJpNHJGYqddlW/fF5um+qtMERC/Q==","signatures":[{"sig":"MEUCIF4YYtd6UQk7e9ARHi+XswdII2k5zDJV+Ytva2yB+sMqAiEApET8e4XUS4xioE4FONZw4IlNDP3FaW3w/lq/ROgSdVI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6aUCRA9TVsSAnZWagAACjgP/2bbhtxF+7UIzVZlzAt4\nG1Ztv/jmR2ffwV1fGp6F4EfpjjUYbGMhF1WxTfJkvf+srPNz9s+ZzqCtSrVm\ngl5ogwhm7GT0tIfCJOq0ZFQlsJuXYhoE/wfW9aJukatGBR8ue1+jKk7vW8dA\newokbMK9oNuFJ+AAIMdjrdnmJLanS0AE8eSC4mRbrgtH0tg36DVU600hSs9m\nEmKtq7PCHOXiCgsIq+wT1Gy89ruiua8J9p19oUuKYF3o4x6PTdIKutwT5SXg\n/LZRXd767RNRpO0P/vs21Cpw1RTi8m5diF5s+l8Sqhqg5U/L1ye4+eI3NEeg\nTSWSEun8So7oxufCTKQm6EW9mSU5r7Q58/0H7rVmBfCfHsi2hJNTMDyyAmAJ\nex2PoJruoS29pqZ1QEt14KkdRn6B878wATJFkNqjW/Izk0H38alDRzXnhqst\n1TAuLX2P5IBiOMUsgBZQAJdGNue2h8CbyQ/reX59Gakb2KCNpzAv7apsmf+o\nwFb2+RrsBxcdiaJq6n7UxQoFk4POU/lNfWCED/aI+J4b6pMYLApXtxO/XdUa\n1kY+5FeZxUxd/DVXJeAhC5JtObMbI6sFrC8hFVz0ZNm8cGNINMrhsafQTgk4\nNsfACCG1aM46FDWYGyD9NIAw2MS36qym9XkVFs77Rb3yYwudKcqj5sDCydnR\nOHmU\r\n=HP7N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021111320052","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2021111320052_1639425684649_0.2615878601864443","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320117":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2021111320117","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"0b326f09e90095481baf4da283c7f1280593d015","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2021111320117.tgz","fileCount":13,"integrity":"sha512-oX8EJxpLcu1uY7JQAOnjBQi1+jjFEmQVRVJNCG1Id1+3Ermj4QWyQ9RH/e/SGFV8N5oiTXbPj8YpUdkp/YPjMQ==","signatures":[{"sig":"MEUCIQDAYnvCHBRrx0bNqpbIxqkwKYZJxg/weH67u0Wf3uO8FAIgBzfOfHXAsR+9WmW1CfbQl2LYlqLXYD4EUxher0IIT/U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6j+CRA9TVsSAnZWagAANzEQAI/ImqUpJkGpnMUPRv04\nqU9PLnNh0wWqtB3GCZ2w+Tkfzty7tng1+dwnSV5yxhY515hfpbPqUL+OJ/tH\nT/EWP2nkW9QuYZq8qVBkdF4lUDlbgsseK9/XnXSpT0V0ExnStBchVAW+tiO4\ngvf3a8OlY3QcyUy8jXqvP98VbdkHzm5JcP9DFDbVuvDt47fCp2C+WAMByOK4\nVl79rfhJ2+xov0GpjTtS89gqTic3yLzJeNptBV98DTUaGcjqx76ONUJAW6M6\nM9XaqNNtIemhKyN0vttMCSKe3Gud75sYEyREY4kPYb+H09bAv83/XD8XxhmA\n067dFqLxO6q0jJ3hdVl22xbA5y0gO/BLsdGOrwN0I2+pwBtqGRtkMq2woX4H\nCHsewjrDEumbnszPsDcGKwRGu+HNf5n58Gm3bo6A/lfwQj40QiJewVyrve4B\nnoE+45S+/+/8jXZr8wAhpxDNBF81OenKMS2mUJi6ipU2IdPh06EiZPeeINzT\nH6UWiM+lEy3yfbpcTL9XnUleKQVdlF/pt0Kem6F6/bikfk7Nmpw3NdLUYzIN\nDZ9En8Cmrs7KHER61fqX97KoGaNYwwlEygGkkl4t/b8DydBS4qdadHRanRJl\n8PcnX33QXd6d3wrEJkRHufhjLmU1oZ2F/XAeBSf7GoOqqIis7Z7BI0DZlwpT\nxzcH\r\n=WBLD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021111320117","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2021111320117_1639426301774_0.30715014123011475","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113201444":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211113201444","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9f4fe1c0c3a7fd71582586605f31826e1139a852","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211113201444.tgz","fileCount":13,"integrity":"sha512-yyO5dkBH7HCYB+UJlc8qlWeo0uAhNVyPkisIzFp+cDA0y+x0wKHii9KDg2EPNnxfHBX5iqpG3CT+a9cyLUmgPg==","signatures":[{"sig":"MEQCIHS0rbzp7NGEV97DJSS4m6EycBv47I9ONAOWX5q6ShlnAiAcAv39SWLyJ5rLpRZ6QgsDpkMKqY1bBUz8ISAyClYpww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6nXCRA9TVsSAnZWagAATN4P/34DE5HwH3Sc4oNVRLlh\nTHpqfOyl+BFcJRisMe+ts5RknO/wKmiEOKrMD+bT93w4k6bpRDOJ2EOK4vao\nozXzP5tbwFm16V0jVQsfhC3sOhalD7bGZavyVaATBX/v2Xj9nv/u62fRu7UF\noCtkSxedZGkiosmOulmEEY9W/cxy6NztZHrG5UBibCQJIz/j532JjGi+5+pE\nE4OXCe+CcRwKGvfRGTIDUDDExwOpGz3lhEnkUMwtaI9M79kacO/GjuzU87/E\nEY/9GObTMDOiTeUdc6rCfsX3Ij/kdKWAE6wC6tdBrF7JcJOk/EfseUhttCBS\nSLLCrKsN9UVCy1M4rFiO5uFvQa5KBWjtVHBCwS5pRnY4X3KJ7xXibMvFpC2y\n5Xplm/8bU8Cd0IZaqv4iJEbheoQnFlHqfftytht09wBTU7/DRtXH10NGvDp1\nG4Xi0Z24P/e48so2Bu822ZA+K1F0h5xQkk3U9u2NRzLZgi1aGHqFkSWpgVDF\nxbdncrjUL0luXBsnUdFhoEEdWxzw86E7U1ewJTN7F2C4Dxp6jkrBk0YxQxJC\nN5ZolFErG95qtJPdB2hhySbGXBiakI5UuezQbdwgHhV9Un4izXaEF8jAa5xZ\neG3Tw13Lyf65sd343Qx7p7SlntocwLwITaWz3XCDfA/3GX0jMr2hC3z9No8b\n/Hht\r\n=o9sa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211113201444","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211113201444_1639426519193_0.6745356756006555","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113202333":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211113202333","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f03a6cc9284b4363eeb5a1916b88f51035d07792","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211113202333.tgz","fileCount":13,"integrity":"sha512-uuMoLEjgxwNkAOqh+Agx5xFqPy9r9JG7z6K+QSh2pnQQ9EW4bQtr888cz7lpbNNX5oOmrCQiP37xbfn5ZNSljw==","signatures":[{"sig":"MEQCICCWM1ivj0JcYSxiN/mQnOSWKTCBtEoRG8Q4ekKWIp3CAiAZlmFaSnwYYJUkxURLppGo/yoCZjNhipF7VVQSxQKg0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6vnCRA9TVsSAnZWagAAmRIP/1AjaWwHVy9kgDlzj4EH\nBhzOaf4HCJep9Ce9Qf7z+R0JIei8P8g0pWLQMWtIOhBp9xSol94kviFmxAJQ\nEevE3jmqXZ+UD7qVnMUQKzvc/fasFPtPFIK98+F+wv9nr5X3rk86tVoRDZyU\nufK9GhivW0W1DxyQg7SL3prGKZPMlxdTm3JL0lOewhoXPQ9Ehrt1KABUij4U\naoujXRSeICjVPNL/Qh8aT9RiqM5gAXYAEnHGklIkFVorWtdOZUU4QFGP5IyQ\n+MFWN2sk7drC6G6qa1znhBoNkTsnFfEHCOOxcuqnC9wgfBusyMEwLDX742DW\nmdot0clrRZRXJGe3Kbi4EbRFlW7+Ib/YL9blQmshkLHZCyFGvMWiYmbv9Vck\nipB0BKhWxxC4d2QThRsV6Llt1dVPDs7eJUh0abgHigqE7e6BGlxYj/WlePTF\nfPwwAWPDw41t/YOb0H+eb2O3vYchuwh/h/1e2BMwaM6dwuDD7IUhDemaa7oA\nKXolccB7QXVrp4QMeCjBAtwCOrtA5ow37HS3miAyrI+VoN3Q8b9KizJDS8fJ\njY73fIPE/jLlUFlb4t3ca6cuLNI0e95kBRV5P+3PKmo6eWqGWxFbVeq8oInY\n/kLfjLcHRH3J/rTQk80nfl/NyRo52Vs0CjpojoHEbS7x4LmpnrLv+kd9P1Ts\nnK19\r\n=jZhG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211113202333","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211113202333_1639427046982_0.9926469383256091","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20211115102948","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d253c8a1801615cad632d2dfc89c3995ec89693e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20211115102948.tgz","fileCount":13,"integrity":"sha512-+DFDeD8DJNwUiGpWXU+BxgflFqdrc3Ca/xeXcivVTK1jqTFbpDtnygdToarbfurzjqJcfQ7hLNlZ9JhRQPbCOA==","signatures":[{"sig":"MEUCIQC7pMKOfKBB2k/ahmEjtIxhyQXd03Yj2lCiiPTE2g0JuwIgL5dkg5XllwqaNwHqzg9CXv9jA4D3fi8Sikrlv80BYrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPDCRA9TVsSAnZWagAATjoP/jHT4QustTZnP7sF/YSc\ngBRpeFIYMY3yZJKL5PO84/FNF3wXT3lKLJeC33LNdY/1LTArZHgJ0yE6o5OO\nUAt2NLUECIqAarAqPITci+6WGjFFbk4wXLiK2SNybceyYdZ3TRK7mpCNB/5O\nVPIZ9XJtRua4dTWtpgIP0vJsav2PQf1MQb0bzj30kTLRk3jq8WGEGe6EIAai\nMSUpLJ7xT+hCM5B67rt4ofTIj0DWnB4mHbaly2e9/2NPip0K1BMr8M9viW5f\nYdKKqlrPpp1UqvCokejfY4KB76lJUj7VO9ygEytMW0OssRi1myo72lRLSK2I\nJ9kvLDLoE78oblOgbunVo4hRadX4fkVmgHw7vwuwwF9JE9FIifPa0X8wBZ9t\nKezeUgcmXuxPp/GLLBXRl+HWmBG5DiJvf3E2qnz9KmHBh7N/iaZsKJapDqty\nQ4Ht7dbwJD/Ju8N+cID5EFylPrj8LGT5vXLp7oNYLhg8LUJU/Q1Q0dAPSYl7\n1wFIOPJKgy6pO6zqRybGorXAZpiPPsitAZmy+KUUq0UVxIASO7ApHqRvPsYU\n94rCDwlZRfpfpNi1a7N5gG6wa3/Q1UShsh7KZ/xMiOR6yRZqpZKXPQNaq6Zy\n7lgqjcaxVw+wNAjEv8l/LE+FSF26wI9pSB6RO7uAn/4vu3NVvvh6GS68WHVN\niiGo\r\n=+AdD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211115102948","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20211115102948_1639564227120_0.6658472420696795","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20211115103018","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d4c0d009462abbe78649ef676f06924dd64311f7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20211115103018.tgz","fileCount":13,"integrity":"sha512-uekeTH6Bl6MbiggNM5yMDfSj45gRRgeajWMO3HeZoedPbcQz364H1p8e4X9ivtUy3/vDpNLbx8t6GyK2TTI3pQ==","signatures":[{"sig":"MEQCIEqx+3xnHlCxKaWa/gwcxbWeEbI6EjDP1Kqg2mkh8tPJAiAhNYAmXgWPbIcxlnKYGTK3iaaXWJJ3/OZsUGCZeiOYyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPjCRA9TVsSAnZWagAAk6IP/29G/AvvTjA60HZPSW1A\nmYb1Bd1w9iFsU7yuycyCmmQ/71BceDn1HLbmVKrzsZXd+tqZFRZCkzVDwjqv\noYtIdXlipeX6pmwHxEZr61D3caNNrPY8lcCuTbzOvcP5efM5LiqWfjN+9QVE\nehITx3buLF3yx+BUfP8vB7JalOSgLKHTLFovIkFG+3BW8TjgdiV3PigdrGNX\n3YulwzIAtPlChOUuu1zu9gDpLZF0M8dpG7PBSfgzsRjfyw6JvBh/qQkZFriZ\nVFygDUDQnBeQkxBuXTWvbnl9nfSuNSspvS+ffia5/nw3I0710wRaz1bLifk5\nHvIUmX55z0NkVdIRyqcQS0Olc09Nr//S5Tn71dFScQ2Y5zHHMEv6bSYJHvVN\ncJSnkOAtjBuibu5Z5EiObF0WTHoAl4JP0s2uKsIHgzy75lqi5gmk2iw4X59l\nogI2j+xmwt7gvJzdu09ihhNUL3Rf/8/IcbA8FObB4UJbAVK4H1gPcILjCJ7l\nbI+Q44lbdchyGUHEI3k15StIdSV+8sx5aRJZHIx6iHty3snLY0+91sye6Dqz\nH4hKM9IsLQTpE6uUAaCUNRsGWu3f/XqoRRjfHKzh1oyap3MXsS1qY3smAQdw\nBiaWpTfMlwdnRC/Fpm6QiC0Sty7ainryLEievs+nb1ZX9abLi3cw3H4TNa/N\nnAsa\r\n=sJjq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211115103018","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20211115103018_1639564258872_0.9268545541076201","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211115103050","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6ed8ac975bd87aaa7da2fa916e2d332ada89adf5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211115103050.tgz","fileCount":13,"integrity":"sha512-9pDhIA2H54xCVreRGiWiHXTII5Zbcf4st3+UoIbLhN8c97HlwO4efXF5ylDgGl65EFpmMlTJR3hShoA+AIqL/g==","signatures":[{"sig":"MEUCIHV1Lt98Pc6nZRWNJCtWh3tVzxXLZLUfymgSzgE99e1PAiEAvd0fCvCkQejCpuecRO37INRI18vAbt891BgTld9m6LU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucQJCRA9TVsSAnZWagAA2U8P/iE4TTdhko9DsytBiMLD\n+1tedYtVE+OjcMuibcajNwLox+U74p6TtKCniaPUh952OVvqp37DLelgAgaK\n5HX8HFC5MrImwv69d5/IoNwHmKVlpLox5Y8Pi5Uz8bdUJVr9EejPSRhzncEZ\n47UbcAgrVRR5MSLCZc7SDzEy17tdtheOhzRTzTeHBk8TeOUveHrtqIvy0wOv\ncu/lrTGdZCmUgdg0C+RgSJ/0t2w8jgKTbZNezTfAYFXeWVb8KRkeAdbSylGQ\nBdrpFusMV3hy0jlTbIuyl9GLTt9u5QdQGSXbq2VVHjNeagyTUVj5a7vrCNZj\nD26GsJb3QwOckTLdcJLZKSRegDCJOnnJxomEF0hrf5YHiz8mCkGp8Z00MXiD\nX/ddHfwLgEFITc42RxxnrGohqEYnqoKFqRo6wra+nE4qM55oxzp0/Fr/ntUN\noOqWruMsVceEBNrBc8VjOorn0aWiyLBiTLkuAFhmqv7mV3kZYB9jqo9QF0+L\n2/O2+y3dRdhJOjZAZXLaRh689+493ogjVpnPfjDzBBn+Zn3Uj1D+DVq7rYJF\nRP8a3pOogsZ8Qy2+VEj6/tr/t6ZBfo7p/MG03iqRfpzUYMz13UdXPOmOP8Pa\nBx8XtYbl7t1hE6XdjO88Awg+yzFTuIBqhkZu28UIRgsR7QiwR3KT2nFtdtnq\nwoLp\r\n=UVeK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211115103050","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211115103050_1639564297614_0.5225929334477895","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20211115103321","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"02a29d63390037f1c0bc1d4d6424a7d1ecb89a79","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20211115103321.tgz","fileCount":13,"integrity":"sha512-nVjr7Vgk5par0sR5UTDqgR0+yO3LLRiNHlUO9fmvw41ncXCR1SmrBbfJ+CdQh1O/PK/NFrxvwwW9WYyrL/jwEg==","signatures":[{"sig":"MEUCIQDnLtFKwNPTJC5vIiwiS67Jv//ReHyWbjB3cYjAzg6ulAIgEvLP2JnNe5CXMgIaFbYZg8Caczjpv7p6hGkLgztI+3U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSdCRA9TVsSAnZWagAAMP4P+wY6oMJCGIpLFjHR1Omv\nYPi6vUIWgArI7GviGEqy3J2snZF98D16OKnCDqM0vKCmRkGs1hieHf10eatJ\nTYpI/e8SypO8xJAvkNyT4CkPKMsbt2lMthIR9gztN/DSfJ/MmCx4a1QRwGii\nd4M7Hg3Xi38UNHJi3bTjfswg46VV7+ELkhVA7F4pwYifPawHuSYWELAUX/k8\nDmx/rb/MHXsFr88CZJiO6c2/fwVt+oYI8RKiYairrEv/Yb2B786AaTltN/t7\np3PwXrA+a//Pe7B7xD8qJl9i77GX7cqykyX6TcXXBzu2fG1XiqkV9rkal/MZ\nIeBTI7AbWO5Y13ahOnDWTaDV+X3fYuQr4f/0aHSUY0tmJrebg4yEgBK4tMPD\ndZZE7OMsWT3ZQeNS0vQvjtA8JtX2d9QN+5GT0y85OInEoBPr0K8wrXGctDcC\nnE8jBhBLRvXtWVmu2Oj9xFAFm1FcTcwjgkCuLkX2I4r5PYPJYFRQCdaVpuzd\nVUTJyrj7HZxN6AokF+48s0sFbw9TE5hK77hiot3A5p/PDgvFESjCO7rbHJrd\ndK3g/gGiafrHQFPlYVMWThzZL1LntAV7C+t+HoeaZd73Mns5LTLsCUlSaG5i\nuY+ZZQBnTYS5hVcqil+GaE3B3c3/v1LZPCKDlaszvMkhym3EFyngzUUJXGK3\nmxLf\r\n=10ys\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211115103321","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20211115103321_1639564445637_0.9046605311611047","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2021111913282","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"402d3feb412c5f0bd44f4ab80857e0020098ec1d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2021111913282.tgz","fileCount":13,"integrity":"sha512-sXX+YnVypQXuKUIKfgl+qX+/6Qyhk4o21G97doXCbWhok0Adk4GsRTqQ5dwrbseA23p3/zsKL2WX7zmbY2npZQ==","signatures":[{"sig":"MEQCIGPgE/3qqEn23Nmh6ucSJubh6SdPxcWzZH0gCgYejcZGAiBwQeGAn0Ui44aFLQ2UX26pcLgt6wvz/bjH9c9c3Iyirw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzOSCRA9TVsSAnZWagAAprwP/jYwTSGaZZ3njjlXMh4j\nRLldtN4TAJRnFO72+rBG6EPxRri++SwaBc/6EWlwJB/k8r9UeW0TI1TVc4dn\n2B92lcuOV5dpUz9pxEPu1R7TiEa73HeGnX9fdo2dLGIYFILyB4/NC/j8Hy3h\nFUxOOZeDrhKiKVwWlNqpATpoj3sWOkTg+yNSKq142O3AK/u5Dht8UMdfkfEC\nkbGpvm+RPXAnxXzfGMqlM2zqedKOO7VRbKpL4Ck29PhQWaiyqSyA3YoS45yX\ndPr48aPJbeFbgnd6oAU/uBw0DoT6Ep8ajBbF/RWdqZTG8L+5NOt3Z1kxenVg\nklNTPfpf7SyIvzDr1IvPjI3UFmgAuAqj+7x3pwcxUiNg4qyv+qe+OT5nFSk+\nzXLsx17WiCZwdTJMEh+bKggt8KKV4wKjz9CnPKe+uRhyoMEsnPlyhj59zuXr\nsu570KkwDwI0q9R2ElQyOzqNukn09cItmygM2OVfrBkM+s8Zs4pRn0qcOzRb\nbqC1hBjR8bzswI665qIvNEMogmTQhp9wsntfbGfSM0zngnLpVEYn2BrVHKzo\nLfgheB3bE67DPKDlM4v84emhDBzOcWC3AWTN7j30dWMbMWfS7xkxRyPkgbrf\n1+UkdetvJdH4S3TTN6BUl0RhBVPLwb7Am+j+zmA+bzmr9w3hkUgt1ZEBFEfB\nuGXq\r\n=T8ZF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021111913282","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2021111913282_1639920530556_0.365744725598214","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2021112024830","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"69deaf2966b97e2a181045f960af6322085edc5f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2021112024830.tgz","fileCount":13,"integrity":"sha512-/7wjkh2Kuvr6mXkW7BfLjCBn2EkBW1HgYKNvRrGhvftHR8x4Ww/deLLb32gJG6Qv+GAfBnRQ7sleeGQAbyMeqQ==","signatures":[{"sig":"MEUCIQCrcY/q0R/ELOAygZBZz8S0s6sDd5Pp+9yWcbX9IsoRrwIgWBzANrYhzdSA91b2hVB0jASG84GRryPrtbSnRq5SJGk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8kCRA9TVsSAnZWagAAYe8QAJRc6IEuekNvrvt0xExU\niXGNeDcmxfEHyLyQ/LvMirL54RdmdhtSy5uZmfOmt4fLyewQAkIyuN5gm/yL\nD2w0sweojcLnUFqf13zAndxuETppZ7ge4sBLfIBalKSPZVDvtefvzu1Dqjs3\niuohep5SvQnYPVeXfs54EeLfnl5Nu9dJJxd/QsF0ZBlVd2psEzKqNvX4YqDd\nSinitIjdz3vJpHqPRtRd1PHNwZCtfd0SwQVvM2r5LCPgtFm3jIm3LfX0HOZu\nFRYzK6q4rNVH61ApnGlJsiUmDW6ehi7FBgQSRirnzCISddZiN+4T9ybzkmIP\nzjB5thPDc8jtRzbEpaXIz7y2bakZ7LrgnpeKfjaAALaaOiPzEbxw/fzAaGEZ\nhD6AHj0yBLdf8AYCs+yTHk27e4MYWGUiavc18eoyT/U1jZk1oZw7L6tU8RIC\nrCKTQFg4rJ/R9NFjy9LkpKKeofBxpICwKOB/CeHpAnOGh59U+iNR8iFUyw2a\nUvSMwrPmvwzcyoboe+V9pF7/iiqiSh7KA7EPPN/rJJAX94SMuRW0T08teL3K\nMH+7IspMZA2GAXhgDsyBa9WihiQFvbtJJS8lvAC7aj3ZIoBMiIL38YwQmacb\neGytGWpioDI3RRvmUirmUGwMhznwdMmXlbgRIAPmCWZcoyJ/CXvixCujfDU5\nCs9v\r\n=RJ2P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112024830","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2021112024830_1639968548733_0.8357769225090543","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2021112031456","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c43c9cc4b17cc17c8993a092880f97833de981e0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2021112031456.tgz","fileCount":13,"integrity":"sha512-6R0dNQ0BbXtIdZPDyfxGILOF1iUiL5QPpHPRHqhp1j/JiXgkcH68NuEOwOZXUSNtDmQleIzpojfSAKntP+sDOA==","signatures":[{"sig":"MEUCIQCvW8eh+po3Bq+y3fuYVe/GhD4Y0HXX5tcNQfuLzAYxxgIgQzG0LyAfXTruX1dEh/2YWk0cl6OTqrjNtNWck0s6XUA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VbCRA9TVsSAnZWagAAnE0P+gLdqyi/rZlANEjzjwvv\nSFn68UBRISOVYYTn75RcMPl6e2QxJJ2XVufX0HuZ1u2Xreuw0nxm3KQcJsYJ\nzob0yjA4yK2kJ8WjcXXB5FP4UItpyxqvwRpcnQaKad3rTAH35QDg0ixBEcVq\niKeS4weNEZUqszYwH0x8JW7saj0i7U18/7yi1eS15+9s5EqLAoJVz+t1esKX\nrqOHwSY7Td8y0ut063RbmTbPO5rie4Mm/Kj6u+HQNrJr4IQAFvkNOX3U3HSM\nE3K6TcL6o1oeo5hlhqta/JMlb8mMeliQhiXjWekaUvqIXeBf8UCYyXO9+FFP\n+DfZMNvCiRT5JOXUPzL9vBOkjk11rNotlN36NHYe++9AISWaXuRjK9304iUV\nWVEuAarQYgNeH8PfWcoor002EggSRmx6bI6faVNh1kybL6g8q4RTnCDSQHXq\nXP1uxs6kHR6219WbzNuP3zp7L5npsid+og77DAVTCVqA10nIotjTB3VR6UMs\nnPhGgJwf6QCZ9ysNwPaBKwKNYuMqRBBbXkN7dTLF+kQ0xUBjy/N+Q+tdRRbT\n+U+64VRRDLac4QEBOGXJagHflPFk2O9rOQChuv3QFrzD/fKFRZAUpCzVh+KQ\neDTIy6kgaitWIewyO+fiMPgMKvV0jnOV2Gre4/wuExNt7W216NOI/LUIIXWx\n8wFv\r\n=xmWK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112031456","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2021112031456_1639970139460_0.9067667257753189","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2021112031622","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3d723c0d786b8e739ea3842430bb74141fb42861","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2021112031622.tgz","fileCount":13,"integrity":"sha512-TldzPcOWaxmX1zmEFBcBS2/zbeW+etxyKoy61Edu+GpB8baQur0YYDzaBHIGMJhABElrcuUgseps2RNYDAziqw==","signatures":[{"sig":"MEUCIQCXfXJrmFyPhn5ftHP/TXZtM/19rmbP/8FPObKFSPcrZAIgMfPti47Lsjpewpdx5RKOm+hKcYyiwr4xiej4LALXho8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WyCRA9TVsSAnZWagAAgXQP/RaKhDJ6RTt78RZx5kku\nZfoBeNCwOG0GfFQcfNqMiKvaN5fC75gXKmOGj19zMBT35cpksf1Ah+mO9afM\nLbbtV6qDnGMDdz/4TF4nF2GGaBMF8PxsF+1TbplLTP8L3FcrDo5yWCJInJuj\n2Kuo1s4Bbiuv2D/IfeuhAsw5i8ad8pHjF3XQZOE9ILtMoQ3rZlFioW6rC6t5\nWz4+D3nW0O9SYSIlI5lm08o4A9NyxpYFyiwA7KifP8auLzr2mGBNeQIEb1MU\nWTTfSXlgFiqZ0bY87vbfR9sKFhEKE0LkgMX8XkStVSGiILW+IGqQGEGJt+CP\n1yDoeaeEiqy4CQIZI/xxTuiHb4MFDGIA+YNsqFrl8srTnIRRe18yHmUYxkZA\nSolRCeAWIhhWTePPicbafd5a4Uy6PRzlBLRlFw7RvQWOJKB+QJSvuUoSPxH2\nonCB8/Tl1JxsqzHBDEouDWoYxC9DABO9Sp6UZ6dkD8KDfSC7Gin7084hh83q\nAh91Rc1gzhFUSmXKYboVx7gDMCy45/tuXEDJeawG610wOPxykoIXmJneRUUZ\nDqpxMU+uOfETa+6EpmperQEFXzK8AraxaSA9xj2Ui5mzk0Jdpy1VcXBUmR8H\nPzrkPMpQVRWcLXSjWX2wBmYaZmz2caiVZtp3tyPM30cuxEV+yDwTCEXkpZlW\n6B+/\r\n=g/bo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112031622","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2021112031622_1639970226659_0.5457697816657847","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211120212826","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e550303cb49b73a6b5d342f9397fa37860abb48b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211120212826.tgz","fileCount":13,"integrity":"sha512-ifRCR9UUV9GlUu6pGiImugkEMnyP6CibtKOHQR1pybfDxee3KZpU8Zl5xEhXWrhkViTj80SbMH6jeteuIEG+5Q==","signatures":[{"sig":"MEYCIQDJc4s3NbP2SmuNAvPS17JLyfm7ZEX/+fyR85Mon8fsVwIhAOFqy2jtHITis5NCGxS4BH+srGd0kMcfxKOaSqczcFNT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWjCRA9TVsSAnZWagAAIpoP/2WwA9lwH+ZuYQwSjQJl\nrpqasrZXEAQXcGkyVNpEjojTN3DqnIRe1vzgQhsEmragIN2r4FXR2krCQqk5\nlufEr6hnWyf08VK7Y+kmBO4lDB328oWxndVHDFu4FpYaPxKd5N9HnnM+h2tB\nwdH9fIzrnTfNubEVd4ovXkFLo8pivCRRgOBO7foDfxlNaFVHHYE3whHMQ2XE\nBo+dbgjCFego+1flE7VYHWaaj/+P43SQsgpG1lJiIkaDobxFAQq/hpc2P8BG\nqoCprCmGnRTfZk0YqOAXn6Sg973JfCK+zU/9a/cFHLVdlhnTxPgJ2e6pezoI\nWwWYVHFGMq/sUGf/KZ2/JVdXc/agnEjTdX4ioIxyuUjcC2lum4MidBeLz+IF\ntV+cWom8f6bMPP8o7Eay2YQqkRnk1AR6FatoVN/SqSeI/fzR4Mu4F0qm5g2Q\nPtRBf5ON99VkL9lqlmQt5h5Yzu43l5X4Ws5QFsfN02gOs36KvAqtcPI1+sO/\nZEHJe6Ersbmo6hNpOsIxCNsnHgGf198njAiKmdfXbLlnnTYBCJiGCpU9ub5t\nzbw10VJA6VQiYA411ITQbTYGzYLbXPYpCvNdVSfC1rcVNqKF6sojiCvKaDNv\niPBYe4O342GaeX8CnzgTL2tIb4NcAEB2GvKNCWbmgFJmsMyLjkYbLwJFeG5G\nNUpc\r\n=bwlp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120212826","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211120212826_1640035747293_0.9156785256608693","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211120212927","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"968bb9bcb52d165fc35f166def74e151451f99a1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211120212927.tgz","fileCount":13,"integrity":"sha512-aGG/bm1FyT5+devjjooaDxj4ApvmC/dyOZzCKhFgf9tOiVESuRkHqNZDGD364sUj5nNwkW+h66TZxCy31/Ahhg==","signatures":[{"sig":"MEQCIGxWD2V9/yzlaLlgUi76NVW38e97KpsbzcTG06iGavCmAiAu1ADQoa7+NYGih6TagDk0HndyUyYf12yA/hfeRi+FOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXeCRA9TVsSAnZWagAADt8QAKLOSiWOMB8OGKDFBUeH\ngrkpDeVrawTWgkaM+slgPq6Ts1upb+78AFVfjcTuQH1Xu/sTtBh14V8FoTHK\nJ30H9+mjLRvQLISiIprni7rl0AL42RoB3oGI7OQpRoOfJw4ZWs/GF135dz4Z\napY/3t8yDJrCmLn1MNV/N4RU/sjUlpXnPSRIUUlYYSwgL0eGhwYSJDRgFrHU\ny06aa+7CJ5Ha2q6Ga14YCk5GmfdL6SeTB980b2jivKt0LztPm1oxh4NOoVnV\noK5QHz230QTYbOpVG8h+g+GlvUhiXp1uJHwiffBwGRndqBI9pAQttdetw9wL\njE6GmVMmG3s14majD48ElVON8jaMhm0UXfGERTDAnB6BR5SR0JdwE+QDi4jO\nkciKjkIWX5kdw1QO49xalj9FI3jXCD3Vy5AGU6fD70j6C1r05Rymn52hOW9f\nKNaQ9JzGjJHmSTeqGwd1ASq4Wpj6dSomrU9sn6dpj7AYJGSEVMMAlyRQBs1X\ncAF6rZCUsA/fT/yOHuUYezDcU3c/hNLC6xxCM8ClWR0FXSCR5MW4jQ3QENVG\nabi88Z5+QbHV+xjGJHbIijtYQMzRg2ro7xsBPN3Yj5R6Wp0/tDVQnUuQ8p9W\npaaJ/aJ9Bc0SI9ZDA4Z54V2eRAhiHO/BzCJIB9jlutDOg51Yfh03vIrhaz0h\nm1c1\r\n=sjhf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120212927","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211120212927_1640035806268_0.04635234073622052","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211120213315","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4628ae2a5edd8fafd458623b2a1be61c80109fb9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211120213315.tgz","fileCount":13,"integrity":"sha512-yy0knQUBGCSkHxnB1NPxvLfwy2BvCRPUE7PrxigngoO2PsruNZ3oWV9wlbxQAiN1XV2qRfpmRe9bfx0GfMibYw==","signatures":[{"sig":"MEUCIDTebo9FEewPeib9FkpnW+p3FvZmNUJHmP1yN+eyC21tAiEA+6tz4KzwMd/NgvQrAMQlLjT+JXZ99IhDqZRuaJqVRYU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPbCCRA9TVsSAnZWagAAGQgP/0G6UcXy/x25uMm84qhQ\n9+VgWiuRUp9taWUswny49tnY/JtR+tjL8FteMIaMmR9x/v7YUsqrfvhAf/G9\nwySJ5bixv5wWQUj5tYXRnlQOEbtLL6JSq6wU2kha1z9IARQdimgNOrWGSOW9\nF9H6tf8jBp/h6hWzU0zzdS/2R6tiGalpUzoPjunKqJoLl69OL2Hpn25T4ZVt\nyr/tUETeGy/oiIXgu5npzBzVWGRhvwP1xzuifIDX1qKtJANs93TNmTAhPk4J\nVhNm/EEutfJcDomOiUTIwE9V2WzI6nKt+ZQLulN3YMj2vVDfU2vo+Wph8NyZ\nZ67Acflfo2cvAau8a5+acZ+tcC80kFnek6yVRp9/TN+dxiGn3cydts3NGKoz\nMlPJz4JVYuEL/bSE3/uYiuOu8HIcA40OPjMSP3BdDFVgJhJPVSplerOem/8Y\nLwF3KubZ0bQFIVyqLuujtAe4QDu7iIwg2gUTCT8ExT899R2ginLhaMrZ7mlJ\nPX4/Fi+3K/ozRMj7VnUizn6zcGkvHAp3OPzKrkeY5o96Bffuo/I+3VuaHwwt\nl8rDGEeKRovIQbU2lmRnztoOMrLnmEeBRBZQObNbVDIrLysZxyYHI5lxvRMP\nAom243IRDPA9/dCBy2tv/klVAlQ5YNyVSbloNEudMKaOVq7FwUENc7e9OcPZ\nYwHD\r\n=zpkW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120213315","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211120213315_1640036033924_0.39176564852298346","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211120214314","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d431fc0d9a0c091180a2947763ccab206e08f41f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211120214314.tgz","fileCount":13,"integrity":"sha512-yZXSuZR2WDtwYhrhSsDDjbK5YQf9NntHQ8KR4rnWfFpIfJ+jTUm942F9Rzdz+P+5+CMvMFvsHyzO6MwGOmmUIw==","signatures":[{"sig":"MEUCIQDLOi1jQRnKUETTHcQg/4S+a8aGh01HxwLu3BHmFe2yUgIgfD8yuvfme3w8ngLe1pyUvWQUpl1L/QdugHBwx9psESg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkdCRA9TVsSAnZWagAA+aMP/3Oqu567H/XoXjWGwU0f\nM/rqmfYolDZtDpRv0Ak2YFxhCQ94Wf+g6QYU02vmtSc8FjYuGk3UrlNshvFj\nQN4ukkek9+qK79S9sPgEEoj24kHgT70hxD6LzZMdfZrkmewRuJHu/XFtZOkI\nOZnCyArLzU3JJi0UIf/VjO/XJ32iUIhfbPWavoXYBIFZU/+Hlnp7lIFx/i0q\nifjvDE6f22ffAP1pdVuQbXdna0VpiLsOaYKmAWnQWfyYyXVVJamhP0L0UKrD\nyx9C0aITZxbLUbIVpv3381U2ZurFLxMN7WsoMBhpEvHZZz607Nmax9vUoGX2\natRjG9M/Z5iE+cqVq8THmUu0u4ws2wEpYCId1QvOj6t6whRnLoU40F6jqPiv\n2q5RwnpWtGnrORaPURTh5bflRwznVTEHOgOG7lW6ax0hfyt4GrpjZ6XA1HQY\nCaP/y7aV24K3ZFHV0B39eLcMLNxGUohCZw/iEs1BYzg3t0qMFzMs17weNRGR\nLJIS5xy97gxhYsn+rdYN+e9Ss3/882mc3nTNrtz7gW4lPICfEQZ8dAyvF0aU\nby1ZBcxnzoCE3RJ6AqSnraRIoAHEslNTLUvWYvFs/PZg2mJX9dzIRNPTPuWz\nKF1pUqdo32gZL4XcjL05btzg6Asu5eA25YvQJymoxGPvWHNUfAP3zL0xGG28\nPKU1\r\n=usHC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120214314","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211120214314_1640036637663_0.5616615052932861","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20211120215621","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"91f9d6d827e65ba8cd165536c2741cbe0a7328c6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20211120215621.tgz","fileCount":13,"integrity":"sha512-AhiImJxLXlgoAVB38pnSCB1ZfdMkFDNpkhfqQTeq76ffP8L8Fk7++Mk8lk/G5sJR17e/oQMUNsgBxdJzeOs1lw==","signatures":[{"sig":"MEUCIQDQQme4RtKP/F+3iW2M0XgV2mycHbC9PCqSVRcrWOjU5gIgbzvOb1r94GHwKNAamF8t60gcH/8WrLhDTZors0HoWGo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPw0CRA9TVsSAnZWagAAIK8P/0F7FYBUR10Kp3oY3/hK\nCPQFv8XF4TOysCtu0ZjIbuvBj76K2tJWyzGcg4EHNS3n+qcN2WbU0stoyg7W\nQ8Mh41WeeVppwf4lziI7ZHos8cNXVqiIVOqmix3PeK8W5hxVr8hpBn3RVIy1\nA0LPcmEEyEz9koOa0g99anXWxkm8Y9ANhQ3AaesDeCwy6+hJsxVlre+7yERU\nE3nwg089udlxRjOGhbdDjl6CrU/xShwedsAVQew0hsb5mFmQ6spj43sFg8ei\n6nkQDjeqmfOVjpO+oJzwefv/GX78lsI7bB3kf32GBXnGRqPvBdZ8oW9Zlbai\nob6SFWDMUDORFOonkpF1AonCVQsEmXdHN2L5H/oAjofGXLA8cGK5tZIWQJeu\n70nYgWfdjWWrE1vKGOcirkqS0mbPHmCMIyewPgAViuk8RIqUuGbjNuhN74Xf\ncdYJh/SHQHnnjaHaoVgYYSBYGaHawRFG/SzqxB/oeHd2Pe2hQIS5A/tHT78Z\nrzfZcqwAAAuH9FOEvZ9GaZLQ3GhKeprusfwczPTlGFImBjegO9lTHpKuoW73\nvRkPKTwTanW4soTf5EiwnrAEwYptDiEgHiZKmbsJOEh8Uj2V9AihxCHalAgd\nHDh8wLxuaUsJH5DCxbbqIYT0NQRHE8vqBwGeC74NgkbpQM/b7+jtgmhg0WXf\nfD5r\r\n=Mh+e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211120215621","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20211120215621_1640037428110_0.3268132050871271","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211120215645","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8731011d0f030da5aa0b248815ac0fc9418e87f2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211120215645.tgz","fileCount":13,"integrity":"sha512-hLTRA1b7bkH+W9Uw8IIbNO7d+ZoSJIOM2Jg51me71lIrAKWNhA950D32AWFo8gbGkpUM54lRaJD8/tfao++Gsw==","signatures":[{"sig":"MEUCIQDGKZ+UDL+Xy3+StJq5fpNhnZajuZ8GhAm3TfWScXbswQIgJxtmlJuPsqxDDcPGFtnO/yXEX8CmAGn4KJ39N9hfalY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPxQCRA9TVsSAnZWagAA94AP/jTRFfypr2GTey4jpZgg\nD3mVM4LCr/uUkdeqHs8kjK1ai3Dx0PujZMSJ6nLrxmtmw6YcgzCNqA4O5qFM\nZEaARyH63ReJAyC+Ve19omJDtrW+n+YOCYVRRniGjK8hZ9f+01DYFo4OHEGS\n63Et4jf8ExyAwCA4PonqoI4n8Djw0cytGlVeF7PoUzCYEf4KnGK8+fMk8ICP\neA6bbHEV17JTADB+vtzvMSzj4PYr4bmsxiNOVmY//Psh3j9tC5OzI6AZIEQA\n9UgN/3DhEEv4PGXpUubCGUX+Lqecqvq1uCM/Q9YMZi3bo+iEZHGDeVPGhJrK\ni3/U1D74AVOa9pb89EwULx3f3jQ2Yk/jksppuxOUN3Er04f2Ii6X5lr+yGwc\nWlZ3OITJavX/SzGVdypb9rT+olfDaZSbO10uL/N9mISE9HhbJ+WTpzI81RV5\npL0CzSGNaFjsomkoehLrQxwE1EdY4VxtbE5UHm/4yMoKY9jYocMKAm+NiOzr\nIYjytAR+A6SHc5CMeGqiRLM+YGustS8lK2VNLtOZbyF0WjiNxDswlCInZ0q5\nWkGhH/tqSxnJ8KodYo4++622/1/K1cVLfCsO3uJDNdqkTBjeo8nawtEBq/C4\nh07zgJ/2tRPzZANwc0iReBICG3qKJ0io46eSGINQu8RgHjqelYjp7p29w1NU\ngu/e\r\n=jXDn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211120215645","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211120215645_1640037456327_0.5589968975708426","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211126151058","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"cb74ec8ffc1cbfc4ec41917048adb59c6a4051c8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211126151058.tgz","fileCount":13,"integrity":"sha512-B2xelpGV7gTqJHIgdK7vvRkZfs+QUKUp+lCbOX/McLIcaPoliFNRgZ9dhpTCqwM16SfqQ9nF9fQqM+Kdw7ZIsQ==","signatures":[{"sig":"MEUCIEqz5uB2UixHXfOK6jKo5/AyNlW2JJODYvkOTJQUQAj5AiEAtU8rIrbxYRMMxMZJ03R+ERgOAw8dOaUtPNpqQuQ3dnE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYsCRA9TVsSAnZWagAAmY4P/ReQ8uze9yx41SJc7Fwn\nHelJGaxH46mu3NNdCSSWtQDdhhnm1ycBnetpBYyH6olAEV1oJtHmejG7tax6\n+RGcv0o3oJ5u8cs6RHgx2Ta7xad9q66p0Ualb1+U9wrkWVDLCU2Z2aMJsmav\nxk/uNOZyJYQA5iLOf3XcIq5shmhfAiHlccxAIi50Dat3HjuxYuDQlnvvaYp/\nyV19PzHNU2/inLqH1e3fFe20xMuPXAK3PvxWNQaZrGzHLU1nuFHNe+YsoqGB\nun1GcDCBIxHPFWVIbK0WeN2iIwHt7GaUVqVhj/v8Eg79YGMVBG8pjUE+7xq/\nh93K+BatFt3MdyhSUgvxLlt2qNoCnerzMZ7I7xjcVWxrp0ArJfr+ob3Ydcyp\n53uDJ42mG3JCv/2L9wBaTn3IOcIqyOOFwUjyjtmbfxv+K8EjxT67UQIjEB2A\n+CVjU7D63iUUNptcG3xXjcAYZjafkJi3Z4heZv4cbPz/X6iK7pRzaixdHaZ0\nA4kcqE8D/vSyqFoEHcmhCOezOqMmXLuYdg/uV6m+MNtcETTX9ExppVQ0AGmZ\nlBsepKA1JoQELSqdfU344lPHMtg0q46Iucmw56ishLhgnvW77rxQes4rIQCw\nrz+uTxGCORaOh7uIVJupbhfQn5t0nvoRRGbTm7/A+/Mj3d7ePYfYM9TpYKGY\n0QpM\r\n=thay\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126151058","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211126151058_1640531500139_0.5443907760223425","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211126153437","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2744d33eb31c73f09501709025246d4dd2e39234","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211126153437.tgz","fileCount":13,"integrity":"sha512-j+nDNAlAFGo2hmf3W99++fy3hm4JDRWQvYlVK5wFhwbayj2FymnniqOOWKlHrLpd7Myj64t1CWDz2r6oMWXtDg==","signatures":[{"sig":"MEUCIQCu0bN9YZQACs0Kc3pyyYbC7pcsJqXvI2lGMDqGOLHjxAIgGoUYmhVVmlGxrg7WWNxOEZjsf5hi1yCtr7vsx5X1Dhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIu7CRA9TVsSAnZWagAAQnAP/2qUKGopg73mu91sUn4r\nXfKlVs0yj+w7v2UKzYI9kqW9KaHn1Fn56I4gyIc2FYdUvO5oTRkCrEsMDujv\niGwUF7ZceApj0jUru249J2bPCd3mfJqaa+ruuPKwWWyPcyqWq9IEAqWKJHCh\nIkQloamqy31y7cYb5oTdAxk0meoWD2uIJ2b81v5P22vnp3utDDr6itSBKqIK\nzcrdtVkeObRWrMFXYlGNJZ0uSH48lf4pTVN6QHmwHekZkjclZvYnAmQMc0QB\n9A7vZ6q3DjVVItk9Miqc8KYcK7vsMxFAfGN6ckXRbeVUo9Cvf0wqhUz7hIbX\nmBJmT85mxf/3yLgS+iGtrfwgKE0Q882nVRaUUyEjHBWIOiy6VD23CjIFur+v\n6OhxdledAHtRqUHWeg64IhIQ6Y7mcEobEopAfnZ3j1/Gr8ZfiI+ClilIHX+G\nljPHqegBSXguYES0LLaNjGxfpjJMofxu3AiR+I5NzukqIC+JSbaAHs5H5w/E\n8Tl2nBU/eTn2VnHfDFGoZ+t8vsyJmD8s8wHR8t2qFEsK3wB2oFt6UviYnVrH\nFgR/JwwnNHbexrmylC89wBkyc6yZSvQy0zYw5O6qrc/8noNFCKOmOCH78xdw\nvcmHQSgkBcaHwB4esePKN9np1iT7B/37rATBmh5r1lqbdPNoL5tBlF3NCfUT\nr3km\r\n=zKL1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126153437","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211126153437_1640532923568_0.5132028084117941","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211126153854","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"eeef83d593938ef31f7e7a0b00cae74549edef6e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211126153854.tgz","fileCount":13,"integrity":"sha512-kdrDXQkPxMXzwiOIDKe1eSRtzIWlCy/cfVh9EHG56QeCc64NA0YR83BJrurWo5IACfyVfpUDskJHyd5asewJYQ==","signatures":[{"sig":"MEUCIQC7oXi29aUkMUyKJTxkLtu2rP/s4O9CmgMjVRzdt7kWGAIgZRav3jWPC1YTCz6HGJpnZWK0S2zjedaPagiL9v2W8R4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIzCCRA9TVsSAnZWagAAnJkP/2Vyv80/9uqV94dp26Ib\nLSj6CghLrOqiaZrCbkp4mLQdjIEtY4pEi9nYPZ/qrR+ofIaOlGUzcUcK+vhF\nfT/bovTZ1SMpIothSzXTbTc7qTbkil436ti3QRQNee6wZN/HaKYbmIUlQXri\nGzZGakCUDapI+XD6PKeLKPreG46oZg6Dmu8aBB0c4pfGNwe6Olkdj0cBaAdn\nw0KWX1CG5po86UVbC+GHBTVKaTQELFdZkaKoAOSCbUwlV8eQJwC2fAwfl94k\ndcp6wCjT9dKsstZCpP5UksQ3dTCEeHix8xkn4FgfbWGY1oVhyPGEmUEGQg41\nTjXUtskJOIFyc9ZlKbdOOwK3Mil0SBwq+xrWzV6Fa9aB5We/fPUo+EML56rJ\nsKxek72ktVgbZH0uF5cyElta3mfYjBPUZEKI3EZFmup6zo4VR3We/Ntk1cHo\nsxq+n5mI5yj97c4cm0li9XL8FAw/SYUjjjO64jmZ1ta3ThmoY2M0RQFOibo5\n2Hul7WHXnfFp3WKg54NDQW0h6rYfz3geLSbVfAWkL73w/n8hJHID3mM5n3W1\nc+4UPr+iePSyWhgIrOXrPEoiHpiFm2s58+ssaIOPU6QI2Adv5lwD44TpQKCH\nNeOl83CsYT18PErfAVmUt1BNCCrQpTk3dDMdjge2fp4NF4AyWXlnkoZhgp8G\n/AsL\r\n=5Mw4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126153854","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211126153854_1640533186406_0.63894856676654","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211126154235","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ab4985ca6d0cdd481d49c1746339d0b76cc23da8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211126154235.tgz","fileCount":13,"integrity":"sha512-UwRgloDXwZgO3UhEoT/oWrnWl8nRKf4837TeSI/r+gnp8bSj4cf7LqYa0Xau/bnMso5tBT2DEIh9qbbDvetbrw==","signatures":[{"sig":"MEUCIGylMd09VdHpDZ6ZYaWg+3+rRRO7qTmnTyjo6OFjl0v0AiEAu6yZp+ldJ4Sa2H5tduQNhVA4il3YIo2yOx214FxvB+A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2eCRA9TVsSAnZWagAA1fMP/AqxZefkTTgo0OkVVR3f\nDfdY3nr4tyr2QdJRRKTgZd5sJbkT3JxpkvqqxY3jl9APH/ucPfdVrsbgWskP\nXo6eXIUjDSr52Qr+jdj7bCkzVI+Tjt/zKxhYtSxotZkjBpu9HTNkJn/u4UCG\nJU2qxfYUPQmWYZH54PmMb4wy08bkwBdp/LG820v1f13qtpVY6Ktz49dlkYpr\nb5TxLksluP+vQ7ykiTPzI5kSswTtY9fRX9+Iynr6D72SFWWi+9SuG8qo+5o9\nwLl4LNNYIGRzAQzDvbnzAiATSxtzHN68rULpgfKe4Vl1j0fwztVsFFjIDsxL\nlBcCcvTgeFPz/xGtUyUZUTHA4RlONARj1CrydGWo5AAMaqWHNBQN075RTS8r\nk5GF/FsKFY8gyY1KSn8loVCEhTvEbw5DwIWLU+MzY8d9HBeuKjvkQ90ObpNB\no2/MyirQA0ydRwT/tqfF0W0N3lqvDzEuylcb2lZVDD00U7Hl9LQvhnwCGTOq\nHKJc9BBOToteLNvLnYUcOdvhNOm5RlfQvxkXHvu4Ya9fpvGpBBD2ahF/sRgF\n05Hl8ZRN6g6yw4J3WJoyM7mZjZDfSkn1FounVov+ZJ5RVAGOqRVguWAl7/B+\nyvuKA9exeqkGT/nyD7dgMjBwgtd3u6eMIORR91JbAhCd5MKMCYzUINb0M079\nsSII\r\n=wULL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126154235","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211126154235_1640533406788_0.6485546657963024","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211126154241":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20211126154241","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20211126154241","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"33d59dba358517bf97ac2bc8367904c057bb08b0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20211126154241.tgz","fileCount":13,"integrity":"sha512-X6/de+lpYoPm65MGtcd0a74HgbNg2T+vJZFx7MLwxAZz2p6Y3N2jR3DSoFEyq/XVAWYdnfpa7w53kzd2/4Yymw==","signatures":[{"sig":"MEYCIQCm5ni+Canf80ngA7frxPWVbCDTRMVru6oEIkaBBuaK5wIhAJ+hyphrZ9Ph/iNL14YM7Anh+YdBOaFOim/6jygS6tE7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21402,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2nCRA9TVsSAnZWagAAuYIP/3AOAYLlETwagP12JLzA\nA+rAkFaM/iCvwe08FJCzhN/NpYzrQXI0LtK6HX31OiE8bD1AIk8jrDo+rk0l\nkveZixEGrZDR8gzU7i4Ytsq0Mni0tdX6kQ9ih8USv9A6oXvsW6gaARiSq50k\nsCXX4zWZqfMVhwFKPmGK7eA/QPwl8ZMfwsbn5GI9R8AGD7/UdhQXbdbTVzfO\nCjOw727M2C3gxPMzgIoyBsfoCOtM7+vkakQIXBEifNb41FgMgZpxgod1Qivg\n2Gz9T5VY9aXHrT8f/pDwd78mIKPdOb9wV7Vrels7KfIfs1I5J1hAGmtADD7w\n38zMU7t3JBS9Z3Z05fkaMnibjaPcEB8f3y4nB2g9gcipzYkgfB/Cyic/CXHX\n+iCFXG5jaBGDVQfVFZSxSA+E3FYQKazgpzmS6dUXXWR4E/PYT2f0rPjtjxN/\nESOnVMQlgfdk7wRjs3yvuFy1I1/bgVFPZ8e2yVujRbqMowGF0a6kKm3ijTry\nLnXeXUJH+dAirNzOvlKswY5a2WbtBMz10nNnpYvNlSNFMYMC8RHHThAPDpWr\nNz2i7HSkdYKPtTQG0WyQC25WzJV8gYLpznb13iuDaVPronUsgLYlbqPYgfs3\nBPDUTemLxpaiE5dhSSkXx4GTXYWf5vIUCOSesfCX3gY5LktoP/6LYu5GLtnR\n3WN7\r\n=C8qk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211126154241","@chakra-ui/utils":"1.9.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211126154241"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211126154241"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20211126154241_1640533415766_0.375605216277777","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211126155055","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"04d9b2f2b5b63ba529aeef6f740646b68e7fd42b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211126155055.tgz","fileCount":13,"integrity":"sha512-vw85O9HGhlunfXvQaYPmDs3SBu7T/0oHy4+bylpvz+NMN+2pqiYIJ8xhaXGkSy4mgxocn29WaK74/4nxHYL9dA==","signatures":[{"sig":"MEUCIB/iuMr9+GDD5CUXmR/TEVhJm6cbYVmn4TLRhuJVhwk7AiEAjL7uIvP8ULXK2O+3Gv9w/7878S9a5xO0b6rCqH/ZcsA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI+GCRA9TVsSAnZWagAAA3QP/2KF212tu5tcm74jfaXs\nY8EHgdBErykkRbZo9chH7c7ssSMUb49DdN0qvtYpa3e3t7bonSs2J04EzMuk\nvH6o7Wt7y2ytBqQVdiW3TVCnDmc6WFtu3NVWd8n8UUAxKQWGUod8gZf0gf0n\nZRxbZCpo/xGbNEGpn7wCGDs1J6z6yW57aGBzTREBU6KrPH//2XGp8y2XKWob\ngohgrgzxBjgavoT+VYbZ/SS/bAhxamWaI2VfV8kCuuqIc4idcOlBtuED/vRx\nMM8TyqQ+rBK2tNcNFYiLXVQ1bwnaYrFzTXLZT+iIV77sKHimBLDUihK9Lq1R\noUo0A5maP3fhNdE/PAGJ1NiOOZlc5VJN9N8W4kvrxDPdyXxpciPRCSM3641P\n4/XyMJJMK5DhqWyB+/aKElc3aJ3/AJKPXvEs8TJsbobwFvC9cOZXrO0s4Osn\npE5qHkdZjrBml1G2XdxH4B+ow23jEWJhviXBzR0MLyu6cVjV2cYjDKdpwRm7\n+qda06E689VPaDsLZ+uRn1I1oiBxaSdvsFW38MmeDPuu2W5M78q72ZWrfrAN\nneB3+aNznghuVtbkbU3qvGfVlCrzXPsgHTkC/nZ2fpVMZcFujKQTh5O40+bN\nwuYIJUoZEt2al8yPCdQmuYAY0hEjfoCq1HtJClMxmLJKJdJauVGMqVQ12aCd\nr/fb\r\n=1Abe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211126155055","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211126155055_1640533893932_0.8701795604447295","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2021112616030","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e00e25751ebad31fa3bd26f84c67ae2ebd8d1438","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2021112616030.tgz","fileCount":13,"integrity":"sha512-r2ZCJti4/qNTprh7WcJOKjZQkBc54Ckoo4FwdMHqntUYG7FVN066KhzuIaYifDk2NbjkDwb/Z5mnVQoMxmxpRg==","signatures":[{"sig":"MEYCIQD0fkBsdab3qcczjFXNq4aPwZr+bn/nqN3hs2ubSPnV7gIhAIU1tVlOJ6WvQnB7EuiQEQvK05hpe4gdmL4x5GKBxYWb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJHOCRA9TVsSAnZWagAA/iIQAJC31KoHOYd5B0dIP3L1\nUxhdPHxmqQJTDFtjLPsR0GHabo91cmsuIfbhsZ5A6xBt9dTAjLYFw5B35fp6\n50l27brXWSUK/nNhk2gHoUONYoMM96nyydxfxzzmpt2hN3Ra4B0YDTelBiNq\nM0Qf93ZcErD2xA1o5e3J2AWOwTyOADyIjYL3Q2wT0bUDg7iKSSgFsJoyJGRk\nDoc5WxBOhKgstr6flU6j3XuY5vnGHEGWaZksNQLfGGaWHRIoo8Z0KGwKI/wQ\nOpbflBZ032+hTXnrjiMmKWChQEGx+4glgK0jUqfC8d84hsiA/Ec6XroaUl/s\nRsCFjNOOju+mm4EVgmT2sD0wVfw0ZHxauHan7siH7jjOuZlUDvdnTqjpRrLW\neKwprBoNP8jiDsMqdL//zbp00e3WbUfZzK754iChcnhm+DfbmLyNjF6HwMpj\nubE9nefHxV1jCXAYH4QIqVcIFktiabx6Sxv0v7DFRIEZL19hrJjQV/Gns4wY\nlJ3cclrbuHfSXvjht72juWsXZRqOjCkdEf1ba5rmFm0CRBFbHr7NesSAKtuI\nrQ6HRtOMmYAyVInt5Fhixi4bTGP34zgNW9o+16z7phl+XHNF2/k/5rv8Jq0h\ndpYyZTMkjjIcWZ48Oor0vSTiaxg9e4Rw2s7QVZK86U9ezL6hyfrCSaKg+fxW\n9qpr\r\n=L1gi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112616030","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2021112616030_1640534478760_0.5079719338844877","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2021112821613","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ee21a026e3df9c89539d0cbcbfe46365e6731a60","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2021112821613.tgz","fileCount":13,"integrity":"sha512-loBQdqiujC4dZpY7M8rMlkO3s91ZX1vZ3VrWGm+uklvViT+qr5af5K6NG1a8DLRsL3eS/S2EZBQB5pfUup8XLg==","signatures":[{"sig":"MEQCIG05wO0HGZQJZzpY6Yuu5TUGRdBrvG4WakifzpsddJzGAiArbz0ohTo++XFQYYkT18QmCtHdDrOUNIy+1oJ5m4RWmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3x0CRA9TVsSAnZWagAAzPAQAIAUpM+2pkduPmHiy/bw\niEKahNgGekWz9OiBpwWeRHDnkKZyABg4FcFe+vnBxzUac9HUunYDyQ4QUaNs\nN0l4pY0mv2yyyr8XhLZTmYmGtTfuz2G3RfVsUU38lW1YqSI4R8x23bNiBDe5\n/d3gVyooL6Wc/JBdFklXg9nLnp4AQFqvrLdPSOd3Sl8CahZKwNuc4nswXyUd\nvkDJL5nnfMRlbTAZjsUFLB7BeYGxhzS+rH9C0nigPSeSoinQ6xeyUjMlh3LH\nRydwBLmgT7bSJ+bvazkjpfCmj1UqburqzVTYS10Z8ZaEPIjyPXQKRY120D3D\n85VWLI8N3zTseceoZpS8iLnu1jeRDVzZmAbelwa9RBDA4DiqTgzAsDnc0yYt\n56GnbWGW4ZOAXRP52COmUXxDUTpUe4GbuJpDlohE5WBWjr4rLflmDAvqVerg\nRPhT1oOYVFMRqz/kg3qw6TT3YiOvlTl1ENq8W/vWzgFQbQzX1gFt4UisTRLZ\nwQ7CtmK4zqwy5buEteGoR9XenyTfVusz2W1r4GWDn52qOBlaWydYKtyx0+gX\nl8tGwdTtIKfMzbraaKfqZbL9qnzZGweNn+nyAMbJRbOwpDU5/jnZrZH+ktb0\ndZmvp1OAOE2HP2gIQswXHszs1WiQl74ZdPYfDWmBLwLQudjQsM+a/ajqZCWz\nOY89\r\n=Tp1m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112821613","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2021112821613_1640725620711_0.5395769362861258","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20211128215540","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"705813684c3ac48797ab8bab4f7b03712b480440","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20211128215540.tgz","fileCount":13,"integrity":"sha512-nhuIihuyO3Yqe/oCLfqH+PXuZSA/pH+3f6uezqgnDjzaTJ0bq4pZgw/JGbBpLiO0y2K2yLCsNnjPR04hj5lCIg==","signatures":[{"sig":"MEYCIQCALn01jeSTvLDqWwRkoHXypZJloEEwcTiMjQnhtaQJ8wIhANgqm/+kOEF4/OpetlRUuDfiv7+gLoQFCRGYNN8eUl5J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4gICRA9TVsSAnZWagAAcFgP/A0LY6Dxk7SN/Hxv0T3B\nzanEE1EY8JMTbj9LwXP0EyWGgQlFgkc3n6X9Wwmo3mW/WrM5E0fzBzY6WqDc\n2mH0WNd8H5gGXprQU+yjRN7Ml3NHhz4Rb2w5YqPHsf0KR8ba36+JCJjnH6UE\nTAWzjgbU9oz9vvJsj6ok6QgZhxruFN+vMCcJBqhwtqglmlBNfj5HDzt/iVqA\nB6ZkrWXxGwQWerjVEkRPJJ5YkWqxEIIlkBy1ra5vR8HayoLcZkYtm/OYFGhv\ntilagyvtRddpC4271JRp79ocW0p5ZL+Klvam0jT91poD2vxnEWXq2Sk0WYzF\nhJlp/caxytbzv87fLLBAGATCXvPbgL4qHREYlaY8n9zypq1Y1SjOTaJneWtj\n4HTG+8jxwmsxjclPCfl0MNP9WZMe465NnR3wZpYbWqmrdDQWRtrSJxh/4qcY\nBj8YD7qhuxhWUEgrg0lBcK5+uQHkju8UXiORazyr0mJZopZq5wW8ecPVhL+h\njF1sRcd/7hqyEyTZPDEIoZ//updoLj0pfNpge3cixNFHLSEe2ctpXt23KOHI\nG5n33ucsWrS+70QovP6tKtxh6xmyQupBRCpwHJfABj5FKo3442KWIZN99aSi\nXbEYclKZSdNz0pL+JzW549dQtBfJOOdxYJv+uKu9y4AcqqAM+SrriByYvjkY\nHfB/\r\n=5v9X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20211128215540","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20211128215540_1640728584384_0.09119661993381745","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2021112822349","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6a6603a85be6a931bc409a7a71ac9de276edcdcc","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2021112822349.tgz","fileCount":13,"integrity":"sha512-puLGmn1x5F2AoZYvNI+ZBf4sTAygu4Ak54M17U7wWG6npVDiU+xD/RyquKKbdiJtHzCZQxnVVdmVMUTrW+QPTQ==","signatures":[{"sig":"MEUCIF4xnmAXJzg9NMeDfqZQgvocOiyhf861ymAtvpHa1MKAAiEAxZN3g22zAnpL/WGl/yxm2D1Px0PlQnWVhZN/TdpF2Pc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4nzCRA9TVsSAnZWagAANwoP/0lIDcJrucAWcZe5ZX9U\nP6HWUoTyV0DgO8Ii/AEcYz1XjKZvGA1+DqtVxr41Ll1uusuz65ver2yxoA1l\niZQpZ1EburyNzZUoqt3y9Ff6nP3fjA2jmakZwC7mSj9I85TBg8CVDQgSTnXj\nBOOgvApHMMrWictn54lDu419sJW3Q4MdPYdY9KsETORwhIlPE8gjICuYYnDX\nnk4gqY6rEw7Qwskjn8lXZDJz7dYTRZnmXxR5mLzbiiv0eSJqvjjVIDK3+69e\nzxaMnLNYxRAXR8sLg7ErodVvCGIv/RWUZHobvZYs7wKezumLaVjJZJWk5T+3\nehPRJPWJLC18cz2q83scPPPZQo745TSj/A/gRGWqjZsgFE1P2+wszl6dEoOM\nj2K/r12bFhzdJDEy/t1QMnyOR5TMtzW6WvuONhGsFSWAkFxTsHJNF/nTuoT7\nQCNBFhUfS8HVkxzHVfUETIql1ZQ/qCTFZXOowm24yhl0vzNsdOcehFfW9rdK\nub5d8/pFduSKpwGGuKHMqd4nOQwD6PAnQLBStawSq/ArzmtglRVfNTt/KyVh\nxZ2O1tboxhiCRSUAPnzgyfesA8j4Z8l5MiWNeGmtvJblb2qzmIjq41/iZC4N\nwC8lYvkKT6uSDWeyR2bJ23fgU+5W6g9sDAJgN/6FAeOLEe0tcCpJ+57dmqUa\nqWlq\r\n=IgXd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112822349","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2021112822349_1640729075403_0.6204339787914921","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2021112822415","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"80f5e5721812499a547b2cca29099f5e9ca92fb9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2021112822415.tgz","fileCount":13,"integrity":"sha512-SuLwdyuB/xUwx84zblcaRtQgCO7aRIEd+po/EhrVSeWMWR3q9U8pRCWMy0C2QxvsUZv+WuVyzk1YYIlD+oybxw==","signatures":[{"sig":"MEUCIBxn322emif/nfQms1H/8pyESXnbdkN9XiDwrH4na51rAiEAxP0Vh+akI/c27FDdeZaW1nQ/uL5wy6HxrIPAediotsQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4oKCRA9TVsSAnZWagAAqPsQAKR7GYWXHZXtsg/n6zoz\nkPeACXHCbULgJLAiXsuhsGxH7ex1TOai/ZDil1IayZigaHOU4MX+kblsSCUP\n26ufTm+yjTeO/gjMe0qvOPvMtUjl6scINyrF2nDM2e5PvIFTugUIjx6WT4j2\nZgPj4S7OvPyVuPHpSjelol+I4Soa4UNfzZZt8G/wtrgMzW/OGBsH62qPk/8B\npThYJlBnlOh91RXlE2cZB3cHjPKRQMEaXjdFqIlFKpb5FR5he9SWwJ7axcev\nVQGsqW0ib2orG44UgC8X4bRoLjVD6XZwzNafKeLSG2opQaSaQwjs2g9h6T28\nYquvYrvijzgjRL6mlSZX9Q0spENwqogxBGcVncND9LLKtV95d9kyJSbftBTY\ncz/iQeqwd+JlrN4Xt/YkTGe0CMckKpTZYouMFtHK4uu1I6Tqjlp0HZcBsb0L\nVcCoHaTJ1NAJyUnMQywKx+jStPiNG1trZsyruMgF8RNfCkd8l1DfD4et3AWb\n8x6/5Fc2pOAjWKSgji3eDg4XTT99hqEGjBHdqrzRF2k0sPSaWGxhXVH1b5/v\nrE7F3xM8VQgGsJi7t+ue6+0Zw82OSkao9PcbS4H6VIKKZacgHpYuerQRE97f\nFYN57WlvI7Kxa0E2NTxWwWtbFGZRNCCHciJwhcDdhFJO2TnZO3g0ULDjRMx9\nwvVe\r\n=JS2E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112822415","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2021112822415_1640729098470_0.2759496198421223","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202111299618","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"44a9279da7afda58c77cc472a4f14d9d19a6af09","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202111299618.tgz","fileCount":13,"integrity":"sha512-/sy7YRIau4R/AMd8W+YrGxSOmfydZW6zQ0eKU54GkazBUK7/9KcTo0KBNW9BShNCfvDvO4GrmjYwWhPGtqCbrg==","signatures":[{"sig":"MEUCIFc5CU3WHvuUfrj9q0GA8G3N4haJ8nuqoQz1K1G1UbNcAiEA29/tGVwHkrwYWIMfZwHMx3jeWRub79DJ6yk/R6E+9pY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCU8CRA9TVsSAnZWagAAaWEP/RYw6wYV/obDfIL4jeUS\nxOEeVDwax7tfHvK34gqQHsrBrCdyLc1GT41/wLHqh8KStvrGjm2OeKl0LgAT\nXZ4D5IrMa0QBNVmhmRgELH4N0frtvAlJpFaXjvVk0yRuNwEa/tSDHD3Rg/df\ny3FeFvfshOf3dmi3tURadSQ8jZrOm2PEjHRQaereeDVIVhPDby+jCP2gUGL7\n9tv9gyHqTU4NC9o464x2ntJSIcTowwVm0LuQUs+Rv1QEXgc4PiOdv9xOA564\niw9TvCQoVJNDrTf+ORkh+6p8g4D+DDuXxraNhC8zD9IBgJNCCqsZHurBGt3y\nx6YiLBokAD8r1V3VYsfbaVAEurN5ApWIT3ExyXi24WYEW2lI+JCZpSlrhRqL\nOtI7XfCey3l3w2aEc+CtaAsHmDW0VBkQgDKRVfyQJzldyIRKNLUDDODFU0UZ\nOFBsPzG9uXDlg8x7c3v3dJHi9Gr5yXLhVRXpCoygHCez+pyeZitpZMFypfyQ\nnwJWKeOMtEO+pvC7zMo+N9vHyymfyuIREZrdqcZfclN3s50Oz4vffKXbDO9L\nxFaeoz9ie+w4rYEaHWcKERvZXdBRq4XoHf6tU29uLxwPOH6yRUTgyeH//teN\nyn7SJ50Qd1AdNDCIb5YAEM1RjLtAI/sIx/DY3ADf9cJt4mRDnynTtOIGbvvy\n1j3E\r\n=PTwU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202111299618","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202111299618_1640768827883_0.8202728950964047","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202111299647","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c827b9317ced9f2128c7f03295edf390bd651bd5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202111299647.tgz","fileCount":13,"integrity":"sha512-R6b58Fw3jUMEreamq8Z+habVutX3sYkedvfMQ5Feh461R5uxKu3UlqmGZd3sNyOZAuU1qqxV6JDAagqygVJvpw==","signatures":[{"sig":"MEUCIQCflf9eFXHKEFDrsOrpUINuZrJQkZH1bTXuh8UoZd4RgwIgQ8nZuJERA1lNrAiXBi4W0yN0/Xmu4lLOn113u2+fmmY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVUCRA9TVsSAnZWagAAK2EP/jxKFe0RV2FQg5ogD2jz\nRkS2Pt/Vs6Mxlo7YXh7lBwk/gg3ZMpW9h8EEIEwfyFcX2KEq/uNopXkk1kqe\nUMwXzEK8kNfPkufvF7ySrlKQ/RRIPGL8FeFC50QVDH99FWEoiAD7/cxMbCh4\nalt7pCK+XIq+KJEzLUkzw1um1gEk+FHRgNIntdFm3QI07Bd30oRfvvpXvCDM\nUgYoR4v1Rf5rprnKJjwB2+qDAMo76s9GBWGzR5SAbUhEWEuVDQzX5txsbjtb\nPtyOGWs3WJ7kwmPscThn/k3N3X6HAmPgjbhzSnoFrJQWnGa3lm739/ULCatw\nMRIGhMwee/4LKQM6/99dMUJcJ6wrH164oNvb6U+J2Nb1EIuzzm5ZSqkTO03+\neI1xvCxHEFKaztXCfiL3Ebt+hzOgoEdAzZVm4bAZIKivKN8Xqj62yrNT6hLF\n/XurNYx6CHEDsa3qEdiH+XJ905fZtfnlCO9hpTCzb6+1tFlnsytuQC92tAyf\ncPOKMUTDns8X6NDu9qgY5oHHm5Y+y+Xg0o3BnLCx2IJJ5itp/ArDfrapxwAy\nujpnIjt3iDoXN6g5JtOhMgsW/aP+JFuXsPTCTs6tW965cdMlqG15pl8wIRkI\nQ8gLXZbxyMCSG7rhwIpkJwSIjmzDRh8mJt6HJb5AQhajeqvsGl0cnrUDuEsY\nUnTb\r\n=Vmpc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202111299647","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202111299647_1640768852534_0.27150493706914647","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202111299720","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6510692c092b8332affd33eb09197cb83c2cecb1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202111299720.tgz","fileCount":13,"integrity":"sha512-yNGM9BdBQRLt54eWe1T0y0MhMgz9y/XjOMUABr9PvNmgV27UzYWQ5bjM1f/vzI0HaiuwkipTyBM3+Eh82XCbLg==","signatures":[{"sig":"MEYCIQCWWN5xdqCjh/HBOv/HtRa39uKMP+ZG8dlLqXAj0Ra4vAIhAMTR4ZdqBRYE/sl1iWkYb1MFIvcISf9JxK6b8RjZoPL3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCV6CRA9TVsSAnZWagAAGAUP/0nqwg/HKa3TD36J82wr\nOcmRD6RGWkFD2GMEec38Djj/Y/BvKxsYLRjdLaPUVph/++4I747FkcnRanHx\nsKGQotjuIAEfWj1bTE+41l7fJUpPblnaUtIkO6mWB0C8jRgwmS5N84MNLM/h\nAQDr0Y9NDeD4WtzYyybEfTaOMrc0J5hqbue1pJ9s6yRuXhmsOdsjCVYo1cb6\nBJNRhS8jDsi5gq6Wo9HAqJ3dBXMjQxisDgtgt3tT8JRHL3bX0iANEs+FI7tO\nuE7ylSmSRDAp2HuKcnMva7Jw5nLfyNX1fxDB//F4bzLk6h7c7Z/QsdSaehP1\nVJ188iQwCfOnoSjTqzINprApCSVpOxVp4IHMKx96QlkxyeU8+Vx91mMDAwsI\nKa8w32jCqe+vrtuisU3oNZwfIc3Wq82exUpUsvG/Gm4t49ok2eW4Yyy/Po2O\nOcSX7oRapHXRc5s+hd3Te33wuYlsWkx7PSD/b3m9Egbh9hzUO0ap9PlCVi9l\nB6CWLX6iRvba/eGRpBaHmOfzHeGPLSCW+j1moS21Wo1R4aTRxa0oz82b2OKk\ns3HZ9qo4IOE5J5RkFtQUki9fYxSWAWO9M0mI3YuW0I/h8o1ZHNrL3Hnly0Il\nYYG/S5AVi0a8ULcDiCueq06gGRbNvhs6khF3uZQPD4bo1CC4qoAASGbcdPmV\n3/Ik\r\n=rXwK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202111299720","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-202111299720_1640768890577_0.5127069373530133","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211129982":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20211129982","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e8fb97481f2d3f2b82bf220ac243177b6d746ffb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20211129982.tgz","fileCount":13,"integrity":"sha512-L6QgtKykbimGHwFJh97d0sG2UJG+Yn9SsS2BW+Rm+8OwtiLMNskX7M6Xy54RskQCwqIsFKRolE1qBBS5S4D7hw==","signatures":[{"sig":"MEYCIQCLov4NeNkbORbQ2vOXskvLQ+8WRs5t4gJda3F9qs+0xgIhAOiqPS8aC8ipFCOnKBXTsVxDaz9IN7E1Wz9nc4+xkVGp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWnCRA9TVsSAnZWagAALRMP/AmMx2soJXd4C5x3Yvhu\nPBB65K4bb9eEl/vk3kECLfs+lsjjnpDbFggMo7up6RhK6n2/75J4t/+Q320S\nOjPSGwoq5CnHjay605VVeymF3Cj/rmbX+1b9ameiwFIazFkPvVta/DxvDiUY\n47QtWopwfwuY0g75UQisaJJZCpfXpeqpGCw8hf+bfG0hS8/WTOl04GmfrbFR\n7l3TLw5JFJi2Lfxvp53cOmVKWW6Fpx3jDvhgy3mYeW7Jq24wdzHX/FbHqEQk\nsz9RaVC0PogBrewtap+DU+5CkHGjMHzS2475AXKfsus+6hA0TA282wxYCCja\nqdUXcYLaMn/5RsAnxCsklIjTJ0UAm3GOUnUXRVAxiF0y/12Zp0/Xw02QpESV\nSWRVvAMUPCI9twttfpirE2zMUygtb+9uj1aFog8KuqCZY3vYUQOD0xuE+x8I\nhuXoYFSvdmmdglSFKj9zgEgUJOw1zZoUoOLpfjjAIqjhoCtotYQheFlIgO8R\naQYzpB8dUaE5z+Ce4QUkWXrklgliKSL8VuqFRzKZz6zPNxTScpUoBwuUzjXF\natNjeCEQv9c6IRhJ2xIteumRRJGjYzZzofyikXJXqujeoHJ1d0O9pTlmd1Er\nZyoVZ1plRtvZ3/V3NyMzmRksMr8bfEnHbAXe6kpq2W9ll+mZIC8TEv2Erhue\ntTxj\r\n=cb5d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20211129982","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20211129982_1640768935311_0.7635887775916281","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2021112991213","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e19fc6995495601c1fbb7e975e3dd1c50d67707b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2021112991213.tgz","fileCount":13,"integrity":"sha512-jWht+ptoR6C5bEF/p9F1zwlZaY3JkOuKqV0zion6Oz7RP9PrQWsbvMVLeVfeofD9BngFW7zW/V33XJkNMmPX5A==","signatures":[{"sig":"MEQCIGR21Su3OTigljwJouOJvwfsOMY9hbG8MEzZ044kXvWOAiA2+qNkYPJ+2Q/Dru6gdXjL2/azHisqeeSLUtmtHDeiTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCagCRA9TVsSAnZWagAAJcEP/3wjy+/gD8DOpiEgNS5r\n1LyLW4CftL+gz7/7BHoesJJciS+r5bi8XbOnR9bW3ngFp6e3FDM1lcKr2saQ\ntns0phqgenm7AWM7NsZSzielJSzcpSWxuX5ogN0au1l3Y3VHL0EfsxhFQkZ9\n53ntCwua+XaleW3EE/k6o/vRclRptZYJaySq+3nKvxfYyyIcprsb+VZXBlwI\nvhla3KLBAH70G+DfbSh7MdOmY2jer5irR6MPxu0Mhn6r30LHUwL+WPTAKBLq\n/he3Yhze+A9TVc/fIaNM+BWWvJ0NqJd51qHOJ8h05s3ZchOfpvwHE77LJMJR\nMVm/JFmMvxHi19VKtj1RK23I7E2xrKBaUSxEPMjJKbYSY/GdY5x+OWbIqhFm\nJwcdfDXn3P781NKEdPqyP3SY6fJYoDCQmL+uz72OOD88mHOYibCzsuXlipJE\nlXMGAfWBdbDx+MyqsTJvwQD+IKRKj0NgcjvIGxdzaCX74FjYsGwrJy03i+D3\nPw9f2X7YMGVoNKpfgiGK3vbJ4rukouVHRZas5Gam75kYlv9O42UUlfditw9v\nGxJsZIJvMrptJyjnZOvyWbaD5DEsx34wJgiSNfwPVs5S5DsnWcyFisN3K8Qt\n+est6s6FlUNBVEW4V6H38tTSj8/yV9k57zF8lA/GP8s2K8jIM+/M7YXB0ESK\n9/kk\r\n=X5KK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2021112991213","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2021112991213_1640769184364_0.3445110840940693","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2021112991233","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f9881cc0ea1e00055c90ce3814eeb419107f9cb4","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2021112991233.tgz","fileCount":13,"integrity":"sha512-sw7hXNFwJgosdn/Rx//uVVdRi/FkGQB8wZkeTwVt/pi7ChXyCPcFayjrtWl2/buB7LhEgCxniuiSietwxd0q3Q==","signatures":[{"sig":"MEUCIA2KlYd4p0BnBmEyzaVI6179KHqgIO6ZJ7YfikgyYRZAAiEAxuevO9/wejTbmoG1P7+r/4deChHBLhzCw1TT4w7NdHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCazCRA9TVsSAnZWagAAzMYP/2/bNhG44S8RVNKI8PRS\nsdLdGqELM0M3pEoNbjGnVDBRRjSO/8+ZcFleu9V76PQLJJrw4XIn+AszyVvs\nYSrrTnPjygLFeI35G4X3CS1+L5ITOUYtiOgkQ3DwR1W3znzLBYrUj7S5BnQO\nuA7n8S/UKKBSv4OEGTwAjcD0ePDMjXyzmxhksm3ueuSeMu2pV4iSrAcIFGCi\nsybfl2uRIok6L9txXW0uHTeV3Ow06FQ/2jXyj2e35qPcQiUxwN1a3t//7FkY\n0/SvBW6lRIZPN9wPm6/IjV+XWX2kAoZAHmJUSDJq0wpfqcb3vEtOZjdyS/Tg\ndYvDP8Lb7DdyWhvTf73Q/T1y4KwU+spx2uA/Vb3VOuzFHsPTlMInzMzvsTRV\nVanrQ/KAK0fSs3t1f8vXx7jtsK/+BpeYTxr62KgU7zdVazwOIbDu+9wDxFoR\nXtxZiKq9XooSaF24HqOmQhGGuyxfyjfor9N7lhO0fDt/BViBAgcu+XSsjrOf\nQbey+/1V5dsr9c7l07VBDCNi5ek2rW4+uv0GwD37zcBBLpEHRDhDtQecRTvR\n5X/2W+6u1Fy89vetmsUjnzRvMUsKysu7WnIfFkrWRCLNtEebKpgaR1Z09dGj\nPC8W1xWlFw139IFh/bgQ6tPuqS6hNANv0k4uk9dOue0P59aN1CKx1QlFmVme\n/wib\r\n=X/Pp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2021112991233","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2021112991233_1640769203076_0.567001062925639","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220114234","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"aebb9cc647e4bac0a9e23e136d5b01b1d40ab820","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220114234.tgz","fileCount":13,"integrity":"sha512-39LxqixDdy8kVWIfMpuPS106MQ3ydka46YOS9Kqt0iwpazLXo0qto61GpJFy4ztoZPESONv2iBjKzkkYnBtHgA==","signatures":[{"sig":"MEQCIB85DDHstQh4pSqMLmd59+4p0PFABRfKTsjCnZ5HWz8cAiASiYLoerhLpu4D0t5ffZxXgLtEdvSIcJoCshSuvvDHxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7G6CRA9TVsSAnZWagAAJD0P/iaYPnDego88358xFSaA\nGRMe1QTt+paGF1jnCsrNSU6LODVLxKaNrvYsWl+1jJFExkLHpUbw0ZNskFdk\nd5cvdPabWwS+ogS8MBIZHlPC8PIT8mYfESEt1vrDm4/AKsY6bxpfc2WF0Ej/\nL477IFAauGe8PCFsmTTkgfhY8BVWW1waXWWlz/Gx/XKBQZvuI7i1uPTAyg1P\nYrqSg7jzfxp8ai+Dls5/2IhByGQV9hTlI5V0jv+im/NrCCsLcEp7UsR1VjAU\nZdW7SaadetXNjA3F7JPrKcm80xZfGnpXmLCRvZnMN6EPZOHJ7QBd2amNZCo7\nxq8wjoSETKSIJZj1jMfm+p6thG04Rx1BY+lWiuBbUtLWf+vIkry2MJ5NfNjW\n6cM2DUhHvEG8NIZ9wJLxeWRjA4oU4fRZ43QGniLLAXH+BNJEKwFQjHTCx8Cz\nFmX1AxaleLvZnT32aCp3YzLD0TJEAeYQL1hmekH8KJ/Ko3eHkP7rcm1r5Hqf\nFTB8piRTslR2jHfswCsc4nX18rZMdZiGlcKraLYbgiW7bJnPvTCUmK0WXps4\nRfb6YziN1rnjRqwPzHdveEAnRcXpVen2fTRdBYJY/0l6ANXe6el6r1oZkOJA\nsyhF5SAAz5FTDAQRH8Ub+/k2lwqN9O/zh2R4UHyVDItkV4qlqzpP61UP54Np\nLkNh\r\n=/5u7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220114234","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20220114234_1641001401811_0.3186539503040462","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220114728","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3b1fe4d085294dd65689e034237619051e35f472","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220114728.tgz","fileCount":13,"integrity":"sha512-C35HWWPXT8x55HMdCDh1AXdiT106wG1ZsdxI92MK4T2p+bbGqohmaXgDOkUBMD0CcHHgeq4F9JkZYWlEoMHZeg==","signatures":[{"sig":"MEYCIQD0co6gIogPYG/2CbEdsqRNdbc9zCQKpahNvtnczzfBGQIhAJuu1LhP8RVcyOswFUsQ1c6yXJfJ3NAbsYJ6ZVFWpVAZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LkCRA9TVsSAnZWagAA6acP/21oZ9vEXAwccrDbsfI3\nIg7k2O3Wi2WV2RHbCMUSKNp76QjBWiUnC+1VaKYP8a9Pdj8fIjW99EAut6dW\ngoHL9gIcwpPdsGBSOSq0L5rNaEoccOAMaWLDLne0hxcnA7itrhZDF079OEra\n578hw/WIp1IWys+fT+XRbdEsGIMBDe54mc+EV8hYm01g0xjS4UaCsgm4rGhq\nPajyGjdxaKHA0I3X+LAEfOByNAgYJXW++7XrsarLKIY3Xgwx7qSBsDUGDWVP\n5il+EOercT3vbSXIOoxKhY/4D8aSoGuLKXnImj7W9m/23n4TzJQ3tgn671jy\nDyCNmYqFUDR2JAESpWoXL/VTDT3F9+WO5+5Dt7GkivDI+Pa8sukZxWqwGyZz\nRvb80MMJfE/kMiPDkNymvGhCaULut+YsTO6ZqwgYjw8Ok/31d69Vjagq8KgC\nypU9hFc/Tr52jT4kGtCyTfjevdiVONPhu4eX7RZbE445SZCOryvZ7m/+gWjh\n3YU6FLmw66GatwEu640KBFlfFxZgv8gjuiRtDjlLtPtaUBNCxXRbzEB6iQos\nFLyVHi78ESDzGgc1l9nv1Dj/tzjsBJ/j2Ptd+J/seVhMSnSwgoX1wqDlqnGp\n85a0K2Oq7tLTB1hl5MLB/NBvjsVryYdmmjJxwGkbXZCDr+xhUWGa5NunMCUi\n8Ojs\r\n=30NT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220114728","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20220114728_1641001700322_0.8180553682495142","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202201134936","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8dff7618686f05ad99030671c7b7775e7790e8b8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202201134936.tgz","fileCount":13,"integrity":"sha512-F8+pPhGADfr6ohX6ggxpn9nVQ74JXqRz2zKZI8mc0M6ahwPmZQkq6cP8tp7sjIVmBXmon5FTSLqFwWJv57dpFg==","signatures":[{"sig":"MEUCIGVZZGxaUCv9QL43Z74ujxT/NhVC25qFS0WxQ/+GPf78AiEA1OzxZ2p/Mj/a3jkzOsthhnAAxJ9fbAIotxMWvzBkPaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FweCRA9TVsSAnZWagAAiswP/iUfGYyCHlr9spaet7xw\n/um10H46pC5UpE1aEyZ0Y8xdN1sAQaI3Ume3sSNj7ZcOudlXhI34PHCb4J+u\n8CkU/zCG8KD4WuW1E+flbBRJV55rYp6+MQcwnbq9KLkB6PFKygnRKKTzEBhy\nobr1CYP9bNnO8n/v3TRuq3JhGTnmagDWCMarkS6h10eBZKKdAZ9O7AEvDSR+\nYGeW/BuJdkzjM1OZS1ZAI8ICS4Mrw/6aJWl8jbfYVmfvhWvy6KLsY0UfyMyy\nTyC0wC6tjTWYZcf5pUjvJSY20fMxrCX1QMsC7+Nk7dUBwryBDVImzU9UMifQ\nuJIiKuPv4HXXm+vPFBDqDr0hhixLYo3D5oKBu04ua8Gs30byokf1GAC9J6DL\nJ2SwebWyj1VDG99ZM8P27Ff8hYx4OSZD4wfunGK5ik7h8eDKaVsEPkn1p+Xv\n1SFjbGw5c34KYBBogMqnhYmfAoPQRyOZNL+OMNYjeC4O1Zhox7b99fA3vIEm\nHPW5qijv8scnXRIiQe2xuMaYmJUGsOsgApXeBSfrNBN4b2rDFK8aNMG7Xv9A\nhcHW1yCCjtJqy2Kw2YVqd0O5LdgsMKybWzAmiew2JjY+WkDmtY2+Lum6e61T\nY6EXf6OE40Zo0NItBfTVdnf06mHp0y484DJLxIeAoLELJSS45ZQKHtFOk/Ge\nnW6U\r\n=otDA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201134936","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-202201134936_1641045022421_0.9745230520536239","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220281628","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6b0eeb7b758ecba525bfe8319f072432097270e7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220281628.tgz","fileCount":13,"integrity":"sha512-RCdjkECMP965wOowAZNv/BW8WsxkLitlFcaNU66N6NtwKSyjjadt/NBqlKSkCgCVRJ7U0gb82XtcdBDB9KDWfA==","signatures":[{"sig":"MEUCIFEysQB/ZDqYN2O392uKbAcTkUMEc1jzqzlWcItzJDwVAiEAhCnpoTWzz08GUNfDxmUoyIWVXPxmrlF6qLjSb7XeGHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V+NCRA9TVsSAnZWagAAubsP/jTqytjgaVpRXeBXcG6G\nqZ7E4Dh4Rbt7A3tuOWDOjJ9QIwLvONUzQcePyJQD0ZDZf4Yxt8b36Njkj0fH\n2rPxlujUnLYG1HPZkKX+JI82w/Exjb/W8DEJMcUxHywXrdBSyVUxiUuT1Wkb\ne8AsqmOt+3bRqg3wdx1dobsguvJAQrEVeAB/XQfxX7UXyjoFVhwCjUYjmwnx\nNuLv7CGHlSLggMU3WyLKKPamzhGkkBrW8LfVMC2zGCDqNlokQHDPmLBbBrwu\nD9ykqA66YNOHZSoHvJlmjjXWL5orMt/NfeatxhC1RkSrKJU27V0jrRGOuYWq\nr9mN7jVS0oigLEMMed2hAfMRIaAaHoIZzOsxYReynGijjhmFPiK1EmROBhXT\nZoD7Vfnvzlq1waM5ERFgWGbCo8+P/BTByQyMxUfOo0y6KeyBIgc5dVEhY7vh\nNiFqO01krNl2SuiuG8ZYbdx5xB7QZDWzu4y+0qY4W/FV6ApmQsV6QhG5DCM2\ndEhfkI7EA9l4RVCU/qISknM3JmxLv6QZqbo3jmtdutcnDVZo2Z8fevCw2dWH\nTPT1kDw1Jh/rh/5nTOeU+DrwzqaUxPR4LcsNRS5KABAwxcPWl85PxHhZ5MkQ\n4ecNw8iHeexWPE1kN0CBZF3ylffZIq8PxuaeqVvoozZiY3NEizBVUlDDjbl7\nCY9+\r\n=8Ycg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220281628","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20220281628_1641111437623_0.6715514347394456","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220282224","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8ddaa0c30110b472991327ffae7ae9cbdf65acfc","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220282224.tgz","fileCount":13,"integrity":"sha512-dRKiPDYo7wQr0ic8TocWKKPF6Imxj151T/7yCqoewbNm1gJFr1MYpmtnOYOxwzdxeBrCmkfsXn9RvRr2ex1MPg==","signatures":[{"sig":"MEYCIQDcnkCtq65hhHNCGpowHXTI8XADOdqKS/2Fd5aQCNU4vAIhAPnUrEAHUFeRGMqhKkrVUO6NSmwTdC4ebyfr1ngcL0D1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDsCRA9TVsSAnZWagAA5psP/0LRRvlCWD6OoNld3y3P\nSqNXYgtz/J+YRCWsQem6PShN5VUG6Jv7LcaDfMXr1tcMqwfURgeBls1WQmVk\n1+iPOGICkJ/b8zDRPLIh3jMqi4oE5AT20uowczJsPd0waF8j026BksImunOh\nLjlODeRgp+H5VFYsCfQ+ZSEbhilWUQDJSdUqnUCroifVwU/GcpYxRR138W01\nEDPb8RGPv+pXzBK+LX0scY12AC2geFcUIdptmDiQ53DXvY9H6ui/wCYQbUiO\nnSBQNBcpLgl7kl8YhN4LwaCQKqOCneQCC/c9qJXOmUs8iYPsbX5TOtbm4GQM\nIeRg3gsgbmSGZso4eL09Xh2Rtv9iaEBV9MAtXL1oJ/mB4++N5DMS8txN9yIe\nNKGCPnWMWMWuJXu5fpX8ipujE2Cpazh+209U/xz8twbGkj3I6nWQa8za9Rhy\n9ZuiTd1bKVUqXTVbaG96g+7qjVqn6nAN/G7NnkmQ9TqfiQNqsYPqkIn60bfI\np91oSwkhBV/9MASdD9oRIWx9XeZgHyBjJXhDo2k8KPqUfekKw8SuytEUda/0\nxdW6aD26RZJv89hNHbxgDxK0605e1g2o7VpyLBA1SpcIeZWnK8YiJeIhFTgP\ng53Ow9xVlng3FNo6qXD5JUifcjk+undkR2Q1VNVueEVDMLr+mO/IzekaJE17\nmqhq\r\n=W40F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220282224","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20220282224_1641111788789_0.14951002812428782","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028241":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022028241","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"00f0f2ba1dd3c08ba0182593662886ae99dae12f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022028241.tgz","fileCount":13,"integrity":"sha512-/zM2aiSwxVkW59WKa2RShNGmSunqVrU+g7uwAu1GSItQyPmS6pHdMTWTI6vzrrSmlOgAvrkjitxNq1VOQySO2A==","signatures":[{"sig":"MEUCIQCGIFNDbapqwS3i2oEUyjfehLQdqy/39iwDlJdzpbkO2gIgB3Fj6t4zCWfzLErHGMl8SOJIAmZ1bib4LGjOZkNljFs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WFOCRA9TVsSAnZWagAAIyIP/irdHmD4wo/KZkagZnJo\nMI5gjdhT1zR10pn0AVwRPFCMygTIg6CoryuRmHXnUQbjVu1vMGDQH65zz4p8\nDvDciVHDoHe9XcXn8ndRfnP38HbHJwZ4hFd1P9w6cCjTAgLko98R3dRQjZ1t\nF+qLMZzqSJjN3f8MszDp4FqNL0YkLElcyw8MiGO8vFmRXBSQeFHW6mzukzki\nC9O9a1XUgn+To6Ayajujy2mnMVrRo9pGMyT6wl8lDjuSycIeR3dT7KoIdUDH\nzSm6JXBZrH+Z+Uu68kn4Bgrr+FkgUW0nMN9T1pNp+AaObSmsGwa0t5ukkIPi\nUfxnbST6m79d+YZe4OU1KgvPbxYUYAeoTWh1oG9ZXxw2w9Szykr/V3UhJepB\nPER/pah/XU9P6q2z8QDg4WO58zisgYbgPWIi+Qbix5gtNPnl0Lh2SbExLbrT\n8uSweQWmn/9VeKdSl/+RVtiPVCSCtXNcAPkNxVG15+4Gvb4RyBu8KKIXpTzF\nB00jwMQ8/tYvRXJtm9kA4kJu+9T5bIgz4RgHhsgYm5kzO9KN626fA5W/ARQy\nI37pivTSt0m4RJ/QRloIgoifRamQnZQobUoIcO3hhXzggIHqaIONkfNCsFiV\nxEjc7RasfIa52opgleOV5KY0dsm2+SjdkLewst0WRk8pEyXqvnggxD+YPRCM\nQm94\r\n=f5/i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022028241","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022028241_1641111886727_0.2711748100964091","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022028277","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6c9193fbaa57041fa5ff75134b4737bfc0125357","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022028277.tgz","fileCount":13,"integrity":"sha512-ApKdhzsqEdhOE7ZYwZY+qFO/nLgB5/Bv/HUmWAtWlP7+lAnPp/oNdG8y0hcAiZd0vhC7zOma8mfEMS10HlF9Og==","signatures":[{"sig":"MEYCIQDPXsmSKp6N3pFgUMMa/cwpk0pSa8CbFsLhCiqPGTdFowIhAL+exGR2Fp9YWYNZetoPPYFTNhhS5QC+wIzTjv5roteN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WIECRA9TVsSAnZWagAAQYoP/2sp+ntm/4M3z8D/eaSI\nA8bE4z1pvCSxTLkUxQ7RTlwkWwn7fMrOzk3yE5ojyJMCiUa54hBY9MpOZvPv\novowuCR9YtmIo46cmkmW8Y99wOe8nxtu+8/tgNyt2mjupYpuC2WRf9xLV68I\nARLSdmaaS5QmXJ34f96Cbu1OnXh5pcAmOZrz+CFa6Q/5FXMg5ftsUiqaif7V\nEyZGBDGcEhEomwnek2RfspXT9sWibaO2XmJxDdDV4VForuxwS4hSUhYBPqBK\nADjOnkR7PTOc/fTjxEQ3b33OxypfZ1BpQE32XwCuXnr9+/pNa3ozyrBSCAgY\nWHdIyfWUL8/AmQWllw9cLopFI+PNLyN3AvtEgUwbXMbfIfn5d89eA8ADGYP6\niPR6E2x+3IhoGmVSFLYd0OSE77D5IjLIwRQ5ibrIgxIKiTTQnIxMgtswq6jb\nRQ/lFXBj+tMxXGLJ9c5nEdAIVH15MwC8Hf7UWIvdfs1R4uo++k4qb4dJeYia\nwOl1RHtbLBuZJ8FOXpjUayeDPGtN/bZApckZD7Fv4Aa30ABqfnQ1lKAhezMr\niBYiAsQzCTDmew1o4m2/1NooWyP0rBqSNS5J5QbHbye30w8llHTrU/qg1tcf\nvIoJ7J5Q6M3tmkyHXo9SP8jOy0dEtYfzWnKtC91CdsBzENoMrkl0qU76PGLD\nc8pX\r\n=lpRp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022028277","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022028277_1641112068150_0.03605771023270843","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022028387","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ef2c075ae9f823e944ef4fdd223c85f92fb2dddb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022028387.tgz","fileCount":13,"integrity":"sha512-mVA67+X3nLNgB5m9/Im1/U9lhBJpLepqWTP4XMfrZ2fsPHxojaaU515oTFaZ0ldVu74YFoX6lNzZObZygerXNQ==","signatures":[{"sig":"MEUCIBIT0SZzxdheS4bexPpecZifvqE616fmzX9hCRneIbTCAiEAt5/2+7tTy+W+pj84BJjYHABxRKc3oxpPPXA/HEh/UyM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSgCRA9TVsSAnZWagAAQAgP/2NUWE0tam7LEOMToUDH\nnR4fIZ/rMIb/OgGCjZgykZVkvDEIJ61ihph92FreEFvLOUEiG2+cxl1Lu2De\nnQNVIzYLvJd3DoaW0JGGZff+jxnaepmQ/q/fjKUfeAD3pzZOeVzj+iSY2wpa\nw/lJnHvYRNoXJWlrQKaXTNlG3cvGUhm4MrkCaN0Iva1yBPBMmDiNewRqmOVM\noif8F7jZwgqNE2hUIGmdYZ8PNjHSf4XdfkE39V0B+VqJpXD5voxFABMJ+5Qc\nvEERG8sc34XeSV/QSc04LwI1rCdyXn19Vtg7pcz4lg/cs5A4ErhQZvK7okK6\no7OOxM4vXy58cTx9mNPvrON5lN9q37voaDaQ4EVH0n0+c4j+NZmeA7RlhNfn\nGRGSalkkyYtc5/z4fqgVjiWAZCVUMjFS4q0M7aiO4cAMppite8V0u35iqMjf\n/A4OSH+LY7SBJqJsg3BXTZBGNl86+/PF6qd/xb0HDlTPdmDDU8AIrThE/pSn\nG2azBWicNXS1RXByyuWqS5P/huFI4a8PPobQGDOBPg5DJkiWu5e0aLmIIa1v\nUcf03IPNJU7iAVpPwcCtyUb15C2TQ1FPqf/Z6aVUKvZDn49u5Q/D40R3SXNK\n2l5f6uYjp1S+bZyX2kSR0g6f4HNqSYDGiDf1k4iwSYh+Yed4LDwxXlN8MpvF\nEaj4\r\n=6ykl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022028387","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2022028387_1641112735904_0.5850212649874842","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022028457","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"341d9b8651c5e819206a545bcdce17f165ba12c8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022028457.tgz","fileCount":13,"integrity":"sha512-8ZbLq91zmAyZIqK423nSuoCDyRvc4XS3TGQo3M2Ru6TsyEfKx7Qzg+kMdT47ixjfXiYYrRr0uVn5Iz0+2lOVAQ==","signatures":[{"sig":"MEUCIQDwy9D0+bPmi87MFEFIlWMIJMKeLk6HDZMaHpRQLnEM3QIgX8dMzz2Exhe7Z9pupYYZqbtVpjDhpE16apDwro0PYVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WY8CRA9TVsSAnZWagAAR7gP/3odpESJG8dv3GjnDDjN\nizJFowIiGpB1+MDj2eYlB1hVhGyqAIcFw2/OSlrJjRHvUjex5Z3m24SjrUHO\nJSdbH8GZkZHglJB9B39iIgnOPhcKb3pzK3l1p1n2sXWtK38SM3/P6ZMlqlF6\nL0YDbYpC7EUkNIAvaZZQvsoQ8fsj258P18D8rKibfG81ztvfybeyT5ZwzWp0\nPAwi5avYf11ID1JLTTDHagy3pz/3OR5AB2GeAA48srUm3k9MIkeRedkifIne\nxArnMybtd67aCoKIKt5Y+3r0YSONTryGVs1Ims30FZjBtbkVrr/5sGyIkbqb\noezyyW/OfJPBc+gcRGLEDQenTjWabLL0u1xU98Nheb7aPByr3SparmP6Fzs2\n5+LbO/qn6o3fBtvL+9tKEGYaVB+iUVexcOY6wWVg/bmt55jgBx6GK+SnqnKQ\nuJfA+CawISGKT3DBrK+JRioWzZuE7n3S9yT1bqAasXSgs0koAExo5kVYjDsP\nbC7uuS74irR2maFPg+ewxnOPWAVplrSr5BwdDuymcK6ikOJ6gNflCQ9ENLMh\n1rANDklClorZp3h2DDYLvRJ1dGK/sSdFzNgrdyoO+NXp9geBvB1+Ds9+hhUz\nvog/315NAhpUFSSIb4LZHbOM0yIOvf8q5EOUUQTYaIVSrblhV5YYK25ug+7r\n/3bF\r\n=3fp3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022028457","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2022028457_1641113148196_0.5159536348361706","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220284534","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"90c67430e75c7d69d70822a1aa9d77170ebddd08","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220284534.tgz","fileCount":13,"integrity":"sha512-pbvAgMMQ4Bkd4bCgABRIDczk5tYyJLoaTyTR1XViZ7390czPIcNEftCxBSg92XYllqbusQ+wdyhXydWFU3M9TQ==","signatures":[{"sig":"MEYCIQC3r7ifdpO4fi2kCMbVGEqklOGVc+vNH8/73k6exnzDCAIhAKAlrCUnb3EVqAnIemth4BHAIBWI1WbEXvIH9o3bvvvI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZbCRA9TVsSAnZWagAAF1MP+wcjfWPf7S43flFJEbQK\nK/Xf9f4aiITNAw60KO1Q75Ae+cZM7VZk2oSO49TlxtKkFD9+47SWxEu4irq6\nmeSWlGY0BQzNOBrPvw06l1maMW9lib/zBB+suc6BxFJtWrz/gnGB8rPY+J2i\niFzT2cqr7zv9F0RKotnsasAcLKeqawMqHlkKy7rm0PhhnDQQll0npdZYQ02k\nfDbtEVZmlvKXdRNCIB+xwVi98k6HyPxHQq2Uapf7G0iWYkQWgFoBbTWkd4IJ\nue3OmVx4fuVuwd+/ihFG1ESvewZZxmceT19HWri3RSllO2w1iBVyr4UHIAt9\n7gNnpGmNKUYfCn9ce3NrYG+XjTFWwN1ni9nmutvra5k9JtlcGuSaiwG+uvfK\n/RMVWnfgm72lTrYkarJxovZsclpGOntKlcQiGG8LrrrizqvpzX0O83nvlYJM\nqaZ67oSBz9eN2GWHMmSY5riofwN/fwbgg7Xa4rI2MVEguLQuqvIYl+EjuVw8\nqMQPJc0FmRHE6qE9ArAq6kqawLGPFNJZnT+fRkiZ76bH1/hrLGtrtull+4nq\nNcsK5nYLYiCjPDUhc4Z+6kqGthz5gQzte1/6HNx5lifoCzj6Rt5fVoZBV88H\nHESBlzFiSfpDWRm8LqytH2EIx+ICe9ARQBl4rJYpF0iSWkFdyoxcnk5jvi1M\ncA8w\r\n=vrzH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220284534","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20220284534_1641113179023_0.7222487107013953","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022028579","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"70cf33a4f94553792e350091863532647c3d44e2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022028579.tgz","fileCount":13,"integrity":"sha512-xc/cji6yAZeTjnlWcJ16XgO4RgEs8cdW2vMndxa2PpnhgnoYq8tTGl9S33y6bh2aVvn2rzqLBha1rfLSMiF1NQ==","signatures":[{"sig":"MEYCIQCKoY+eSrziy2svto6b6agNnJ3/2MuW2/Gjlp1VFK1kJQIhAIluTaqal+pbZjEZ73AUV5PpSHqrVnfIcJLv7+N5cj+n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkVCRA9TVsSAnZWagAARHMP/2YHoxB7lrYYeyUS5+gr\nESU4jtFOAxtzXt2P16rQii3AI5pnZSwxzmJxhme0S0IrZKxFKsXC4gU9sqAF\nglah7TeGuD0ScyYVek6M3f5HdzepAK6N5Bxv0yvfBa8yQPozMcQIDHLtY1Gr\nVRComwQBSey3joJEVtbWOowLilx+By0H/yu5L7jt9A2CHme+tcTGbuowD4Mv\nMVI34FkMZLUqALEifTqKv1K2+hwbgdy+a8VqfPkTwfNxyiMMs9Ho9ZgUfZwx\nPiH7aw0aVbym4C0DS+12XcPZUNCacOgqxNqaDoWMKx4sx8LBzb+ckSEjRx6J\nr1midr6FktuMRleus6mjziYx+F5ZQoxXz2l3FG3QgqJK7TbZ2AmLmVsU2hER\nLC8XPgFmGX9YCCKhno6UFAJJDpKgr/yFD+fpbtarmgQ0UguVXlUCCP9N7dCO\nwixo6awgZjLxVtAa+ga7JUuY6f5xWI987GlSlwpSubtrtUF+K29cFO0peOFM\nAA6gbNKR+ZE1uP8nyNWs4Vm90LU+VpJaT25PTtAR58kaGneqHu4ak1zIrXMO\nP+ZSqQdHnq8LnYcwdHp3JeoWS5mcQDAg1XZWBy5RzTKesXkME6Vod777KTxe\nV2k0uR7913vwX/epB38iFUZ27iiPp4/B70QBHGxZOUEHjkZIzzBdiu2quaRE\nxgd+\r\n=f80o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022028579","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2022028579_1641113877357_0.8078532711244102","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202203225541","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"73eff99ca6978cfe93181ab66d2a6c2ed27b5fa6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202203225541.tgz","fileCount":13,"integrity":"sha512-t65U9kKEvnYRLIk46CZ86QtctMJTVsZUEASeKH/2LQp0lVwT2sSiGkB/sFmtNZrfm/qswg6ykWRHQmohT9HpfA==","signatures":[{"sig":"MEUCIQDb+jUuusFhy0D1SVddC67okmhINVAoI9Yhv7Y/ucGU6gIgSYDtQ4GuawEWbkvajdc8nBMrXLwxqSFYd/5N0wUSmTI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038fCRA9TVsSAnZWagAAV3YP/37/1PmmuS/O+b6Wtev7\nIPpbvJm9FRGDkTrWSpOUwLJLlaQ5ra4suzHkHFQMtnQRn687cHJRp1caiV9e\nQ0iaSkMgG2iYeruP6Tab4RQjoQM5dbXRs621t50vZHMrg2PWMu/KmclI7nMJ\njCUbtVEv/SlkVv9KkOnduVot8qk/Pgu3KmVv3MxN+nuXtZF2Qc10NXG4RcUe\n5r4J5gKhOIZjqCOeiPfJjmpmQavmuVKo6oyFDzJn8FdbQIBEkFzYiKKeqAe8\nsdA5dgVN/8X9kLevXpYaF/Thf3GjCyMlOTmriCahhBXcjcSnF2w34XOBxHkx\nhogFjGBYT3r+qUfSMdm+t1MjVn6POvI1GWARvrNYWxSXzw1aS15AVFtVAgbz\n+G/cOv+XTxrdcZB42DWHf2bMIoaLfi7SRgYtCGE/k8UcSg+9sSVta9cpXbtH\nr3XFTAmeMd/kKwHSqfJAeqc7qXbOF4rStW8GF0sLX1MdLBCBEKqXYJElff1N\nFNfbpmw3t2v5+B6PujaNqOixgCHjlsgI235ZOH1aSxgubnyBxvxBkULypeOE\nZSeAlpTzffpHY2Sl+Uie3vpvIGrPvzWeTDuLAdnSmX13B8MbJW11PMYAKaeG\nWwEmp5qoEEUAImheDOIMJE9/8Bem05SKstdlUihjkdZOUNGX1u9kKDsRDdTx\nIzz2\r\n=8aGt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202203225541","@chakra-ui/utils":"0.0.0-pr-202203225541"},"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/tag_0.0.0-pr-202203225541_1641250590936_0.6334752331950428","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202203231241","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c14d8aa82ba954105bae8e4bd2522c2bbf207e1a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202203231241.tgz","fileCount":13,"integrity":"sha512-rYVOB5X3hdupecAbbgM0CUu7oVdGR0vr+2r/oTYeI7Q7nknmL4XvFE6NUf7ZoIVjjJMG+IhoNv/+CAo3sOvpYA==","signatures":[{"sig":"MEUCIQCYpkzAKT2/Uitgvf+CGtbvI5tfEgL3gjfXZjiPhmLHbAIgcmg+1Ro43+4oz2qqd6UFQnDZOH8NX68JIoQl+a+RVno=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MYCRA9TVsSAnZWagAApSUP/20jNxk5/mB7/SkNuILh\ngy/ZGLhzHGwzDCEcWThERv0/NdrBQOlIwzTnc2BIqngZI6gGrsPQY53pEH1f\nRwuTW7UNsS+ezmfzkPM4s3Km+MUxFhPVKPESCTYq3jHB38YwaPxf56BYWrnP\nszDCa9xx5myu2foKY9R1GaMqaA1JOy9VQjQu8dLkZzz6x9NY3lhsfO6O6vmH\ny8B8IIbZC9Yx+n80ciVBxWq0BRgnejNfW0JDIykXtFARwAzodETZVx1LiZAy\nGnrZwudhfGwQ/VnnBbB6UlFVySKGoGZN0Csnl7WHzvxxpJyTU0TuEqabtjch\nebOLHJBfnh07eM7mXA/y2E+x+MuR4k/51iSdXM1Vdw8JmQjDvgk7Cp+MLxSQ\nkOkrp31bhnowVJJ0ePXeEYCAKy6fUXtaKe2XD/IW6Vw6iXd2fccI/gLg3DiW\noElRyY5PWlDVaV+gpNuePcUxr3rWqtHHoZ+mm4m6wTfz/oEcUWMcGnGBsrA6\n7Y+7KyFs+XYqP+4c68cp0GMNC59ATUTWerdDzNqSpyarfYSiuFYoV6ZapxHe\n0TBlWcgE1EV5gNey5uE8RjmHilfxnKkyup4aKUYYTy1JLrkIB2ENvXmv5wxK\nDUx6p0dv4Y1GSib1yWe06zeA49hMT1RvhYwEfgmspSFkf3htLuxL+cMk8TUU\na+EC\r\n=lXGX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202203231241","@chakra-ui/utils":"0.0.0-pr-202203231241"},"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/tag_0.0.0-pr-202203231241_1641251608531_0.7289074768816972","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220483049","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"af8b8f2e60992eeb30c7c19921284f4df673a5a8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220483049.tgz","fileCount":13,"integrity":"sha512-kEgNoaZv1KZp4vo1LhEBhczFPIz4W5OSOPUzZmOXpPrqm9CPYfSqlCJH3BNKYei/qTDVfIlxUEjC2tjoJlBUdg==","signatures":[{"sig":"MEUCIFc6R6LhH/da1AnwsvCDAhjHkvZNwUU+bba+2bdUJbNpAiEA1Th2qisgEEW0P9lHYXBl4RJtWzcpw6j795EBWR9FCwY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXwCRA9TVsSAnZWagAAEyAQAJzkDYphCpfr5dDGPaaZ\nK4gEntlFA5xJjqFZMgNY9USUdXzbO0A34U8YnIn+z9dDfpRObGIs6MJJBy6B\nhFX8Cse/4VyO/DXfBVGdaod/v2aKLdItSlO0BQm755YKg87WOchrJKECWL/m\n17ehEAZTmI5kbdXOiEZCMTNF1EbScW4FVgVe2H5yRk37cP3qVrjYGNRCzatJ\nVswo99YbFXHYW5Mu44qPC9gs1t/PcKw7bjdVG+BZW7gJXZhahFcbeyiFVGHi\n2f2RmlYZu0z/KvdwMmxLpoyJAg0PHf5ezBFE1SmoOqzxfLzcHFmzZVPr/vIG\nij0W2Xw3HmgNVKrb4VPALIsBIihuA2CLvHllYRNUE/u4ElKoW0kIdR36BCRq\nP+l0LuPZLYgqr+b/K28965M7dWaMx6pff8ui8QEOuMedQelCUnH/7lHh3Odu\n7ANBXz2HMXZtqqKCZCcZNLy2EeT4t6VHRrxSFtuhGxv07evSZCxn0WF9hQhb\nPu5/gLKXBfj++3DRgFpq9zkxF7vn3UbxNOB+TESZsjNCEhCWMC1+/eopezmm\nK8bIwzWzMKRuhGznyJ+nZptfiiFDrb9ftWBLL2ydYEzvHydGgYSuoS/vyq1V\nIo1VlGkhZipPo1m1mP2vD4EjOaljxmlVJpZ5c5Tej1MQ6dZ/HPiDz7CMFhfV\nNnuI\r\n=X9cT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220483049","@chakra-ui/utils":"0.0.0-pr-20220483049"},"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/tag_0.0.0-pr-20220483049_1641285104683_0.9743548438649261","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202204173424","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7759810de5ca06ef4f42e34b006f827237ff57af","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202204173424.tgz","fileCount":13,"integrity":"sha512-Hlec8Q12F4AxulbMwVaYvoHkIWx9S04c0c+rf2nwZdmbmxyipe/gvOHmc2N7oaTS7Coqo6Cg2tBwEg8kq4HvtA==","signatures":[{"sig":"MEQCIA4PAH8aaQ4OA3E43ZNQ/qB5NaHnbNGjZ1tIMz9B12cmAiAT+686ltvSFKGc/VPHcX0aVhns+9zso8YHb4UVcRNEKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IVKCRA9TVsSAnZWagAAjO0P/3g4yTp19QnBdjFyZze2\nZxSlVZin75SG1GBvE/WskiHoeRoEd4ExwbTJFDIRMFcAEfZA3KI790swH3oC\nwQBVYybhgN32UDfNreVsCRi5i3Jy5Y9pR4/7Sm+9FEkn5t4xpiratZWznx7b\nhAbYa+Thj9NlPzJMK4/rm3U85R1caRutgtRAQF2Anh09cxDjaizdbxnd/4qu\noAtlQ+n63U8Cf5wWKXFYEh40vt/eGi3qkiY1SjYV6/FAXlTWXgd0f913qCzy\n2LtMn4rIBUrh6RisSmOu2FlTHxCnP4vDJwINTKFIGIB5Y3JU1RY6R2Tx7MnS\nNzmH6frwAQz0IQ3JoVm+hOS/vSLlk6oK6xFFp2/vK4l6ugoDcFWGfmf2Cswp\nvg3AvYdYI2zOpIGRHXFHVvwXB7BBbJ1xD0Ov9SDc5NcMiNmU1QLeQ1+vmn7k\nEr1dpaWMM10WqsxsFHmQjJfIHE+IXsRnnOChpkBahNd3My7gjmAzaoI3Ge5H\nZdA3gjsPmJTHuv+4cidUM5xyeLLhXFkZ2nH4tiSITWi11cW7SKGHln+a/3wL\ngiQJP0rD9D402hSVJwQwb1jRD7rPntKq54ceKHp+4NUzaW5XAR9u9UP+vCB0\nSnROAbl18X/fOVY4zyIXsG2MmDgX24eLff1nEn/gGN2AD+se2aIIqY4W1X+3\nnRz6\r\n=mG+y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204173424","@chakra-ui/utils":"0.0.0-pr-202204173424"},"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/tag_0.0.0-pr-202204173424_1641317706439_0.989550491565026","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202204174042","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3687b7b622b61cb2b0fabc07bb8d219903be6675","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202204174042.tgz","fileCount":13,"integrity":"sha512-M2vW2b29zmsTQKFQchdP7i4MWJY0IJIPYa/4EdT7Va5H9WRdr5Prp6fR2X9TaDy5mR4cerRO2pRshlPqbPT/8Q==","signatures":[{"sig":"MEUCIHOwEnMR7o8DwS2Uk6aC4YicPvG/dtp+yNssaSteRblIAiEAyJAq0oxIB1701ZK1Jv9XWIobFrAOoLjZtHvcwNg3Y3A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IbKCRA9TVsSAnZWagAAREMP/1Ci/XcrCxmCK7xNDKQg\nOFAhSNzilqWPTSSPW0ts7b2awVrNt1+bol/ILfls3pw43I4DOtuOfmWLmYpR\nvuUaUQd6ygBYxgHXOPRpN8uOCehLOTgWTAlotNTujfaBWU+LqqmEI6xPyp+n\nxIDDSGoiFSIBT9sHngoFIfjE47JUR+0rUKf0qWIsABsfTez4DwQFm6IWHsQp\nfNu8eaqbJ0TCBlnL4gziHmdPziTaAI0ksR1JHyDFYzPdJY6yvk2jAk5CSvrZ\nFrZ5yGzcB63bcfj52WZt1Fv1Gg3/twHIxazyVbKxgtXJO4xngKs2ljajQv2B\nBR2w7BDRJb5AOwhye8UysF/xsK8pad4t9gu6fIirFMYMfWaxjzvrx4Lfjtzt\nSh3/PQSminQRNH5S4ejVsd46BAAYz6y2jr4+oZUNmXWvIEShLf98DSm0nS/F\n18Q4SxP6mQCrAdg/7sRIKQw0cY8dBJKDm9JI52CEuSkRfTC6mmDWxnBf6qI9\nghLwhGF8YkU5qMufk5E2DoG48yru7NpztkCbnsfSDa1XxKdVncbTkm5RaUSn\nFNFE/Hgovbbje2JtnwEogpIEOXc+/wQAJCmm5iCt0GhDIk2AREC+OROSXofl\n3Wp77AEL2Ahdcr6fhrYm8dFF5uMTpza7o1vQLz7Bmip2j3PiHZ4ZJLPbh2hs\nZWie\r\n=iV40\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204174042","@chakra-ui/utils":"0.0.0-pr-202204174042"},"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/tag_0.0.0-pr-202204174042_1641318090798_0.4123702148688462","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202204174930","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f153480861a6eb47678dc883313aa4593036760d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202204174930.tgz","fileCount":13,"integrity":"sha512-Qvh52SgIL5duchhX+b3leJFWRL3axzUwH8cmrPpsBito2IDdsOeT3N3eDHFuAVnt0mFIkZEyzrBt9Fy7C79gJg==","signatures":[{"sig":"MEUCIQCl1QRpA8AQ6MkR4PcumQomZQEkk3xOQJ9sW6+QQ+H8XAIgSV0zuRM54ib1c0rsAwx021doieplfUVvIzCygM9In94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjcCRA9TVsSAnZWagAAdQkP/AlyGGizdTVvIXpQrn3v\n/xFJ+C0RaMH/Wgt7tCZZk1OnOKCgnBZgFK4WiYhLbLtALl2vbSyamFMafbr4\nyeiCw0E0SulRCUzNfgqjwtfqyupF0plEoG2LVfZpRRBJ/AqY6VitEbY7gn4G\n9Qi/hWzipf8N0/CIu65Pz2Rl3QXqo+eKnPrjwW+Jqi9Ja3QT47KtcxQhFCNK\nm0sZBJOqZsQ/YuQAnE0+AS4gpkStrUMUZ9TMsP1yfO5AZtFmKHAlUoORRryN\nEojmS7oxPYo9VvSGv11oHSXOTCumYjY5HmtBVW0LvkDR7HkC8Lsu1U2Hm3UD\nv1dyQtIxNMA+cSbeUvs1yeOGa0e/MAQrCpvhafm7d2VA8PQoHYoEOouynh2t\nuGY5J1XMe5+gHnSFWHrMb55GDhSrN/UwGzUCulm14A9myQgZMzZnzISoVaYb\n3atPuGIRHhNVUFxZjBHpzupe4ppUxyQ9t8ykiHgt3vZHEwj4yfmxt5Ij2yE1\nhdRUVzlvYao+8J7nqH4jRdv7heIeHiJ8EihbwoNS7rPkKhpEE49Vf/XLXJMw\n/b1F/1v8UFaKtFcTSgHSvEPneV4ItZ5kMWnwrPOA0EJhvyDQ8et4AYd8149N\n65AoL6tj5v9lGu46OImOhOJ6r9jRexvcSpjPVLleT061zg8KFh6c0eTj+V2A\nYO0z\r\n=ntbr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204174930","@chakra-ui/utils":"0.0.0-pr-202204174930"},"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/tag_0.0.0-pr-202204174930_1641318619885_0.014604804588083775","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202204203645","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2b9e1a16ba32b30e927a15ffcf1a6dcf5f136486","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202204203645.tgz","fileCount":13,"integrity":"sha512-xeahP1zzPlzvVX5Ad7T7To4zBMIrQufGNYo4DgbfT8fjD2J6n6DOR1105V5yl59SxQ07YyjN/NUmB5pJFL6Vgw==","signatures":[{"sig":"MEUCIFoK7Eq1EYkOLCIhiw6Eh2ue59WZsB3Vr8s66j2X5jbZAiEAzdM0tQv677tKh6Aw6OqMbvl+0svcTQJgSpU396dbADI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LAMCRA9TVsSAnZWagAA5N4QAJjRJZ8aVG1zeJ1D0P8P\nljpk/0lzEILxCok7zxqp2hQUEZHB1Vk2Q6VodFq94x23NRN/2Uxf6bVfrkhe\nc+ZA+6DwZcrdJi83Z1gvYsU9v723h2TqHR5a+SUWGZ/K1naLl/D4EjUAPACQ\n+QXp14J6VlYquJn7lixhtMZIc+n3vHHB2kNfbAiphM7K8ZJr3YlRJPTF+0jS\nRMXc+uiFoIfPRrF+O3MKXpwT5Z3n0q1axVlW4680AWjvQI6QT9vDcEJlWnFj\npApsNjfhylYAvKWJsc2o4mzilWQr9XW0vKzL1F7qyuiYA5Ob6/K6afjPysp0\nu7bLg0icR8siF3hMTjtaELbfr674XMwWmWK2rW2edGEPyyECJoClBN5huH97\nI40jTYWatxGbhRmzVuCs8VFoG/tzRb3Q6Jf2RQMtynxOl/o3CPolJkXygJlL\nXDWEVIAcg4iJuaNqcEGvNe2Mqm9GcVQBR2hAa57QbVPOatmdXu1LTPmeVR3H\nHQ7eQeE4CZMCxunVbbZxd6eemwpYpYLvMLbsfUnwrZ8CNLG2KHpEsWOmelmW\nDEiiPRdH3+RhMFme1Ldj1GSiTzQSXWGJ5ZaTMHxy5URM4nQoOr9x3Q63aO3H\n2ou/aHhIXAGmNkyAy7nF3/loM8hNzWZ+9nflNKsLrL7bJs0IqTBGAnpiHUSM\n+PiB\r\n=sY70\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202204203645","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202204203645_1641328652767_0.9728013592114257","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220421928","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"88d969e349b5d81662fc1f8bbba7d12ff0b37579","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220421928.tgz","fileCount":13,"integrity":"sha512-Ua3zALsjDwYeVTrPgd6CgZe/lu7G4Sl0zqdSKsrL2fFk093gB1KYonOsOyLOWY4vLtTYWrO4Ry0A0yk/DWwkWw==","signatures":[{"sig":"MEUCIQCVUhjkJ/CwVnu97Snm+dE3GinIRBFApKfnvd2Lfj3vggIgE4J0n8vhZfw7xqXrPUrDkQuxnBlN7cxb6fISDeL6oHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1Le1CRA9TVsSAnZWagAAhxoQAJ11zP+tGk0TaxxIOWfv\n1WfnikfDsWYC0q4GHXtqQZYUAHPRs9k4rmEklNqbmWwHPdl4biztn9TuSeyU\n08GOIhvgEuV0VzBWG0iaTy1mGyyWmAFXbZ8hNQGttQ91wUkfznX12iNBRdAw\nc15OIfOpjmB/AU4I7ZLmR+85ubVICkUrkNvXPHGvLJrRciD0SgmjgMyXvgdb\npwSpXbLS6kqkvi4+JsxjebRQOlSjgy1ZH7tcCzhPIq3chJVOA1tCEXTORwxn\nMX/PDwu1Gx3bie7f8jXghnmmpZowRn0jngmLX8DxSjiQh+bayp7dguAqQZdV\n46Ee0nPVbUVAPsU5P5JPfBHcDXpjb3G9yCN//qlPvWJSg9MDiT4mJWk1swhK\nBGAFGnmyfr6luzIyrLFrDHXst38sYFPra1VEAfvgcxSR8F3PhW5CWYbqSj8C\nzp2kRyoXzW4362mLrvgij8RKB7KCEDnHAa5fXi1JaHo23EAZPvwTIl+NPrJG\nMUAqg3kOCrZo7GHOgWYcPgw+AoPWRd5f4HmyQfEH/el0qBG+1mRoDVuZI8BW\nyRe00nNRy4DazGNwVMWsz0e09W3eXlFjWnSy3xBEH4NoU4f7h2ibhSg7QLvx\nK06r2UJiu2A+v7R9c27G3A/VxCvuvppH6czYws4FtDbwGLU7x8/u1BDS62r6\nWi83\r\n=X0ds\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220421928","@chakra-ui/utils":"0.0.0-pr-20220421928"},"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/tag_0.0.0-pr-20220421928_1641330613716_0.6343573738177772","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206185910":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202206185910","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c281077f20f0f0dfd48fd99c237b1e1e81dab4d9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202206185910.tgz","fileCount":13,"integrity":"sha512-yutzEncP6OGeKclpUN3sKHGQOP+NJ8uPdTQ0bP2p7yYrPrIjeAce+ffz3gzckg5otCbnu+lNVBJWakfIB1rt0Q==","signatures":[{"sig":"MEUCIQD9cnHgKzVZ76fv55tFlTSzZQgl7suaoYYgcDNQAs4MuwIgYN5cpTNfW2ECbizt7DoWtXCr7dq1S2ahGZWQkrgUiYo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1zw5CRA9TVsSAnZWagAAymgP/RHp/hUnqbh36DCyQBmh\np59F2cTkjBQFHOQaQclGi7O6jBt/oX2kDLTQGVNrH8nDsCt7OUA3izLX52vw\nisMv1LH3CZ/xc1YYExX//7Z38D339R3O4e5FQdVYP1DV8tIcdEF3sG49qWMO\nZFp99z0yHv1noLsn/A1KhQoi4DIGgZxJ5lqverO86GZIgqqCwoP11VlZECY5\nYpqI12W+CKck8nqxp2yC29YxBuvZtbwXEnoRI/zyswnGfOb5y0cZ+LDSdDrN\nHPguVQ4jNarAjR6MnFVkuXwhLHiIfgD6F2lyPle9uv0rnUWCqLp+JjQxYqjd\np3Ud5zDF293p2bpjw7jmNlK+Quj/b21aRslI2gl9PfJ5sb6p65b4t75OZgL5\n0ZnINOEg0qIvcHr4+e3vY15s9ZWScf7LwE+hoRHVKiZRGWaaLomtFA2J4ahP\nf6dDuZ9ciZ9bW9AJBXy2wHuVXbZYKH7Aey3/b1mL87x3GX/gMl8iNnsHDwJ/\nyKB3KO1UZqsfgeoVNYb/GzDGF+1bXBFVuR/VvG1fvhQhdGTEfB1FlXhmTFfk\n90sxyBfHiaVMze7VJmCHWU2fZ93vED1E/lLiuMdgjG4sdJI/Il4WIVfRMLi3\ntAOyU1Oyudzy4m6sFN9O01mQbm+m6flKZI/VY6OeOi06MnqjqMKVLewMHYw0\nIOpD\r\n=TYGX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202206185910","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202206185910_1641495609293_0.3688471408811371","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202206192031","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b4e9a88d9a627f826a54537fd303ec12ceee884e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202206192031.tgz","fileCount":13,"integrity":"sha512-3nwCFVK0bgLB0yW1gvrzBb5EA96l4V3mbdNQvwcTRz5aifjeVe+E30UNe3lXEBsctH+NiCG1kyTjb96Ypw9f+Q==","signatures":[{"sig":"MEQCIGXadC5XmO8B58Q9kadpX7s9cCfIPcGSr9iQswabg5kEAiBrrSsHR2gl4PgfSAICGDFJRCSdlc+jODGArb6lPA0O1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EuCRA9TVsSAnZWagAA6d4QAJc+euT9YIaVAREN6k0h\n+lO4W1+KmLpOh6alRkPur+bOxp0SSAiL+Viu481heP94cu1z0rHpmEMdz9hD\nIkGMoaP/hwtYjCDBpVoi8++ACZUvYdY2ETvQHu6YkF27HM40epjPqW/VYTLD\n8QGByo0XPyGSHZ8jW9pdM3El6dzf1+aopj4X9qabVQ/SN6x/ktkKq1SXKJRw\nkTdznAIbj/chmGhgYeFcW2OMb0BJMJSuI1zQO46eS/XV9jngP3shgDUQLrYA\neph2KAi4KivxErxUP7e+9PrCzEDkTnzWr6cLzXUw7LlsVa3YNY01pd7zBy+b\nBFH3/BfngjmNDUGhEW4apGeGMwgq0tR0cdjF5GN/RBmqQSvQ0zlbVP/JnMTQ\ng14HQvsC1q+jawQr9h0aIPMf0kLTRwTCoihhRdbtybq35uQjkki7gqC3Ivga\nY0cqAQjeOLrk/4WTVMnl39SamfVPMyXwTmNKpCwLZLiH5bVRByE0e8Q/4t+E\nuxZatxZpqLzLtrM1kiZhujeMoUCtFPpVqoBeBYzzhxx0DHsBM+eJHnmyValr\nA7+hgIdlwTz2EwEdUc6aQngT0E5zoFWbjqvHbjWsxyDRzmeFTdNxl2A07HNf\nl99Avgz1oPh0TJ0CDYdbC1NT1PkZODK3hNTYvUdYMxOSl6oTJGgCApgeqrpK\nHN63\r\n=UV72\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202206192031","@chakra-ui/utils":"0.0.0-pr-202206192031"},"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/tag_0.0.0-pr-202206192031_1641496878841_0.7130626764612631","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220620149","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f0ead6cf493aea3606ae249e7d242188bfc379b5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220620149.tgz","fileCount":13,"integrity":"sha512-zZIAKZ6tQzxxaO0CJGKEZcG4aW/AvPn0lbg3q0IipIeEUQ1tzeG9dmdq62KYRqb7ZphgCJmSZSNzQ2TQfeZo4g==","signatures":[{"sig":"MEYCIQDh6tw9jv3KrDyM42QAcX1CrrxCw91gNHrel4ssvGjnRAIhAK9qyKvhSanNvnNDNckmIBJqDjE0Bh/a+Y6duiDa6eho","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rcCRA9TVsSAnZWagAABBkP/1SUiFGg+Jh+Ay/bcmOv\nvJSwQJT7MN5Ykj13WGxZFgh+eIWTw5Lv9HqxiWHltKgraBeLPIbw5IoiU547\nUE3p+zbnqTRPv4M3DNM5AMt9zr4Mc0OXGmNG1/yja6WXlZ6I05Z/aY00x1f9\n2aVg5VRPY+sEDY55WRPagn3A2Hw/pgf9AfTbuO07bu+R8EO0bikHrPZowTXl\nTpUo7POPV6ijW+4EBBBWh+SDQESj9xIEW2S3EnjqraV+Gv3VwlJ45nJdSBos\nGseCV43j1LhIhhH/fiPjVrSL2I499hfpfKWSPAKnh0X/jK0ZMSyyfWQ5wJo6\nop2NdS4RWljp36DR8vzswUVUh30Q+tZk4MZUZLulBx52cOvDqyYb6001UmI7\nAjb4aLkxmis7in12HnmClWlz1LwGVKEanm91jvuaeBONdgOCG0zDfsVNitRh\nSA0h5T2hX1OY149pVzotgo4Sej5Oi9gzROJGNwS+iFvPYPDFppAumHggdpPk\n+IRePJgf1i2nWtWYW1F2Lruu+BdFZlTJq4fQkcX6bbZu7TFD/EsM9ALb0nOs\n0BULxFDvWb2cuQSuftEB0cgsuHmuy1ltj96vAc+jg1w8fEyMpZZqyoHNwSEL\ncd4h//80LxIAJKDdDTUrXjIBqPn/G3c1Q8JACoJ5K9hpHn3bJlApW4jBWinx\nEQEP\r\n=NVvb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220620149","@chakra-ui/utils":"0.0.0-pr-20220620149"},"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/tag_0.0.0-pr-20220620149_1641499355909_0.07316563841167767","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220620653":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220620653","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7575730271b7b266506c8a334d1e16dc9b32076e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220620653.tgz","fileCount":13,"integrity":"sha512-vargfqnZxlxbwZcdJjbRJ8L4fcCwygChgylprmOJz9bMdCtj1YXja7GlBYfsv2fgAQ8Dl+B6MS3nKheFxEiHOw==","signatures":[{"sig":"MEUCIQCW2OHk6Po7mr3qwTrsLuzIwdMP483PLaOQ4wDg+PXgKwIgQnbQWCotG+UmjZi9swhiNSxFMY5gCjtF7M9V1alJ5Hk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10wGCRA9TVsSAnZWagAAYHAP/i6nAPi2PJFBIbBpmB7S\n8e+2vdv0QkKf679gNaVpi+YmuSJ4eOssaU0WmHsYNtgE4xeFF2fpr/ov7T/H\n/NDPheDIcCsqUHP8MG7q2hjJwO49k6IK1AShjP3z3gOblqUXL6sFaIjZFKrs\na3tCv+LGOzEVyiqwFrHcGxLuWAOGeQSodr+hglP05wqPvNWyvJi87MImUp51\nvVqcjP21TIINw2AhqBvDDfeQDtdmX+P4wO9Lf1oH62lqXa69tVss19plLMNF\nztSy6cwRQWUvYhps0s4LlNBQaVsKux6cCRtwyW1gtURMtepcnrAQ2IiohYVb\nT4EMGN8TUVdf+2MGw8gA+N2+ciJVf1CaYGdSnU93Bb5WbI8p4gfbC578uXRi\nkIqChnS8rJUENsqXEARC4lqxoAI/hR8aKB2kcTRb4pS3A7xGz+X2qbIHPGfX\nPE8Q7rbmpd08xmui7EVlV+zTrZpNmhPAdgEwdgRHtm6JR+U3XIV/IPqp815E\nTPfGa8zIW+yf/AfD60GE6dW3q25IPJtx01x9IHwS1U3LWtP5jx+4IfB4cm/z\nEe/qy5QxnGXs6HCz5GWDDRt/4jvv3sSMIgwMCdDELVHYr5FbiyC4fHrWDY7q\nEZeHCxDUx9EZ5jLD0mqrZPNBxo0HMJxI1S7EUjUZ/08ObXcLpVft/MtoLpnT\n63ks\r\n=N/Tt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220620653","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-20220620653_1641499654193_0.6844951249122291","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022062070":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022062070","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c5a71cd77b6dc8bb82a2627a563e6429b38e3b85","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022062070.tgz","fileCount":13,"integrity":"sha512-Rjm0tKgbxuuO8obfYJbzRPa/q85b6K9vuWfcjuKiNHJMW+2Ul4N7DvrBfmzwHOm8CQ8oGuSY3/WvJ5HsHqHYkQ==","signatures":[{"sig":"MEUCIQDh1VCUUY9a4mvK4yqs4buuQcPX0JJXo4VlxBRcrDL9KgIgc9iNPMvVLSTefXjbExjy/sN5NdVzPTcWef+SlIY7EKY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10wVCRA9TVsSAnZWagAA4C0P/2XAp077YJDKXKtTjT2b\nfUvJUgwttZbkNPfPK5umBWKABE/AVxDu2Xu4wuUNg7677o8CJpg3fOwky7ta\n5qmI6q6e/cgTgwApsFX9sGWxMkJdvyu+5fisH1wC/C0ZoOSx83Y+1BOq4DVW\nvCS8FCDdbiiBYg9XaRosbpIi9t6cGV/i55qY5A0ougEA94Fall9eCHHWLMOR\ntZSj8/5MOsK5NMqM6r7Iq7CZ+pxq7H4izyG6dM91nfglLzLjDMKPmUsiANCK\nXB2HAXe6vwPwVtUoS8SRF51DqN+LZQi+ppBuWikW9eg03fwfVadQ/uYSssOo\nrQs2E6zlG0Uj2KIQL1GCAq++UfGIVgIIiospJreJx3GG+TR5sytASBQmxjwv\npU11g7V9w8hyUD19pEIBZ6bhjMY3+1rZyYvOEQO4tsbhK256MjGUDc1uvhG8\nRQH4DBTxMQHE34hVs+Q7PiqtgfGlf6lJsbIzexXcoUz6pGbSBFuG3xpQRz5K\nZ+TzE4wsjIE+r+Pt05JWNzPNGgO2WyRzrDt7Im7mKbwNH+wGS1isEApYJSu2\n9TXibndpCZ6dcikTUki6derbpxoatvxKiYGfDYZfh1gR9Sxhg1AgP4G/a3/2\nSuTVkcyWcuTnt0VMHUN6prwQl1OL34rBc64KqfWHfKZLi2TY1RWHbNZpGni3\ntPlZ\r\n=7PM+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022062070","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022062070_1641499669586_0.0713401620116405","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202208163634","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"91adad8c5f9d302c5b993b22a472fcc790102f13","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202208163634.tgz","fileCount":13,"integrity":"sha512-AguvkrjpJSRj+GorOgocRVC0aZFP3QkuYhGWcP9tUrbZ//rzVef6JRWSMsnHxwqKCyxqIyy44L99koxi50pDCA==","signatures":[{"sig":"MEQCIBNTNv2ysMX39xOMfApOwydxym9jLe+wr9jKFF8qfZw1AiAKGj7MlTa1vTjM0t6q+IxYhiCGtYAKMHd8CB4regCaBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b3DCRA9TVsSAnZWagAAncIP+gMJlOVe0Ma8iRKzGpFy\n0+BltA/N1AVpwQIWSkWaXm7i6SWxKynu1b76VIOmVrbyqqCKH9PxJTa9BXFr\ns2ZVQv4H0xwIGSbE8YDD8yeBgxvotG2dkW1tbGOTCk0/U4JAZvak7m1+1RnI\nSDj/XGxBzl5pZ6A6qXZpXiYGysIa7tfkO0b+JmgGQ5907Elyd3RLEIm6bdW7\ny/gLmnw1VkR1XsG0lOyhgCTeZ6VQ+vNnGhX5UA3ipBkVsvb/8/gJe4QZNDtL\n/4Gy6BWCHLgjAQ+oLzdFXW9vFmap3p2/n/suGnW2UJnQNsVtUFu1KrWIfeTV\nCtg6DdyN3tK1tgaq7hu9+EESW34KAq673LD0QXolNrMQK8YdYjzkhr2fJxkt\n1Vjh1BMucvbV4vPyc2N7ZVdzMkvSPC/FDDjECkcGLj7zgotJgFc20oXTCFAd\nxWpdHIcvBniaPQ4pRC/Mq2YC09+yVcnoeTjwscIQh/2lTAybxCc7fjzjLYxm\nkHdulr+p+Nz2+UuvC6griKSkb3IsfAakxNnXFeXGnIfGFoKO/fjoeHxBhOJF\n4CAMavj/Q6Mt4zaImd4MYpOT8Dk10hN/cT44B0KkvJem6kiy4Wp1KSTaPDHH\nUQCLVi0ul7tOA3f2MZR+mMZf/BfhS0KoysBbPgeHzdMxBDYY2Cu7CTCQxJTz\nWJaR\r\n=nBOB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202208163634","@chakra-ui/utils":"0.0.0-pr-202208163634"},"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/tag_0.0.0-pr-202208163634_1641659843578_0.2263745939046049","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220816386","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8dbab16fec63dcc6b4bf507cd34492ba8d5523e5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220816386.tgz","fileCount":13,"integrity":"sha512-j0RyXnSFy7BbSHQtm34fMRyqrYpzkLmZcuQRhNTbPtljyKvNvhOFxD2h3j1QHbtDlpF+bgcm2BvIEbdNocd4gA==","signatures":[{"sig":"MEYCIQDtSDVMVVkGpy2VH0Qvx5B2G+iO7mfmjDmoc1T4JryCWQIhAIObsAXAa8no7hF2wdxTWBpvIyrrs4I2qlUUWbDQVdKN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4gCRA9TVsSAnZWagAAz8kP+wQYz68aYaSWv3a2ogsI\nBGv43A3i8hZTp9jn6zpZG6F+jS0wvmA9ew6uRcIDWU/sTuvCu9fPNTfTcHhX\nFzyXIAZ2scc22iODX5v3mTiVMmpwKXzdzJbI/8CpRzN2I6VtCgZdMba1yw48\n91b9U1QXnX7EJU5qQfyB49e7791ksOB/IQs6cM+xFW7Om6EGV5t7kc0m0Iun\nRMLx8k6IRt/HN4yP29OgOnk34xEHPBH0YURoTnHoXH6OD+v7KlBU4Ab+Mzo9\n/wmUk+QcRrZjemojJeAat/yLt9VxtceIq71jXbXunwlZ1gPjzJ6tbAroFwo4\nozoDGH2iu7qfXbgLg4GyNaA43Rok8MFyC7C5IJ/ciUgViN2V5LxH7QPlrML4\ndfuDMGIlD54EKVT0o0yVA2klvRfj5cohzVtmG6gJNUztqR5d8lmUAZui0fcF\nka4vGIkBgLfBHEIfppLBGCiwzxAMx9HzqZVNjWB9a0i1AvI8v5bvlYtnd+fU\ndBczGTWI4CJh2vLI6sXn5++hSHEjN5V8cJRirimlBtFzZ6HMUzVptCqzfbRB\nTQBLqHNKjzy0lvDCirRtuL9VY5K4+r3ghpbAt0B4/yRk13KnSZ7bTjh4B5nC\nHvqKi5QCIzEEjVonutGr5xsoYlM6ldsiRdCrb+P/kos2xnysKeuFsPlJ7Y9y\nSZsr\r\n=90Bk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220816386","@chakra-ui/utils":"0.0.0-pr-20220816386"},"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/tag_0.0.0-pr-20220816386_1641659936222_0.3609343765082287","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202208164521","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"105bf2549b3f7235866c86bdc682ad89030dd115","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202208164521.tgz","fileCount":13,"integrity":"sha512-s2lyGmInNeFp85MHsmk2XvAsDM+ct/NulFEzE8FCTanxRtcZ4cB/4L8laoJMBEsXMRwMHrgSUwFKnGu9dxjYcA==","signatures":[{"sig":"MEUCIQCbcW06rK/iEWe3ZPvnCl62hCTay4fe/85971+aaFHzaAIgKf/ZQ41GQQ0R9v8Q/H27lJmQp2IDPZN6JQEJaKPE7mA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b/QCRA9TVsSAnZWagAAaF4P/inehnerXCDbuXH9OdoS\n8gmfUcYN61IGJxpgSDyAWImpzCpAW99m/zksn1mLtZIz+HtkfKOAaSp9sDxe\nokH15K9JK/xx4cePdCBhcNBIa8BRFHQzV6O59Slu816szCBClIb4OKbAwMG6\nSw208TLuv2e2KbCnay/JmzQj68FYw8TJSgYwNVGjzkydt6N0FmyIl8E7zXM+\nz7gnPqCTpUu4ILIaM+TVsXJLS7lcmuVrHkj8UmUHgjb02MxwKV2O4+hmKeKt\nMVxPPpZbNAGWzpFKq/F6YFS+xsSt3NqmgQRDBxEF1hxGoX99cJrcuTj0hrAT\nSC12wobi6mW9KikPRuUWtNpGlThaLydI20TTx2FAUqTSj/yGl2QvzA+TfdvZ\nsIP8ahvchDculuR+2qTfAWr+7JKSAvBmGnFwx+UrU4j2nc0baWRisnNBJfu6\nYTPj+rLxpCmRXLHugELHFVR6daYujZheQx5//O3aL4wVZ+0HDz/Ni5XW0zuL\n07dILV+9/k6pIod+/SU67zEI8KZek/Ha7fcuqIkBEtN+yF+BxNWDZQIYNc0y\nKop529dZuF9bZArPulMChQ5EH2WBYYK5BS43ryO+LGk68E5DOQSVX3rjg62a\nJCeDfWDD8beUmdpsJBAROenbiB87w+xpOqadpAwYvayYt8SZLZZ5HfenzIbw\njGlX\r\n=MDye\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202208164521","@chakra-ui/utils":"0.0.0-pr-202208164521"},"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/tag_0.0.0-pr-202208164521_1641660368132_0.8254543020826273","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209205059":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202209205059","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"033b62c70ab488a806fbe90164732993c4a5a196","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202209205059.tgz","fileCount":13,"integrity":"sha512-NlHKl7m/hqQpaYwBmccUvpnZChyjCqYzEJ46fzEQym2KVqNckJVGxgSUM/ooMVcgh+4x3hXEitb+Cuv1EtH3uQ==","signatures":[{"sig":"MEQCIHdK3vb4ND4wFD8CtT22BfOBQemkpPlF31ZA+fp/SAFQAiA55OOUzgIDHFNAIPOvLw+uJIi9T2sPpaQyonLMJd8AuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20rdCRA9TVsSAnZWagAAx2wQAIa3wigAwmROqHkEAXvq\n1diTTkQU5bojEiiDwysX7LVr/hKjL0ZiT/IJ2XG1bALF9PuQqjN49pSKiI/i\nJumldV3qI1y6aMYT3AHzymbqCe8IglFGzrVHL0EQTY5vfo+/ZmYIFRp3kg0f\ndalKJtAoVF7JBEvTR4PXG+dNTTN7LbvIQPqKmws5ywWKkGEbGHt/gSDBlYwJ\n/efCLGaAZ0NTzh/t6q/K1I5e0Uc8qTSs8uRP8HwvHq7HyddJSIawktyvJDvZ\nJae/ewGmoU3SBux1NmvHOJ+j4/z3Ve+W2qtSr14JVt0h9F5Z2wQYZn0CzIZH\ngfGXvx9S3rfiPSuSbnG7Vyw11STUaDMzXJMY9x79jwoi2rQjLevpMAu7kgBe\nqJZhb1eoj3RYUrdul18NRoMRsb2SJP7oFDdaRrFYC88RPL2KJ1ndT78vYj1P\nwpKeedQUZ2EVAEhzdDhHYT4JU+N737bt93iuVdkDwv/KrKSeVEBsNpTZDrzP\nFR2FZcUbwY+iQsVHqrH7bCAsg3pDQ5WHyW4sgws8sqdGxgWSQrEx5ChSPtPX\nNKwsn1wcyavmtaVCfmspqPmzPMbjTnczgDnckR+DT5HrwMua4immL/fuWbFh\nhvm4jZ/HhKOEjKbP5pr1Ur3Bi4vu0bOntAoSrNltk5yLjGnlvCMTeNQT0xzt\nVDTO\r\n=BkVw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209205059","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202209205059_1641761501757_0.53413444994834","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220920538":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220920538","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a178fe936f8a3658473caa5b45f7205f12a00bd7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220920538.tgz","fileCount":13,"integrity":"sha512-r2v69PAkx4fX4vs930KKcBMbbT46CgzgL80v4hP53KOZcGfzs7ofa8AI9p3eI00lvCcDsKkB6FyjukFf9N5AeQ==","signatures":[{"sig":"MEYCIQCguHhJxVpOM9XzNgL6e9+hl/QX47Ldq5H6DaAQB3AupQIhAP01cS85VV7VHA0EsQkOytPEZ+ZjYYazlW/R8+5Fjn2Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20teCRA9TVsSAnZWagAAcT0P/0V+xYZwPQzxO/x6p+zB\nxibd8smnIGDcynV5QTo0L5sTG+Kn0v9kkqZdeM2UZobdzVQWnkjF1vwe/59W\nJzaa2O3imK9dlHWtSi5mLoQ48Dx02v04cGlqbGd3isPdmsh9gYF+27x+ypjs\n/JCyxBAVfbdgJGgyccFDIQO67rU0goYP0besdXbdq+TzKhz0w7kh3qFOTDfq\nIZPi++9stS68qpPf57S7LHQ/0aYKjgmLxCgabEIaGQvnGIJD3as6psreBBEO\nOOGTg+HpfOzsX0BuXXdJLplzgxV90lFTNpUTsqYboz+5mnXb+PRL3LPfXapI\nKFSXjuKIFsv5rWgPo0bwk9dAD6taJw1lVMgMoIKtl0CA0g6tOceUMK2Q73pf\npRsElom/DG1cW0TXYh5BTVvzKeBkUL2XeHzh8s4/ya4oaciI6Wdj/GScRITt\nxbHwTq++sezVuEgyEHEpe60P9XVmbjZuNOGDMf6PEa1KIISo97ibkkpcz8Ux\n/6gOfnrjbz3HP4cEnfEm3x/CCd3Rku8GrDs51jZJlNUQRkpAk2mWaPftoWfP\nu8GTc/qy9nCdU6un5DFVRF7sCaaT0Z1rrHp4ujKjYeYDuJrZbSWnpvXT9S7j\n2RARE0bZ0XF/cTbZEpFxeAGnE8yxTaP09aKDSVBasTGH7Y/70oxek+RBGckg\nr7QP\r\n=D9NQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220920538","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20220920538_1641761630742_0.19989220085368076","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209211330":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202209211330","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ec547984c6ad25cd761b342579c0b1f56d3fe3b7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202209211330.tgz","fileCount":13,"integrity":"sha512-JIxKBerc6BX8gHTOCunnm4LljE9+OU/b0DyLFKWGjhPG9bDLX8q9iBz/vraj67uQofXGsL2vqvwpaKFrvoeKCQ==","signatures":[{"sig":"MEUCIQDqFzViw/w8NxfMilu8LyNq06DAm4QWNE97pt83v+U2zgIgX2EwD6F3B83RCG/eyEcegzuxsryXeE+MUHVk2cbRMM8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21AmCRA9TVsSAnZWagAAzJEP/14TPLHbaGIHUBr4sZi7\nl+jnioaHik06a/V/t2GW6U0YgUkrkr72mBIymlwgQFH3zvkb8+uP+DHUVB61\n1loQhSjn6DkqiQ2hKRA6qzT/loyl0waEM0eYdDkqYFKtDi4vCgGelvwxXISH\nNbhltLfGyBZ0GU89pZP26mjrp0YkVuh8fyXAqismMqltL3XLGzuXULKnLJuN\nUaj3jNUqZ0gpV4LthXV+K/vQxqb6VQQgoZ85TAjxFw8tFaeWd8JH/5jBHQQQ\nclCOyiJ8PDLIHgJqj2JmylwLSMsZp+tkTQ+ek+MtvG4CP5MV4vSlMLzyEv3X\nbLJdy3SO7UcqTdF7e7iOoQSPmzAz76xU6R215HxK3hqS1wxMfaciSvEzvrEt\n1c5PJQjeBb0+qkjFamxqqxlLBvuthD7KQPKcGMkmrc+HLv2kWverTpJVAVmq\nkMj6o6ZOkgIKLJRk8J4ZLfiHqBe4nNJaVCn98VQxOsy0XvqEe+CQCJ3RbDuu\nLGYJkVuZ3oVQrcK0XgTvNQ1RbSTZfn7JQZ48MIFf3txbwhdcZAJqtN6cU4VV\nOxMeudRCcxlqGxBU9BJCsStuc0QLh69su5Si8w8FelH7Kqf00QlnaPfcR0FB\nREBQ6kcL1hazfOOm1Bucqyt7WJtbwnNE5pQugCWDm7n4iVHoFSjaWujyosz9\nazNs\r\n=TEz3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209211330","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202209211330_1641762854251_0.9458602947820893","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220921590":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220921590","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e34c4c397a5c0a0e096ff8fbe7cbbe842fe75752","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220921590.tgz","fileCount":13,"integrity":"sha512-gZ4jXRLaxXBFjMLnHhXj42/vZ2w8/z3PXDF3u7nWHGdt0ilAtVOg11JcweIS50rcGo8RKB/RGUq+RleUy/He8g==","signatures":[{"sig":"MEUCID7fTIRtUaqvLylNZqgdGUUQU3c/PUORMtNfS3ACP6FkAiEAo1XaoSFW5ZOObliRteE2d7DLFcTe9XIsPf2UTf8zGeM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21rKCRA9TVsSAnZWagAA8H8P/0pg5YfKSP7CdfGh4qoL\nNcT4AIAt9qwrreoZlne58uEu9VDMG8O6b7IRsctt7eGm1ClVFHk9tXWeAHjc\n5gxOW4YYPlIMAL3OTJjlwbhOGCHYDXXH8eGNnVmVfCcahYLRhngcHNddWF5i\nnSsu/TToPKzYTxD98oSYoRcUmjn3aIXnqUNAwMgHv4dBNZNZvSmaqkEEhhIk\n2S5wp6vTSkFOqyX1F2+j4ZOs8Yw4fM5D7zoNYRkPBMpZyJaA93RwYY357hAg\nKeKIeHp3c5lMOQXJRn8/ltUmrMsRfQNJ94zcNjX8S3dd1AvDBawagnxWYbI/\niFg8HtNGjoG/BHt5H7DBhaqo+ad96KXlSR73xlHFFEcoDHt4WNkjWDHPYlY8\nRum4vdTaLEXU8Wh04s3vUcmv+hz1YK4Z/e+hOKG9Fh7a4xIRsTRttfaJuVGX\npbTm53qyDpmz6SKPKvDpjHmKRGRPZCS5R0zFDXVrnn4zyC6jF3NkbXWSgCxJ\njRh+W2zMVEWXD32TiLuUWRGBS3PEh4f62XGsIKNCi76feQ/ZlhiWKevae7Ir\nsmuRP0OT5DkDKbTsIFUPg/esHxa9xDe8Cilb8Uo32goMwZsbtjESiU6lSgDz\nZqk917lWNk+wMG9XXicgq62GDMdsKnenl/jD0i28MFj/N325Twha/Ry37h2o\n/T9R\r\n=ttLo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220921590","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-20220921590_1641765578014_0.006946381790533307","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231642":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202209231642","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"88ad84134ecbb7c20c36c55808a0eaa8b3cdc717","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202209231642.tgz","fileCount":13,"integrity":"sha512-IcuqJzXrmgxV9GUKjDBX9q78uaAlm6pXAWBrtUF8Lw41Xa74vg4HbZnpLX3OJ4XfzFu4CTcoQ9g1/HbHYAqn8g==","signatures":[{"sig":"MEYCIQD0m3Vz5X6s4ucQHD3zE5h3vH30bPxs+OYfLaw9HDoUPwIhAJLQLR0URP8QDV+Kb7BdE35LNPtdM2PLwq/MGIqedyVH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh220ACRA9TVsSAnZWagAAg4MP+weqcnPL4ARvaraofGM8\nw1XgyxsZcwZJu+gt73ZwoXJHrtV+aq5v4jD7jY8Q0pB+uh2TgC5ZTOMRxz3Y\n29Gw6avwOnt+OhYCCW+dDo7sRdIGgL1bpOy0GqRcuqtlQ4lv8ELCImm6zzDr\nm11rpS1sYhk7uPdsQH3UWdFSROWM4AsadOlELn6W2jEBaecYR4+TILOm8NTJ\n8QuU2uhy2L/1qgnGu0dS2LgDcy9JPyP0KxY/w7V97dxVgcaD13BmcQg9/ekT\naqnNtycE+4U5chuYC5UM/WWo/gEERxculJ66li1P3j5r9WpT4OSHh2HG9riD\nzQr/C9IWvedyDMScIS5Mc6LOr1SbCUIGGavJB77jSgLaeQtwqLb9Q4lfnjzZ\nIyUb3xWP/LMfUmOHBNuExw301omAHvOAKxrbKDU3C+1rpQ0kj1YyEZyj0wv7\n4qKzq5HRTa46JWAHQJkbbP4FzW6qJAV1r1Cl6jx8Q/KfAZFoolnS8b6DS+QL\nh1WFHzAUWpUoECIi0aCXVeDLsyRvhi9n730iMMKSXOxpan7pRT0yfpC/1J3b\ndM9ayx/bdC3YBEGhJa7Q7TX2kAVKGPFzOXa4LwKp6M/JIZAkCvbSDrrfCt3R\nm8NakJkqZBV1rbK0acxrNZ3ibXp28/5m9XYX6XhxHYhTXsGgfsUla0Fyx5PL\nnD04\r\n=uaO5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209231642","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202209231642_1641770240707_0.2591287991056488","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231818":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202209231818","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2eb6c77977e346c51d7aa392d1fe67abeda80689","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202209231818.tgz","fileCount":13,"integrity":"sha512-N/olR68Vsq3CuuWmFjFtbf8SfNBkxJ+qLjGkCO8DbvHArKbSHDCNqbbemy4nZhq6YJfmuv56izTbB4G5uaFNgw==","signatures":[{"sig":"MEQCIGMlw3j2lJ+mTrvV6aXYXxtbaIrcTCPVRidmlC7LKSqhAiAdPzpbq+SuucPxfh7UUwE58Ztzw5NlkbMgUvF3mpoqDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh221lCRA9TVsSAnZWagAAXuQQAIClBo35o+KGdOPICOOb\n+KWqT25Zvh4ARY7+6XPDtL4ZUeJRKtQ2UHeRQwAcCBjFBx71u1dZCsagNBMj\nj0+p3Fr/m1quwS8aGy4eBgZm3QHzpTU0Q1TufmBlgQFREKWjwX+X6BcGwEIA\n6VtkMT2OcvZ0BomMYy3WiEhik6Cb0sp5yOExVn2Gz7E25tkszDCRUCDEEZKz\nxNW2nUq2gwziJPTIf80EMZkHlheM1fIk2AmGPri1idAcowwi4F+S+xWPdfQW\nZJS2ob38pTjc6iRAV7XyJqjhY2Jnh3s3iZMOwM10kwMNq81C91QYjyJSA4Vb\nlrHPNy/R8pFblJc44T/lI5HdR/Fd334+GES5dCQDnq1SCZ9dN2jbKDDgm4aq\nQeR5g3s+Bm9dmIJWhj9+7YbKwhUUZ96q3HgIE7XXVMHat1TOXbyPnQR4syzO\nFGdRmbQCH5uIEidgzPOZbu1XdpjAJxJqXleR4e01n/TWVYEcKyAX2/0mnosM\nqrbFMvXEmTD7EE7dZCWP/ngn3Tk4N2EsfaAoC/g/fTQulS03joUZ5UmyUdbM\nqyrWAtwifDcgoQhpczVOXolH5DX+jlzyIzeierNyPTDzSpzKGwILSXz1LtDg\nMs/mx6/Z7RhPxb3Ymh+imxzhvhgS50Zuercwn1dLZkbbNoYMeUlm72DZwgD5\nD0ZN\r\n=3F64\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209231818","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202209231818_1641770341229_0.05397786742516808","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231927":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202209231927","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"225437a0bf602faccd05662744db0a0aad2f54e8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202209231927.tgz","fileCount":13,"integrity":"sha512-1nMqVrvFvefOFAu7NspeIbVdJiMSOiDbhfZibtYFC8Ipc1k6DUnBrSXqRisNXuYf5NinaN+ZIsn/roPhM+8SBA==","signatures":[{"sig":"MEQCIB/BWyLIoDLbIFgbJwe1iUPJWGb8TPkNvRWohSCrXq0oAiAr6MDo56etiNIX610FarXmwrOWiR4dLJBtkylLk6hn7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh222qCRA9TVsSAnZWagAA+ZcP/Rd5UPOte53Go8aEC1Vg\nkHjqUW4/L8aFn6pL7Vo/vkI5Q8qlFhYsFVdt9I9esrYJgpTkjK5akGEu/LeI\nY1W4CtX2bH/3YGbHOGf7Dnh9BkBvfLEVLGtldQDBCYpUv+sdTcHtVhYocYIm\nQbCfIQiXpOzW7u4XIbg5RlD9QpL3fvtwYmxDa9dQl32bco+tHjGp903t/So5\n1aLsRGck7lEG3w6XDtQStKgnXIScP7ZHxUnLjrNHjLzyi/Ga+863XEzvZBwX\nySpLbDMRlMzD6spUisQlWVVHTP5qbnxkHDdiSECcm7qcHyeD45MsM9R5POd8\nas5IaYjv1kAfsEZvfTf+SqndH8knDij9oxFT0+/m+hbLH7KoqSgnS243Zub3\nb0Pw3aS6Ny8oz7fS1doXchXOTjCA7ICI6LYtTV28hHMrpXnwP3FsXbTp+Vni\ncUbp5AZFjms9MnZ3aa3KDl0ZVTJmokRvLuGl2XjJcPsvFZP3aszs9Yp1D1qL\nIVUOeB5x8Xd0W1DCJsCK8pAl+j8VYQcHWoulB7Ov2lvyALohUgrkZckMyXZn\ne3QFiUjmpAk1caNAXpAdGspneY3Gkk6TPJkZmRofKRRWOEA1LG3Bt71yxpyH\nQPTkO9fl0nICZlD2ZpO0LPZKQid3Ol+P5A8b3HoZwZ/rgSRmC995z6VAsKw1\nCD5z\r\n=xM3v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202209231927","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202209231927_1641770410189_0.7420305187765215","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022010134944":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022010134944","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"de83fd840165948abb1819530ff6760fe0d790a5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022010134944.tgz","fileCount":13,"integrity":"sha512-uoJ7kZcT/dgJDVs4XN1VMAfq1afZdzjfkaSTtyg+K7NCIVbbXBRKwFF0HywikWnFkI6JXAWAgDbBUEhn56B6Sw==","signatures":[{"sig":"MEUCIG+FHI7yQI987QRwMwfeQsQ6PsuUHLs2rhbTUIpUqbzsAiEArVsLpc3eLomTFTDyTfXEX3oEtkS+oynDoXovCyVq1pA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DmcCRA9TVsSAnZWagAADr4QAIqT5Axw1vjqk4HJw1le\nD9hCbgPJiKdsaITotbUGcTNTcBG3H/dJDHF7sWiEQpcxKcogsa94mKTvL0rD\nE2eETbrU/O6wi0r7AiIxQv66UEOJdJmHqpeiMtSEydnd22KQ+UPucgwDMplf\nl2vELw0vlMLdSIOiMCWvfZlJrvIMbysnI8XTTLaZwca6KbhqmhfMC66Ymhpw\nSeTc5wgcVaphKHDHewY5RF85Bv6kmHhe3SjCVifub+oEYND4FoTTc6ZfJs4Q\nfnIvl/0oV3lGUnxcNuwLsIfmiC0NVpSl248RzT+5xLZFTeJYBKfIWnQ5mkO/\nQi62dJaX49l+AcDWvqhomK2cuzur6yTfCXgcZxYUBRgeYFEPTAkEsCUM9N05\nxvv2K3+7o226Vp2LrGyuSkEBeGbzM3Z3aAZcPivt8ilkXufIqFFRyF7NkYHD\nY+udNvCzN/RMXY4GNUT8TvNreBg263VaAsuMuAthCIx338+q+vGdSIx8MiFe\n2RuDjfSgIPJH/tBb4pD6Dgr18NC+KhaiVqlzk1afypyY+HaseTCySCCsVI3t\n8QqoqoUfmpjcwjLHLw5wufeW5mQDK8p7KwIpQG9Xih+sjB9WGl+vMFbqUYyG\nDNCLQVtuG29Js7UlHmvnQsfZsyIu+7WDJef4f8xgrtvR+j+XOtgoaZOAoE9u\nz4AQ\r\n=+lsR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022010134944","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022010134944_1641822620642_0.08159136881735396","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201013510":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202201013510","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d056f2b0198e6b962fec95fcbe083b293a61fbed","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202201013510.tgz","fileCount":13,"integrity":"sha512-JMnK2olFLhC8A/d09ugjjLoXErOlGVJj888/OkY/jYoomcPFA47AGpyZQyLuA2/bNedq4ARuk69VZ6eROZyyNQ==","signatures":[{"sig":"MEUCIDchN+sky8EwZ5BkNhUTWDDkAAE+fogXMtNT3R3GeXu0AiEA0iP05Ps7qCmjooub0ArlQf2k7FQahxkySI9YA/wWjOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3Dn3CRA9TVsSAnZWagAAvqAP/ixzJJIcJQPttVpirVdf\nRtFZgt7zC7NwhAIg60LWPFfsEXL3pkfvPVAtXjMpwvcjOGvOr2nnHOosIT34\nwgg3xOmfLoMEL+8ExGe2f8JCIGh8cytU3gqhey+Bi+dXaoESE932KtviPTIx\nWHBdey882fNaURM/Hj4b5uqMztOUes+qbcR9NIUamZ+XvNjbfUqBsYp4lg2M\n1EJ8qlIlJ8leAq6tvTjA7shIvOQS57gCMCQt9/JK7+sftSSeepcZfoxygkQ4\nhqPiOirhGnMd706D/a+RlYYVxo4kLno7nbQklaLSyFqLW67m06VkV57ajgnd\nVUsub78zk0fMJcEDoqJAow2lBrClH5fLA9z2M2OAZOrJYKsoB9FqbYp442tO\nb8qier+rlu9YD11N4Pb2K1gd9W9w7fePCII/2jr5pGn+lZlo0c+91oSBAMTH\n5g+NrOv4QnGlGhYRb69v+AxfRaTynTvURlE0hPyJef601NGjd9QT360luR7o\nGAXsHQ3ggmfRR5CldhJx27MUNabqvAxTSKj2ALR6k/ncKMO4+mN+hznrY8CV\n+g9xv5PDiv7dcTSZ2BTokDAs/dvk4b6dUCEKdxnXm9ibWQGBIHPza9OUTXVY\nIoOdtJy4VU/3U3xjqgGJ1qYBK6ilt1ran0V72pLib5Q+iufGiTpPMdszdxQ0\n2Ca2\r\n=dj/d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201013510","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-202201013510_1641822711672_0.8832878548109893","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201013538":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202201013538","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d25e4ebd11e04a2df46f5c6ac67b6d5926ded0a0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202201013538.tgz","fileCount":13,"integrity":"sha512-VIh+e92gMEU9BKmgn6xMSwcbjBGF6n74OZTLRS2Eij/Wq64Tma9Qx/wr5Kclhi6ovsXWkxtUso0TzhP2N+8wJw==","signatures":[{"sig":"MEUCIQCFSHZ8dICALJY1gOJGxk7obhsh2laStZ/WoVOJUhlwNQIgeUSVU6nspIQ6HW97Y4Ya9h1x/QTSjqvxARYq+lKRm7A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DpqCRA9TVsSAnZWagAAzQcP/1Qqa3inDUcYZNUFpyRH\nj4RJ3Ynq5GaLENJSVvyObZBIPaiQ+mRPJdER8lPFvxL+mbmwvNlr3Tou2v5v\nxs+B3LFenI9Oc4z+e74yLLMjiR8sXv+SpeOhbsAgGm8kVEVtpwKeBgXupR03\nRkPczZDBqGjuZSkAm5cBgCOr/0Y94VsMWSZovfn/PEuhfDodQQ8Eh9ttbRmf\ntE5sUmMFTIIRcd1PQ79D1u/9IVnxDNQFX0tIMC277slDiou8/S+pyrpJmmPK\nMplYSDBbwrfZOEGU3s6SfEiWGW64dmGelx4ADORC7CXke2CU08iZv2doHQfu\nGj8ksz9WdplCjS/AtbP+ZXekzv6atK5z5YH9jduud4J4Jj+PBLqxSvx6Tm86\nZcRhjpHRLpK/WPdGUsp/u8G/LlATkMa6sXQ3fVzQhMUdbtpUHEVKTQBulYJI\nVG0d7fVE7Yri7C4+a6Xseq5FpYQIOSdwGvZ9ICfI7v3TB3GVSs75cpmBaMpG\nI1AnhQ20YSYybNzzql4aGBHdt5u57b9dq73Fl9/fY9ovKSUk9t98igugl4r7\nH16vm9ZuBxdYKVME9O0xEliHcBUjHwlgwoIZRV3MAVwa/hZfPji67lVF8cwM\na2sAcQS7d8Z8OeHyiEZu3OzNlq41c23p/fM6SQ6Wt4oSt7kFMw0AJNLyZiU/\n0vjg\r\n=4VhF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201013538","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202201013538_1641822826042_0.5554722284393436","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201117413":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202201117413","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3ea44da1c75dcce61897efe8d7b2394e9adcfa13","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202201117413.tgz","fileCount":13,"integrity":"sha512-AVt+h//Jwr0GabWhjjCpBZVZEJw/ZO30D++JBE6/FcOKI8Ss9ELE6OwUwHyvSz+WU2+tFoHblvriIxim5KXi5A==","signatures":[{"sig":"MEYCIQCee9EpL6d1mBBQI5YYNTAQ5185dvE+y9beItdBMOAy+wIhAOowsF2PsZMLrGrbOWIKm6eetFwaYzUWM4ERwJsFeLJB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cFTCRA9TVsSAnZWagAAqRwP/icdJeglDtSmcdcU9IPU\nuUwbjANOIbl3+c3dWCz42IoPVWxgauyea1vcCFpvoAEbaT2HwA/pW7o/HQ3b\nnmq6qrBxchek9JihZzdpfnpy4g0dOI8hdqzb7Tuc6ckj6jXRrHfuz4Ypmmfq\n0bmevK/eMOLadrhvaccngh/aU69a0Js2RedFz/IwvNKZhG+9ST5CYPXppsk4\nIDv3blbkBAsoRsIJMZiVApNGWmqgXC7JULf7MFZLP5kWB1GRx+xjAzsqbJFV\nT4eruehq6DbELQGACmg/sKDbYikvHo34rYWso7TOf6BJgU4YVTo3BVy+/Fmt\ndV+hfgXGGa2bmFl4uxMEAox/5BAIFRIBcZj869tnMV322uVDM2NpxN5hWmkw\nUYWSOlIYUBMfWMghFhY0tjcCQl1wDoPEfjQ8bqdy/nhAP7Vj7KGdt7y3S7f0\ng1VhNyj5KyzRQ4itleWHdabPgHJPux9BPjxAgjXVBaMthO3K9rWi7p+pQDzp\nMRHSfBHwmD3Qx6l4+ErPqwy/EMQrxa7XRwHGFh2fjJbaEyffcuAJ6K2dOr6t\nLo/eQY4X4SN72ofTpC8qXulqXPMwGL/hRhFAU9enhq0OVIZ5Ou9/A+CNmPhs\nTel+miZUB61QJSjjOVNyadoDmVk26wHp2RpsY4VgBVwLRWvNR8afMTYOBpFi\n4rip\r\n=R2Rw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201117413","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-202201117413_1641922899124_0.6300178019857086","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011175644":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022011175644","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"dc422d36ae060b21141952cf147aa3a39089a14e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022011175644.tgz","fileCount":13,"integrity":"sha512-wRhKoZ3hPLhlf7/Ts8+HIH/DBpuTsXza3N6Cp+6lJuAIWAhpRt5z2V8NYrogyk13CIZ7fHqLXCnd8nSz9myGyA==","signatures":[{"sig":"MEUCIFoT4cRWvZsE7+Of6SK1iGJM7vdO2QzNi4zCvFiEJqfAAiEAz+9Gtn9uawF4rPkGNaP2nvbA/TDDhJFWhsACcvZZaVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cUECRA9TVsSAnZWagAAay8P/imW1PMF+88A3sBzdZva\ndMd9DLx/u6dTKefJN1OFPVBVzLplKWno0MOgQ+S0GY4Z/fLnmNZtD4t3KXsK\nG8fXC3+VWur4Y5vbzeBsT5oxSHIk0x+85PoB6c5zYPrmmxqwkN3dnBHc1Im1\nXC2OeZBvNZKNRAP3znk7aIff8KXSbd9CpzBhTE3K5N/p4GqE66H5gLnvpimA\nke+bJ60OiuW6A1mCxP1+qMjSEp5hVGu4cNP42UEaZP2ZN9lEqWSljwIVGkeH\n1RocC993DVSB/1RzfsF5S4rmAKT3aMjLkht9l2YwDfcR2wQZ4YrL7hqDbgES\nDgvXSVcOAsbwPbYgDUEZUyntOpzPYS29vAsVSPFFm5GdmD2VioqrN2YqutN5\nWqMImZD2KSah7qZ8s8GbzSlj8zfRiuAb4wxWoXPtehhFNdN2iI7pW9kX34u+\n96sWndB911g0stI6koxwNWs/j4uNBIR8hR++KdMoCRdj9IhgY8BudGDFEQkp\nf6/kNGBMYWYq3zcF7x9M5O3Z+C1VYQ/d9yXM9yD88rHxotgIWrX9vAOQgqEd\nJHEuSmv5uG0xpyQVfwPtRQrOelfvwDKPxBzmu/N9ADQ8TED4NtijhKgPfI7d\n9DE6TWD0ibgedUQqBaZMGEQEKo99fDS+GD/Hy5TzOwgyxfPFyrDKVRtVakn/\n+SlP\r\n=Dr0O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022011175644","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022011175644_1641923844079_0.5558091739868101","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011182024":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022011182024","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8b3fbceefe367a4473337558b2fea6a026753819","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022011182024.tgz","fileCount":13,"integrity":"sha512-zfcpGTzBMBbWajQ7pXbociLCzS+ubtWE/5zJN2+UMEF6sHpfslHMFKWdznXhFaYTdPlgAuZk6VzoImILq5xtaQ==","signatures":[{"sig":"MEYCIQCSgzbH76rTJ05u2+NQ4ck4JkaCNNz+HVLw1aU9vs5hpwIhAPm5lmcPc/dywKiWQKnb+awaCmhmNfA3AH2Y7dZnpZi6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cqUCRA9TVsSAnZWagAAVJ0P/i+1YvW6iie5c5YNtNGP\nL9Y8hrX0BhkZUMM3+CqGyHkxq1aXDreJ+J4ncSyelMOD0SJvrW6g0L9EPtqf\nzkdOwyFqxsYdmXiN1mqMEMe16gXny/GHfeFwN4ZV5v0Sweb+qgJ54VMSCcjz\nP3bYAjyk4CZoRDseyVnEzxWlZdcEaHIYgSWf/6gdifGZygj2EFxG9PIVRdTD\nKdSvLx5Aw76mUz3l9MsrQR5jVw0Sxs1P/LrfPPNsP4iGi+cDV1o+T8jP3sNJ\nVZvqizPWMWp7p750g09pPawdJOOWruvONERAmu66IwEV2pzoF1gfjkOlNeXb\nhxZrQYRWFuRPCs1Isy2Pc/M0N+d4yy+cr5RAnl85NlEa9hNtwbIvsAYtARH0\npOCZgCq+GRT11XJG2H4RfeQb1Il41CI7pAUZRIwi1C/V+0pRqTpgbKT2TOBq\nR+ea3hhJT5PDKH7xi7GbVjt3fChpNy5XT+qC3NLHtXR/YieD4m1Jbe1eKHig\n/YmqZ+overKgMV6FRSwLLunJvv0Rn5c2ywt5ChSeP5VfLSRV6Ldm9CDM58iR\nb/4y1uNL/Qe021Swz/t8/VCJShSs7SasD/Yf8D+cwdgRzPeBBH7zkcAqIkkS\nU6nhBrRxo2j/JExTLBsuc67NhaGxT710kJtXGJWHCO2q9umQauZjwkP0xBoC\nFZX3\r\n=ZJqJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022011182024","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022011182024_1641925268467_0.47965123662570197","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013185957":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022013185957","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5a3a297b1a5f3e37826923fe084910e9e777c282","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022013185957.tgz","fileCount":13,"integrity":"sha512-L24z6GRYefwQ+ChxV+YeJiGC5x3jTZW9a2TL2OlcaVnhkXW4wdvUoc8O/qQ4lX/c76HzUaXH/HJ4mA5EXd8wZA==","signatures":[{"sig":"MEUCIHNXelMHcvHg5jM9iE8LgIRZx7hTFuQFWjGQJoFP43E6AiEAg761UalIXyLWfgx1qR01JOUXnhvWX0X+Ci24QSzZGvM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbWCRA9TVsSAnZWagAAVV0QAKNfjyzfHEiPAyPrNDOz\nph7wm2mg6CU4afocgefcrUB4NxjLyLQtUrJrdbtDMMPHxr5gdr7l0Dyu0xoy\nt9E8F5pY94b15Qltuh0k4GNDuGqm+Vqjrc+YAIQjhrKnpJv09Lwv6BePYVLY\nUX318DZrv3KqbB5NuoQ5llSDPhGNImRo3fOsGukpukHmk2jcjCE3OTDlZA9K\n15K27Z5m7JzxqtVd9o3/ev1L9KJ2MhaAz0KytAjZX4QrzEPWkP3obog04qF+\nkcj+WvcsBqydvYwJbHal+o4/Dwfq5k1K+oHVqMqva/L1yF/Yz1gIi9SDE4QZ\n5yzLU/A8jKQZHFCKu0Juu1DvGtg+B7pCeoKFarsxud1sxDb1jcaeQ84CTZMw\nV0+XD2KOwqZV4vtCfsc9zi3/9LxIKiyT0ulVCFT7dIf9l0LepNOj94fq9zgs\ny6/enD/lwYQBiiF9cqvI8/RWKTk6cozZgVAwXxV+7Vb2bnbHNlY4pNWnJG8i\nqAYJ42SilPiPbgbSy740trPjcPWZ/FY5VDULudNMqEJQQjmvlUW3YJa8OAKE\nWh2LYd+SyRvynwBo+a/prRCRIsvR2jhscQ+JDrk8Ho56XsNmhPiYZRmeS5Uw\n/WWuDjAwwqwpLJSGmqZxgFjo7hPYeJK5wEtr4eHISpDbF2Uvln48/Ah59LuK\n9Dj1\r\n=JxWh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022013185957","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2022013185957_1642100437675_0.6255642603807379","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319022":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202201319022","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"79a3500f0e418104026f9525b06a323b87bbf469","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202201319022.tgz","fileCount":13,"integrity":"sha512-YecDCSLKtnHa7AcUPHuoWwoKasH+PLJYJzmSzN3AAJ6LedWDWyfpIwdsx54ChZqBKCDT7cjxz/6f+pgMLPxOkQ==","signatures":[{"sig":"MEUCIHgBHjEM2gKpqeRxby3vbk6ZAmlZ7vXqW713CYLs0RAWAiEAxQLBq2ff/+LhFrGGsGtGwWLotV/9fL4X2qR+QjyCqTk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbvCRA9TVsSAnZWagAANT8P/2m6K9EbJfd7lT6kl5Xq\nvmSivcl6CDcCD8rXIXx5CmVvnYfZ2MCbbLhbfZxmiZrjilFPv9h9BrFvIukb\n+OPRQkv1HNyQrewNsSjMFQd0NHOLN7D8pE6PsIXnsuvp5n0CiMgI2BdDYkI9\nJlb/GMniXTp1kaSi4zD/8z7TSrpKmrnHVKSdtwxD1Zl1OP3YhgNO7N/p2jwz\nyb9urI0uhVy/f49jPX0Yjr+OpExfHzNcWuBrtcVEn3u/sceAT/+/Vz4b/Ss1\nJEi1zqp4Yn5u8BtKVwFwc4T6w1brX5m4KBcjQNUrTn2gXXFgPlLqnIIXv7T8\nsYbLFWk/4Kbv02VBsedrseIhycEgwsw3g65nbLKWSpBnJfrR1Ud017/hACKh\nZCFjgClvewxoPYFMFhe3gTD5dUcen6VajNsLaTDZNNdJw1Pa+gCQF8JMxMKI\nH9OcXArdM2W1Rvwv7xZTviqZ8jgLE53rNNp7ofpXlydq7BdH3UCcKVbG/tK7\nNRoSV2Zm3zgWVCEBV7dACaAEZgnrKFUQ7UhTN5khcwgjx+uiDfxRdb9c3e6y\nmY61snYA8cSM0W/uRLxJvYujXCbk/uYvRy70ntHh7E+5DX1Gdff6CAveW41f\npfJ/x4VhMnicibqATkUm1VjoCIN1DUm58sRlPiL6q6x8U0FiIDKrdx6kaoHL\nWeNG\r\n=Yjkp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201319022","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202201319022_1642100463265_0.9216022472623657","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201319130":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202201319130","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4501835b30c961aa03ece90574b9f080e5a6e5f9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202201319130.tgz","fileCount":13,"integrity":"sha512-SvXZipTuMiMuqkZGtok9lSTl8IZIeRFEaEmqSk8HoatDU96EG9cDy2tB9cTfqMkrrbTQJZURI4yGYi8rDmylAA==","signatures":[{"sig":"MEUCIQDkzegM+iH2OqhrcMPOju2ltfc5TEX6ijgKvKHVhO6krQIgCjnQGvHZfzyiZWMg0VT71juzTjJz0882mK+eR8uKujY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HcxCRA9TVsSAnZWagAARkkQAJMKdNhl7Cv+Q1YAnBk0\n1JbvFc/Hg28Qhiroxxkss/k3DR+ZTIyFpeunCaL8pYyNEkVgYc3XPw0HYlUi\nvGe3KBy0vN5bFUUTOELSGIiRl7Kjb7rOSmxFu2/K73IUawviWpB3kq2EpZdv\nh3rgRkEgbKln9e28IWxgaYx2F5wENt04s9+iQR+PAlV9LumqQ6FfTyZdGNMO\nloKjaxS7uYzeHKK+zGDQ4Wnd8sT4tlmyssGQmsucvqajrCEjHJS/+7iZ9Blt\nQeWa5IRz8ZnjNwOqQVdN8rmEPiCcpnh+1FGXnxsgeHzPz/nX6p/sNHfPGd9h\noVnFjZHSgn0Hc5huNRn3LPGrRWY91eYa3B9WWi2MWuS24XkiBwEqFpAbBQPb\nNapy0j6I6jR5oiD3q5ezusQdm6FWHh1irJqte3e+RUxjIYPtj5O4hu3vjFZu\noyM9zES2y/Gtza4nGWESHChvfll6qJOLvjT/QzVgUXoHSzMI0mRy0r54f26W\nT0a7VwP/zL13MsMWx3Xzpr/uNEo/GPb8ATyq2MmnOqHda+yofzklIm+m2By3\nmJ/3O91uTbgEFAgDC15WtB3+eVfY7fp5wSrH+n3Az1nIR/IVo8hJ7Ly22tzU\nFwYFT7WJ/Q4i5HPoYKlDILl7njCilTUxYD5QIhIzNbQumSd7u4C3p/IdskHK\nBBNq\r\n=VL8w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201319130","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-202201319130_1642100529060_0.6278472332939133","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319211":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202201319211","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"dd7ca3ebc7481be32a5ac8fc249b8bee9bf69be9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202201319211.tgz","fileCount":13,"integrity":"sha512-Vt7igchb/hQjm7exmrKcXzu09wwo2EgpU3+HbOSajoFXl+DoMUqmuJpFoThEUk/YMhPPiBcQcu7uag9dFAzbFA==","signatures":[{"sig":"MEYCIQDKnAVbbraNv9GMpt83DUnTuBChRF7PcKTD+DybGprc2gIhAPOJyRgMIFaF+k/81jGPXdGQrC737Ct36yA3KjtXxoac","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21390,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HdtCRA9TVsSAnZWagAATzIP/1A+ekih5ziqTfSFpxjp\n1SXXxzOcBNqLDQM0q5sCm9QZ+/ZW4UoKonI1zY1lI0+LH/oxhUeXn0o+orOs\nLKELpmPRGRwnfMDfcR0siM8uTILsMFg0Mbt4RFxAARZSEGXa0QcCzYjmwtU1\nau7U3ACDYhEurdK8m9vaW6AYUy8QiZlGFa8vW6a4ZMG1gpbo9PDm61qe5ejO\nXbqBpmx5Nw0YMjIWnp+2vIfMY6rAjM0zRvdA2ZzuTvv8BzlLSwUjfV2Ehwe7\n2nmhFgGIDpQT0hG8quWzXUM+eZ8h5hrH3uilJhgL2hw/T/Fp8F4JDUnqW8Wv\nVseE0eBNmKubzjEbqx04e9wQZAtViKRJeEYBXLcBzNJnlxQmuTLJnSEc8Zjz\niL9cQLbzG3vaKRPsO1oWE8VlHxpfYgFAJUtK4nH9b04jljpE36L1i4c8xZnq\nsp54dHbXdeA3ys0CVagZii7YWELEBVtRL1AgFKssK/FNi65m4RypF6kTqBRz\nBgJsm3mJDotna2EiFGdxX3qC/Sfy9G3K+5hSiDrsnUVI5hQFAOkqP61vNwOl\nPJHFnEvAOsJTGoiqDNcSd2ZtuMICxwrO3c/fNjrPxyX37b5jZvrTC5tTIpiZ\nQ1CrWpCS+UDOGLJ9xA4/jaYFKEkO2ATeio8USPNvFZ1yyaUf3vjawoqgp/9S\n+eoy\r\n=hPls\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201319211","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-202201319211_1642100589014_0.9123840261918053","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191557":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022013191557","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"dcbb5e45d719ca1f81f82c4fb5aa0a61721da3cc","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022013191557.tgz","fileCount":13,"integrity":"sha512-6nU2iH6bGzD+hCkp7XErHQXqFZ2pm2MfaZzNvM0sScdnOzj1pEnGYqqlJ93j4a5JOkFNMn/4SnJ79Kqt4UcOWQ==","signatures":[{"sig":"MEUCICEYtLMGLAtZzFbS/v6zhEyThf5nLDa8f8Oy1pc0z9jXAiEAzBg3Q/VR2O/vaufVLMTbaYEv5SVOr+RAWfRYYOiwuuk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqSCRA9TVsSAnZWagAAcN4QAIo+gfXmOskYUiT/L8++\nRlYIQesjlDfYCvCaalgLT09NWaPpX5bfSk1Injn6xyiYrPfMG50kWG3ywQlo\nGu0YJxFMY3vhx+Z6wFfJ3LDJ47C0Q+heXvDWnNkfedrlEv1wkB2yyFOxFUCk\n6OfHRTx4H5Ww9nOAYO7zXE71LJf8W1lW8AiukcSBodwHqV//D5KOjxC3oGZP\n5y+J7vH6caLN4eL3FkPTChVrr3pq6xPbA73SeosHs9lHW18YVFkkfZGYq1h0\ncOShYbWzAMDvXblCEAZN7eA5/r7Mb6rcJkX/I/YObW3lZK+J5vZKefkFZwmq\nv7gDM7jK7ey+am5ctq7UJUIsJQPLKkoKS/RNV+dPpGYxzUJJ0b8egRAVdY8+\nEFWgS7ZIVNH4WvLRBxQwqO8GaYBJ2ieHKUMHxw/mQoQk+cUff71/l5TMkOSW\nbQTJ3Laf85ZmJnfaFbzKFR68zOPrMjshMoKeP1NU4zpiu+kmzhDyVYNLsa+S\nUkdH0aRBY/w2c+PaFXL/bZwrridpupW3OBBdvgz7Aezh6IWtWUL1LYh9R7B5\nuIP3070SS43vEogdEaaIS6ER4ZUB4PgC2UnMzExBeOw6C6cMvb43J8wwdpgE\n+m51Zqj9QUtDWZC0hSSPg5Ef5xjdsDr3GcdPh122ZH9W1flN8xHf6SsoHhHd\n1HNw\r\n=Rcvx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191557","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022013191557_1642101394166_0.7182165453987057","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191627":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022013191627","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ed95926efe4cd7dbf22f1574bcf3f2df04994cb4","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022013191627.tgz","fileCount":13,"integrity":"sha512-DRIzNsv7IRF7FeGkEJnxOrp3L4r/C5tiCjfHG+III60nyfZGeMklZbxsdRG/HE3su5lCkplD8o2FBeC5E7ylRw==","signatures":[{"sig":"MEUCIQCn6a81xxgJ+ygC4jCF0KF1NvKpf4S6yqIUcdKQa7K+6QIgXi5MRYNy6HjuN8PjkwEGYdNX8P07Dpbg7P+GegsKBmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqyCRA9TVsSAnZWagAAptMP/1o3nSHM/6qAFNECQfFJ\nXq+pe+zLmtw9v9WlW0VDDpj76g9Tz96BAGJWLZ1NwLLuMLQrnkVqTEn4qUwZ\n5yHCwlnGHlKIE7tt0u/hE21dRE4uZO5WciWnpgQGnxFUDJgLBZsFQO5KU0je\nwLsyDid4nyF9UjFo8OAL7Afbz8EMEzlJjlG2WVyS4/Jn3Rs7fKHYhLq7duqS\nmESPTC7z7DT7hxqZ3GQcy/id37a/6RKCGLfo0mf3U+kPW8SoNFmJU88ScRdu\njT6K7dgj/oLC9pWdUu7M8qK7fn+mUjCIxXylocQbTA0AEIC6WPK5BTJSB9lC\nsxXJJwc0RRlMA0XOmOj3OXR76qFJSrhaPpcv1irZ4UGzCkksPGQLzF52+zS5\nZP9R9ha5+Nz+XEIUqt29/X3U6i6kOUV3GNohALHkrXs1YPl3WzpZSxPumqmB\nonB3aMsIrnscWhOq8Q/BGEqrepR/sBmSAi6HWZGNybLiVGa5cXvZXVQFuU//\nZk01nKsP3at+K13UIHoI/zdk8cqzoINIebL8ZumncRSVJd+wU5GUoHH//coM\nNIjfvFYVg+dwGNgzHwPgpJsSGEgsoHZCsCrGmEliSD7WRcEoAGU1PF2uYZ2t\nGI6N7kXpT3S+H9LBTXNE7XgvbSMsKU5olLoTMZOprb0R2qcoEJBROp9XmC7Y\nBCX8\r\n=JnP8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191627","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022013191627_1642101426078_0.9631910898164944","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191632":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022013191632","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3c8bcbfb5f2950b80f61b203a60d5e6034aadfd8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022013191632.tgz","fileCount":13,"integrity":"sha512-TfRFwhgB6cmcTXwSXZEzxnOqefvXa/Dxp5u66ciGA9buk+B0J6kaLpm0SL6XjFiDaouafk+/msWeOxa84PB/tg==","signatures":[{"sig":"MEUCIDOA1PrfPfOlOwx2kCkrI00XTFvGgfGoA+DqT9gg6oqYAiEAmZ/uCiUdeC1a1jflS85DxfOX3eO891zweu1OSRQ9FC8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4Hq+CRA9TVsSAnZWagAApccP/AxXPuZFpHxD2BBHosrL\nqnCTdFfxpqASzyy2Yw5BRXu+pO9+uNnMyCtXkATvfOiPP8GY6YLTIHC2lhZ2\nov4ybf/7QQuMXglRD5L+0RXkrBigbupFdX5ycK/CkDrhXDxoJC0V8fB2RsZ7\ndWMUIlGM8tEzv2Edj9DsKHmDdEDyaz3PpTw+AqsFQUheQKCJ0XErkxu0K2VV\nXzdFLxHFVohO+7jnEDzSvLu9pT8IgGNtAy0w8a6A9f1kY7EJNVAH+GBjbG4f\nS0YHaPb/PxMaZw1zBppkKGNK59XfXDMBjHAFuk6gSOFzoOe+DT01kqLPVLvJ\nwjc7cu79SjpDN97uQfab8JYdhVTvdiUy+8Nm+oqg9FaGuWbgrGXeur77+i9J\nyx/eO8VF0ct0KCowZn4DrMwiwS5KQFP64zoTInImha9An9qbrzP5flAKYK7d\nXF2uDUD8tKqYBRuCoIyJwK9XuSjB6NxLYTm/Y2N3L5JaO5rkhS2w/QNeD0ur\nvt1AtpTezK6RHgLlKbNHOCKUrdMMw0Txkbm0OfD7NwQLIS6G4rJNAMHOoC62\nxBrKLjwYv3Zuxm78oa5vp51h3DhSenpxNgun5JFHxZcchCpNUnBko7R4/IFY\nTk6ZkNBO1EXr5ZTMFkOGNyKf5l64e7ozKFbPXuGJaZtvxEwrymG1nwu6fBS4\nvM3e\r\n=XnnN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191632","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022013191632_1642101438781_0.37865284853305603","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191659":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022013191659","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9dd6fab8d8da62dc06d5e3a50c0a152f508ede88","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022013191659.tgz","fileCount":13,"integrity":"sha512-NtaFvHMNnDKsDVK4GrreYldHXZVFiFkv5PCD3ujb/cz3uxoMIRu4izcX15vf+S6Rsp8w7DRskyyB02FoFlNylQ==","signatures":[{"sig":"MEUCIQCOcytKTV+/HpBe+6L6cdSvzJrZN1/MbHkW/KXpzlp+HwIgDmYLseVcs4gkoWDoazRe6+fPf+N6ZCbgWo10iLMSxc4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrVCRA9TVsSAnZWagAAaTEP/AtETpm2y6Cnzos2t8xF\nBLkYsX6ScNpcryKTWq6ueLdkOm4uEDhXO4Rjwd3zysibrXcrHfVSa9SAWuFt\nT2kosIfk3PO51qNTjfUDb1SfcWsu0ozHVGILZRXJgkV87Vrg21QFwNWS45Vl\nK441/dCST1qUWMB5bbwsAlnWbvMJEr1CbpcQckMASZXqykuXqgrEuoOh9drh\n/XQYTp1Ln0RE7FSUnFQjbjqoFjXxSC1FzEFMfWD7Zd0006Y+anvDF7Q/WPgz\nAOq88UYNJWowx5ydxszhh/bcA8thW8Ra8qD+lEt1EfRo4ify+rgtgw++xO4b\nfwibxWkiSZSRdBbu+64tF9Z1kgSoV4wDInwe2fk87jsfDcE/iLyQb+9ca1Ks\nKiDjiukLuMARtXbvTjRtIynItaMmTs3XF8DIiy4WsDXC7pdBAsFKmAQ5Un+O\nm06U4AGwhQb3ss2UD/oKRWBk5ta+XHUpUbjQ55jFtv2GwTLlZZ5ZwuIVp3H1\n1IxtgnE8x6qZKCMJAGkAcMKiPic3NZofiyjuovvl02LIZcoX+5O8XsXwy8QV\n+taCaoM0MgsGQPC81IgGNaR1gA0bblDQ6BH+dNQEIwKXxPKOSL257mYgeyrl\nDBgRnrUNS1DKOSBG02lY6gKnV3ZuUIOBoDSm4hfRrRLDUqSvMqAHPqQZn8dU\nfkd5\r\n=edfI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013191659","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022013191659_1642101461066_0.7989911831650955","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022013192043","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"dce0446983a6780854eb0c8862ecac76b48ff191","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022013192043.tgz","fileCount":13,"integrity":"sha512-r31AatX5KDUaUnQgIWWjdVSDDt5hHAIlFsojAbD4/d4di/uvRU+Ugh19N6o+0HWxMltYTa2ZzrsLuyT99DmQ2A==","signatures":[{"sig":"MEYCIQDpnWzBjqvjV6Ukx8lijUYqST7gwsov/71qeVrcQkXIyQIhAOlpNXUIPaDAmi28BveSWnt3NMTiN6nUNLoltkNCdY0b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4Hu9CRA9TVsSAnZWagAApRgP+wYeeOgzNTIhY+DlL+Ak\nJ6OD7lqQgyeYxDfMbMU2OP8436o9Jc7CSIW2lqo67tlRFK7exyGk1LmORwT4\nvUamyIfNgAVeJ9jG+VIQHJeopFjCDurAA6zXd41xSSzKAanJd4XBL+LOork9\n8HhW7NQrVjx1nhs47xMdtyzKdwPPRywjQZHDgTlNbvFKmLMVFoJC6bPwqOWO\nxKqfXsIAudLAhF2Fg9VMA5ZVu1/DEOBQ35cvwHZQHsrD7ZjG9COdI2UzvviX\nr67PHNv1XQ70YJIdGcaX8URAbq5IhkGaR0p7XcYythhuN7q3VXzLjc1OJtFS\n75lH6z1Yl6dBxAMth1s6lluYVANpwsqL8pNeFRSgA7xKiCHvHzn5zsFvAIuF\nTq9+m9CIaqrdM4l+Nu4+tfmEmkDAdQ62JF5I6uqEoez9v1DgX/HujoU0Z2nV\n34ZWrb2DlI7QITTnaayVVn0a+aqUhqC51bzVV3pXnvK39hQkaDjbITTjFdo0\ntLLy+IsvmAmslv36o3BohIqURrknLa+0lMsaXuidI+q/sUp+jS2ojAFGEBHz\nTxsHaPFt0LI5ExFsq7LVrtXsMYnM3zkI4jCnEVkPRY7haNEw7ZYLGvqwJjf1\nKKnZkFZKx+5j3eawHNyrAuIeH+fjjD54p34AoYCrsKawoF/GB206MkVdhl8H\n/8m4\r\n=xlhe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022013192043","@chakra-ui/utils":"0.0.0-pr-2022013192043"},"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/tag_0.0.0-pr-2022013192043_1642101693367_0.6401131663555037","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193154":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022013193154","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"31608dc2c707b983fb729b9ee722e0568759e2d8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022013193154.tgz","fileCount":13,"integrity":"sha512-TbJNP4avnn0I3naZ+hPq0uF+QxF+/kIs5nu8V4YpDj99PeHg6e+jjY7js8gtQCojESqD7GWG8FbCwrSJrVc7AA==","signatures":[{"sig":"MEUCIQC3Dca4jXoFTjZOIaIJcC0Mak1qaymXXuCTvYRoUKwhgAIgOuyl7wIxKWRnlSk5HNsccFraFqTBZJqIv5LtZlUAG/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H5SCRA9TVsSAnZWagAAn1gQAJ6fLmKYpAKR1dEUxMKU\nyAwtuE7WgFnUQIvG4tSm5rJaBthIlI9W/xOncBbZv0zC/fwtFXWQmaCSFT5P\nQ8F0WZRbjj6D2NX3pGBbk9ssbBdvTZS5HCdhjCQ9cGXhjwKybMAyiEotfCxX\nuB04pQEIHPx2Vc0BA3jQsmW+2A8CiodL6SUylFhBKoIpW512zbOGhj85quQ2\niRjrYQmG41oc418JncwPTCxhbB/FE9GsZrN58yUt8Fou1c/1HYMY/Cwy0+uc\n3mdsci8MViUVbGesMoNYOeGOYy8BEEc128jzwkaqJehDDYEEKn+Pn32WKX6T\nK1MeR4AB1KXFmnFgWDnu+WsYD9yRZ3KF41rFWtMigM0ipcPZQOZR63MDRYdH\nLtqJxDQMMDWJHIbykpv7Xd970h2FVM7gwgwD5NOUVQWleExsKceQcsyYPK6v\nJfUj2oJZmx5zYCeSZRtw7yv06T/l92+aTFk/QmbPp1VzLWUeT7QwKIseo4my\nUAjYn3ccSMw4mmZMiyB7Mz8Y1HcCjGvkEvRRrZBhAf2AGS1070bwGi7G+U+k\nUxtW22Wf9D0Ithvs9s0/zdSCOaa0MBeVSuNnVHlHSlhAyD15U5fqftkt4OHN\nlfNpYxFTQcuXb8E31YNEJBI+uAqr0/+Ui4EV5PmqwwCqTDXHQzykCaVw700t\nxDlQ\r\n=dxIH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022013193154","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2022013193154_1642102354260_0.2744077735941899","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193526":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022013193526","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1a045f0b7256a331c6379562152f50ac1210dc30","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022013193526.tgz","fileCount":13,"integrity":"sha512-6XcxPRcppisPT5A/4eWQBnFcJ3UmwicvJQ5LEFWX8xf8EWcwOxVOeZTy5PK/BtaDwpUtWcv91mS3M5BlJUsHNA==","signatures":[{"sig":"MEUCIFfE8/pOO3RETJZPaNHb2b43sD9wNqss6nUpwTl+a3IXAiEAgPtXAWiWSzTuBWuz+iX5yTSly5bs1sfwtOiVh6ay6tM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H8rCRA9TVsSAnZWagAA3kYP/0ytytSa9NrVu5EBX35X\nKe9oI7HcrhKaQBH2/qcvOZdILKFWUw+e80JsZwI3KoqOUuZJxerxTh0xNEpF\ntDF0DORNMpHtOx9fmnM87B+ysEEdAVVR1uLsZhoycP4MgGsOeP27x/BVy58E\nQ/GDuT8+HfPqp/r1QmVHmykUGxPbb3q24y17jEvXRulAM0XVLM7Wbf0KM+vg\nlB3MuxaJ0em8lwaSegImwEKgDWs57fqb17y5X3vygWMZwIpVFZX6xJhdSW4C\nTbdXczyo+gXqhXhkCw4lhiJe4+ZFgElsahxYFKu40zACkk/61C2ZsDJ2B/PR\nZ7355KHn966HZexICg/yT/ozQidMtVdtwmj1BxlXM9oj7W1PsB1XHl6/9OUl\n+uhzX5cYmIeXdUA3Ub18k4hUurstXl7vTaIdrJxGBLIuhy70I0QI8oPb+MVV\n1YZlAyUoel08hl4cU1AZZxYE81f4VfhxlXWrW96ohLBaWYeVF58YZ0PNyBEu\n/03f8PlfTwC11i/sB/s5Nk4CThsiTNrC4nwrWghAf5zrU9wMurPomn6VOmpL\nSn0fTDG8/EhUmgriKEHSbGeqAMjUv8YlyzCK6HW9pHh7R4ovTXGl+Qdy6YHc\nM5g5LSee6kn90+U0lhcY3VfqHjjAgcUv1FMP83q9p8zp48VejOb8zwA8GDoj\nV9gn\r\n=NxWe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022013193526","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2022013193526_1642102570828_0.5953001816460788","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014102532":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022014102532","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"56f69f1fcef3fd4c33b4aaffbfd0fc05c9a36590","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022014102532.tgz","fileCount":13,"integrity":"sha512-RPKEYM76DUevpH1e4pv8XOMJuDZ8BY0kL6lpo6T1nM25g//Qt1F50LFRp1nST/5TwsJMCEnlZG2ZAs0yVsOzrQ==","signatures":[{"sig":"MEUCIQDImm99kF4aNOm75tOTSwYSKM2/AI79qwQAUbZuiVSLOAIgb/TnNK9Vi06j5r9+wB+CLtux/yQDm3CunqdE5sVUeFk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4U/GCRA9TVsSAnZWagAAWqcP/3tEubbvFir+7OIWAzdb\nEoZytMoSCJrqxxthVBONmoOWgKoMol4eR9tfjP8vTV0qEvgjR6+l335IKF+P\nc8fq6J8LvJgNh+ucPAKiwBc+irXqW9ou9K5d3P6EGFus7nqssJLSYLIAOst0\nO8fxw9nZzrgPOtki2qY7w8Q10wM+kXuW0mV6gBrCl0lfNhEm/QDT/HmS13fu\n2QvZezGbMRzJv7/3Rr3TGe03a1dlTKAd3Wtmi/g3NGIQ4QZdB677YE5o8HRs\nj+qK8iMYBorQigtO6p0i9cW4VazONvt219kZx7oRR6ZNPugDmFIIEt3W6O/0\nWp0AqDSkYJwfPgCDiWlwU8uEHegx/SRE4rbIYtcWm4ART4Mmq++BF+GHXFEj\nw1oEMKkG8//6rjhnY+sV1x1N6rTzUdSzf2NjOYoO5risLGwpDxNLHwBhIned\npKCqcPPIjpcfMqjh6uK2QHUb7SNlk/NK3BjnybXlqom/t75ZZFGh4n8KwZjG\nuFK+nMhHqNinLN1QiHZIFHq7UisyCkGLMHtVq/rqFBVX6U3h5i73ohGIUXJ2\n9HnaZ2dA4MVYBf5Fp+Ozvaie7rg7MBHG5f1YyryrtyIKqp27TBQf1nG8oVSf\nH8X5pzyrIJBJt1W+CkGE+ew90VdfyvUw3Mk1UoKnc1ZP2nGvRbrtVNTIP4HZ\nkyPg\r\n=Lcbh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022014102532","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022014102532_1642155974182_0.9098553874318602","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201418849":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202201418849","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6eed4b7bb1ee3f5c263b1ba6347a1d02294fca03","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202201418849.tgz","fileCount":13,"integrity":"sha512-fFam2aykDDtGo/mv4XUhouuKkRrbegplKe9JO9MPEWI5m/pKW2ZZbcUOtF4CdI5pO0JsWzCbPPp41NslKFFsXQ==","signatures":[{"sig":"MEQCICGMT572zitdbJs88yWLFWGpUcIkNKmcQ+SNBIVm+c+fAiBhYqNJeFl07uhspknPB+FgC1qr9deKSvv1rn/058Vqxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4bxdCRA9TVsSAnZWagAAxmEP/i443lv7ct52FwGLL/T0\nnTenr2MFjv1d+cq074ETxnRlynA0qKOD/HSfBFmLpPjSbPNbOiSLZqWtpLX8\nlH5AEmbdh80EvnDh8tWVTLtFT2kR4rZ7938UGsT8Yb4fS0Dcy2150VZ4mxm3\nYzG/5wKKw0LZovWSqvQGfTKDXd0p/ejH8o0e80A2zuul2iFpXlpU+Ie+jCs6\n9VOMxQ0y/3kRsP6KDRX42I2VvYVMpIzG14iwH7e5oPWH4JNyLX6dxAF3Cgfs\nDl0qILKqiNVbBYs6GtnE6JoimJZUkhHeCHYFqdEFvOZLabk1VXZB3K0edbQe\ngvvR3zzKHQJkEg62fw9Kp5+rW6vRbF2E7+btGjZRHQmL0aA7mGvEQJuqCEIw\nNJkKeSyk3ocwYXa6Viabf+CCLQAF6vlNCIywO/xp2QSmD1WtpOHC2iC6+ULt\n20knJ9VilE9pNWDLCU3JEj7EgfXoVVY2Pb48don1W9jLFX+hRGh9OG70+WVd\nU+FsC0IBmzHyGK1QFyaBvfUZI6fmnS2zaTy1ZSZvpoK7GKeC8Rk49Oj34ZFh\n0w0KTVAFcfbUzOO6NRdeRbdwm87Ns2WwY5s/OBA+mRSAt860uAyjHrdZMKJc\nt9H6RLGSSYUcZGHhfYTQ0VCKt5DLszeVjn8A+vCINhjXHm27pzlRDi0jA6uy\nWXK0\r\n=ja0b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202201418849","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-202201418849_1642183773415_0.00012418000974956378","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202201418280","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9da2ebf2a92714333c62e741322bf6c827995e07","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202201418280.tgz","fileCount":13,"integrity":"sha512-HpUEu0hsIHOzZDrCshEX2MHQNBiM+VaZGjepWFyBoQEzyqYA6XIpy3j5kqtsaZppdXkBoxhTcAHnkiauQ1hnLw==","signatures":[{"sig":"MEUCICCNoJbBdb9QUSIHLlNZHjE7r1a5NcLhUeh+o9S3PQW3AiEAgniVxP9/VhAvIkIlSyY4KUMH/lBUUKb3PZ6oT1Ls8d8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDjCRA9TVsSAnZWagAApt4P/2jD/gfofIEHs71q3XGt\nlQftRgOe9Y9UN7VQgXUNKWViACVT397rKWRSM/z2LncHo364oIfU76gluAMM\n1Ykadg2PzrpcqaL+Jqnd97Ij0PgtpIzWUGQhVaTv4HqpElx4o7GpdLKWzyEu\nRPG354a/ow16SKf2REwSoAOf7TEVALYWvRjossEdb46ixNUHwoGzvqqUGbdX\nWFz3O5MW+KExpyflIB7E4C96rDSg1viIJjOTtPCRvwC6L3VLD7w0CAY7zw41\n4lERR+ws0/zknfMtdCVW3ClnMODio2ZPfzVqSHPisAFp170Y6PyfmOdJlfcb\nco7xk6ib7ZhzCKam2QXkDQjfVp+W8p9cMeOH7KWasOO19Qtv4q8eYayXuAV7\nYSFNlT3TDSxAqZ+5PlCk5BQqgHyY6yilEDYHjBK5jLRyJqsqWn6un32L1cNz\nEgNQP/+QAaV74bUKtmPSm5mTeFfluDQEAP8EZsmLyE9zhRud19Ncdy41A2Yn\nMZimwQjUHJfNXYgS8j34A4jxVlWGg1XqUb4jZCGDIpueixUnAokiuBB9xkbT\ne8spK47zrW7Mc0Ah4r41I4YwMhDr6xtkVSeDRaQHJTiivyDBMnPdMylbaUcC\n+RWB3t7c6OABrpzTbAymh2xvdpDDMV0ZbhLALM8kbxgjaaSz+87Is0pEJ6R3\ne/as\r\n=bpLp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202201418280","@chakra-ui/utils":"0.0.0-pr-202201418280"},"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/tag_0.0.0-pr-202201418280_1642184930887_0.2486359755537797","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022014183133","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d14e47863b353f6a3cabdeeb56cee08192dadaba","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022014183133.tgz","fileCount":13,"integrity":"sha512-3thQSgc0DDclOUdtfgI1X7Gu/Up2JP6routdPP0/KIhazbRgqKk7GQZo9bQOARWzRIKtIc2BEjxIZYsONnRVRQ==","signatures":[{"sig":"MEYCIQCn89kzX2Vr4RP4KhSJKp47Sd8+RqV2xFI+syt8CVZJmwIhALNsGRrSWXpUcNRoTR4xS7lWS2huaycmXwmlReFIqwuw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cG7CRA9TVsSAnZWagAA0jkP/jCrMQ0L6Jyu2Q7wgCnP\n1qFfa03Y9FgqpMoIWlaFhM4jB2+SgbP0e/Lz01RFfI0C/VU8KVvJraCDbAWI\nWyE70pw2vCQdZ3wEbo4tYLBlVXimgckG3ZYN8pnXoQarN8pXXNPOrMwb5bwU\nW2W46xkt3SU99in783iiXizsawjNIBwLKOJKwLAEiA0D6CQPsia47nBysQLD\n6Pi/kjwi6fCU3NMkVgyJkExkWi2TtRnF+L7UJ6GCEaUdl1t02Ai5INAlIUFX\nIm1uKXDtRhXkzdBALsA9O2Ko/8mqJmNyCbz1cWnI23ywLo8h0SOgxKAReKky\n2kNWf8FVLMVAgUkhQtpRlbXWVPdkAJrS7IyKlMIDVhq2vDas20BHRDPayBkq\npHAmg/aF+PAzqs1vB62f8YBNq2OyS3Ow8EWZSHQRBRifw2it3Ps+/EDAHt43\nxETZUCxexlt4ZkbEmsygfsHxcOywEzv++wFo63BiZXEVnpN08UaSl1W2TaIB\nTBFcCLMz8Flwxt8/6EihcEn6hgPEG7xk3gdZP/AIjqsJ3R49u3XFtRjx+5fI\n0PfyMUtZlN0UvWqAl89SglzPQbF18SNnvdr7yKaQTE8A4o0pqEs4lBWSChOk\n62AZbUNauqQ4QWiqZXonZAmHJt4ehl8rroZBlDSmbE81bCmMptO70ul/QXW0\nUX1s\r\n=TS36\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022014183133","@chakra-ui/utils":"0.0.0-pr-2022014183133"},"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/tag_0.0.0-pr-2022014183133_1642185147301_0.07729747437075307","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022017182645":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022017182645","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9fda2b3f033aa3e89689f6f28133e3b825af5292","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022017182645.tgz","fileCount":13,"integrity":"sha512-6U2q+IX3FMBQ/lTHEtzoaZORsZUEUIqUq561s/oWEcqqzrJXAOXVYXTv/gd11lvazhcZpUa6B/QUilHwovTcKg==","signatures":[{"sig":"MEUCIQCKs61oaoCmOLKfemfpU43WuMbhZLw75w4xf6VKcW6XPAIgXkcEvY1Aq7MlENa/TJ7XXl/BNLfjecDTZBamlqJPBDk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21394,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bUMCRA9TVsSAnZWagAA7TwP/jMKeWdq2su6JSnYNer2\nQf72/jWE3GFVhh90AgOLCcTquIZEQ5VBUlDVJ7M/PQ9IpOs0SduOGnzf2I8w\nYqGN6CSHyuDIIMYQdiDoqqg07RTwu8uD5Lk+g5fea0giHmoenul6JuZABMZv\nOQnA3RbyLU0nq1ULIKgftZoYg22EvTQ02CgSOjH3nNad4m4gha+Lz0y14yPx\n/lsX1MKPkfKv8m5+YweCVMvlgodfyBbtrZhR27wOgDTeIbL64FQparT9Z31I\nnNElqKnKzGfGp6Ck8fzZqiLtHDOUXk8W5bC2hrdff/Nx72uUdIQI6zK/vaDc\nRXHDau+eGlp8TmhOGySgFEuQkULI+GL7x5eNG4LO+gDQHAWfYaeNhv4HEF0x\nOdFTnQL9IAEtpYU1K3k9tZvwsUx4liQuSZMfVKktbzpmqYkF4oX1ZtsY+Fkh\nsSLsl/2jy6NFkN1W+Un3dFZL4xakbW7behGzLzSi33anliuc4cQzvZCm+0QM\nqomVs2rG+kiZE3odRH2WYhWaUxUIDHhPZiYyopOiR4TmQTD3ew/HqokG+nDg\n1CQCGoA4KdV+UtprlyXql1jqZugSKoQHfL3X2UC7Cz32LIizSbyv17HCn5uS\n8C/hnLxfqAylTa8DiSPrbbYEwokw9Ei+hiiGFG22D8+8iNb0LaaNacV6kYjb\nJSGB\r\n=Se8a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022017182645","@chakra-ui/utils":"1.9.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/tag_0.0.0-pr-2022017182645_1642444044055_0.6423637638695796","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022017182859":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022017182859","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"39f6df6a8ac3bee45a57589040a644b5887d3128","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022017182859.tgz","fileCount":13,"integrity":"sha512-7YrsJwY21EbTr5F/TIM992kpOlovyTAFigMIhEXxW4iA/ofgnKJwyxV8YX2HennJsRrIGuGb1KfsjXlJlnj+cg==","signatures":[{"sig":"MEQCIGxK0c290KxVsTfgGEmfL7GFem44PzARFCxSyulPo4oVAiAmU0JeLhYJfgywTdr4Icz5EJl406bReA0YGwCAyFIbVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bWZCRA9TVsSAnZWagAADWsQAJ1SMMi+vmkMh1OtWjT8\nwPyiRIX0MTVW8GRmK+fF8F9ThmZD0OqI+GLG5/Z8bMtLQuLPhSnwkhKymaaj\noas+DxtHnjlxge57A02zkPyfC4K6jaVA8v85RB3qo9Q/7g9N2rYkIRxAdupQ\nfns1xn6KsmaC9odFDCWrusq2ewfZvLd4ioegT+Nw+H1evjjOg8h8t8jLDEAU\nxDyYqXEaUS2uOj6MJx7LoBVrcg3LxZCWm2eMdlqJ2/DXmfhsK236309ADK+B\njcH7QbJw19vq//u9cJEJM+nMkiuvzvuhTQPlQ6DwBhf8oDCIIsiwc01KSrEW\nrRIFznIUNFvJ8JrlPwPJA9HH6aVDF22JnrLdzw5HSrjSiDV3PF+XXyuiUPX0\n9X7w03UAalX3PcCblwxk0wQgxlJVFPxqmF1y8gH+Yumfpx/iBRohGtIYN95T\niVXffZ1kA14gxu+pVHw8oqLuBG9EcRrZPuyoiE+C1D06kicvM7RhCKOv+s3/\nuEYNuvwEzb3x36GWufqRFeqRqrGOiEHZTYgmoh7lEB2+FGOG2CDPZrD1l639\nFcNcB9dnewq+DpKu8b5qRmafTs5ZtU5bpNq/kOqVdHd+JDIl5yATpWqF0hAu\nFXFNeT5JKRtDKz5VpNaQI/YJfi2kscsgAWiHglT4KKvtyVZuKoETBSlmMZkS\n2nCw\r\n=PXuN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022017182859","@chakra-ui/utils":"1.9.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/tag_0.0.0-dev-2022017182859_1642444185637_0.5379712983560112","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220209527","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d9e813b77920e6b2b3bf717f9a047ce2fab14066","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220209527.tgz","fileCount":13,"integrity":"sha512-MZ9jbsQa+NYb8Fl06htiEeX7M0nvTZ3XgbqUS2MPV9EcA8UuJFdAkrfHmJy48wXCwQbAP1pOlMOYqkwVzQun0A==","signatures":[{"sig":"MEUCIQDD5ocim02M9pElQu69oI9JheUtJGar7SitUBrvrSmA6wIgXNgUQ/ajbxnKMES0q46s9ZeR4nf9UgFeU6oSiKubPsY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYFCRA9TVsSAnZWagAArkMP/imQ2pS6TxRhSC1hOOI8\nJ3uDBxqfNtol8bhvRyPMAGw4Hp5rIrTRpBpAHmKmzTBva+YT8lEXkPef/ZSs\nwqhQA3dxaCMNrSl2uauVvwG5tkCS+pQPIaRzPYT4i+StMSwSEzxO1PRTZhyS\nQXef93UkwQWkCMaUCKiummWOwksVj3HxdyYE3zn/qU6ZbQFvEAp3wi3uKmCR\n6hWIM2DeKieUVrnHzOoUvwVBSAt6/ZbOcIxHwuSnWem77C7EWDOAhGjr8UWS\nhggnryYyHOl/GejiV+cheoxWDI7noddp3U6inmcFiYeiDK6Pc8iVHMesPCRN\nyCGvA/9s4UKefuedW3ZCavAc5Desf4/tsCBqK85lxskGLSgKMGznZVQpoHL/\nAQbVOCM9YdsuJ7DnXlPBv2ybMqws7K2CUqhN0YCc09g1LaG7FjmeSGRNluW6\nUdg/h0LgIc8y0ULMX2VYxroX31UGpR+QkfH+3ybaLCUburX2W9dEYw9ox2+P\njlSdsoCPvagHtL9xeGfXMVxsj0Ovd32YeNr7ysufJip9Oy6d03sAElPO+paF\nADFnGJqM/6ZfbTjfjM0kgIozNuzYHniLS+4cgGzqytpfjsHrGDU7KhaaCVDI\nHkAnVEOAHwlDH784ccPKTy3R7pz/j6KHswVM88+HcgEmrJ0VJGE7E+V19/Fs\nFffr\r\n=8sv3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220209527","@chakra-ui/utils":"0.0.0-dev-20220209527"},"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/tag_0.0.0-dev-20220209527_1642669573050_0.5156612116957278","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022020961","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3e34af2fe7dd0b4fc5e0330c5a79d7b17581ccb2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022020961.tgz","fileCount":13,"integrity":"sha512-X9QuTfpTcsggJNCuz2GC5d60+LJwQHOvlCtblnZaoTdtQHFPtFnmK4ppaHIlf9AgUv7qcszXb++9p16EJ1N9Kg==","signatures":[{"sig":"MEQCIBEanrmUbF6RLcKnDIjz8P3CRmyTHo/UVoAADeam9ldSAiAq/licXW7Nx1N0FAjOnZ9TECzwNA3Rt8GlxuQM9JtS+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYzCRA9TVsSAnZWagAAm20P/j/QG1k3ZdYoelrc7Vvm\nOtZ18LgnnbA2NPdy29+7IBRByQgcoaFwk/SCJeIXUdHUsvzfN3Q5CLtQtkc+\nJjPNvTGUGFiumlDW11/Y1PZOO3QNFIZiUmS5QKXSz2qfJBWSYHaB1312lH0c\ni26PjM5OzWOu39l1Im+Pp+f7sYmE5Ro65/pcGEp05Gama/anTNNVkxL3SiD1\nqwb5IIQ6EknudxXpJaB7EXP2QXGWMAjsHt/7yRv6kCDjjpeFMi027i1YHkuw\nXowhgKOsKcLzn/EaZM5mzGsH8YyG1tK6NlgXoKfSMJglEJWwjopmV9ow+iMC\n1bhfvwCmu+CP7SvLFbh9DDgTbY1T2iVTX8RAM4R1uSXkf0ZCoX59QtXl7sTv\nCzIKKrWPkmwLtueQil2LrbdXWVnezn29wQIrXGiV7edKv3iF3G2VVbjrQ5wG\nSXtpumX+IocfeRd2jYC2vwl+6F0wC3qzghmQWB2lOphWOC0f88Eg3fGAbETj\nUln14T1SprXQTojNRbr+BRj7YkaiLmrbPnTVPz42ymjTd2aPeLxHtLh5hWA+\nZ+G7+c4VEEd12BURVX3xAgrLzauSRtwDgn+MKSWc8/lR7X+Y1qALfndnluoq\nstJNJrg+AzZ/oMBralAr/t1WC88E9ahChLr2+zzrhjVrhOk7c/jRvusoHwr3\nOHKg\r\n=t7vX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022020961","@chakra-ui/utils":"0.0.0-pr-2022020961"},"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/tag_0.0.0-pr-2022020961_1642669619388_0.8212566585741614","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220209192","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"30d900c11234612d0eee149564031c4f49e26586","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220209192.tgz","fileCount":13,"integrity":"sha512-sKgflFb/5RfRTOYthvGOHZH5uhUb7o5MNhWJ+SVEcNzRfssRqTAoQtgy/w98CSUgSF3qXQOhZR7exhtlA/3SgA==","signatures":[{"sig":"MEYCIQD3Rn8+cJChAWyWNPhHBZVf5xsnbrW7h0FwxCP6gxZF9gIhANxu08IuaImJmlmw3++WOkQ7Hwkuyzs50iAb+JlcqKeZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6Sk9CRA9TVsSAnZWagAAYcMP/R7m02lpoks7zY6vcI6Y\n5Bzlzr6cjezClj6dlAg7qXQ1mxAHmqtWnOFmlco6jMYo5h8dbE2u7zySp+mf\n7JKCiJ/rKV6odiEVgQWqZYywsuNu4PwVjeOF2IADXpFQiYYl2chlgfLcOf79\nRKw3mC8QDvw/nldqc5Bj2AhYt4pE54mMDLlqH/hRl55Jjcf4EQ9+HDSertOI\nZJ5d5ep6ZsWkRpBrs2eKWcCSP8xZP4BJT9/K/rvnDhHbjfIGr2cqS4x+0N8Z\nQ2BjxnaCZ2QBn++nQERb2VWxhxLgE4mfSxdu9zUGqVtBoi9Z40Zpeil9KZV+\nPpF4c16gLLnxKIrnXlCYEcWPxG4gRou1+ZRmnqZ/EZ9vVlQdH3gE4sHQLmAV\n8HjJZgJnDeniezt/btOUmq2mXDhMr/Uesz5fj+fsuq8TaYwXk9B58Gvn07kZ\nMyVlGS0JUH5AR0oLhT8ARaoiVY5zNC4Vz5NxtozkvMVgl3HXl/tQZB2rAepQ\nbkraLP8EghdpOeyWqV3yMV0w8H5cDulPdSBll+dR3/o73IDaDudSFVEG5P/k\ndhN5Y09AgOjMCy9IAjDxf0T/ljVpKaYEN6oSHbSCOPTon+sRwYZs/PBz/KYC\nV4DOGaARSjt/5PbEd7vhRrmCQ5/EwJvzm1n/XuGibpfL+wnkPGqSSwlThtLe\nmTWg\r\n=PwUE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220209192","@chakra-ui/utils":"0.0.0-pr-20220209192"},"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/tag_0.0.0-pr-20220209192_1642670396965_0.24143797626536134","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202092345","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"efb626d073b6d19717509f5a98f212a7fd4f75cb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202092345.tgz","fileCount":13,"integrity":"sha512-TyRFrecEI0nATCKfTiYwtrHHiLxlsDEszvr6/SfoRhzCkxyd062XDIFC4KafwP8x/EJFqGdowHpboo9C2pPMlQ==","signatures":[{"sig":"MEQCIEm3C2+HMFjrBkcSf+UVJ9sNzKLzxZJu4FpK3mRuv8U1AiB4Sn3ktbaru4yzZsH1S3O7zRiLa2l9pydTtrqComzTDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SpUCRA9TVsSAnZWagAAkMYP/2I3LEjw3qMlfQkKNNw1\n+neLWfrOf5yFkCXyAx7QA1YU1OSBMok2XUYeRQz5F2njaUU8Enliuj46oGQy\nATrYubdNgOsSfGewieT4WhuD2oT4ilCS+bzSpvuEmXX4Yl8A12C9rWAaYqiM\nu0r2Zie9WBLt2sPGSiKgXSm+Byi7cM55fa68asXYljd1Fy+/SgBPsH4+EyTE\n1VtXEh4tQFBStrLsRCehgzS3mf4f2FM/X1U9m4JFR6IW0W3TdYy9wA4Sy4Fe\n1CwDApQaxWAvwqe9RjX72h8A+dh2ugbcZQCTPFi05IBdXVmPUn9JM4AEYoYQ\nxVM+mzkX9GRZXptbhXnL6s2OjpIanoYfmFrKRr3F3jVRzUSS1vodI62upbBE\n5/mTOTOqxw19+wiEQMLCFC3+d+FXGWo/qh7WED2ghEtIwpwGm8Qz5NBMnVjz\nU+PHF0il7zyi/jSYHFYUSAhN39DNM4pvwHoKokn+TKiu8oneIkkDlEcnPPds\nilAT4FvnOsUesAe3F7mkvrtjyD1bjr5MNk5qiI1YB9XH9cYOOAAiKc9XecyW\nToLiN0Uk1J+uOHLcqKqVSrg6hnbtcXree7m6O6HdkefQQQW1qv/JH2RrdVR2\neYAzlIRMaYJn1Q46SVbOmY3ixtk7zLKsrOZ2RG9bvIiKzuCeYgP75yrL7VMY\nkek4\r\n=34o2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202092345","@chakra-ui/utils":"0.0.0-pr-202202092345"},"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/tag_0.0.0-pr-202202092345_1642670676709_0.5383002468843485","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202495259","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5c0a789f4cb0377554c7cc9cc9b0e73a2374d48d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202495259.tgz","fileCount":13,"integrity":"sha512-JXG0gJIO87gpqyQhDKQJq+SLdSJ2k+Y+ukRyc+jsz2HyuniLkBmjsjQyyDxPTWL67CvjQjY3/nxmL/N3rPIkUQ==","signatures":[{"sig":"MEUCIAJRQ5+ZZgHCW9Ih0k0v9IM7glFBy7wgfoSQjPfauMjgAiEApwzl9zA8IetcxvPFraD1GV9ZcEP0wROC/TW3cEB4AmE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ncxCRA9TVsSAnZWagAAO7kQAJnHWPczIxdCfjg6UdL0\nhsUT9U8U3dJttowzB7bkzOgB+Sd4pLnHoADgS+yX9S69n8nw0naHXW1YTMg7\nobnHOP0qCoWIaHrxRLgedYknMmOoWcTC38bt/n6rRFxvbCeNEPJ8wAIV0gdT\nwuDbMscODnPpAZJwsFHfI43ztTsChSXHgev3TGSgLmQJURQGCXYMIK0uXHUU\nOjwyhWgsvVjJSzy9zjwfp6DkdzOIpTBkeNPyaMW7rXMsZPjeQC1h85nPoSP2\nslxCLdjyU38esSwBapya2/hccx4eY1VsIVKz2RZUuL6bt8bnasU4mrpVbtGx\nPL3vT9I57l+dw+HhXxtHqIQQYvgLlJrHKDQ2BhJdtbMvf1I9fZms+Iqfpvr3\nCCmLuFcKWsKEL5cp6suC8qNmLLR4zJ/2+2SuYf820niVgrahY1rJ+csCaDJR\nI8rVn8Ak5fgM/R+CAng5q/x01Aov8M/ZU9kC5W9jCXS9fuAjd13xBYu9iE6z\nIQ/MWJ82UwlYXkyLNLKSNhCvt5ROStb14SmaZ9VQgS1WGw8vyQpkhbe+3Xn9\nZNOGQMbgP2GEegKX9INVTvsPJU0Yxp+KpPAllmuBOx2+OtSR7jo5nv33hX83\ny570US0/0Oy1/MklVyFsE7kiDo6Orfij7ERddflVBoK4z9moZOH51FExR2LO\nTUYD\r\n=P8wI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202495259","@chakra-ui/utils":"0.0.0-pr-202202495259"},"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/tag_0.0.0-pr-202202495259_1643018033575_0.5582249928513561","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202495536","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f8ffd782838531d66db5b2c6bbe4d9f49948671c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202495536.tgz","fileCount":13,"integrity":"sha512-5y3qx6fiJXxCU+pu1+Iqj8Det630MjirEMbuNVtAcJFlrHFqssqcgYAd1HZ38zTkHCaact9eatN9ibsXd9KSwg==","signatures":[{"sig":"MEUCIQDQkij0MN4Qv1yUKJ4bPkQNPqVNvHR8CDWtU4j61V86aAIgR/tOz9ApPfCARzSHPUuqftEIEc2X9tQwlPSkqA5ZQ0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfPCRA9TVsSAnZWagAAmGgP/0NvMudr3/d4gD7qLbWY\nzc12NsCYhttc0VUllee4aViH7KwTMzHRFoxKUbqlcD0ZVZBeHlizbX6knvE2\nwurNp2fwi7AG7iTTxLtqyG09zWnfImDZ7WPwlsa0K9QYAYjdLlcLKNtr9WQj\nkD0vGz54RKpxEdyDDXizV7vhuxWa15oPg9wnQdqpyM9FBLel4vGqm3Tj7hUK\nXxrMJkGt9KrNuu+R1nsCmSBujZnuycQPMlRdfM96GrfpixFqOP5n3E3/aiJc\nMw8cM95mwTabuCbTJVm5r8UuMkAEN6Pu3rz37X5nBwRB+d4E4p4ixdoCWpZ5\n6XlSRByaZSoqciNkJIjAG2B22YIt8XbZdDFbVIypLubUFgjMQRm8Nad6DxLc\nGb1+oC8TM33DyDJ7TmavASy7j1mhrTNawtaAOREImJA4Cx9EI/ZYgHEjBBEG\nj1Mkhqc3sBnSpk8Dr5E2up4sB8LpAlaXhhoiqtxwSWCUskrHrimf9ZbpOdI6\n2kvp4p5XYGh+pH5lzDcFxSLTKaN3g39tlYJdkK99SPNJ+OEtnedK6EDQnIi0\nvqSacL9BVCXaHruf6JzUta/arPMhNWIZjZpeAZfNKquuWFLNnMzgiBcVgAT6\nJeOYu2dnABjDglwVhK/cIC0Ns6Oi/Img0hTcgSptutnuDffo9YYrCPBdyV4A\n/7iy\r\n=SEzT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202495536","@chakra-ui/utils":"0.0.0-pr-202202495536"},"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/tag_0.0.0-pr-202202495536_1643018191802_0.8832373447277431","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202495553","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"10f23e833dc77d2a3b63b2562390525f65a7aea5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202495553.tgz","fileCount":13,"integrity":"sha512-oVca5fy6LcsYu+N6BnHd2dZ9tq6HFNQLbWqPljBV3ILdLXXGU+WtVyBoFDg6DtzrOo007zpZ6ZFViT3g3PdcYA==","signatures":[{"sig":"MEQCIA3DwdCpoaW6uk4qLazYx9Q1NqOqLrL3VRWZ0Nw5agRsAiA0xSNNKYIZdMj+cUe2b5+zJg5LKq3IuQdIJ/mxTPxYAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfdCRA9TVsSAnZWagAAmVMP/26vpOIgVASOLgzKAA/D\nxxNZ5SG99qX5DuEpuThoNU+58MPSlOSZQDpY7hk0LVJEWkEm7YQkhpWZpjzk\niK5nppWJIOGLlM3ZqRAPF7OG3K+sJXVOjNVFIv1v9kHNut5xfgzVmH3lsLfl\nEEFVyUTb8So5d1x0hPBQqa8JH4QbEbKc8f+zmRue6RHWvFgPz/5H0E87UZm7\n9abZlSOVjOHUnsn7au9RxXG6ggNspEHzF2gistTAmwJgTIwcU/Q6Ly8ixbu4\nyB95eH2sc1i8mNLb9c3Lblr7dZ1j60+5VZ/OQwOGMBluzvYN6s1Ah/YywXHu\no9OjxmhlLxJL+fDExLslLZUvwQrK4Ffl6cLa1nPWdpA4PCEYW6ciEUbenvvw\nmAU7uUjVdNkn8nTp/R6bAAr2I1d12tUXAjLKd4aCabpW/nS1gmJvpTReZlca\npCl6Qk7kdWOv3nCO45z3x5sDCHg/+tvZnqamTDu7qtAV/vJR+GOisnsDuW41\nOo4rnaO0CyiitBgTuZD6WfwsGJMeQGd/SpV2srfllKQIU1iFPDZwHOenF9d5\nYgrPGzMMV8RwAJjXfR4EXhTdyjBX6mqcSkYC4e3V/Ew7lL42KZpcLyfiHJMt\n2TuNso3b5nNlQXWHMb3882aNKRWezsUWPbhRCwlVIr0/Qg/CVV+JonyA/pLr\nEs46\r\n=MRGJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202495553","@chakra-ui/utils":"0.0.0-pr-202202495553"},"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/tag_0.0.0-pr-202202495553_1643018205107_0.6795458483688916","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202202495727","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"df739dfa23f6fe64c8afd81825e643a07787d4c5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202202495727.tgz","fileCount":13,"integrity":"sha512-9Ty9eg8+dXqeJ/p7hkVOMWonP8l2R2DyXzL3Pf72aUIIg6HiJtqXl6bIHdTFneabpHJR/EoZkMGTOX4Rv6EyWg==","signatures":[{"sig":"MEYCIQDePYY9y9Za+DB5osYsvNRKJL+1PhZKvI+KFP4+/vmgIwIhAON3ixQb9UALaENYqFZOSYa3T3wAaIpAH6S63PcYllH+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ng9CRA9TVsSAnZWagAAf/gQAJ+6ioiHca5tLHoFEhbY\nKXhPf2Cc7RJgh6S0L4JPLAoCyujy8UnAhNuHdZDkrwnjBSe/pYnLzzZdJ9su\niSsNq7sA2a2Mkx5VC46Zqyu4A8W9/p7Vb4wrV0NqlwbDWLhIvjQZ1K9ZdaJs\nkEzDw4qxToWRcEWoKLcgm1gq4TyrIdlzaa+ViryDX5UAt2UGvWozt3R0goZt\nb/+kFLp6TPoeWw2q9JyCN2mNw6BEofuN5uI/JwellLX6/b6AzU5woMxNu8XO\noiUC/D7/us2Isu3YuJbwsUJKIK7UfSolqCw8KklMv1NhTf5DvAE07ShJEPqT\nhz3R+Mzje5EyTWBk9rLkfFUYd5G1AbPh+dpvXskm/kx/26MSt6UsE2FVhhU9\n2i/y7Y4T1ktVR4pAwTU0owLVbIqWfhG2eMw4AGY3TWkOLWwsF+LBA+OZquiX\n/UsV+JTpFCVOKKcyVbhVEck/7pkjy4ug9PYo3Ii2B56jxGxTdjVj8BBIyFxx\nbK7NLEiUeNk+a8hHEX+R/0woe3cMdI3GWCJwFMbYOhHI6q1EQK0qx3psIe4R\nwJFjzENssrdXOXgMmwGlHDlzqKS4euR12kkHzWT3h3Qh8SqbLBz9NxGnwuBM\nnI8Nvz4uZdchmnzug9GAH3rGLFl9qT7lXKGoaUsBWl/za5nhipD8LauEDdYC\nhyvv\r\n=N0L7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202495727","@chakra-ui/utils":"0.0.0-dev-202202495727"},"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/tag_0.0.0-dev-202202495727_1643018300880_0.5889531278564333","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202202410017","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7e18f7a9a2ed6c2f72be9135140af53cb165d029","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202202410017.tgz","fileCount":13,"integrity":"sha512-M6PDgPeD7ZZ7XONCaB81JddHwjmQt7m7cXvbNPiI9h1Zm9eOuynafn8X8WVEEzHBKhMHV8R4lZNHbUe9jfqV6g==","signatures":[{"sig":"MEUCIQCSiwcI3HIa2FNs4zb23JBuLZOjTg7GBYH2hWp2Bon86AIga3zyXaWK71CtT8a7RacP6vFFpvlFy42nImvKhglW5E4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njhCRA9TVsSAnZWagAA14UQAJG8Splyx/gBgYXHS+Ow\nbkuyjZMzLXmbsQMCXIdx1x8d8DKXPDudPDQonSM0Kl5nmtCE8N0v9pAed/Ks\nn1QKuix5nbJUuODcTofrtJVt9EWyLz/VRRqxcl2uIRASaeECYKqMjYAxG6iw\npcjerlBKBWJiGsnh6B1k+z910MAkurSBJ31k7SXG5z6tIW3qQ35+MEIHf96u\njgsnU6+UW9B2twaD5JwnJMCPMwZAerDPVm4KmXHrTN9IBFwUQ+kivimmzfG6\nCGiO74MvCRLh2TdIx03EAvGN0DrvrLtK1p+8Mie10zpCuQYHLKeWWgOprkFI\nSpm6RX9zBZ+0OypyLweCWam53h0QqG/mnJ5g6RnCnjDGBwsA8/HffaxVqKRB\n++PRHLhFpb0/HULFX0Nt/EPU+pbz0dT+yJVSdXeziZCZ4MU4p4p/yj2bkTAI\n+AYpdK7JQX6pwv2KPqBNkoh3g+IqnCsd+aL+/2WEDeIGST+YNiR8+Ptn02UG\nos7PgPsX7y61xHoytBCTJ3pYtNmguKTFX6P8zFdVdeKdwV9xIeBSzD/CVNJX\n1vDLhY03neLhxWOk9tr8qYJOXmtVAY4kefVlvWxEL4uSVcoQv1tVExoiKr5c\nhf8ZVDjelBEbw7P+965pMGBY225k5wpZDMiuLM76b1bQx/Ec2Nkr/bI9Nt17\nn43Z\r\n=7dgb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202410017","@chakra-ui/utils":"0.0.0-dev-202202410017"},"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/tag_0.0.0-dev-202202410017_1643018464854_0.42144341613087266","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202410034","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9b73d7126e09f0e6aa09bc485986c20b34f6d6d5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202410034.tgz","fileCount":13,"integrity":"sha512-pUk6eU2t+Gvfba4BeZjq160gqvOQUZCi/6DY5YloXU/qnG7geJARSvS67NmWr/bnGDq1kx4f95z3KlHOke14EA==","signatures":[{"sig":"MEQCIEgl5HMwagemU/n4nayG8y5TXcCCiAkTo5UKSEcZ+hROAiAENXarWpUFHYPGnSwCUmatMw59eaGxf9I2ZFjuUc26yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nj4CRA9TVsSAnZWagAAFBkQAKJ9TYSdgl70lsBNXt4Y\nLE/vpEEcl0pzO3pAsOvxcCKEWgkssN2cFlCZOJ2puscxw8sUDqG9nzrcC6Wb\nwCyj3hwVo4fDVIFwqZngUr1o9UwwheU73hiPtq11r4StNvD5XdGquOSODDfD\nIR/kpE05qnPbla/enGMSpa4D6E7fogIbcH4AqQnL4Wc5cncMIfjUrxoyOCST\nK78R0tUq39L+zkKNiSjdFhqiRy2Gq6dcxUIRHz9995Txk7SWh7hH0f6PVwvu\nhGdwro0QEXbOjeUEx+heSN5CSfn7GmAg9tLGPsO2RPIaLDogjR1uiLpyE+zy\nOMb6HFvOED4hR57VSmNV01Vqe70y2K5ZJmjceYDHrUEuhfS7rkKRetET1nj7\nYU2O1jMKTxZvt9CR+4+ydWqIAB7VSeUkV4Cjt/4KK2AGjCfBOyNI0CWOK5YG\nom6BTi4kklD2vlWAByto/554n/JhnKwoFD8B/AzGEs4kbt/426cQ+2AEJr3z\n0owwD8Q7LEIXW2c84mKfxXhKASYiH2PQSNzsjA01XRe+89afFVwkd6ao9vBh\nsT4fNs/BqdeVaZuVBFnfGw7OoCAC+l48CfTakZ144+C++oXss+Mk90kAD4Wr\n81Qw6+miMw4I/a0Y1WfDxvgeu7ObSgq+DENIVYeZO/jJG2tvR3JwllWIwjOC\nwSwI\r\n=KRvB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202410034","@chakra-ui/utils":"0.0.0-pr-202202410034"},"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/tag_0.0.0-pr-202202410034_1643018488150_0.7219862314954528","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022024212254","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"deb4c81e134f0c301e5d526cdf91574e5173c4d0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022024212254.tgz","fileCount":13,"integrity":"sha512-lDoTOmk3lgvqyjdINJuos6iG8NcnDMbTWZTaqIULVlMFcIHgQGLz7zVyCdKdB5X0RrTL2ljWae/Bfi1xVq1t8w==","signatures":[{"sig":"MEQCIAaB9KKtR00AVBPS9qMwOmRrS9E0igsm+0AqPC2m+dybAiAt7hLCMbH2z1hjyu9l18z8XSE/4MidWilEgrCALGO1uQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjgCRA9TVsSAnZWagAAWhUQAIf0gd390qq/DRmEF0hk\nMroemiqy8WXNF3AfXtcKKmmE6wvpbj7U/dpWUYdJnrhZm5Jq2NmOXo2Vhewr\nEXcTBOiCQ1StfJMqInBHmo23vd0GuqtcfH15Ku10trroKtfJY2ZaoEZMWKvm\nBayFRncNfRvPZZ0P9Q4a5RuCpxwjd4f72WO5FbaW5Ue6ey7shjCz8Z/BFlk1\n28P70fwbMlbKLGScRs62iJ1QghcnsRw1ytVN1YDa4hW9iXyKG6RT9qpnxinE\nK7wdENPmsqLKkwzTLfJX3+7m7qO1j1TxoTPvJmqsU4p7Wc5rXHw/50leFotV\nuPNZEoxCPT8JpVHQoC3kNSbU6rzI/5sPaGh/pg3F4CjKrj3eAgaaIGVXbOsi\ne9TpO+4deV2icGMdSlpS6yzEf6mI903TFknpHodevo+ohJq5Geq/G9EKVlII\nY97+4b1IWL9Zd5KvXjbFgnmC8eDWFm0hp40wpBGnYWMTIXTQ7TbRVEvYSGRF\n1UnWMp9VhbN7y2gDjMUx45/eMfXlMCNVGte3bF/mIz3sR+KF9X9g3u+L9ED7\nMnY4mUKHfMDHQ9K0Sa2+7JYFG0LHDgobesrte110+Lxrc0NA1cDPFlWQbh0a\niMERlSOr6tCunV68sbagL98KI4lhLtifsKs91lOYseqGgkn1kj35Fjuuc6zu\nzIXk\r\n=66rT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022024212254","@chakra-ui/utils":"0.0.0-pr-2022024212254"},"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/tag_0.0.0-pr-2022024212254_1643059424068_0.4592491424181049","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202423375","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"473a9969cb6f6b3db08010a97ab94a85d360b8a0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202423375.tgz","fileCount":13,"integrity":"sha512-3oty5p82VnRaMiZ10M5EUVKXng8zMaPHzcYMTlZY2RuYOx9iZBwIlsI/0eA/v6nHoni549kH/bwu3++rsASdxA==","signatures":[{"sig":"MEQCIHii0v6VlbLMnS5T3AWDNCJaN4ph3v/cTtONaA/drUITAiAwbhgBKcwXZ4HGzE6jG71VQF6SWhnLj9ELD7uhLLv3RA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zhNCRA9TVsSAnZWagAAUtUP/jDCgOADqbq+ckVyIOIr\nwVDLlpM6sCKTkBH0mutPoKAQyy0+up7A0zZDz2DdG3F8gdgAUcA3sAculKyj\nD3mJSEFIxZAqKh1kPT0H8pYhX2rMkMP414nD7SD3aZvbNCxzADJld9AQZGhy\nOzVFjn/LhqaUu9oAl4n368kmePinAPF3qRzV6Wn9bspzWyElC//HsuhFR7Nk\nw/3UkraHhowGjK+aoEBgv2PqDzWYg6MT/ayJkY3+y2MeMZzxirNaqaWCpCmK\n5DoWrW4OgnvmK4QDnzxMN57WxVxwaeO0+tFpjCzEMQQONW0M99h7lCCc3Axq\nNZD5N9YW8flNoQh9OQyfMVchA5koQ8VAfj/ZcvLCpDQsfdXrYzLNb0NoPgGL\nft4E28GiTLG6Q+RzsXotiPrtAqXSW4nAik8YaFhIEEhw+h6nMloEUzogcjPF\n6CU+leFGvrMSxPyRxQF0j/sZ8icx1c9LTo/lGIpyhDX/xIkpMGArINxiwiSg\nvs0QXZ/nORkuZVWTVicqEPZSIVjl3WK+oWxXRlijA63E8UTSV07vY6uwa0w1\nuZ9SdxvFdKRjbgcl8ySpwYIooLytVIcpKaTdLtHHohewbN5iy2aoLF3mOhXc\nt8eljwWicUgdwXWF8vKug/zzeVtBKZNvr270NUd1jhWVVHahWzmlEZ2HRWqf\ncqqF\r\n=pcbJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202423375","@chakra-ui/utils":"0.0.0-pr-202202423375"},"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/tag_0.0.0-pr-202202423375_1643067469252_0.05218366757302939","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022024234531","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d87c3fd0e0e4a7b27d75c7ea0febd2b7f377588b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022024234531.tgz","fileCount":13,"integrity":"sha512-TZx6rgAvVHsAcVPSXTba7fem6f/l91KM+RjhQ+fphoLbKVlbT8taOTypeCHvOhZfQOiEs9wXbRzliXlfpheuzw==","signatures":[{"sig":"MEUCIFnZ34G1Vrdpy4/sfEWe/Vn8V7FtdkkErjfOWwjejA3ZAiEA/tuBEUBXsZeDuakwSsAw9YyO+3dp6iaqaZght2rw+2w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zpLCRA9TVsSAnZWagAA4voQAJxf7NQQEUrdTyuLGLVW\nsMvKs7bWQ+uOIBhy9lkE1vTY31u1jFY9xJn9ZPqNG0PdbkhT3jmC6md2VK+C\nmjFA8dHHZBac5pfJZzDLrfG5a4an/IT4/AhVQhyDVXSMSjx2NJvlUBITnnn2\nM6ETl6ZtpDNrbEX8TGbL8BiUJdHbY41t8NqcOeDWeiTMatZ3sHUOHtGTwvkI\nFGszu0TLELt2DGuJOk43CyGa0t40RnSKsMpGH2tqWlZWnhsBw7dtP6nBmCI6\ng1GPamT94i/hPeCIrHcOwbTDtP+AlGmi0kUmum5OXDg20ObDegtfAl6L9QPk\nDV6YrOF3EpSQN5kf+oSCa9cVoWb/Tf5ouJIPgGkvURqoNxGnK+My0h02MnV9\nuFBKlbisW4jkYlCyxr+jOL3g1x70syHenFTxmgi6zGLa5onKTM/RD8j3GPST\nuHj46W51PjudSq4Ija5qeqZvkNjONaNkWHp1sN1USRC+OgM5wYgd8UhrAcot\nx6sq2Z81ExgB0J9XTpuaL2jalkCbiQd9yms1qKQAq2jH/AkXyLMklLyVOt0p\njGrXXzXG9LAk+xS7TqeoSevdgBJ46NNAZ8xMgiptSlAA/2XLqcdwbD42RqzQ\nT3tNZe8TSNy4yVKpjLEcCUOl4HVpBHLZMYnSnU3eYEhwvOAG73EGDnLdbACX\n1DAX\r\n=1lZL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022024234531","@chakra-ui/utils":"0.0.0-pr-2022024234531"},"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/tag_0.0.0-pr-2022024234531_1643067979747_0.8096479351357109","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220258423","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5fbaea15aff384f78125e2893e6b407abf8af12b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220258423.tgz","fileCount":13,"integrity":"sha512-A/458jAFGOP3ja3wjp45HPSJX/KhbwfA532wxHlmHJRnaqY2ubriYOyevJRCLSSJ6lp27Js1oMJa8WgEP/pNXw==","signatures":[{"sig":"MEUCIDnrfY7n5cErpQYgnhNqIQnEumJqQ73c/CgLVFpf/aRKAiEAiH9xKCtL0qX+HE3kMV/oEsLOn0g67OaNCPpqMua0Pys=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77gOCRA9TVsSAnZWagAAjiMP/RtcwPSvga4+w+KjfJ0k\nlRI+mX9NravJcajZcCHjbth4p4sYBkmgTyUp+pPZ6zs3aBxzNdYDwL+A1ha8\nuoEVtfsB6PMM8Zxn+JNNb0C65AL4yoJ064ve8SKx0b5sMHdrhOqhjT8iJpxK\nhSadRVOEMSo0/sDQGrEzb2rgrkHrEY2qH3WNlEVzxWY4Pj4NCNpkZaQZyxPi\n+UU1bo++bJATo1xmxGsK10OF9O+JalmsUUGR7oxzg87Rr+TM4q611MvE0Fji\n1xaG6nsnevwmo7z2DlDzkKOZEsY9m84bWsDOqokwuHu9I9M5I7M3wBdXngC/\nC3xyknQ+syFCoQx9syOB6e/7uX+eQrnwApZQ8W9ZrtTu3wKIDExLzGFYZoUy\nebGN7S15VYjWZDia41U/xrzhGBGDJ3AMO8ILkJyPUxyf5cFJyxMjTQ51mnLG\nJ/PM82tH6fi4Ue7VW2UpSYexSqtx9oV8F7Bj3NzYv8kAQ9ZM09gk86n0iJyd\nSNVJS/FI3emXDa9s0lfQfj3gPdhO0npxL8+8evH1JGZUDmxAPhNMa3Bdio8z\nXeuJdn8oK4koGUnRi5G1M1YjsP1/bAE2rrqKVk9UnBZ4hqPJxfC4oeso54Jr\nwZaBsOrp3qttkri0hwDsa+4bZmLCIdanaB5+oUoaZ2OMcPX700gHmfSFPLdL\nJFRL\r\n=+UOf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220258423","@chakra-ui/utils":"0.0.0-dev-20220258423"},"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/tag_0.0.0-dev-20220258423_1643100174359_0.03215894797466334","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202584437","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5ce0e17e5d35bf585aa5e9839d7f6b70be030142","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202584437.tgz","fileCount":13,"integrity":"sha512-pnW0Vn9PNWhiLJzNCDyoOVBsz/aZHkvp8Di1pIMbTtMBEVG11KVfo3S0LnNZj6+EOwvkhFscI6gNDUD239MFsg==","signatures":[{"sig":"MEUCIBk4r3J397E20AyreBNcNPOYiLAXx8z1YDOaR12PS9AJAiEAsavQqJgMRyB+kX9kCAwO6H5k4MqLxzJwdVZ2DHozbUg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77irCRA9TVsSAnZWagAAvI8P/jc5uS60ch+fG2ol/nz0\nDS6LJeXCaUhrN/sUOm0ZO/bbV0vyJmipEtjDvklH3df4eTuyws9WKR5GzOXm\nAlekwlHbB4xxGV0YnD5YlTXnvWMLP5HzZeH7cIZv5Yaa2E+qZ0JfYspSfkZU\nh1kMs5Pe8eEoXJpuhthKDW5bzdoRIens8aNvdSFa2wdFBxeqUvy0V1X5WxxS\nUS0wLdaHEPcR/4rGmntuHTz7cuO0oB6WJFYBTyKW04MUT65OOzw6qjsRAS5+\n/c3va6BTVjxaF/vaXectQYlsGlI3oLHLLUz4R9+6oT28K5fnrv6/3MJUGdAV\nkrVXyLOTQ8rizB9tr24oKLT4j0I0gC5r7EoeJros2FU+U12ZKGoNt0tGT6lg\nHsoPpJRc80gB+vW2mfokq5UhE8hj8iwljV9ZxvAISXhRoeSE8ad/IrDqySGd\nIlyfhE45iE4lRcdGuEhJSq4TJnc2SKUzrsefLlryn13guenQ7FUtfEZVg601\nhs41PqG14O88FJdU0evk29nMSCrzEJJ4z8QDC/PazuQ3A9PEzRJqUFkbMHWz\nImiY+oYVMftzTU/xcoWgUMc0H0kjdJHsyr9caZGuFkaDuMOcjYZau/QMOnQx\nu4OEh8J8wngQYarnQ9WZ9wpIL3RpFyp1NiP26KHEbt0ImpzsCaRTiUYcQbT+\njRTk\r\n=b0Ts\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202584437","@chakra-ui/utils":"0.0.0-pr-202202584437"},"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/tag_0.0.0-pr-202202584437_1643100331632_0.9893811399971335","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220258462","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"123282e859534029685afc40dc412aa583bda336","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220258462.tgz","fileCount":13,"integrity":"sha512-DScG3AuP8B0UUM6DCg5rSZl51G4sVZKTFkV0R8Gorzncy/BwMBuB0MIegGhxBZYvaOjVa1ohsoEnYlGJtogQiA==","signatures":[{"sig":"MEUCIQDCxIEUd5/wtJsa7ZWEEV4yMkbzDtlUGi6nCLQUvq34fAIgWFs6iVcNCi5ekcExY/803S9d4oqsc5uihmrcjgY/rRs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77j4CRA9TVsSAnZWagAA6xEQAImDfWo2/nbDy2iptahv\nSwqKi93pmeHZVkRIdeAUDL3KuvEvcLOEUjsa+dGeGis/UvTlPNczMjzd3lb2\nqoZMWJx7/SCBTwDoZkYLo8NsfjkQJmI2VyGIGA6UHREfybfR5oT8b4hhdcYt\nCEqYiDCyG/KBVbMMeMqz3TfSy2wejhJFqvzcGuLpymGlC+POfYGMVZ1Y4uug\ndoaUetE2ZHhxzs78ttaIS+aGFoYr+pEBaYf2t0R2fZAde5y/h/jug+XnHYlI\nUn2xDh7O3Wv3eI6Q2siedxekQ9sA+Y0LO5km3Kgufj4meq6dXg9ysyfqjll0\n4/PXjEMZSeFTIXMCNm+zonOE1OZUbPfIS+4RlBjwGsKbFUWvRUKIvYpQvlMj\nhpPfamhze/EJFTq92sXyFS4A/lIo2yh9LCFVdmk2detOgfcr/KyTMazElAX9\naBHigcq4luEic1UgZbri5tCwugW6q6obZBOMsjL+N6aixp/0QvWCRUWET9Ag\nruIQcWShAY5mVP3I4r1ZHvQg0v2P7XTSp2rcvVRYJZrs5noruJ4MfHUHuEwa\nHEO37qlBi6fDrwkyXeFck+aa9DokixDd07ofJAhD1YUPGpgFBrp18Tpy1YcN\nqRT4VouC1foNhP5tTwAlYdsRZ7u0QQBy6z/qGwzM4TxKDwCna+RI13UGwTak\ny6ai\r\n=VC8z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220258462","@chakra-ui/utils":"0.0.0-pr-20220258462"},"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/tag_0.0.0-pr-20220258462_1643100407998_0.18419461988872143","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220258486","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"bb1bd2964ddea8060104016b4d043be6e88de6ee","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220258486.tgz","fileCount":13,"integrity":"sha512-pCHUZqMEUMolGuWrKSzT1chwgeRmJjvwEjG9kl2LNBBIqGqqOfxKlueKoA6N4tj6nrYoBvR846ad/p1tyDX9+A==","signatures":[{"sig":"MEYCIQCL5gVuPiyIh20mjfbO/ZO43o0LqHa1dufO8Pw674vKAgIhANRDpcrYnlWH9B3uVU05MkMtKTu84LRv1jd/306whQnX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77l8CRA9TVsSAnZWagAAKZgP/jna/j3IKEzrx7giy/LJ\nqVJfiUaxfijJ/UcYjyipx+TuAVa4nAQifuznNM/8R1Qx0p5zXII2LEa6y0T5\nnIyQCzXhPzjM+TjYQGxGGVGxoE0OqdzQKCRsh3hGEfQlVzpz1i/JGGS12t/a\nL9bz2YqENMoGQ9waCIzAyaWmTMcZrJzy9nbDe2C4cN6AuV5PseRG7o9lXrDT\n8jXVvU8O/JZTfO4OhkU22eLeU+AjDZgl9zLL7BuQRiBfJD4DMo4W0OJ2zDQD\ntGxBFobNwRIIy0ac3DUfbaaZdXPbQ2BW6/poI35zBp3lli1Xn3plGOX5ZT0E\nsBIzyQS5m5zxDvL0uYbA1qXUDZTiMgc3xYMCTfNBj6D3dmD1V2qxSceE+C1S\nRbEoF598B3UIst0G3j4tXDFbVpFwJYBIdIRWnJ8nx7RSSJIETL0Gh9FFWpBg\nY5VMdZdujhoOPZAX0BmmS9AzlziZb3PPr2lwvENymoQwbBD+m3UyfzqSFjmh\niRY5kANYHE7K7OCT+GZJW6MefxMYtvdIT8cPLnClkEVus5LhE/shxm6Fnjrr\nAUgalHA2ERwx4Fav8AEhz8u84D7nVqLo9NdwO0fEWR2NC3nGi50CVe5Mxvos\nbCWTB3SNnb8CMFSVL1WrZNZHYPDZJ+r7aLKvDX41yqiALaAf8yBlt+mXNwWH\nxdZm\r\n=s91j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220258486","@chakra-ui/utils":"0.0.0-dev-20220258486"},"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/tag_0.0.0-dev-20220258486_1643100540409_0.28150849176869763","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202202585455","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f21723b52ddf015d88096c6f621bb7c4b21573fe","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202202585455.tgz","fileCount":13,"integrity":"sha512-8bkDfpSM8TWS+UKHFuTzMMhQokabJs0lV27apFtGk8PJLJ6mIn03FaRyTJqf39KG31QGGUVUcZsJvRFGKLHbmA==","signatures":[{"sig":"MEUCIQC47gyxcEJBN9Zf+Bqp9q53jrsG4UGmSxN9jGQzdiexIwIgXuLTm69DlD8HjHxnLuyIOmfGXwTC0b50xsOFZbF3jiE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77sNCRA9TVsSAnZWagAAbpUP/A+wQK7Y3308lYJ4NTU5\nFlC07HIK1FFfp1RmbmNxJn0tP3uBQuH/r4lVPDBkcgePYkIkMjDjgBDef2H8\nAz7iGaTw4ToIb9fNdBS6kdKnTaSXMlrkQtfp7ctFO1U2ca2er7xb9dKX/HrM\nyfSlIjuF/Z6L1Nnuq7RJ0t1QtOUFES9IgF611/fN0sE8qfOs/jlFBk19dA5V\nJShz7TFlpc3je6iVukkpX/vxC2yGedjV+DdjhENoutlVsru974BDHonoN2Xh\nEGREAMgpR5QOw4XsQsz9Ki7Puvqg9FtHZ4mxYow50Akm0dyG3Shi1J9a771+\nJ2XjGa7EcT0R2IBCqsV1WDQBGba9VyqoUbQ/DYlyJ4ohBZRG6DaeZNtor8IA\ncHa4/l9N8L1StHvxec9Jkad3wrqe3/UhQzkEJEcUUTD7xmvCggZKWwF/M3GI\noaUe+Xs4vMqn9leuHs+Sc+yFl28hWxeYnJvrD+pXMTs8VgaaZKodD3n3VVR2\ncHDqBPG47DPS2uc9QIZFMKmrN3kBxoJMNSPvjbCM9fgxu24w+g9fpqqFYRte\nMV6tneQFd2LWWdu1MWKVSPeduC3BP17OR+AIDdz4p6lsyb9VYO03d/Wo3dSn\n9J7bm2Ui0P+kRBTzAGgQ4318E0CC8B5zrUVc79093H7c+b2fwBI8+2HAQWF9\nnCW+\r\n=Pvbe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202585455","@chakra-ui/utils":"0.0.0-dev-202202585455"},"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/tag_0.0.0-dev-202202585455_1643100941437_0.32044996683441984","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220259146","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2e40c98cf81beb8b229e14f98ff24d03290b6771","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220259146.tgz","fileCount":13,"integrity":"sha512-Lhv7CGPqEfV9GdMFTRycti2bdvrx3aYPfOG9NNg3dFYZc2cwCbC8xHGE9SUNbm1EM/5QVmCWLU8XJ92/793Icw==","signatures":[{"sig":"MEUCIC0C44rsa1YtpwXp3JMfCAYRoUcI0KiKRO62ebG3uoWaAiEAysNqYv2SsqRnnxRp3hv/5AQEW8sr1s8/9hhcDCK3J48=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+NCRA9TVsSAnZWagAAGxkP/ivYTIOh/LIDpwyBOj1l\nMiHT4fInGvfDXoiav3btjT8THyOIyCanZc3ZuvJC1IS9C1jLG0Xhg51yQcpb\nWMPLHdCQK5VUPz6ILnTNAzrZq6iqO5IeZwUn6cDUl9hwDUSODT58fpPxdr2S\nIG07x16+m3Nn3rd5Ca6L/XpKC6PDR5MrrwxJoL5wVZTjzjmJz9x+eUtKSe8Q\nVKo2GTpQK2aihlV8T1fioWPWIbICLTHf4cmzzgMY+JJrv12O+N0PWn5eQQxA\n91kqxzq5OPynHN8HDVmnsrdGytubDpbE9ShOklKwahXjgCve0lAFI/TjE3xB\n+A8LQOPEa77pWt1OTGNN1jdsMPKEdUvOOg56cQam+j12l0hc/vqBFS5Lk2Rn\nt3hKnDhyhCgKDgdt9mhL/nvswEBPQSKeRmpeR5PlbZ3+0nrmlJOH22yfFCuL\nlHfYJPR71pwry8MpDUWXpx5SFc6HKQW3W5jyRD9+t1qEdnovIslSy349BX+y\nfS7v1A+q1K6dCBsEAeMjdsQSsNldxPUNBiqkBS4Ine2By3PgBDmgom7RwpVy\n1ix5eTP/s/VttPFHmr78+DmcR5+W1cAuf86UiR0cctJHdwpfayGYQtEMKV9r\nSbo9XrJS0gqUTzlEebMI3JURcZzCvCpZVaH/C50zZZSpdqNI/n9TN2xLBMU+\noU2A\r\n=ci/t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220259146","@chakra-ui/utils":"0.0.0-pr-20220259146"},"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/tag_0.0.0-pr-20220259146_1643102093124_0.5481891556448721","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202202591453","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c9952180459778c8a73cc430c5b5d372fca47b7f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202202591453.tgz","fileCount":13,"integrity":"sha512-ScgmrqT4SlWvAPUDjoRxSncby5UkxlpUNf9ONE1nVroR69okpVYa1EZ+bTM6+pZQt+4OXccd6gAkdLiKj+K+QA==","signatures":[{"sig":"MEQCIGVlLnSj38ICc4rYZPHo9Xe1w+y7TJxI7GJs2lhdcHSAAiBhMeel/HKvqxvBY+snjkIHHnFwNqALu/dHAEAKq/1Bbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77/ACRA9TVsSAnZWagAALw4P/0urah4SOloUeL9kg/XD\nrkMnEu6MjnWk2AxumUn/EP5Yo8gYHK4fV8qM8dKbleCimRK57ooxkTSkTItx\nyo+8dH+a/55cawbGoAzv4coRYaYYkYpxlOaakWk7ZMs80FBZfUL5a+0tzoYJ\nQ5Z++YQzeVTqMDEF9DBEXNnuvVmVSUEh+bG5T6+pnpa2hPDOoYOcsoNKMnk3\nMk06zeUBlEEMIoUlX38LpJlFL/hq1iOB6nwp6M2g1lkK213DNTwqZK2GNeyM\npeBzSuK8/QIaaCvuBxt+DIi1wws0sqSwGuU7NwnRZIkXoa57LmaZLpsRBviA\nCbYzzbvLWtikXwEwtEO/Pp0hrtMhvYzuyy1HtGuDgSZ4FLOZWIu/HmN0dH0F\n+7VGaBRAw2YVVXz7J6oJ2oWTMs8UATw3+ljTkbL3MEo+0m4M6xA0Ir+An9pf\n9ZSpfM1OGMLGAK83E4odNti6jsa2uVW01JNC6t3we0B+kVnYsGkCKyvfCb9Y\nIvC1sWK9jpHd5uR60MVgraCO373tMLdMUlaLRmdezgQ9+YYxq6SFmQn7IsuF\nIlSy5dhzWkOWnAruW2FmjaMTOqaNbppTwRPcEOmhsKty1n4VyRkNZqx2HfH0\ns+dNdqLtkKX0FDLTo9OmYmNcoCzlTuN4n1QMNCWSbijnA0+y6JolBTnev7Fy\n3xsR\r\n=WL3F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202591453","@chakra-ui/utils":"0.0.0-dev-202202591453"},"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/tag_0.0.0-dev-202202591453_1643102144243_0.3999643964701489","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202202591937","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"69f2d654a11a0b05f083497f0d7437348bccc33f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202202591937.tgz","fileCount":13,"integrity":"sha512-hjWBLxVd0AwzwmqvavxvfSpOKLv82qV2stXTm9a4J2q547/wo+9B2lPC7RM/bL6kGXQx3vQoJmakaNZQXpZT7Q==","signatures":[{"sig":"MEUCIQCfcUl+SZ/mcQcw47IoZ76JenRZQTStANbyUyI1IK8ZNAIgIjDf1bsjFHZSpizYdssmvBox7hNk8xmBZV480RWNiDE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DbCRA9TVsSAnZWagAAj8MQAJIGu/jdmwrjK/9wRUBJ\nc/c7YPwSDjhECO+f6AuueHbUTpTgHiuiQ9O/WOo4M0Vjb2ze03/LcReVE3T8\nvApHObQ7jAnORmz8TcmmWjsGpXlhIIqnLMugJpQ00iX/r/CvK6BpT7LPhZy6\nG+Tx7CUI9bdKswroD3vrSlHVzPGT4Nl5GP69n25J9iTF08Gw438/Y2YJO11I\nLeUb3NBrh/V3HEE6J74rrVDKYhU95R5faJcBukf1fwGY7fIWhSBEzVTazyf+\njVcaa8ny3QFS4gnc3NEyNFih/ULbGCirLO8hlE0QFRifg9cAOyMPseFzCoIb\nJhGE5mp7fTj9h7l4sAKOV73uywZw9Y7ihtm1YqUB6hMlKwsgy1DlxZj7HwNV\nmWe+83W+4o5ZyVRv1o2Imuiyayhrl/EPm94Jm0d00HTTY/+1CHMQHLJawYmr\ntdHYEskv+0o2gFcuxHNAPf7lbPOETCTvZqzzvcDCHwB8YOSP6WkOY5mK2zW1\nGer8S+agG6dbMXFKY3955KJc5skHle3akvSWZoc40S0+WfX2nc0l8CIoSW6K\nLjgQblDh4jSHR6MQIoXAB0dDok320BtlLrMpxApsbBLv+H76r1Ld13/v3lat\n3H8YpPxxPxx1B5sTat1tHoKO1RIY5DIm/ZPN8CvwDw8vBnw/lUfGogIdturt\nZBRi\r\n=W0UT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202591937","@chakra-ui/utils":"0.0.0-dev-202202591937"},"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/tag_0.0.0-dev-202202591937_1643102427245_0.4815185769431545","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202202592640","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7a776fb0d620d35b9a7c172239e0c2d2efb0b423","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202202592640.tgz","fileCount":13,"integrity":"sha512-4bKINP4c9RntwY7A7/sKGvlKfl9Cpql5yuOOEvynaDM750N87P3c1oTI4jpTVaaIxCfK0jYXsbYmt98YPxJgYA==","signatures":[{"sig":"MEUCIF9sb7xnzXM8/3whsnndZd1qXhSyfKSYvH6ZiSBi2rL0AiEA/IGY9ZUzNkqKL5d5ajUL9mRpWp7lgJyp5v8xSWswlLs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78KICRA9TVsSAnZWagAARAAP/idYJWlfEzgD7mfNeVbJ\n+GOxPzwqgpHUhfwCED9H7SiD+jc+6E0CGGZXw7ZZwHKeFGD+4C1JcYx2Dcqa\n0Zi6TJJkuCQTC/M+FOWkERoCwLwk5PMLtckRor/ZjAcIjPb8EP/0DnpYwvpJ\n1AyYr05fBZfE1zih8tCVu1C0a4RU194Z8KxjxJTWC5ULUuULP4oA5Cr/8Gpl\nDwmu6hrq1y1dJDVYzkYk0UBLmejGwGh4w/EyiVpBStKablVWsuJRC1iZkS3p\nsiW2mpwBUBwbtyqiKvx+DRcb1py8dcpxgB51llBTyZ5gI7O/a1K5OaVAkJHF\nHOHrtfQUnhW3KVD8QSFWW7Cf6r3B4UI2l78aBegUUyUU/bS9/p+L7NxzISUQ\nomya817bvt7BXsE01dpnPIDRRtjIsg6vd1X7YNqpejDUaEqnTboPH8z2E+ig\ni9Xo/aC7YMQsIY5Rm5PR4SkFzrOKMq3LjTd5ELFbK3Vag0EDuIHh+qe3cXeI\n8+4rA/s2I9SzEhz8fH/f7isVCESdL0jpTm1KoZCP+Cdcj5yGOQ7u4ErV6jOR\nYbyA/brDr3d+bWn1RlPKk2scc4Z5neo8JfSyrtl08izMy7QyK987cW+TDyBQ\n6Ja1IbhJPhm5HameE5412ES7unNBTtFofuX/c1T22BrZxSSiL6OOEyMvdJtx\n3atW\r\n=+fCH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202202592640","@chakra-ui/utils":"0.0.0-dev-202202592640"},"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/tag_0.0.0-dev-202202592640_1643102856149_0.6746887125737964","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220251866","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"85f164d2a9b742ac2a651f8a1d42b9aa7a7fb5ac","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220251866.tgz","fileCount":13,"integrity":"sha512-3JVplzHtHv6WjANsqi6FNP/nTDabkwFWzKGjOosIQFfden1Kac21yzOifcRl5J189lSAjZ2+034VLtJnFP3D9A==","signatures":[{"sig":"MEQCIC0RopuYnmxzbJh4sS03eXv4bGUFhl2HALFc27FIEO5SAiAk5Or/CG6ty9vcmcPHF20kfX2vY14DLDJUu/YjGKY59w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8Dw9CRA9TVsSAnZWagAAA6sP/RKyl9CNhlXjYcthb9YS\nfIa25VZGe4TVWF3UJv+71ykE9oSBBmwlrzKk3N44m3/ElKLYMUFpWL/oXBLC\nuG06e4XsFAsvVJ/UpJcjsmILSSTuymqJyaAH70q/+F7suk1xn1AKXK4qS7hO\nngSS09zhZj4BzpjPvYRgQR9ZtkMedjgMgpVAOucKWmqEB6HGbTBhb1wWIAyO\npYIB5E+6nR3XizqGHapP0We+YypmBo5rP6SKbyTI/0ruutx36HgYEb2PJ8EX\n25qto2ssJ2zoZCxs+Y3y7mQqC0KsC+slapTrYEgYrZwu8En2TMsaJ1mL+AJ/\nM16CYIOy/8vLa9LQus8Kjs70/a3hfzAX29Mf+lGEtNe67Fi3YyL9a2ddk35O\n8HDBLRXhustES1nFLj5pEPe5w473c0xbGNc+YPeyRiyW1A8zH7+VNTq6DZW1\nIy0ba0tKtdiXwL+nxM64nlfrOb4ylmOklvMZgvGh+uPG4LHWpT1fnnY265u+\nBbqokO6ke2FtBgHhRziRCv66mNoevIRQG81DzXN/ArWwVSLGVULUfJaxr+Wf\nUz6/3+buBfXRZm9F8/reAkgvt7oarVf0oN3KQpSFAPAMuU9Wt6rCKOQ4C4YB\njTpBfA5MZZoNCEumQSbJYJvyiOp3E2HhO8aNqXeC3iaj4iombmLZiQXaDJeK\nTvhj\r\n=HCfh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220251866","@chakra-ui/utils":"0.0.0-pr-20220251866"},"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/tag_0.0.0-pr-20220251866_1643134013221_0.07250997474334087","host":"s3://npm-registry-packages"}},"1.2.3":{"name":"@chakra-ui/tag","version":"1.2.3","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.2.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":"cce00c32bc0c2666cc1da6a8f2fd5c63373773a8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.3.tgz","fileCount":13,"integrity":"sha512-M2A8kf/IHbrx7DTahbBxOhtMMvq3gSUR0RXcBYW9L2j6bDa3eRYoVQtgewUSrMnLyrv99bCdBCGFjo6nGUz0lQ==","signatures":[{"sig":"MEYCIQCMUXpfoq1FyUXdVRexQfEM2PHqDundM9dey2+VU7sfoQIhAOEAt68cTzyW8IBv1xNl+bNcEpztPPwQvyzM+FJfd/w2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxpCRA9TVsSAnZWagAAvLQP/AuARI0rFKN8CMjAvezs\nqtRdfNk7+33vtryjzu/FS9otZQuxz0552U4+ObHkqg2BiFbpxK/uqge13mmz\n5cQKZeGHcM8zNZ6GEaVS7uWPE9QI7jglt1vSUls5AXJ8YbMzFiAO8DiimHzV\npIAG3B7a3/2doFOrBESvXE8ScGxvYkEGvjqZB3cSeyykvgn90Wxxn49VokV9\nf9h30cokMBcJcntAElEJonsjfYJN4n2B4Ywvwvq6TzBymc5l/gJJS5D/rnAA\nRoJL6ZgvjW5AEz8qJ1Ae5RRgDRqILpDkfW1WH9SOpNQYg/2dxenlAYphUs9n\nCdN66/F3d7ThaKMozeX2L6dHCH/VjShtP/sTFKqBhAS/lBqYxS8msh9WlyKN\njKrX1q8pvozg31wVAkC2zBlJt07N2rX06/8fna1XnJGEnbtzZj6B19EqmTrZ\n+Kx2L6zYgx6+Ez6F2IZs6nmRwjmTXHULbJp1F/V1AYHxp7e0CZ9nJ5ydYo5I\nuFvxiEvLziOFEC6uwsUDY3qW0/+KkIkQMJIyPuJe4kfmjY+tn8jKj0ao8e0E\nIJXuChcR/QlwiiWjfHUje2KxiRDDukOs+KFR9nt8x1R7bRgOdP1aKto3DFUq\ny6cWpzDmO5RtZrZpYSBiGFnq3YH/giWXzsHZgLQ0QM1mDS//AQBRnGHuJ7vw\n6jqQ\r\n=uy9+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","gitHead":"b8508b0f3f99e0ef04333812938efad93da02dd7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.1","@chakra-ui/utils":"1.10.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"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/tag_1.2.3_1643134057814_0.5471681905593484","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022026181758","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"fa34b137dd5f22bdd16dcc8fdffaa9dae468e762","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022026181758.tgz","fileCount":13,"integrity":"sha512-wdoiMfYr6Pedrw2eUnxX/gkYnZq3dKst49QLRQzDKvUgvZxuB0p4+O56cHtSm2uguZGc29KGcJRI4/uCi/RFDQ==","signatures":[{"sig":"MEUCIH8ZjwufGlu8+o0DBLuMO/+ELZ6vdYDftq1bd5MyntO0AiEA2BX49i6pf0PcFkii+G8aNf/2e2mm81FmIeAxl0EgF68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZCECRA9TVsSAnZWagAAQjIP/1jlFhodxjWLT4NHkzUO\nVJG5T7JgGnVBXucxfpMhKO+7ESvwryXcst4QPDakwIKlNcoAe2a1G4hAZ1Ks\nvXRQ6AE7P9DWvjpntjwEkzPw9cK710QYenyXneeGNarua1UKbNnSywGjM/L7\nVqdoGsDF6cMCNa5br1LfxS9TM/RuM50c+fUhbZtQeM2trZWWPZlzLuD+d8dv\nB/Evqj0vQ+4O87fhO5cYNXYE/pH2D+1PxEz77q9bu7t1+7xR5sm8pW0gEat/\n+GAzGNFr+qLeAJDlDBt3TCzb4uo8uzof+N4WVIui0HEHzy+aBTcoP/kCNUqd\nTAGlQU+IOFtAllSwrBdSJ98BAbf2S+svNzro46lexT4b3EYBcI8y1ZcIHqG+\nj0v/3wYy8qP3wvdn/r+2/aDpdaj2CNT7WPXLuytSxB8wCjAofV7ok7VFenJi\nC+QG6pLTtgfK+PRAiadLOy4ExWangph0Ul3BKv2r4R5+Q3MG/zVcFSQVjLvx\n/3D1oCeNKgXZSv4UMD1Z4+8cL3pZ5QND9P6+/rdG4xdzK1mY8KPew1neb/Yf\n0z7IrTIRn87v24JhDTjIDBM5Uj1/QstY5B5Ygp6oeTprD6Y+v7Gp5rd9blRZ\nMfnq5WnGfNPEYdQNFmTGs9ldFGy/5dGCPmkyObfAq5a5W9cxdJ7N1eDnmQud\nigHp\r\n=MkPV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022026181758","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-2022026181758_1643221124090_0.8447439358318791","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022026182926","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b07dc127c7247002715cdb1323290ae450b829e6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022026182926.tgz","fileCount":13,"integrity":"sha512-aDqxtoI7K19PCRFElCCAYCcTPXvQynHPP/NiDUCds52bBpC9kyv9Fc/5D6hxXQStTm36UgUSJVkApddt3EIufw==","signatures":[{"sig":"MEUCIDzmhW3DMwfhoau7o7zUzXoA/o4Gz/AnMcEkHrjmJAysAiEAm1qHekVSLNKC1HjIeWTjO4lpZrgQJ7Q5ieGuQ2rcSC8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMvCRA9TVsSAnZWagAAFiEP/1sPKKQQb86Do7yl07jQ\naOwHUxE8HXPfoYw8jTXJvP1wPUgKCmhbUGuaLiyJhZMWpfiNWXE43a6lLqGX\nhN32DS15zakOwqiLFKwxUbcem7fOWJrmR2v8WscvP5v0LkOhyE0kd7PpE6Pp\nlmXTMVkGF/S0pohUm0QHue0bepdYrt/D3v2aAKIIqdKAVfnRNumXnt9jcmNe\nmxJnNrg25iBU0cCWwptDhAK73MxDR2T7rGN654aRTaFQWKaI5jNM8DF/OiNL\nQArUCz69ZYpgwEfg7MFb6BeSl4KNF54gEwKRGWLUiwAcX4tqt76sFvxy3mA/\nM/mjTWzmCn+WuFhOEENhMCLvymGEdN+QxVDttwrvcszgHzpFpOqOdpjsdXPQ\nfItgeKvx8ixYI9aMkXQLtE8ac95pMBkYL0R+/RBSWvO/U1kScwLaYZy8WejP\ntWIWvHSC8emeLREcv99HMlmO+dSD65ruELuyPiucijfEkY1ZVOGxwLjboe9A\nhKIbJjtzYroAO/HDphS2nfvDnqyLOlwuwtrmHBtvxkJIdFXPqib1/psNNFWO\n5teM8fbiifrQ8PAdXtxMoUsRFTCB4AsBQvjH7jpXpoo3K6FfOsoak9SCQVV5\nNGWe0lTsF4z8+IQxEL2fXAS8gkSpb247CJzDQbVmK5BYrW5WFneNLLHIqr0v\nFXyz\r\n=gKue\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022026182926","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-2022026182926_1643221807797_0.47935362814481475","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022026182947","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"743652aa9dd8b40749d1bf6fb64cc93188c7450a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022026182947.tgz","fileCount":13,"integrity":"sha512-5g0/cQZLYirAs9WVwD0bkWyaxWZbRnCcuNm2yASbTUWA+bvFmNhrXAucmTuHFi1T/4CZo3S+PNhuzXNweXXCKQ==","signatures":[{"sig":"MEQCIEFvcip5n+G2apdNKbK0QuuJmnJuv6mZ3b1ztR8q/YcHAiBw5JfOX9fhUKJP/vsaUcDXSuae++x3K5qVouiK088Ysg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZNECRA9TVsSAnZWagAATIkP/1edgquoV3fi9f0QFP7S\n7RPIEi8alOzHXp3xGHIzFO4ii+QT8J2p7GXolPKKUHM+1r7qHGLqWG/kYNbk\nozbeGCXsoX0LSiCcZfk3+JkKKQB4iTQnvoic5lJXPTTdok1x3qNkjoNHdmZ8\nF/wNTwVhEMpZL159Q/FCYTvqxXhCcZxn5ZRB01ajvCLGuerk8v4E2QiyUxvq\nKQtrg5+uye37AILWc0blWeQsCpouXSZkPlNrE4A09eOhHWHLQju3KGdZXtLY\nK76LBg/XYmwAj7QKp4DomikCTQj/s6uKEpz/H98firPcmiTS1hcVhhlbWziE\nN5/LoXgGHvIOA9I5+0DE3jEVGh0VUOLgvWXLl/oqz2mWkWFE73HcbZsK+JYA\nLqEvVe617+pLlql+OROIBeFZpUeuGOJDlS12GZ/5PYSarQLqhX0HVTrAjUZW\n2/WiySZfp1/8ybJHvn1pljLSx8JmjhRgXQ46Qa8a7RbiXHM3cQ+S9ETeN/t3\nQpMyAJrdAtvl+8UlBgoI5UQjCl5A4Qxo+nPdBBwSdEx8N9lglHCeESIZqwsj\nULMx2G85eODTaP5NQMxOx8ytXG6G0mWczUZwxXXnhZypjeoLR/AZmXL3FYvM\nh02q3EmqY9Uq/+jaZc7OvdQNGV339akg44q2pyEGq9GBwWp0apdadVa6NX9M\nX/TE\r\n=M4Qq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022026182947","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-dev-2022026182947_1643221827792_0.05883989481409024","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202202618407","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"66a22d084aca5e73d32e3c0b1806cfdb241c2b4c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202202618407.tgz","fileCount":13,"integrity":"sha512-3m2wQYTDNc/ROPF4I+huOUCn4kCZxX6xb69EWLkrP3ntvcNlv6KBfeY7FccUpa5bNZKMv6Up7XPB/6BSmTiRXg==","signatures":[{"sig":"MEUCIBMA6fe7iZR0zwT/AKA7gm+Ecquezvbsgdlu9PvNtp36AiEAw+aUxUGnrBXcB463zaNm9vlxB3Y3jFaVW0NxpMzV/xM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWpCRA9TVsSAnZWagAAioAP/1PHHeUipLRDjbX1Egko\nYk+3CeyscgEg75VLwcj91SU9IoaeF+wBq8SSybGAJ5lpoLG0g3lV0s4bxrCw\ny1DRvku9zeKZL5hTsOYN42sRimN0L0JurJIyGq3q4003NESC+dhiBp4HFc5V\n/XDGisT3ulN9mD5RZ3XdXMYqUHUKxAiZfqk/rorFmi2aRXNZ3/arX6kw9pTW\nmrHj4h2wPE0akAkpZT8DiE6eMbR19UyAmrdkqLqDDaXgwAqINEIDGiI0ZTu0\nQqkFernBQ0kaHubJ+xdSunIcD7+LIEla9BFBEx+pCifAvlR0YkZszq7tmTnW\nqh43uB5lF4qeSWxJTHM2u7DmKhga7XrJXqdCTd9B8yPNiRSxGacE5Crmya6Q\nDddqbxgQwNdMKo5JE0m0Fel6BAplLVw0njiMPdPRWR+034EX95bqucKA/o+g\ndC/W5RHUED05f4BSaSUR/rWe5rcOaeruJryOYiFAMkwvyjzZ5llR+dXbSjsy\ncsRNWfwpD0wNrgsEKpOg0z4MVmt7Ld2hHxTu6wdW1mBW1BFxJaojilvnJKKA\nCBB24BH/atPQ8Z5lUvq47gR3AuyCGPbfBIjVJIHDGP2m8QttWsp5ILaDwajU\n375AOFMbOXaeyJqih/6Gqd8cb1+q8p1Jwe1B4cuWW7VTezxa74VTbWJCaQcu\nI1t2\r\n=Ffcr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202202618407","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-202202618407_1643222441694_0.10304266067115764","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220300344":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20220300344","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6eda795052e618438fcf8f39e3367566f3f9391c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20220300344.tgz","fileCount":13,"integrity":"sha512-QXcF7Ajf/vAvawoqtRdc3bNF47pcfuAR8buPI6rL3kPGWQgWQX3AJn9OGhtuf7DXNt4G5pA+PJ+CiYd3aRaqBQ==","signatures":[{"sig":"MEUCIH0YMRBAcHZHwlgNnzqE/EqSbzJYv6pf8F5HUqBa8LdfAiEA1Fs87h+q22V9egNvB5CdPVwlnymD6Zj/RI6xjJC85XQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9dYGCRA9TVsSAnZWagAAy+kQAIRghXYk+UZUXTdmYG5R\nBQQCYkwBiF11++Gm3CxvZG/jODsEJYiPh2rh3nw4wTRPBKCt8XiWnh9cRy42\nyX8+FTQh745e/ni+N9GDPmwVm+15IwOp7ti78ZX1/NwCs1/redJIZQLepAvu\nD1gF/yP3KmzIZ7Vc/baxkUopQdWB+7+Y/z7xGlpMk0aDWqr1HWN0lAtuN6tI\nwNxOmLm6WgU8ddIqV2oaVhQy0G8vTVVWk8YV04EDBlshcDijgF4rJhgVGMr7\n8aFy5RjZguZYS+iYNh4CdUtYgUULPUXQ2rCCQvINIsMjiyVFWfomn6G8fnD0\nCBvcu3ralIkjszTghSjlqjHGFqpB+SUIBxt//GYkGf0epc87qzTdVucR+7cN\nV7dT9GiKgFwwu1NC7gYW0PK1pIHMDJSpJuNW0gS7LkAp21cfTN1pfaCcUopI\nhObf4YoNhTYdSa9eDJnsKv+w9Nn2QcVpyNmjFbYk0QXqjhCThOY0BF+m0+Rl\nBbB/5N+v2FblXBfuNJ1VeEdeityiHVKprvjlH89hl8XfTaQ7HVwZ+d+RBxtJ\nronskgmM/9EuNFc+bDuSObtI3q9jttYmhmsNVu8nnhhdFBDrVmkUSaqCU3Es\nUj5HkC0TAmEG1ZuC+ZoEZxAnPWaic6GZHt1ZkLGDv6+Fq8zFRp0oBI7G1l1g\na0QU\r\n=N95L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20220300344","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-20220300344_1643501062156_0.13763270775993552","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152957":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221152957","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ab030bc2779feeae08077d2bcdbfe969bfcb0ae0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221152957.tgz","fileCount":13,"integrity":"sha512-OmCW4aK8xhWO0kmlvCD3KNRJ2VgfEiywvEk5T55R5XU667vAVz1QTrZhPzPU1io0ilR0RdijBtjg3bOeNlDxVA==","signatures":[{"sig":"MEYCIQCp6urOeVgAmHYxEidfYIhCOL4wxGGq9JC6hbcg9t3hDQIhAPVBDW9DtBJfJdK9ukdnz17qvJ2yWtyLhhqC3cxkSa2o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MWACRA9TVsSAnZWagAA1tkP/3AiaKRDmpwQ009Dux9r\nryCWGayhIAr2gK/PyA5MT5b1KG2qZx2pW7VgggaGyU81nFMxc7FpuR5ssb8g\ngKvm9jvvWW55KDeWrlIHyMDXg+B5rgAMh4XO4Z4O3MSkhc0E9RSoTAtkVw3F\nx3gffZAJ2YEQloGda/ZDEuvOU9wrTk1fXe11ylgDAJd46S4ccnsfK7JVEQEO\nCcm5oSyj4TkLECxZBFnCaeqYQnVH0XsP2xSXnChyuKOryWzWkWIwwD82SH7x\nW+GJN8fAZUt2QV+IZ5we2KHCAS904H5QPRJn0XsBi//6XhptFtZTQTaZaF35\nGHFuO38tAIrjSdgDMKIRgMp4+XQtGZPyF6/gAviOHgbgOA/O2WFbPbpQ4u0u\nqb2l0WhEooai3F4+HjqPrjld2q1d/hsSh3PAw93F9jZRGEtrGdM8peWqLO/b\nBp5Hh03HtY6yEcG+6fy+zEaL4waNcpOUVTTvkAf029ThNclBuYMchKvVm2ra\nzartMSNiojddXkrNAM658lZlTm7+2S/kUE8OWRgQ6LIF9hy1csqLasdWT90q\n1V9dn82V9rv4D0o3S0KUBI/FSy5EyV607PX3QQ2YWWPircTNTJaxQZCgLsnC\nbrPumDgVuj5bqa8rolTyI1jz2I+Z951GxDdf179BBHSLtRIFaKr79UrjAJ2n\nrhQr\r\n=vNP9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221152957","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-dev-20221152957_1643693440512_0.2961293642592926","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221153122":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221153122","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b60125be166f2a6d6a558bc6c0177d3f69fa4d9c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221153122.tgz","fileCount":13,"integrity":"sha512-B00Z9QIF9ueBTQvK4vf+BhwIXVo2boRu7crys9ZtmXL7BwRq5gcI5WyxuPo448T/Inf2xC8JUY5Ej08+NvF+4Q==","signatures":[{"sig":"MEYCIQCqMGVv4H5Es9qjfVlsRABzXuoc7SiaOT/RSwnZyzF1BAIhAL60H0DwtYBM6i2h0bSJkxDnz6Z22G1XTv5ep/IjbjNm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MXUCRA9TVsSAnZWagAA9n0P/2qzsSDtp2Q14GIHkAvK\nGGihmBfRlEVXlvJTFdRtCs9J+Ar7CRirbjxgmFKeao9y/z73AZ+9gWs9KGTa\nH4oyFbti/0jY9YzZMLE78h+H826NQPilZ6DWmmh8wmghRPEZtkdepKNmUy7N\n+0j+ITn/Tu/vtoi5eUjzb2wgwEeUVDsjlTHBOOyu+wJVaSEvtMAk3V8nkB4B\nMpq2SldWpPKJr75WEqEouIWNEZfbqsbnYse5IZ4LIFQev/+Y98PtAz2eT6qE\nHunSeYi+ml1jpeE4yn0SWpautVdIgMBzMBiKbJmUWTol0luggL+FLgd1L2M/\nCH+q3S8T/g3RMAu+vzSVkwtAc2fxA3SF0ipRLgnt53ZSXxW+X5hkYUEmbhG2\np7VcemzVAtQul5OO/64XxxCOlqGd/SuuwrfA0wwrnltykonExz7eQarAngM/\nsUh+QgOrpOdDCvdROB2kG8bBjXmJLkEaWMazycAqfgq377aAQL5ZFH2W3OF3\nnG5an7rxtxPc0344eyasopejSmWPvRu/DE0ET5vSscme3XdMk9RTz2PvxaYW\nS4HdnS/TwojQu1PiX/4OTTjr9uwwbRwnv9epfA74ndg1ACmMme+m4LpuIdR6\n0Krb2OhV7ta+nIty5BK1c0RqD1jdL8viU+scsT9SVk6jRC+G77z8X+1ZZtE4\nu/KS\r\n=R2cG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221153122","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-20221153122_1643693524342_0.015032875698563597","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173228":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221173228","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c022acd9a1df8fba4908bb3036ee8d53631a6a12","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221173228.tgz","fileCount":13,"integrity":"sha512-VhLhQYiRj7LLQ7ALesWnQLsoVe+R3pyUgYZJQ9shloRwop/JiOy6JTieQLeGmLZ8fFHJn03d+H694/vokIjy0g==","signatures":[{"sig":"MEYCIQCsCkNR6ZBpkHBBR6vW+RwERHlLNs6QYo0iO72Gi77TWwIhAKciT01asDua8bnl0tO+/GChfFZEa9zGwkkp3yY9kxSa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OI1CRA9TVsSAnZWagAA5mMP/3qLpGv8Qha9u55yIMI1\nVhZaQ3riXBGt6MjT2OM2BmmQ/X09x0en5w25S0dykJINawVJL0i8Rc0WNvKx\nDKw7YEFY6UYWRrJmU1WrS1krs88rtYJvLf/RRSPyLGbVML0YTu6xBOZhgD3w\n0N8LKkq2FCJtZvbeA3x4UGNPZYLtY6GqES6995hK2JqYuwL0dJJXawD1rRZ0\nxfKONY5Ok7w5VDJgr/NolAypM9QYk8QNtO1I7rlis2kxK+rPmHhv5p+vvqd/\nkS1zDZkBc2mBFdnsypbgKy6I9/hYgM5qxdLo2yhS7mrFbPTtMNXa1M7qhYi7\ny3o0XBSgoOgprr1d3iDLRvfSXydyusNA/DssMhcYUoAeEifrEcDIyRbOj1wN\ntMCc85lQa9VR7NEK13bk4nDGWpUDq/FPLnpklkIGoEwi8gAwLF3OE2PrAApb\nYiqFLEYDm5P128yESxr5Ecl7TZGTvkTuSMbAX23cajLam8jGzpVGlBB8HstP\niEJXKSFESjQTZsbrFMHx1kFiWnuixpao9j12dqrS1uH8jPJuHbJ/CIVU8HbQ\nvtlmgcgtE8FyxOrBXIE5vWKN3m8sVZiQI3bxpEx9OeQWmmhCF0Hhg/Gxtr2p\nuD6jrSGp3IbT+WHmKmMDxh/vZDkTIDMboc7E6bdisGdNm5UcUd6tTPaX6sYh\nuiSw\r\n=jRw7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221173228","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-20221173228_1643700789556_0.1477073353823357","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221173648","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"50daf4700c3135d08e92c7703eae7225a15722e8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221173648.tgz","fileCount":13,"integrity":"sha512-VEr2mEunLi7RAUFTpzTzxmaHqByaJsiFhDPGDMTJwCEQ5PwXiYIN1oVKLhgC+ZXBAC8jmAy28M9jBZyuDZpicg==","signatures":[{"sig":"MEUCIQCuawPSWCm7zEsLYXQJKfiaJ/PFhqD6dz1rQpEFBo3+8gIgPw0nNhcHuqY8UwQ1LbwywO9w3ckBUn6q23Qpq693QtY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OM/CRA9TVsSAnZWagAAXDgP/20W2ilMfbEz7g+u15Zj\nzRBGfZNDioDbG6gkHhDqk3QofiYbJDaFrKHl1cohYjqlB2MRb1soKQuCZJqU\n3MqlMWiTSv79VJPLhOPGZ97OZNbdDlnYIvHdXqkFirtdhplFn3eBmfEGPKJj\n9glnC0eUJ7nCUEHBHsJ2hoTkTbolGaaJzK6WuwhpG8k6/lcCAUJg/0BKor+B\nBArUAojx5pYxzgaaeD/sRPpTfqIBwIAZGZoyrWab+srhDOdv8iGzrT2s9m4S\n19/46KBMRISA0xpbTTeGpAThecYLrDyPiK661KSs2wYJpUb0addlHzhR4N2n\nudoVLccRVjDDFFZJmH/jmB+fZW5TiXguR0tIQJGafUT/lwUecGpvdju/nhSY\nx1sCyFOjLiVG4+vmBaH3nqtUDh61RlfBsfnUrFj5T5Jnnmf7nOQK4qOmqHKR\nMoQ8SJIaWgsS+bKrrUJfztf5aRK0lwD4BT/f+DiHIIUVzjgZtIEyqQGxEloj\ngdjG4YUjChk6lEWdWJ8s8yPu6XHYaqvEBpxeUOWEPyQXRNwDJ9XTKz1CAFbl\noPcCkFMNIhSzsC5xFlAt59T+VcvVQcQkUK49ypTeVI5nSsPO7r8ixNHEaz32\n/2JHoHSwjaO7O034zPsmMyvP4SL325cgE1xnFeIzpGKfD+D9o34+C0rr9LgC\nINnH\r\n=I6wt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221173648","@chakra-ui/utils":"0.0.0-pr-20221173648"},"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/tag_0.0.0-pr-20221173648_1643701055707_0.8950391237578639","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224055":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202211224055","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"430bde17dc258881b4269002a966a95228cf0c0d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202211224055.tgz","fileCount":13,"integrity":"sha512-p5Gl2zZzsfYhdYLrtgbTYdLzr2yLqj4RIxhdA8DrRH+Ls0e2e/RS5+GMIr7U2Z429/Ks/WiGtU9Adwnz4ozPOw==","signatures":[{"sig":"MEQCIDCze6hy7Tm/UpHe29A+5eotKmP72kjWTkKFIkAhktuHAiAyfEdIk6KWSbOtOnbPbNW2uMKNLJr+Oi0cCEbuavutlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bccCRA9TVsSAnZWagAASbcP+wU+lINJzBnIiZcI7/2Q\nJ495P7GfdxCp97amDh7i6aGJiky6j2axQerFWm5Sbp676q8T5SrPgwXOzR/S\nj/vFdQ/b+OHh+QchiaWsSjYS4BL1kBReeJcn9dSGkV4PbsGRoHEFObFJX/eU\n73JblXvrdevQyW83HsHpdtAFgT4H8+7JTPRcT4w60DZFDpHSHrfe6N1m/S7N\nhSpcQQyzXgVZO59ibg0Jb7q38vVOWuyYmyUpT9yxwSximjEKmVUwhZZrmNy0\nzjepELA0rAkEeYqwgekohQNQ+uk1KSCvx9Q5+qgfSd1a0F37K6dVZFuTcFgv\ngh1WqfEk5VrgLAjt1o1SWdwJRiYzVZ9JSImgVAUfZNW/9MblsinmUCNL5AzR\n+bnTnRrib1DUDUQUDgQlwit5qgITYMuawPJ78gavv6P85ng4s84c1szUmpy4\nwiNXmVVynLboztQaH9lriMEHZFlbugOHU/kYAT5mT03q1PkYliyZ6tUODHHH\nYNYpRQp2Fp9CkFhkoKraMjNmeeWmsnyC0k91koA/3Aj2tVGVLTsBCQGesw9N\n4dbIfta73EBHp0lfsKvFyg4NeKDHWNbdPegd9T1r59mWVU9mjZMYJdTar+1Q\njRl1saBO0HnYdhM3gcQLU5viiPxa8GZrPTkTzQz6/7TLQoUfQGPXlMCSNSTH\nyys3\r\n=UiyQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211224055","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-202211224055_1643755292622_0.285150722849179","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224227":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202211224227","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"913aafd20780f71ecd6f0bdae6e4916211bb3d40","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202211224227.tgz","fileCount":13,"integrity":"sha512-xZH63UO+V8AxQNp0nOpHt7zGf7YXgsHjZ2wVy8FQ30OdOqV7go5LRHANwWXkr+hifj6lluZ2K6tW+YOHiGzeag==","signatures":[{"sig":"MEQCID21/jSYyZGgKub8DTNOZDnhP7QConL3LIXliNkFewCjAiBBph4UiR7b2bEeJS7wMgW2AxODrI4dM8rVmy7Qc5Z2kA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21391,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bd9CRA9TVsSAnZWagAAiNwQAJkpqybwl5WXuvDjhgcT\nV5d5QABk6jH5h7KYqaPkwxGfKEdIlPvWZFK1oJQdLShcnalEJuvxR9AbLgNY\nFSEJSCK4tKyVXrBfUqS7ahcvKFHVoRSV/y1o0StiqgCgG+3q+Id4OkaVJkUU\nPNY69PKr7Cm0iFn4D6JBsNLMRbK5lxN2sEiKk93IkXwUMEOSjdtZ1n4+KRXF\nlJBBt3k9YEM3JC0itUuiEqz1S9DvZbG/m5WaUaQIu/74AIdXsRmIk+j9rok1\n6wCfhrzQ6mJcla1JR9tl47tBTwDr6hml+YDOjtOpeEMX1+FrrDLihtk0I5ZV\nVIGqo9Pj0rQ/RgZFADpkpQWn1cn7y6Rl4uAAhrj04h81wJIMSuuubQGFVyaS\nCLdtgcKUZdhc1BITRDckRZKKKGNVUBsdcmMcWzufcm2NvTdytPLDFA34+4Kt\nEIo/VlvizCZtz5klxKM9FDEtcdgZnLHqFGRoIjleAb7zU99PDnfYZUp1FaSf\nRIVzSuaL2Ydwjtx1IGTxk2cAF6IhaPSFRTOCVF9lJOpwLDl9ASnGllxcvXlw\nqjrc9vGBIPDqyL78eNsm9ZACCfJjobVNB7at8fn/GDshuvG4QakCIXy3LR27\neW/YnRIYpH4m974KuUY2vBDgyLyCfPGo35EGhcIJMpKI29GT2RKeeQzhMaio\novJE\r\n=aVXs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211224227","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-pr-202211224227_1643755389759_0.9786605129118613","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221263638","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4ff7029defa86a255e2c1b831a7ed1c9787cd04b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221263638.tgz","fileCount":13,"integrity":"sha512-g8fsxRXwlc6lvO/fH8hGaPrsmE0f4uLD6uIG0WFCu+7h9zAWNKmUgG8tEpladoy6uzDB3AFqwT27pMLnH0BUFA==","signatures":[{"sig":"MEUCIQClV7g3lAZlQnkCTE9tvK02zHufUEVpmkcvR+rCXW5cugIgDFE3nkIzS2W9U7B+0z7HvoHgmoRR75910Ql2Lj7GIYo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iarCRA9TVsSAnZWagAA514P/1iI4h6IsmkRmXcgzjs5\nh4cNi+wJ+BkvT969z2zO53baQ1YDilU77O+LE3uvNZBtE5Dpe+eeTR5aj5Dt\nMKjacKGei4+BJiAPVigUW8qUMD9Q35ZfqLT5SWsSXI+ogQnWcxGCJ/4HxJ7f\nhuhqu/cDKgkxb922CAdnMkajeLvpiE2AHeSza3q010Qn44mvIpFIyFcEFKa+\nRSkFVRkOQvkz+gZsNTZnewgHU8H2zqW+lLSZCyQiOVuqVrvEUCqtRtH2Mh8D\nMyJXFjtB8t1JCCEqti1AXONRMBGL/bEfsPwB1c03mQEOtOu3e0xlwaPLNdpN\nd61Mermdy6laJNcZEPXnKeI5YNmVRijlY5f2KkA1LklvLbBED8A+OquHgPIa\nA7E8iCF+eaK3VwOgpNIvaNmo0fBuIsfyIG7qRsbjYQkeVRh/9EPx0TfNbn5+\nvH8Gtho+9uPY+dWxSnqFIoZQpskFxBrNA5zixm9wFikd669iv0dLRtpty0/x\nMnL6/7nTrOpJvrRdbaeeCEs5A6g2aJ6vR4d2uRttSI8lOirkep/ntT08LiWv\n+DlAdm3E0U0uvjc5aaYQZcpzbRxrhxQBpxqtiIk6qQhCdq/CbiBdMAggTxm3\nIM+yenJkWrJ0pHyU6xgPsmjduzCCjR+dDmBlFVXLzQSWNz84NuomYA93QVoT\nIY6M\r\n=E15Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221263638","@chakra-ui/utils":"0.0.0-pr-20221263638"},"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/tag_0.0.0-pr-20221263638_1643783851657_0.6502575512204938","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221263715","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1f8400c5c12b81e9fab15108b77f4dc75a1302f4","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221263715.tgz","fileCount":13,"integrity":"sha512-/R5NSg8sPSMvw9cm42CgmbQDFnLfN3hBs3+i+o8gXCuCtQBXrf9f5eQAWLy5IoJj+FTNion0iLN2ft3+tbn+NQ==","signatures":[{"sig":"MEUCIQD2aPjLilNrJ8ksy9OkDgLoaFRjm71ocuuWk47psxV7EwIgT0AsscZ8gT/OVEyxEYNmmGF8cNVyojOyJcYxRX9QKzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ibHCRA9TVsSAnZWagAA/0MP/ihyp3xoR79+o9ZsEDQF\nkEnPmFLeEMEwgp1xHU4TlzFPM/DNkFC/oR4UjHEOCEFx107mwuKHmhLigz3j\n61KkYlcKlMYUVlNe2PMx8vwqoH9ZJxw28wCLH0wKw70ye1hoHSAYcjzHApCz\nT2fgMdU9Nc/TKCUmZ9BLoUkmgaLBflRSUmX3DqczFEo2KRMRW3rgcKFomDoe\nYZ0dbAZ0NL5JGSSKuUaNXOQYHB/wG7yqRv+bHQLnwETGdQCWgiCRfNe5KHRX\ntUHxMqalYGAhDelO/+8RcYWlIndauDgsm82tensQWYSzJBkeM66wxI2RI8Ml\n8jIEGDSBQJ1GDH9faV0mkVUn7W71dQs8+IGMjgkUo0jPQr83FtqLq3zpOmp3\nsXI+qdqIHb4oRxPDoHr95cglGEFMIPDhfmWe33GxasO5S6039oiDXJYCVqgj\nSDOtjjBHmG8NGX/F3VXsyCnpZzRl8upv7RGMpF+qHOnomAnXbAE4JxdFSHsG\n0D1GabSGEZ5+4ufnPCflB0UcxYcyjTtPbu5XwosbEunzc/ZBvCv2t8xPzG7W\ncmxFT7BLUSfGWm+Igvrv1mASOq7AdcitztTXrW5b7bL2Ns88dabEPsSji3+R\nkhLFt08qhBFbmCkiXFbU9DYOZP1vpGFEjWhZlmBU7XnVo5A4vGJRkZHK/LO8\nE9Lw\r\n=pZWo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221263715","@chakra-ui/utils":"0.0.0-pr-20221263715"},"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/tag_0.0.0-pr-20221263715_1643783878933_0.1766690569916347","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221272130","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"eb42be7ef813bd4f49b8c0f1adb963149b6b49fd","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221272130.tgz","fileCount":13,"integrity":"sha512-ZCqDoCvPXK33UJvvl9SBsfl+f0lVp4UPkxPqRpfsp5enIchJFJR9GR4b4Jc+mB4R7BE6RVJ80j/+f9fJmGg/CQ==","signatures":[{"sig":"MEUCIH277d9MuZJlWNVQgytEOH8wU5L5Cdi4XaWYWpMEK71sAiEAy/nfI5oymRYtrcI3qmeJVsrenhhpwooZYwG/gx6gLMc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jErCRA9TVsSAnZWagAA96oP/3S6/rj5jlQ55wM3y5Zd\nYCWvUTXJ4Qbo+x9ZXzDJRXdQzDM3jxsfQPWNmH5FVEbazaUmpbAJpcCFe519\nNAPVYW58GuCeJLSpJdQFsVSUmQJo7YmANfNVVeKE5zhkYagHQm3JMaOhc4kp\nhYuWfCYswRTJ3uRLU8i/r7IpA+9AgVM++9/aL6Zkk4NkL4MDDTeENLpiG4El\naTP3dD6dW62XMCv3ifcsGEVGOYIGN2bIgSJIqhHMTK35gq+fzZMf54N/uGop\nNmRWYCqM/ytB+wdmK8shueZYelMsSa1KDWlmrKU1l9EXJU+GnuOXk8expMQK\nUjZLqfXTDVotKTo3DDjLuV4uiBDM0df1ZR7SU+X2BmZDoUur4AIqRNA1JXE1\nPtDYcD2bgojhi9FtVKazXOhTiLmPrhSeq7OlfWkLrSc4KeGyhMoQOvqXf26c\nT7mIbQA7J4uARESa4g1ZdLdcMHsLXGKi0rfhhuOlpbs0uc5xyL4gAOiirOLT\nfrSRhlL6z2k8DTT4u21elWgaGdh6yN9hW4Di05eyXTxu2l8+HRCDzU6yaoYN\n/pMbJLqMCufLmHE/NIrL11KbWN45A1+fc2y9ABdjJyfAWH9xWHRHD3aA/HUB\n05Ox17V4DPjdeHFhyp+PztuyLxu+9J151He2KKZH4O6Tua3YUs3FIP3AQr2j\n6u7/\r\n=23rm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221272130","@chakra-ui/utils":"0.0.0-pr-20221272130"},"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/tag_0.0.0-pr-20221272130_1643786539502_0.39023746417511473","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221272450","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"54fbc1afb1c31c766934057c250550c2aae44be2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221272450.tgz","fileCount":13,"integrity":"sha512-WAsV6C8R7LD82CZ6+bUFS8+pnRwjeUCUFXPCPBUT46wlZqqnzzgt0ieZn0zdE8tq8tupO4dYHOnEOHd50VG34g==","signatures":[{"sig":"MEUCIQD83JQlq3+NgnmuOoV6QuYmTYZGqr8NYeWpDLy7X9hvsQIgaSKc5VMkdNrsK38yvJTlvP/cH1Yi43oxnZ9yJUz0p1Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHzCRA9TVsSAnZWagAAYN0P/jFGtRyKAx2DGW5kEqaj\nA0M9A4MWO4D+YwbeUES9G4LZh+THK8R8XH4GUkp29TWW8lL7AHNEsc27nQao\nFczsMHUBhj+RbfmSNOXM9RcWjpxsrL6U90oNtygsLui23xCY+uUSwIYLIY7N\n8R3b2FAgyrbe7LeIcXhiNfFf45dBvqZJfi4560zvnp2t9agG4DTbnhLAnE4h\ngsmeHTSWdfs1Mc7xrFcddnVO9D/JfXzSchslz1e2FZDI6ifFx66Q3WnjwV2l\neMJuBnmUtMDKuxaqbqjYJmo0j0ZBnPKCrR1x3VIAs2MFx5OAHoVw3M5rcruo\nzQaRjo/wLWndY+N1I1nqVPShhjuSpSWCkiMEdZS5kOdCWqnxgFreLLJLRtS7\nV84wIiKeufx25jOjo2URaYg72lkKUp4T2TxkmxI5uSH3zcHO0qWX3FJWKPA2\nZaeOQqGXV+owRBbJSnPW68tVcDEC0kOdsa40z5bkY/7wYZ8dl4Z2FVUmfqLi\n1uh3Kut87HdEPYaHo4zwid6nYmg4BVMlYSUjJW4mEfqKd8852dT+4fFcwmD2\nItt6EHA0yE6sGIHsR9GEo6QXeLQh2hn++e7xICelHI2ro9m7uln7emFrjBmL\nTQswrokacJ7r3nYBqCLR8FT0L49BOu4J2/F8GgeCydSPJmlCSEyEBpxd2TEd\ndJuL\r\n=XVag\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221272450","@chakra-ui/utils":"0.0.0-pr-20221272450"},"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/tag_0.0.0-pr-20221272450_1643786739024_0.527599207921823","host":"s3://npm-registry-packages"}},"0.0.0-dev-202213175727":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202213175727","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"fc35a6e442717597ee9b37a660674b509a9071a1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202213175727.tgz","fileCount":13,"integrity":"sha512-zN8XRY5hGVXj9F0XzlWgnABGQCpa1ZNdN6J/UV316Yodh/Dp0mr4rfmO3uiyHci6fbWi7n4cUVwDPuLlNu0dSQ==","signatures":[{"sig":"MEUCIAPUMDTIyw0LhTk+LCUO5XHx6gJt4HXTo+gJ7pKCKcO2AiEAy/oFuS83/BBFc2HHIGMg5TtxVnTscnXANY4A0o882oI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BezCRA9TVsSAnZWagAAxecP+wXtf4cL2aXZOOlZcByx\nkWAgDitH8sTskxCjhTImMd6iZV0KHuYjPg4MDKJ/UJ+fYcWqH8MNSWyV9HNz\nvnCehcWQlxilAVqfOmvgjlnMc4zDFcuOuejg7QvnPsM5y4yhcbdaXlgB8yal\n1LL2YqCGa/rjme+z28rXOWVb50KY1RMvLmstiOJZilD1l6YliAyZTMhymsiI\nqPV6vSSRJcYhD5SLMbz4B3wZRUHQT1Vokm8HLLNYSMxfoH3QbXi4pZFhwnHU\nl0+rOky1E6JwkHbP+ZvLgoyoVrMyQUka6OpkWR9ZB6wQbOBXqKwbm9zLXGWy\nVf52PosN8yiQMlNpbFYMRSyOfmWm7F5ic7EqGD2clXODYM0eutpGroR7mav7\nMHM9w+IyvgZmpfWItDrGJvElDuCLOjklzUza54wVnl8BYfQyvopp8oQAh1Pd\nJsB6+OsNXYhBV2QEmfX/SmWngRrTf9Nk29MJm+tN2tv1IVnZ7lSkOaf70ZoD\nEER3PKjU/d57zweCOCb2yyhH4spKnkFYrWS3160p2OLYYQMT+1FQ7vt4UEc4\nD1w8cAQYpKY1yUiFKuc3tnDHVxIuTZ4MuQ92MgIi1+Bw6Aoyn/H62DQy8yXz\n0OmEcjX4cucDBqWTo7ddD2LrOxXDti5ucmaHc0uuggwzctBkbNTTTFVcEHpP\nHT6I\r\n=gdSj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202213175727","@chakra-ui/utils":"1.10.0"},"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/tag_0.0.0-dev-202213175727_1643911091242_0.3595598609938655","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221462931","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f943925f0e7ed6697f0cf5170158e5cb77466a16","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221462931.tgz","fileCount":13,"integrity":"sha512-vjAE1/scTuGVlN6ddkfsZTJkhoewwZEM7jjbYTOxUaHm5IcmaI5Ltmbz9MxevH6PQZJoU6KxYDuxQvbz8bI1HQ==","signatures":[{"sig":"MEYCIQCOHD/BTWAdeG2Fq/SmDeIThqnrtfqTrcCQYTvpHzWidwIhAJNzcxQleERQompmNxR3ZIB4MwHhRIt2ArGnm8zcgh4f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MgGCRA9TVsSAnZWagAAQu8P/i4+OY7kC0FMwp3SeAXx\nNB2VQBHz1vBbbKuJ87W8YLiSgXUe1h9he1HgE0Hb28ZhiTRX0GEn0HwL/zn7\ngEh4rTTDkyMFRn7yQyPHF+WhPrs0NbdwsUChmskXfalF4H/UfLM/DVadni6T\nOTq8c9ES6h19hJU6QL4ynle7uiXNZydIJJXrbZig0kXRppi0cyOATgdku9ud\nLA3JujtKv44eT+vBMbpG8yfaotnu3Eaul7GDlF2rHFWJGWoOHKG8ka9wsS1T\nUDTYv4jvYMi0yqBnkHS8tfYQj2yjby8kskcXh2+00KGB29gawGcJq6ia7KU1\nl1qNVdzwE2RK22OycG2EYjPX1mQu4jISxzDc4KLx/TArwJrGbYNnXtaXmoAB\nvpQY8ig/ppYJsR3mCqQqrloEc/FQEREnkDUTmQNBt104eIS4H14Glnkt/UEx\nLMY2kHPVzexV/1HiTwweOzr4pQAkSSf+FDYcXDmMMyIGnuV7RYtImQ7Q0oR2\nU0MST1wde9VcWB7nbnJh2s9FTBdvnAb/ccmxLXSkNDURa/BwCG5afRjZVbuf\nn0Wqgz94V4ip7br9blMUCHibfkkkHQPbT8bsaAEB2HFllhSx8mryGgWqg9aW\nHzXr48CvUM9mop1I/adWvQmi1Hp1DGB6K+lHuq71QZvKlmNQph0otRMo7z+o\n0IXY\r\n=QI4q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221462931","@chakra-ui/utils":"0.0.0-pr-20221462931"},"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/tag_0.0.0-pr-20221462931_1643956230806_0.963600732473648","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221463045","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e7d088e70af9337cd27ee81d7632706ead8c7855","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221463045.tgz","fileCount":13,"integrity":"sha512-pj0KFHPN+E9Nd90PsGKdDucEhM5bck+F7eAm9dJdZ0ShQ9Xhby6HXTTqkTowYzp1jr5S5aoseR8H/HalFjq3mg==","signatures":[{"sig":"MEQCICM41IRTO+158JFcDtVSwiLqvT9X4Y+pe+CDvFJWdcfWAiAKkuy3O3+DtmbgL9BKf1JhhUW81g0wiW1tTD9PRFMl/A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MhMCRA9TVsSAnZWagAAF8sP/R96bsp7Mwio9hlnVhos\nJlvV3krxzZU7dLBRVzvOcTHQWDZcEPrr21TVORtOPg48h39y8MngHltycgJ0\neSJHUHh/GL3Ke/Z45YAbLlfz/knEpKwdIz/UkORvcjsxrI11iUbRnrmYJooU\n0ILGuLyISSn7K27ne/XKAKkkhul33rmO/IWZn8H4h7o8jx6xtfn7Pqq+Uwno\nqgXgh5gAIsprS8b5enhmqMY7DTKmJQlG1DrttPiZgyaDDtPqniumPlo6q9Zh\noUbS8MF5qmDdKGEeY7RCgGQBXzKwe5AODcFZOVY0Nwes5ZFkgiH7LezNstMc\nO7Va7Mi/ZiCaVtVwtAapCZLkpUrvA5MxOojOAKrPQ4E8QflILl7Ts0OvppHM\npYrSTdjWMrPP2gY6ppS0Q/v9A3NHXEOLfjGG8bkWZWbw6t5LJ5BktTeyEeyI\nx4nsDM6r9//8iNwmSMx1/qBlU/1K7dZk4iv58KK1ueD97/OEzACdXbG1g+74\nP98ibogSM1DyCLViychfvNoNigUkXAS+yDY8ZeaZzpZMWBZyxNrPQZDgcNvA\nobgepvFSJdp1RUQFtxXfdeiNB2D9lK6+5BRjE2uIua83i8W6AOCuvmfIetUd\nsUEUo5Y9xWQRVHCakWnmFGw7lWpNDjTpaSalRGu8Owf8PnZ13txD61ePsFmJ\npHg2\r\n=P0Gb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221463045","@chakra-ui/utils":"0.0.0-dev-20221463045"},"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/tag_0.0.0-dev-20221463045_1643956300389_0.8861873294903582","host":"s3://npm-registry-packages"}},"1.2.4":{"name":"@chakra-ui/tag","version":"1.2.4","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.2.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":"b7de96382e52358f6bf374cac55bc0d262fe7e56","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.4.tgz","fileCount":13,"integrity":"sha512-VsD+C/T/6qg0G9CzxG1AXApi8A0YOq0FCTDmevmiAgrbEHWuzazT/HogHE9t+nCQDoc1hakUz2pq1C/+YcIndg==","signatures":[{"sig":"MEUCIQC28hiDnacBwZuRgIG39sAuHt8lhY1QNvlSY2zh8sacigIgH8prpOABl6b/SfZ5AyQWv4JZRaOZZ9WYGbLknUttCNE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MlMCRA9TVsSAnZWagAA1T4P/1NR4kVKxO+TM7tcfAHD\nIDUWe0EE/Gf99+FnEyZxwNVK7c8OPLAPn08DYdzCVCH/0AasO60/8D7jjGkh\naaqPXMprcQ0aP9I/zIPz61C0e/jRFx8d0aQ65KXK8NdNbXDX2WL/IlgDwEbY\nQdbFezeYJX0NofkwiLBhemGqzBD4lLyA1PvDrcnRtUqtjQMwWWktYCB6nBK4\ncGEwas9TiaA2WXTHHpNn538Q88pikLHSz7L95AOayIWijIadgkxcrz6s8GR1\n5UMLEfWkEWwWTx0YQTQfKvSETDCmIAf2PkG+hHjo8tAj29U0Z6BLMYuLsFco\nvmBy/k1Y3+XwSW9QceMPlsWAgzlPNQbfDQu4pZYz2PXdB3qfdZ1tMDmNn9Pd\nvU31lsn/RI9fRz9cr86+8dVDjxr40CikPKMg6BtLmbXM9p8wO/TsP1py81JB\nTWKO/U41ngsOZIE2blwaEgNxei9d1VFsyT04H9tBTCCnPxYQ95eseqodtdKi\n0yPOOFps4/B4qb+TmEP3THlCmazG0T0uS6EStwMX1VzcH5GBEkyAUEgo+YT7\nbQ6M2MzpAHktfl4LyUbNzMdqCl3WKu+/YLEuemG6A7ZbZKywq3jNRuY9yVj2\nTf/icjKgoJdB6CysjXiQlBAJaJbrkdLC3Z4lUnTydHKkiWM8k9rvgl2MJ5Av\nQUvp\r\n=6th2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.2","@chakra-ui/utils":"1.10.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/tag_1.2.4_1643956556516_0.060039486823564525","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202214171317","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"531cb8e27bab2afd831e91bc34879685e39bd031","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202214171317.tgz","fileCount":13,"integrity":"sha512-r8OyAnlkrl3ItRImCl9SS442TkfLdBZeviB2ubPzQDBlDLzMZVfKQE6hPJ+1lL/cANYavyiymJoAXxzEG1iHhQ==","signatures":[{"sig":"MEYCIQCLxBa8OC91hFXy0lZGFHRrsDIe2TChfZ18U0hCt/SEBgIhAJiRMEzEk4ng0oiFLw/bQIUZu7sYJzCHBpUEQ3zaAxkC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7lCRA9TVsSAnZWagAALPEP/3zp7bJbhDilgcrmd57/\nM1mLu9nrrNw7ITNHsZ72hF3HoSALwcLENpq8yrLaQ/Z2+9s88hd3qnD9gOMe\n5jUnuKvEzCLIrW4i2Xcy9mWhT7LJMIu01xRhZ90PaNZTDoNBIZGnntNnXuvx\n/YaYKfvJzYBso2xwy6h++o1QRO1/eAbvD4+eB+6YtC2jZ1EXUNDZxyKx7JRt\nLT6Ck0DkJsTaGxbYIUoSUcJjKdrwAmdg+ovzI4VFs6wgwsN+HEbnjfeOVC+k\nc6uVl2IjnL6ns2hvXxMdOdFYfyXZvBE5P63Cfvu6+Rg6pxqFr7Mk/3o7fMry\nsWoRmdSploVHCO1OBwK9a37lDwrBn48aIjPhvDwVJuMzPfHUkis1aeKpdX89\ndFJuu2p7aoDjERDPy+ocrBYzQ2jsbe2Kjz66023IN13DGoDM+GSryHs6M0Mx\nfqULRFQ3/FuMamM7UR/DuhoCb+oNgvDnaucvFwBFpo/+kHOTbg1iaD+34nIp\ntND1Y7XGDwA6CEGGGOicDh1Z/7kTcmKzIBieUDFQj3z8iCXYwSu8tMSehsmx\nSMjqI7ZPrBhPQ5WBhg5sjFxiLHQsXOO1lg8Gaok705AMsyIdMRG8Uz1hglmI\n2KZ5g7knaccGOTiaCqGAObs9L5BtT7ktw6D/5sAqlwv4NMr20oXs+my40moQ\nez50\r\n=7PfY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202214171317","@chakra-ui/utils":"0.0.0-pr-202214171317"},"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/tag_0.0.0-pr-202214171317_1643994853744_0.3111787389139251","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202214173019","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"981bbd380b1ef62b692877b03db70993fe89ed6a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202214173019.tgz","fileCount":13,"integrity":"sha512-IyJCdqBcam4grgUJWq5h9E1j+gHVEwB73jhVmZUDmqC9peEUL34jlG1iRZggpXaFXXkCq80KQkYa72E5cUslXA==","signatures":[{"sig":"MEYCIQD4//8myC6w7i+tdtrVGjZX9s1f82RrkOgZIxhZPH1augIhAIqK/WKJYDBlEup+M7FuSr3j8qGmk2lNeuFPGvGWWt8/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLcCRA9TVsSAnZWagAAV0sP/R/AOD0Yw86ooJX1NMKL\nrwpnB6Z8XmCgyh8o1Ll9zwpIq9nQEj5AQicVpZI1AgGAu/8g4kA1bL9QVGaB\n90owopJcPuAdgpkQWhmRWcOLH/Juyam7KDTLu7HN1jg1ljBSctQff3JcfcoX\ndxMPALk0iiobN3HAyY+rKVYtOSKKCBJR6gGy5Q8Ls1jw9ZudKgNsXzTv7QK7\nfrbEM0bTW1pQybva3SFa+I0qakbp59HR92bNy59wHVODTuur4+/TGl4Tdhmz\nIb8IuLMmtcskDibCfNdqrT46EokmK9NeGLbZvEgKCtpXGKXqxfmfRyjUjO+B\ndppkUqgmxA9n8vglp34JG08At9ukIJp4P171Z0CAjkUZI3hyE+Ebg5TotRcD\nlKsevz+mz6CttNCU4pJune1tbVqqBUrJR0XZb3kYAgDWI9AaPAFeHmQupLMr\nTH9GF8Dv/sk1HKnKIoKiiEQHZclgz8oESS4dicCvNN9PzUppPyT3qaK5IUNV\n/PQ7jw8rAKDWHikUFO03uQX01sYIOLf7+l48J2HGXbBYHy9uZ2hRNP4LIBXc\nsn7f/VXopvIJgLWjcirPPsA/bcOv3dH2a6gSsWVL2wKIQrfarymxVrjdMFQ7\nGUg7J2FJSHkkzD0fO/mLPfhgxagNj10HczNcKy/sFueeBkheuY4zs/Wt4y7V\nkt/J\r\n=CqOS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202214173019","@chakra-ui/utils":"0.0.0-pr-202214173019"},"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/tag_0.0.0-pr-202214173019_1643995867871_0.3379391376890639","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221417318","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"57114ead8c31eb5e52a77a580acf15669b4f3494","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221417318.tgz","fileCount":13,"integrity":"sha512-cQlbSavwHsJeM2ns18bBxcuL9uPmj+FpJPpEP4qBVx3eFI90yuQeZPUzTUi54v7TArxkIxAGao/6MVALiUfaYQ==","signatures":[{"sig":"MEUCICJry8447Jp0mdP2EVQ5GmqUW4VLtCi6YWSbv5MVnHK/AiEA9wtB6o4lxDrjKZ0692HKpxlXD/h1tA4khpxaSAf9EDo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMTCRA9TVsSAnZWagAAMmoP/1qQS54ohIGdsuRSrRt6\nO+aF82A9k+0q4kLu66To3axoOzaFeWPWvjyfEST9eSnAhqY5Swx5amZ+mG5P\nPu/0/UsKABLq+64a7GxFraL1yWtr/eF8I5f7f8R0fLVK0oX6blzaT7KNmTTX\nbaYbO15fZkxXZz/aU217WDdPe1cgDbVoMhxAqwblxKlM/Bs0KX3PGyVc5dKk\ngw3nPznMRmJ8tJHX8tm0RDJ5ljUZS46sUn5mWlVujo1b5ljNyOWTotGl1nh8\nlYD+at+ZMI0z5wR5VZ/oTakadHWjQDmSJlpq4GivQZDHocNfgbsiEkJOsBmG\n2sHLGn94peJaf0d1/67JYx6ttxdO6NlrRJHryvEeKPCWZzW54gA71JG4pyGr\nSzZrETjoAZUbwLsZ4O5rxeyfRl/t9Wwen3zoNQkmRoR5LOV7u6M/rg53JAnh\nc3eSA/u6e1avDnxwAAFYaCFAGFjQ2UNbmKiGse8XCkRAlo7B9RXJNxNlerpi\n1+GTmpUDjPovLVxjcHNHkRu3s+13YY0fjoF0i4s/dCxbhPc7RMy1RzxOM9ak\nCh89xi4OcfDcMu+wbaoPiy9pH55NscU1uuZ9X1hk+gnWHX2Lh7dz7SehAvSK\nsKTTrDrb05CPiGc7/SytA7hERTyWNXbtLlnKNnzYj/kvoqe0ku4wRfZxy1+g\nkOOS\r\n=Afz9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221417318","@chakra-ui/utils":"0.0.0-pr-20221417318"},"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/tag_0.0.0-pr-20221417318_1643995922886_0.8713456211781021","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202214173148","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"57a9ad33a957fc42baa72adcdd233d12402c5f2a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202214173148.tgz","fileCount":13,"integrity":"sha512-I1xl+9DJYx5F8Ov1zGU2JmVt6GtDe0bZjDYJzv9+qVpFxUgdThTcL4+5i4yZflVgQ4SpxLqOoFWhYD4p2jZCdg==","signatures":[{"sig":"MEYCIQDCWcpDecvn2g4BXhb61/+udOI3fNSYt3fjv3/2y/aB9AIhAL3cEdVGaLOk1EchvKbR3WgmMgahm8RJf0TC6jikpCp0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WM3CRA9TVsSAnZWagAAElwP/iBske/iAky4VuCJWGPt\nY4GgmM6GpJEkpEUsHhExOyABVAAvd2WkDnBvTuwI8zesY3lhBLJ+vu4ynyej\nVycDYKkZu1i5QNuISfQIzObXN2gOxI/b7lKOEc9n+qAF6VomKLsKbxnOFUIp\n3qwaPll3a5JWp2xvs4flY1abcAH+E4YYnXDX5j6dUXIXtI6q9GUW2bX79vRA\nraq7AmTjWF80l4UMf7OjP2c6XzGQqaib4wgzOADrJ5wbEqloCU8q5RpB+pDn\nKM2cV2B0s2/QAn9/sQM/VAvId1gV2QK4F50PH3gMQmNJ/7mMYgIQIHmZX+iO\nR25yAEJx4ueDZSQqvuJr4U8M8qSOUV7pAKA93l6sPVpbfVbVKQxLTXbp84Ke\nUGyy63bEWyTpatfP/57l87/ywnojTEVBn7AnX56dV7H4z5EPCgOnNEAwgPIZ\nGARiSPEJsCuvX9LF+UYqGbb+ZfBYPxa62m5DgGMPMVhd1ZQIU3LO44WMGWI5\nlk8JTodR3E/sNu9C2MfRjZciCKx1VAyH78W9YjflkaBBNmJuP1cHYyczFBFp\nTQCpSDVdwCKe86fT6cLU9z3krQYSv5XrqWHD8FAqP7vEisdIDexVJ4I6qRkX\ntW5qHIbvtlAzlMDZnUg3z+QJSZrGMdqVTMAOj43BLyRO5byclBm5v4ABfmo+\nX/Ca\r\n=+hqK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202214173148","@chakra-ui/utils":"0.0.0-pr-202214173148"},"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/tag_0.0.0-pr-202214173148_1643995959357_0.2658166190377156","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215111823","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"262cf1dc0f72ec654c0548e750b81d09910710ff","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215111823.tgz","fileCount":13,"integrity":"sha512-rQfjnfN9fYROVSqD4PfX91OHyeM1IvvBXHam6lJhDVA7SWPc5wgno1zQZG5jgLbQGYJaRXUQKv0bmxRl53ISfA==","signatures":[{"sig":"MEUCIF1tlNnxT0o0DulnR6qwacbbw64BIsg4V1QbsCFIWKogAiEAnMbV8JCTAMDjF5zxIFMFuycWFtALH2dZZnk+YkZr6FA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0zCRA9TVsSAnZWagAA+/oP/3avYIlRQ0DNVRLm2Qq+\n/hdv1xAgABbsCGobnXpldgoYMykr61XKg9HDnFz0FlwJraDLVJngbnKSdo1I\nWCjDScEQ9dYjzs/SA1zVO8E9sX0W50KbYwErHeWZ6nLQXgKQSwL3iE3JoLeL\nJiR9MWiyEGNFMcTtbkIkvL0rxh+TBd2MadzIGU1MTUijpcyh7IMOGNmJwzrm\nuqxawFVq5pGmRHldsHAjZSmv7mhF40F01HRdaWjeEU87EBSTCFtiQ9WPDrbw\nr8QpYU8xuiTgAko/tjxln4v+yy0vnusino2ElHDoBhT7qtUgqWOZljYYRFe6\nNILGcjusSdiG5I/YD1zh1X8kINTBYWykMSCSQbxW1YDhC2cxw6/L1TrRUjeV\nUt++rNixX0cMO4Wdc3I5CzvhGtM0y1haBDzooedKLF7Qirr8eC9N4qJXagBK\nn2dgPj8whXtvlVS6XYVPVzRhyTxy7XBeu4xVtfbSpxicLdsCW+8cvPEBCNz1\nwdUeIa5b1+JHKwMbSbV5pTHJUeX6SY4DnX/UxxQO4p7QA3/VXFI/hLoXcoPI\nWZ3UzTsmnXKYvbIiGCpER1w1tdpRnMccghEfybuQKCwLL6aKJgMX0nPP6RJa\nVhqbWkba10yJLMtdaFAELTNuPfsYRpp9H2OoN/eH8voNXH6WX3fyHhW0UllH\ni221\r\n=OuDg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215111823","@chakra-ui/utils":"0.0.0-pr-202215111823"},"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/tag_0.0.0-pr-202215111823_1644059955478_0.2850244959858883","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202215111945","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a5b12fb44a0e2a5aaa022b0f307e3d111d6bf1d5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202215111945.tgz","fileCount":13,"integrity":"sha512-rIhhHsUPWyO3LKjKYbS56jWUNzLiroSi4WvE25wynh3i8ta0NdLojvZXA6+rEmrjL9jj5tZUEmGwTdPjOFndbw==","signatures":[{"sig":"MEUCIFF9OBib05L+hL+DJNwJwkCVX/kR6500QeiajAp4fm6lAiEAtSj1dQjZEqf6xqv7Ihc4uCFeKNqd0UcnCkIfeJbUzuk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l2JCRA9TVsSAnZWagAA7wMQAJ8tIujYHqSHMwKB4cnP\nhaMQRRuqTEqx/AOjbVVXoX8HjPpnDqKKNW1jWyd2NQHTh5Fy8EUBCanZvzQR\nYOrdcCm9Rhdq5RogcpEPl5hT2SkmTIurkeZVqA0dflLySRIFdgalkc3EiVv4\nahunvc+dxEelqsCPknf7xTag/aaSBTH8Pc3TnAJcaEBfibrt2X7DJAiwqCYJ\nolsxu+R+Tt5DUurgC9vMII9E7FngPe1/tJ2S6p39yRDNWk8brBdFizBElHJr\noP87ylwPK/TvZSH9DTjByQlFhxI12EdQO16vwjTI0wszwCIAxAt5DrCxMkaL\nQkLcZ8xA5yzNf6wF4HJiljEHd1MDY4vPGQGl5jkB+SXi+pSj6Nto7ka9hcYZ\nO8s6eO3/VLseu05F6EP+p2Au0pOXZC/g7M4YAtLKCweQgpfWqRP7PCZd+MoM\nML9G7c1E3GFvBssWSIrP4PmgpKyRMHSFaPINF7wdfqOO8Nuy7fqHYn/0Nk0W\n+05hC9neGf5NKs+NrFuPP9cRXPvrO8Uvzv1DlREP2+jSbApM8Mn6nST9W6B3\ntGyOT618DANX4tdoGkuFEhHscmIBLzfO3gmPlDtl/2+DzH9HzHDB4b9P349c\nIsHfqHcvVl//rArxWbaEvwrt1S0b6WVkSITRlQ/bc3ey1IDlcEvP3TRR/9s/\nsrjF\r\n=pkZy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215111945","@chakra-ui/utils":"0.0.0-dev-202215111945"},"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/tag_0.0.0-dev-202215111945_1644060041368_0.21906541103316868","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202215112739","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a7272f54b241b7eff68fdc57e44c67675298ccef","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202215112739.tgz","fileCount":13,"integrity":"sha512-p8P2lllm+TpgLome5kVTuRJbNjeMAH/R/Gc0WPMT4kZlmTTob3pvDYkot5xdxCzZ81yldpj3UVk1aZSIV9b4Gg==","signatures":[{"sig":"MEUCIHG99NXT7nCiCo9UeaRGt++DHZKhIiKKSAqFgMPrWaR6AiEAsKCskUEKf2oj2gTiAE6ohEw0+bJXYQZm+szKVSHrg04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9ZCRA9TVsSAnZWagAAEE8P/2/CJ9ux3vyFlrxO231Q\nCIkfOerkR8yHEBHndOgd8OVipeQI5usA6EYT2GPX0Y+PbKoEBfDgwrFv+AhC\nAIvN6iz2grYjges6CM1zyc3tgk1Am8AzpBzsQ/lH8wmOaG0GhppceL1tf3g5\nswXwia2MVfAog6mYDRgvOAd9xSfs22aD2jHvA0JOwy6SVMSJd+b2/tdS6QJw\nh11xttf2DhQRTkfDUAEWJfrdlD+ciOgUKhrLRyuPy8yNHCne+vGkwsU8gwd9\nJUJuvt2hjGkVlRBNV2WnEG2DoC1TMbplsuk13oRbiNk4shLjEoPfjTm2R31p\nNgjLJTL7BCA4dsggpA/TggltyiBC/d8OcDjWWQawu+59hDH41FwAj2bI2Pqc\ndd40I41s3FauF6uvwgFvKdir7E0Uj7lDraomBcgVONUHX4Ptf0FPD4f/WKs0\nHyrihSANMEzVgRyI2JGmgG9h8Rbgz4vil/u41N+oFHSjQwWFPNezkqBNETn9\n2n2LTcRQQK2xgy8wAigzTXpqNmy8FzRKmfheWuABpPXsnfZ8JMPcm7YVT1Yw\nQ+3jgAB0JZvpHNa7zZqMGf/KWir9iZi+mY5SPFPGjh6+v37WjbkGztzOLP/G\nxY2E6FOXW7QpDSBZrWWBwzjVb/Eyb/JXx7eiR45wruiIhzroq+/xFQEu2UL3\nfWdz\r\n=c56R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215112739","@chakra-ui/utils":"0.0.0-dev-202215112739"},"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/tag_0.0.0-dev-202215112739_1644060504966_0.5172504056331655","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215113521","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c9fd37f7d13410d31d64a6aa8dda68d395fc380b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215113521.tgz","fileCount":13,"integrity":"sha512-Y0dybpcO9uaf3FEPMZH2pZl1URxpzDtUgG3jlh9GQXC9N72oijghIylOgXNfJmpu3YHUeZZ+6t8207/YmwEKqQ==","signatures":[{"sig":"MEQCIFzp19NFtXXO4vFEGx8nAda0djxG0bNA5NsTLfN04c5IAiAYne5aer5eKCTG9q6/RY2qX6jxQ+J51mf7KFT658kI5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mEmCRA9TVsSAnZWagAAMzgQAIVSFubwcZJxoy0hvIx8\nZ9trWaQMLJ+dLiUyEFC3AZpJB4ylJ8YdyBfz+joc7hFqROBta7+QYqZlnwlt\nHUpukI2nl5D7LIy+b/q91VOxW+R4LynJaD+pduhlAZEmLGOwJJGZEvWrwdZH\nz4KJWmsiDa9BfrsiZnlGbH939m0XeTKVJJ6weEOngdTtbEMy56bLaaOLjHFd\nKXXncQxyRH9q2jI/wiij+4CWJCsFwJTY71EwczFiUNz4rMpiuwSEDrpym49u\n4I6n0Fey5bUX3fpMHuSlwIJm4Ht1kcXjUPP0ayau++PW7vEnSm+8K9mOhqmW\narqx1OyqpnfEjHNU3GXXkYy9bP10MtkNpa1JeFXjQJueUuhwBTJ+VSvhecoq\nZf8uGq//TI3Y8EMpC2jfFeaDSipADv4zZyG5mc8RQ6MSj3tR2K8tHXsWG/mL\nDl+y1PU89mg1uB8npXvf/RESU2H8i6NrB3KbJHyY1q0/YkZFPhKAz+ROxW8E\n9kI19IxKTVzltgfUX3d3CHbghYuMXWiuREWeQOWSms3pqgMXzuPdoZfhQukt\nEb507uvsaW17SqEeYYxGhfGYVxoj+qSzbVjIgo+7EMjSDb8S9qtdnHBlYaQO\nJb9GVOjoDla2PnX+RcCYhizrJIQMHNURDaGrDoxStdSjFmse5RZnWtwxV01L\nOAS1\r\n=ty7H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215113521","@chakra-ui/utils":"0.0.0-pr-202215113521"},"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/tag_0.0.0-pr-202215113521_1644060966399_0.31988660281920067","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215113950","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ad0ef895722af0feb8db6183ef79e2a32f962751","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215113950.tgz","fileCount":13,"integrity":"sha512-3PemrY3Ttxj5DcpR2Ryxvlh+MIgOMwjfnQHlTfnN70rDSI3MDyNtzsbfy0GaVVLNfe+ebhezr1FGQFnIdcbT5g==","signatures":[{"sig":"MEYCIQDXMiMLrgJPvJVxB8u8Ql40BC96euJybymlxKLnLA2DegIhAMRb4lXkpFV4wkvhUGpHo67vSF3dC4Ohj/RyRNl6OpST","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mI8CRA9TVsSAnZWagAApJUP/jYWFw7Y8gWjjy0/ZrJ7\nRiCYcjkJRL4btOKZSdIWa3/rv1D0CranfwSQ8FI5RF/uije45TGrNjodo8wz\nQQI4TPb1se4nx+9y8Nf6Vk17p6rNzUzyk35NoZBEJyRh3lQtN22r0ctLDJOw\n6zHl4Tbqj55YmaTArKgOsD6KcYAii/vigDtBI64Xr0tF+/7/DPmCeaTep4hW\nALUszBVM61lb6DO9HC3g9HGqsU/PRFr3QFcTZN+blIeMeSZGlt0V7hElb4Od\nfgupP6kbgXK+IxEqbfQtsjNt0u/HuKtQ+d+8IWNwVkdzPAoC3XdW1RHvWYLc\nZNEgcI/m+SUWSwH0JiPlu29xmJBfmt52csEuGvgQwrMu1WKCIcGlWOKqeJPh\nRB0SoK5FvXGbWLBtEIAn4i9RON4oKGRXc9uLRIO9N9rBqOXjpDGoa6CFo8mY\nF/t0Bm2yf2f1y98bPd7n/WkW2i/apQC6Yxq7fJUCVkRBiiRlBocP8RnWF7OZ\n2sTCIFVwZOtbeX1cqMEzy1qjTtrDXGnuJygaqXgxtlr5COonO2N3tKukgbte\n+JRBtNg4EE1cFFXlgLItCuhJQ3n4jhe9qjm68dXH4g1l7eRRW4IbPWgZ1axe\nqrlP4n+Jf4wkm+H0Ig8QDeNjA/aHYRXZoO3p2repyLYdXiSAtzS+NzWap5JH\njnjN\r\n=VSt5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215113950","@chakra-ui/utils":"0.0.0-pr-202215113950"},"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/tag_0.0.0-pr-202215113950_1644061243954_0.7272163474592703","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202215114149","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"74338d8837227501d197c8af0b986941d9616105","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202215114149.tgz","fileCount":13,"integrity":"sha512-+l+v1hhQwzc9Wl70OpVTHywSdRZ/36pldVk70Lr6Y8yBBeCnj5oBPCgEt+adr3nvUyQZovxGpCi6SJlct8MZVw==","signatures":[{"sig":"MEQCIF7hIpqGWJWIOGKcXEu5ikiwaNxBNtyB9w086nAFVjuPAiAgC/4uWPjHF/R1HiFzopTO9IEnKzkglTIRNA0EkYJTrA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mK1CRA9TVsSAnZWagAAkAwP/AkhHpbEF2ehFaXXl4vI\nAfH5TVShPf3cj6aynnk54bvMh0UUp9oZCwOFZUdNHuYxN9FA51i8mOOk/fMf\nZFMp3KxSHNodiqVmIvV5+I4rJNDnemFreligBJPrUXSOqR44/7Mmeu8ONL1T\nTMBCYCO5UMRXPUWRZQQi8xGIXv40nv42cNpiMxA0NMA7uGLD/bfZrdm4JUkj\nVkezJegbDWwYBZP2JnxrwstPOSv4jFGoJX7UYg/HMSzYNn+KFfzD3M8cPigV\n6rMoaJTZKPuIv9Ya8Cd1FGGzZDo8Uf8vBlN/SuhaqRaeY0fCmSvZN3iO74WE\njjvTkReuflJI4dxzePfmhvVYzst3ft0+Xp5rmhynp4uo80TIfFxJpyncrrZ2\nyponh3pQekUSjVpzOxWj1aMm/A1NWrvCSUckkhjEgP2axEqfhKOTzZtyxMlw\nNpjvA3kKaskDHLZXFqk2J+y59J05uXyX554DDfMq2GP0o1KVTQfpjAs/eosm\njlvnMfc1fOjpO11qxiFoGxnPjUNQHkahzpmbx+kQXzda0YBTIgWrm1PDlA4t\nQuugZcBxa3CUilveVJb5af1sLu3C7/0oOiJyEOakdOVbTTRlLwHiC3nx8qrL\n/+kLxlQV82ZaiZkL8AGkr3BlwxJsa29ZmrZvd+GS9nEfih3LNTERUFR/+nvb\n0fwJ\r\n=wydQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215114149","@chakra-ui/utils":"0.0.0-dev-202215114149"},"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/tag_0.0.0-dev-202215114149_1644061365149_0.01055874589740724","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215114422","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"43ee6d243a3c660372416c85d9402e6f5b2bc59a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215114422.tgz","fileCount":13,"integrity":"sha512-ZaNRQEP11CJLMj4GLERoalzwOcLwX3VIq+UuqcyDAh19B6ghXhFxzQInR4tNIvE3NkpP/wvRTyAaV41KvsTfXQ==","signatures":[{"sig":"MEUCIGJykVe3x0oGFJdegcXvG5nQeEOMlXPuD0paHdqOxJ+9AiEAo3EDjqjKldphw/3V7yV5QvesHVUOXEC7ekMRfFBKC8o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNFCRA9TVsSAnZWagAA9lUP/RYfxPkzdBIo7E522BaU\nzlzn4hJjCDqFWlUdvXyWbjfr4ywH+2D4em/XC8R9HGjoFsjYLW0TuMPHxOBQ\nKrc8k/gpGerZpwSbJuyQi2/xAZDLwfJh7mmkGmZwbnwFZ8m0cQkPwBcHTUkh\nseUjgt5OcG1e7guNouextnCdF+xkFG6y7VuS1jc6exXKM31m47Blr7tVNyut\nAbgm47MgSqNFnIuApiKEA+DFYFlJJDnrxOEJXn+SYd7b2WTVnOPL+lU7L89m\n5MxT8Eoa924k71ehvNNKr5HFKrYhXWYgNHjxMhq1Ui4elOYb9xh/uk0zqlrq\nqM8P0+NdeRGBlp6Nx7BW5wQzNsQZ4vL6dNQWqHWo1YEMF4rjqzh9tpyXNi4l\nEC/ANWa3RxQtyqCJp+zjfm5h8bTIGJiwbtOHmwZEoBQDqAyoGhyAHfu81tqp\njAgrEel0tvIQETkMENCFu8MddeVPVNdj693dtupLYShXk0tnjVqVBYEihrme\nC9Ax977j0XS7PcyRDwQhmGVn/1XA2aQN6aXqBXlr9RHtZQAdaq6ZdeL9DOiZ\nSb8raeRX76rGM8EeHSGGZmVY5+la5jKB1HtEfE9fRcxbj6BLpNtXsrYXQG6y\nSS6If2Fnun1M6tBXmJtFqeq70uKsGdhA88BLuNOqF8QAPHBwFDXhlh/2oTiV\nuzPp\r\n=Khji\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215114422","@chakra-ui/utils":"0.0.0-pr-202215114422"},"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/tag_0.0.0-pr-202215114422_1644061509345_0.7075797761824709","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202215114442","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1126eca0a84ddfe5b7a0b4c058f1a7ea23dc0ef4","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202215114442.tgz","fileCount":13,"integrity":"sha512-GmKRgzE4EGQAVCz4PnmhV7AbffQDP6XiS4i9xQ0NS9P43lmKQDsf5/e7Vfkk+HP0WGX06GP3KgZrdTC4eycimg==","signatures":[{"sig":"MEUCIQC4AkY+CxVOGWhzkFwV4gqxNTJwKbNbY/5irV1XBQpPQAIgTPg0NurBMfp9YyPDg5TIJPl1GzK65r8e/5VMfBd5C+w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNhCRA9TVsSAnZWagAAAFQP/AhxN0S2ngsIPPvPe2dv\n+EbLx4eJtnUpo+L/nzeUIrR3lpm4W0h14bTdBbPrwRxNFCIJTwRL1oRSlJIw\nGpqoczR1ziR7ZQHmcUSU2jG+zOcV3zK/AZcinDFRMbAkR4irUdaj4FKOzQPL\nXDRILeqUnK1eX7x4d2+zQfaPAjg7s983ebr0kYJdmCTkEc93Z9oMWhLQjz6K\nAVIVlbuPFWfi4ViCF+WXTEAw6GnnTZYl1zQ7dp/4gpxNjqzy1bSVm+b0GEkk\n7s61TdYFwLe44DZ8hJPZMtLGLJUSjQONNKeCLu0geZshQ+foBSobHN22GQWJ\nuKClZYmJ9LfQrG9glnpe3rYvJbek1LoGaeVitkl9qu3RDzkpv1ceq6ui+c8r\ngdYvKQgdqsL3SnsYK/ho3s/DYRhxOvZXTdaWV9TRMUTz44t6WpUXOYCikqWi\n9RezcrjD0c11CgsVAvzZjaN4gjfrntJxYRLniXlxrZEjcCY8mc5Nsw9X+7mj\nT5P33DPZiJC/ZO2El1mLn9Yss8h5qxRWrOeQ4b04aII/GgYr4y7yYQbY2Gvt\nDiKKnuSlCWlDeGoGtBOgwa7ukzv3J/mIaBAuWZNtkDAYtJKop45V/DlWj9nA\nAjcPswK1KRlUh0y532ck1ytqCU9CiBM5sF8spwhjN6DRbIxMlELUPW7e23Ug\nKDRq\r\n=scA8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215114442","@chakra-ui/utils":"0.0.0-dev-202215114442"},"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/tag_0.0.0-dev-202215114442_1644061537237_0.44984448905904006","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215114917","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"cc05f2bffd2f4b6ac7c113e2884f5f2fb4bc57cf","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215114917.tgz","fileCount":13,"integrity":"sha512-TzZ7SzQr6vptOBq82VJfTbmMNmGDgUY+Xl+YgNUDBK6rwVvBeTbmeAvrWe07OgosEKi7kp9nqAZHP5HxXbyp8Q==","signatures":[{"sig":"MEUCIQD9Ri3mmRUuaxWP+v+blgvKFuHm2u7Iy42XHePZ8zqPfwIgAwRMo0ahnaK56CVCabI/OFHAM7ZSQZxK+eFPAvpxbL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mR2CRA9TVsSAnZWagAA4wIP/3WNWJ6yjNx6HA892a8Y\nNvLxXGdUSpQw/q/SX7M2fTB+es99oWM7fNFDsPqI2SjfRo9HccsTZVcc+p8Z\nz+0w2uDqd9DJUNFbDA/eq9EGfrLFeblgz4On4MGhyzA8Rg3n25yxRImty+jz\nXLsRBLvSYJUaarS/kmLXK9IP3SIONb1ETUmJiF+LUEi5Y/fUAFSdZfXOon6m\nElO75qsqOZ54KQIXgwFufbVLFIk8bKXf9F4upWd/0p0rpOS1TlIR/sVGUaRl\nwahlcaTuSR8VIEN4SQbliGOv/gKcJbFk0ohc0Q/jbjALB/H03ypAMyR3OInq\nUynf/R/RznHTPlPP68F0Md8uz0pjBFXrvqp2XvLCsgIwsbS7diTUZBMKhf/9\nfoOjRDdBW09gmz8I0YnOugeN6ppI5G+zEJCHvKwtMa/5v7LYW/n2hDkNCsbT\nRrHgUPdPcI0+9xsey0JjBkA+tdp5pbweNSP9rZ1qwDWS3y44ATRKl/+0xDvD\nmgAan2IG2mLmjM7+yiWuITGKXkPV1J9UfNsXjEr93kVC99AmPpQ4zwC5amCR\n3mGbGAdzg9/qJ0gNLitREwVJUtOciUAWpRQip268Cxl41zoB2BmdcfPzRVsx\nHZxO+Nil0pLULSlPbjcJdjXnj4tkfvFX8ev+Sre2eiAD00Vcysht7J5LNHxo\nKOog\r\n=f606\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215114917","@chakra-ui/utils":"0.0.0-pr-202215114917"},"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/tag_0.0.0-pr-202215114917_1644061814704_0.6015947388002789","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221512346","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f5856839105414fff55e50c4738cbe970872b067","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221512346.tgz","fileCount":13,"integrity":"sha512-TEVGygP0xkkhnk/BU+DKfDlKti+xlNXN3x+xVJa+elAPken00ZCSHTgOaW8earjGndX977j9JaN7qvOviEn9xQ==","signatures":[{"sig":"MEQCIHE9z6EwqIfeXKQM+sAyQG9zDO+wO3zS9m0YblugyFLlAiBulBssSjSBRuuOFnsq5rXzmi7TjAUPd2nez9wA2v1QBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mfVCRA9TVsSAnZWagAAUvcP/3KS0a+5uz8WLgPve8CV\npbuY0b0eFxyTcPJXBXbU8TMZbFDTrQn4M1coRVQBJp+79VdXOy1rSI1O451n\nGGweyeCxB4WJkgnKvLGdj7Tgn79/0avN2vKiqbaeBFEH7tvqa+7lnIs49bLo\ncRsbLwE5OmXuyy3s0A6RGUGAweYDsmLz5fOkCTc5I+apS01egQfM+Guan/iY\n8I/0FUXaYOkQXFsm/9HYX07CAb28qLuDdAdbYDnP6cJlEXOmZRIem0l4ggfq\nEzRTLFwYxhaLyhgdIcfS0akbzFd7qFIoqOyq1pzbvuVO6VpiIAgaCZ5c2SBT\n1hmUcVB8jtOQlSdcI12x3osuF10MM9MlF7gfXR60AfRXtZ/dsoLz3dJIF6T7\n/FuUVvf9QEf8kEOZGThWGWH0E5JViitreg/T3kA88cGAhbUFAVb+222XQnFg\nGEkzhkT+wYlXVTAAJGQBgWKKZGtPM8NXVVvlxRO8bVM3sPNvm9cnb9OyremU\nhp4kAdqA5IcIzuPsiq3bEx8gPfbq6rAYCqX2YawDuqMKxZuxBXNrRYR03hLr\n5TZ/6+K4P9X0PIY4deivB7HaksLAhVgM3s/oiXGN0yXNs7MQ2MenHJWs7sAF\n4gLRoeMGxDtY+fXU9MEykmLdT5ToXJDbuj3rNlla7WkSziF6XrwCVl8Sut+8\nU0T9\r\n=nNmN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221512346","@chakra-ui/utils":"0.0.0-pr-20221512346"},"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/tag_0.0.0-pr-20221512346_1644062677024_0.24073784161754075","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221512130","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2fc7a25e6a5ecad8ec385e7814c5728d1a429fb2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221512130.tgz","fileCount":13,"integrity":"sha512-KNkOIsK3MyWonPWIUF6vuGw64hzyIsCYj33a35hHiLIOHgrHWuawjZRRTr4ghBcJtf7nrzl6IovHf2ASjAFSaQ==","signatures":[{"sig":"MEYCIQCLXFZQxAO9cvu8NqjsblJQGSusxQbQ8Gk2D52tS43KeQIhANZwxtnnroUJsInSjjgejE4BE0D4GDwq0f1VKvS3yF3T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moBCRA9TVsSAnZWagAAOc4QAIP/uljzk8sSBcQI2gf+\nYm88ovsXbZOEZraM1uja2rncescdwQqN1fo5n5s8XPlq3InV4w0NXxM7dxyx\nlPUMJQbUMrBJbiNMkV63jYa6M1VG32TKhf55XUwiVdx6TrJvZkidPsQhuX1i\nM+dVYpsKE//5KCcH5LfS/NpoEWjtPXoDOrqfKpOV6x9ILqPkp/B80oU7nglm\nrsZtJXLmafHS+olSjZUXj2wbkkmdHRbPadDxqd8mqNKsdpMNZnPzuAFaFwU/\nD1RPLmMkJ3qdM9feOD+rzPS4LLeC4LNxIqTvoVI+CyAEAgVnCAVvY6WWeDTa\nHN/U1d1U6olt3oHThbdPR9z3Sev68n3p5jmHZyR+l8X2t0xEqb2IsjaIC4Gf\nI1IbU33IaikMKzLtdPLCWbdSU/Vdq5d6Xm4R9DjT4B1bSu2e7WAPa9SOH2CN\njPTmhlymrMjeFLmXi2zO+Z1m9b6AMyQbogAX6ttFTxggmsGrbGe9SIDM4dV9\nXjVm/8lAE1mOHNhV6WTN5uJ4AjweuCbLKo58vLw2pir5aMTW0T+v1+kaTKOl\nJUKZRxDIl80Z/MnFVonaULSe0eP6uOOcv3RcUwX/62oCjrRg21hG1dEDsdFB\nDIHUl2qsJQVVuSAT9svdCLHCTD7bTFWJ0DKTBPHFlcjYz5f/UgK9dkqckQUp\nn1Re\r\n=5/Fx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221512130","@chakra-ui/utils":"0.0.0-pr-20221512130"},"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/tag_0.0.0-pr-20221512130_1644063233851_0.305137498939241","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215121320","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"057172a252a35bd3f0ffd1d8cbb7c6bc1275ec60","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215121320.tgz","fileCount":13,"integrity":"sha512-smQL6XXO3w6ReXXmS+wyJ9os3+TiOZ0S+lLfxzJ5chRM3cJN9d0fBnIc198KQpgj5x9B2nn4JDa4Gsqf84ao2g==","signatures":[{"sig":"MEUCID0Alk2rVIjlbRj/ITVuNLlPZYuTLyIJ3dLEtHYoWGV8AiEAjiJfQEdRFiC9ow+8/4BT5m/sOcdzJ0aOu1NgcTnQeqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moQCRA9TVsSAnZWagAAKEoP+gJg//s48znWGQvj/yoh\nHDx1i3ASltTvBGZJkwhqHUP+6yS28vSH0R+uHDK8d4Q2CklFrCnLOLwM4qH5\ncR5uiWdwHgO9PyAB6qQ7BnvBrVKiUVDst8WLRhCzD6No853Vetag4xFRlUsM\nbqMvpFq36j38gk40epIfaXMthdbl83+KtvhNoxbWB0SNdpIbDLhPO6txCKoc\nSkB2vzE3oZtTZKdUkzrgtwdFYntIsYlE7mdnJf/C1l2LpgU3QtyMXMB0PES1\nQ/JfvN0ay4cWaHs3X9/C1jytHpcE6jXs5fYhUUS2oCZZOGCozc9G6/bgjGGg\n9brhmruFx5G4CF1ZWTpv/2cD2QN53zylMDrFq4agg0UwtAFYP4nYT3jVsPli\nVIHaAReEebMQTHRoCJVG/jD914eVVZW2he4K4X/+YePxgLvO47XbnNJuSXKq\nWBMs277kULmx9ooNDAB6BijxYRPX51+BoMI+MdNSkIsi6R++PeCBLR36nSa+\nPth8Y2+t1UxaYyJfcCzu8CKHkKY+Jj07jwLkgMZxxMt0GllkzgVSpZCT4CkX\nsa5qndbDsClT5520M4V0JZ7P21bLCeOGihWgC2SK+abMIMd/IBXTm8rmXoEc\naoCX7ZNVC9oM8Or47Aeq7MZ1ozEJAm+2TB4uXjL8DtxWBsV1k73297Oj1yLF\nroTD\r\n=RynW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215121320","@chakra-ui/utils":"0.0.0-pr-202215121320"},"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/tag_0.0.0-pr-202215121320_1644063248499_0.8214780097163439","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202215121353","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1ef747a52d27786819a2ce8c3cad4c5dd94dd65c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202215121353.tgz","fileCount":13,"integrity":"sha512-OYI7xeXwmodlEkJPIgLAMeE2DzuCo4GvA50OdEbhWhyNULCAX71X2+rckY1AKEl6wZE0ci3Mg2HUq0U0phnQzQ==","signatures":[{"sig":"MEUCIQC3ithdQHZY18SijNTvLZhEx74lJtV5wq0ZqKyZqxQE9AIgJp8Iz6EUJ1dBvg4f5LJEFbx8S/oybb/O9stvXa3RphQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mosCRA9TVsSAnZWagAAFIcP/is+gBI9vm8WR5G5MF6A\njDumC2Um8tMyHzUp+YPf2W2bQI7Qm/p6KU/2u7TuBLgCkq3JzxPWCTD0ZqkK\nDR++RlqMDHre3Jp5/x955a4R/9JTxunRtQlQEZjTmiR/m49MvXM89xvZ+Vem\nMFqIYnYyBFAGY3bhhlu2OjvEEf51KD7rmFfAwIPTft+nodT9mNkEMT74Z9UC\np2KZVZwwkglHkgvv+tzT8F+Tly3fXBfipdGHVjulaAJt9tCvjNgxRHonOORM\njb4SY+nI/dWqO4nTVwXssGOFyxQBPDCN4RcLiI5HQxHHEaP2ad+nU8+qJUFS\n3XdBB7djiPideeX+xTlyyWgEShvjWRO5QegWKYupyIxLXo76LXf01kQSMcue\nSH93zAc9vEGrTQEszqGzAqE8BWI1xwE7GE614uwzJ+vM0VNh7Sy0LE//Lsgm\nXpYYdJcO5etK+MMJOVi3LGIceWQkjfiONV08nukojwVfJnJnhXD7IRYfsVsl\nlvsiec1I2JCGff4eiE0hgT/wEBzpkLB7PhaB7Bm96R5BiR0QhpXlOV5BA2nl\n76cePRezDT9k4++pxS08rJqHLDedZ675m3uNaYCQ2Q3PcKeTZB7Ozeh5PulQ\nj5cRy/P1r7CCm54hyYaHzLbwviilCzH1Ty7cw4R0mvlt6FZ+fn6oVgvSqqYK\npu4x\r\n=kNNK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215121353","@chakra-ui/utils":"0.0.0-dev-202215121353"},"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/tag_0.0.0-dev-202215121353_1644063276398_0.09646040950045598","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202215121428","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"acaaa93f037cc1514731b2195870137b68d5d6cf","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202215121428.tgz","fileCount":13,"integrity":"sha512-k4HACiDyTCkae0BicPVMZGLjnkF68CpOLtflsxP1p8hUfV95NNODAikXMQ8wC+EzUNpjfhD8z8Cul2e7MZVBsQ==","signatures":[{"sig":"MEUCIEYPqZeRp7S4XjHjy9JI2CmvVwpMFS0IeP9e6kweqopHAiEAkANnPSNAbNuSaucbBIkY/nYWOAJI6smbmBSxdQM0CsI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mpNCRA9TVsSAnZWagAAqFAP/Aqv1+Aue9OO+sP3VQFU\ntAPJFn8e6VDC7imgbUcEgc0PISqgodamcNsZU/OnalQTZ9ndiX6EqAxYAsYk\n4HEVsv/UX+lKqfjvdS/XV0doH4OeakHjC9A80lTXAUiEdHlC/YyskBB6n8E/\n8XsK2t43prJgxjQYrUTfUaHcVsDAgI/HvNiu4BXRrjrhuH4cjn90d3jd8RdU\nj1OqzBJbwzes68iVvXE4H3mmzDT2hI4N7ckO99x1FO1df8dOjA9SxlD64LqB\nz91/Jbifuy7NR71iU1tQV4W3WFnIsyQbfa/MI5tPaIx9ljW6wiyq9zOeq8x7\nVfeF8u57S+JuxTrwWO6Bax+v7pWjiyJuK+vnSqWJIswC0clWG4fvr1nHfZPC\nUwruLk3AWK7d3SkfPLlj/Knl9vbDVjcBbautleA+KaRRLPcXxBShthHj6tJM\nzZns5oYtt4P7QCcDHLh7YEyrp06N88Mp35xFM2LlXhgcnuzV+X3V7U7jtk0G\nEUgSwFvCyXJ4/iAV1OkCCpN7C45FSLgE5eY5peQGPdyPJPNDf1A/xK/E9ueX\nHUUltQsmzGrkvEYONGv9SKecOpSUEEQ0IyEGkTK1qOe7VhH2cgNds21dR83Y\nKYJh5YZCThIXm2x2jehUnkmeppGcAtgDhGvw5iTobU0oIMMlqh11lw0xIEBu\nhWIb\r\n=Ukn7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215121428","@chakra-ui/utils":"0.0.0-dev-202215121428"},"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/tag_0.0.0-dev-202215121428_1644063309452_0.3470213313261863","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221512173","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3fc4d479d76d2305667fed04890c4f98e1860af6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221512173.tgz","fileCount":13,"integrity":"sha512-lNSbCY+O8AREJcwiMtGJVDZ3li7wDV0140G3eOLeiVzqZbdlJtLYuWnXV1w/vqzJxNEqcRd9SOAPzum8gkoxbg==","signatures":[{"sig":"MEUCIH8WfC1TUSLJxnWwB/MiSk091IstyqhUHiaOo9OxJtb4AiEAqd3KGUuUwOvWOFF25FE7yKaRVeq/NG2gKU/vXgm9qVM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrrCRA9TVsSAnZWagAAGH0P/jptPHdxRFOP+zKi0OlS\nT2s1NiG4bNvHhhzVuWCoBtuhWhqd3J3B9SkLqLoY6Up/gV7rZTfhYmvYjois\n2230D6voF0E48cQplzQHsnK3FA0Aa0KM+j8giH9P0UnT1cERwKo4Qoi7qLvh\nYhwAkExgXSUlQVXo6bYTGP10GwQDRVKg20wTjfnm1+jB+3xxZEJXX57mMzsx\nPyzKdEi//6VQL5+OssjrhRfWUmbN/fz/GLcZ1GJGbm+4VbNoNtZrY7a6mBqw\n4Ioznp7pcjDMzrcIH+g9jZi7oVUqD9B13uMefxOtRnR7KtXKIb0LC0CDrbXT\npwNkK0ea0kStpntAj8l+vrnVQ8dd3MCUoGtbhCz0LRQQflQLyFbFQIjl73bb\nyfymu1uh2iOgCml0O7jFSQDIovVgy7QIhw1XZQs5RqyngfjGU4Yx7kwe0nQz\nxkXqd6NLEN3UWBn7OHBcf3n9t0jjzhN2K3O/WCHqmB5BkVhMnHnVLH+msZ7p\nX9IsVg7gxZ+aKBvMBLxeD6zCeu4ofwMkho8ADvfu/XB90o6tKsHDTri9Gc3E\n5I8XeF/9oy5FY2D43xfA4UGwBgUN5SqNc9PuFfxpJjN1p9fg76gtjeqqNG0M\nPr8ACjVK7MTNQomzaWVCOzF6mTRMd8LoPKKmk8uPviHXDIsTzgovWUl1BPYL\nSlhf\r\n=XwuP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221512173","@chakra-ui/utils":"0.0.0-dev-20221512173"},"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/tag_0.0.0-dev-20221512173_1644063467598_0.2623101908174379","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202215122415","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e0918d7c15abfae176c2f4f5725ea91afafef0b9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202215122415.tgz","fileCount":13,"integrity":"sha512-uPr7nJAg4SlQ1z5Zy/JheD9wnA7EL1/Hq6FvQG+DaWsMvMCYTCfpJqmDBqu2jIKfYz6/A3IpARTp4R0ctKgXtw==","signatures":[{"sig":"MEYCIQCo3DWAztxUZq2gWNy7UbTVqNFRSDjw/oy5I2c3/g/PEgIhANoUAvoGZTlaqGyjRnN4VIw4H6U5N1SXBj8YDSK3RXt3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/myjCRA9TVsSAnZWagAAIxoP/jEYyQPaJLSPNkP/bFr5\nmseF5GNCV0B5JZPI5A1vxkuMvo1Pr+NqdHaj2jwfJuIhuiS4EX6JzioB1OLr\nR46EZsYIhtc3OXTHh5GuA0r2JxpnyAMRNzmICbX/hMdnTTzIYPM1V9iF6ZH6\nroQzYH3dy2xAJgFbppMwAXjHuoIumIiHB+UmPPOEuD+lMJ6JINjJfPXN5MO7\nGBDTB32PhNTVDyMy0Jx1EpThZR6IbzxCdww/ZnbhIBLDVY4lITOeAECqDwHo\neYNPx2H0p6Nrv45E3hw1HnXC0YndDSLGyDoePAaD8BNFk+quP83SmFv/ivCE\n6zjQaXOKSENftbMtfBL+P0bLBI1wBTK8e0UvsM2Xxcn5XBfIB92mXub6oh+R\nfqp4T7ablzOIAvYGbwjWzlfNTQYPUmoS+pSszZjvkkS4wFyK4WK6xLtXm3nG\n+puq6gN0rdGS4jvXVkbPfOd6k76dt2xBQIaxGKwPADooif0YJ25RlQHDOITy\nVlW2wsMP3EYIQ2g7PEgqcx0zf8AYXTR9m4gA+UQw6Oo1QoKCsdutEPqFYxwO\ns4OlbBwl/LL/HobzSyiAoFs80KY0TvAvLNzu1+9AaUJUQblLHlqJdmFuN+1H\nE1vWONmS2d0wwaeEQmG+e3D9WKDLrS6sf3uZflnqUSw3ArwwPp2c5fUA+Bp9\np3a/\r\n=1ju9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202215122415","@chakra-ui/utils":"0.0.0-dev-202215122415"},"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/tag_0.0.0-dev-202215122415_1644063907113_0.28201085097238976","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/tag","version":"0.0.0-pr-20221512359","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"62eabc3e21ee051f43915c687b941ff699c85bf0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-20221512359.tgz","fileCount":13,"integrity":"sha512-UrHndj+GryKsKRIKLWm23l/11JhPdz4Hr6IFuO0xyYMsGQsM8kaX9DcMc7TSCnmDCciWzyJ5nWwkdiEawX+W2A==","signatures":[{"sig":"MEYCIQDCc/Ra8MYKpiN21/dXlQJ3NIOOzTxBgjk46dCg2P0sqQIhAN04cEfU36wrTeUONfkkBZ4SywxoZMB3HHB654SZCLY6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8vCRA9TVsSAnZWagAAjgoQAKBDjwo8+uLpMiAM7SKs\n2B32oiZFHSbTp2l+HoVCsMfcBCIfbrWYQOR9U9bKaZhyPq1+hCNOoYXi7OKL\nc+TfjMFoIQpAQodNjpSDVWy7p5OVdBGFiQZ+v9PjVg3wcki8fQPjkcUkWYdX\nqezWOEsNSDn5SNJflfwlsHhyeteoXH/6V0lnNl7hzB6NVhmc4LAvjzO2jrlC\n4cdJXHGkpczZTYdHq8u/d8Ir4DdAThXaVL8m+rvjm18BAvO2jtj70cguFoM6\nI0JIQUdyb5j/eUSs7KsKpOZ+nl4UBg30Yz0oP35vMCUOha7VjSDsf6DT3NQ5\nn0CxeIm0iB7rOeKI9663yxp4L96cuGNeAFEFy0j+jay3PAMhoC7AnKizoltk\nXLGtkqXOLXAGUBsoKgs9uzJ35DiDZ4PteKPemkkvkjzAVrBbRaJ7Ia1BQszI\nW01BaGItzs99r2qSW9Q8XHdb2bn7MG3AbbVGamw2hKGZP6WrVYKmGveUqpG5\njxrzrlU9jX/2jIvCgOQuOTem5fi2oTW6CXQzv3NwtvUAd5KtEgMViEcmEDVG\nUf76IN09yXOzrswC8HSwRAYRDFaf/kYJQ7jfjQdQF1TfXL/9/3v1CE+KhA3D\n+L+vqkQeTaIBrLM2bc4dJkZb20p4t1BWuDe3+4zlYCLxh/o0E8MHkE7vvDM5\nxgCa\r\n=eBzY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-20221512359","@chakra-ui/utils":"0.0.0-pr-20221512359"},"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/tag_0.0.0-pr-20221512359_1644064559303_0.8748759844784249","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215125733","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1c3c1389ba2fb84fbcfe8923c5525b24d21228df","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215125733.tgz","fileCount":13,"integrity":"sha512-MQp2qshK7H83YPpiVOZKWN0G6yNsFWw8viNFttGCB2xsNJcyfnH707/byMiDpnQxAZIDXJvCxekjqAN8VmHjjw==","signatures":[{"sig":"MEQCIGXIk7Z5/h3zmwx3DRkEpj51+Dr4aa6dXdTJSPtf16yEAiAiK7TBuGC05rphaXVpCxlTaMB+iMlQxpcjDAIKYKBMMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRwCRA9TVsSAnZWagAAqgEP/Ar+ZJeLWkAZJuRXXlD2\nw58SiMJaTorNUHAAVo6kc/PirJIoF/q4kosvXiEef1tLwpKWRRhxNLeKoCrg\nXCfxvUZXgytMH9pLz5tAddI2OYWUf266qUvLgtwLMWECd+nQTA+DxCcjg/B2\neDj9L2/HZeJoxXvjzA9ByLjH3f5uyH3G0iNd3pB98JMjTHFFRnz8vBTcOTPl\nC83Wc8BnUJ3MXVv2SbUxBMmylHqanqMw44cIbOYGs3ngzrh9SXLdDFyg1PCM\nWBK/LxnoVqW7h+zl9d3iaRoz+pEodlLoOByltAAXDgusdvXiIi7SQUxN69NV\nKBiOM0fiLL+Jd8ob9qwFAokZk2YYk/x7PWZjbzfbY3/udiuEBTr6ox2SpIrX\nS2ljDzirrSHdk0H9mszpFdnhnLz1cTAUkmpW01gaAP7R3YkOUAzcod15yUHl\n02KFYmBz4WxkQCJkuACUKugTO1m7tq+K7fRZ5y6l/Ax8oCt44vmxO9CFtup9\nuqpiRw95xCANYe1ptGgJ0soPBsF1YLQw5nV+udkdhxyLs8mwwH8JeZIzGrPE\ndXCeHGRZsd0GcQRdLvUUXUUS87Y5EY0A2+BSvmOC24P95Sa/6VvYF39+Dt5X\nIjENId/lv2jz8GniZypxGkbkJfbYSI0sGoo4QOGTEbFMXCL5qTI8NPo65nMI\n774K\r\n=rmGV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215125733","@chakra-ui/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/tag_0.0.0-pr-202215125733_1644065904664_0.17327011120201874","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202215132532","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"fa93df110cc1c486f66ca6424b19c0ca1302781b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202215132532.tgz","fileCount":13,"integrity":"sha512-L3cm01KYtWzH3N7KIhSVvM1bIZ0cLiXkTl1BeWAtmjqnozkMzWvh0N2BkmeSDlqTL8faOdikhf8WshOmXE/ZXA==","signatures":[{"sig":"MEUCIQDFmnECv373bS3aFMMgYeqr8fMASLTpsh51YtG8S2REKQIgTcysFmdEmR3OcRpsbIMmES1X0foUAVR9jUophXdOod0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nr8CRA9TVsSAnZWagAAEbUQAJCkNxfkJdVLxF19839k\ncUaGkORt0btLUbqZIPLRm3GNdTTwLwL0T+btThOW8hgAi9TZkAvfOHGTkpas\nUvQOMcrgKAE7UCcgTd0BvpnHGSsg35Mg69d6uuie7YAllQhdsEBQwHATOjA1\nA8MmnrhRCTFVaAVQVL2kn4vgX7dfw3aE/kmtnfSS+RHad2obVb4Hw5XunAnz\nMhY/UBTocjtfttJgEXa/Ey984yAYNe6/g34gb71Xy331SppEe3MgpVLEWZNw\n9MRIjVbJeKnZrcNsPPxyvvjweJTVVW1wZ6OySigX7RzRz94kmbCgmq1LCiIw\ngA7Lh825DXXxC+moR/6Co0HhapRrX3R7Kdyn/eDjkkwj8+k3mzvP7B6tuqt0\nHg4vuA/GANGDwU8oeiS2k2O7x9JTacuRcvzSjawO6aWJrx7Jm5YeGAqrrANr\ngaxuJ0ObUSh7b0ixwd5U0TNWr6lfrcMW2IJNDGKfJaxhyyuUBlH4FfPv58bp\nxeP2j0fK9zef2DalWafhV8uWlLXL4CtkaIDSVvVn6Hz21n57CdOu759UzirW\nQ77JTLsxYL+5SckQ6kdGinesP/7rppJRECF1XBYHnTy3z7sxXwcZZ3ZVvp/V\nMTiyfqe3hwZgePijiuC2H61nV78fUIJfesrtIEgDfo60ca7usM+bEZynkNNQ\nU9sr\r\n=mzWB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202215132532","@chakra-ui/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/tag_0.0.0-pr-202215132532_1644067580024_0.6817464593293305","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221513279","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"091bea8f40b59d0397a3da0a7eb84d5f477b29e1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221513279.tgz","fileCount":13,"integrity":"sha512-0s6cKs8jw5OCpQYTd5rvOJt2qIGD3h2dKQSsBniOL80iNNkl2BSm9l2p53E0orq8dw6OizF9KpOgeaYahwE0iQ==","signatures":[{"sig":"MEUCIQCM/ZOaquicIs06oyvfL5ke7C5GkWOSy92tDuOtyfpwbAIgXyzljtJUWYpWmN/9CfNrHHgb9tSgq0GCtbRcQuaD4HM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntkCRA9TVsSAnZWagAAXfoP/RBQjk+4R0J5YTe9rYyM\nRSNcVfz+Ivy4CNHT832mJQndN2OCIzgpPh6PyhbkP5JBHGngj6bZYeoSojmL\ndLKYmh4bRMjP6fy1hvvXSaJQorCpE34TeQpRP64BiR/HVktTTUw8ysKJwgUp\nVICF6kIw27Q1rCLUop7dgkxKAai2dGdh3BC7mU32FWms0vRF3oVAlncUn5mH\n31/6kCi7zL/D+NZ4TWnLJME9yoZ0G3hNDGbwcwMxwla5ZjQ2DtwnyvKbMiRw\nfUXAzXBKq2lwfKQwMw10xJVnc5owuX36ab97FQNtlcBecbWb4GiC+IeWaT0c\n6UuOvvLuQHG9AVPJxPGUwWKC+jYl113wVY31fM5PPtVaJ6iP+c/ZVf3NdhWS\nu+hvPEjpwF8xFttb6ATCFdzLkppe8H7tF+zhc5OC7CTIa/8ioLzvHbYIZNsZ\nxOl77QQ7b4Lv8waqUBxr6jEqUr6raNY92C2X5UkeLBm72EE4/nEOIAw1haOU\nVH4yXh6Vw3v/Ml3eweUYthBVO9jS3Jb/7fOYY+3dAIadfGibSQHiwxtHl65O\nilHpgx1z/MFN5gs5XnJ26GGGHFFyEpTSl9Wks9/33QNNXQmhU0Lc4UHU5eiK\n0iZ0l235DUB+WCYu7NlikQQQtj9djcIgtGM4dEU8WJ6SPD0TVckVDzDhsJc8\nMX6w\r\n=Xvt+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221513279","@chakra-ui/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/tag_0.0.0-dev-20221513279_1644067684121_0.29206801508263514","host":"s3://npm-registry-packages"}},"1.2.5":{"name":"@chakra-ui/tag","version":"1.2.5","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.2.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":"dc08c614f969fe481e8b755f503736bf594a43fd","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.5.tgz","fileCount":13,"integrity":"sha512-aZTAJ4HxGFDIIgURd35jvB8InFMmx4DX510ytWN9zy3Ec4jPPXgnGFKCETFNL2kGMnZDv2SOcxOHUIsWpmBSnQ==","signatures":[{"sig":"MEYCIQC1/uLwwF/yA15t2S+a0kJgRvPvLnUa54cas5aTtK3zLQIhANysTsfzD1t+7FNii7+0iswSQSKQuNIXAKShzhJubFTS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1kCRA9TVsSAnZWagAApQUP/20HULYQu1qxbZDbAoLq\nIt3GnAokCaS229aRldKfAwlXsGbT1MAAUdWP7fbUqI7TmQuAHJr2i2lp6srT\n5SHCTohNcXse1R8LwaActlxwduJ1eUHsPbPTNWKkzNN1me+38/sprmcoTjwa\n71+pbMEEvjt6x+7z4eutQupoGIQNQevlVbCncX/mwzJPPmKddqPPysEXmtW7\nEKoMHf4lLtTS4cYklX69C8R+uGv5mtmRzPaCQZH3qLMHP2xzHubM4/qWb7xy\noThoXqcPCQBQWndYQAHsTn2+2ywpy8vHleAwshqoRHvPxD4FLjZTlK1V+lt0\n57XjPaw3FtiZaTOYLxF1kOCHukflHwZt1o+YnRsM6PgabNS2rRp+r0HKU/Ou\nCqOEEnlAVQ8gw1QKgltGXVZgF+prPRroe6/v/Kmkx2kcln1St+BerIz24WUZ\n6k4tNpT4y0cjZfYv8EFTJUPosLzys2vhuWC8CDot0IWIXZVREq4FHYmbaikh\nrxQDPJ/nlxPQYVbc1pQh11Het0o0DUMb1cfE4MaxCB4lQZ1HofDf/7878vG6\nx9zsznu+umZvIewBRX9gwKiPNs6pGJ4snBYtdKO6Ui2M6OVaODIU2DKiteH2\n/EyfqLEwAejj9awKWqbQcfO/WvCysc+65+MtIpCLhF0PyaelXmBWE+eH8522\nbqYj\r\n=PPxG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"2.0.3","@chakra-ui/utils":"1.10.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/tag_1.2.5_1644068196126_0.3284974093057096","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022114224724","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b140b663589d4f1f2f6e41299afddc257b9f80b0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022114224724.tgz","fileCount":13,"integrity":"sha512-0rZM7P9WxhZVwzq+jhy6hV9+mW8889Neo7GGnB34/+2fwJULSFsorZmyeRePYIaRER2nu7o5efyxYeP0aYxTkA==","signatures":[{"sig":"MEUCIBdKdnJFCo2Yjhgbp0HA8dP4kM2dndd/qDa+8yD3jBL3AiEAgz8abv1EoVkB+7FiXkvHJx7s6scMqiR8941b7YwuvQQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtw2CRA9TVsSAnZWagAALcwP/3n3v573R2bANaB33pA2\nL9Zk2p/bhwjMJhJ3XsB3SUNwP73hMU2cu6zqRVk8ItzIYp6nmE9VAjxD2Lgl\nWFG33Vn75/WLouYM2hsREih4v6JtwvJFd57XmPdhYpqJh3RCLDjDuxhfo05P\nVW5G+oo05BcqfPWmJD6qFYhidA6jUWsXOooaFQ/CXoyJwfTL4HUYhpumV/86\nQKJb4IQFgNISp36vFvyj5IN+c/lV9owDaPiYbM0Ryj6n85Vl4MuDYvx9t1uE\n+g/anZVl8hFIWtVwm/K8UcvAPnRCL3/YWmTWnexzzRQW5ZnYuJefFg/VFZ18\n5R7eQASBk/VjOWdTKuX62LCSoFqJyQ1eFC2SQL4uDVKI0l+PCL3/fvPCYDe2\nx+52XkhMWCV3sJLkbMHY/EqFHjNfNLO+uX/+j2aP5lBFmOQwoM/4zeQWyDCu\nQvFcyG2jUIKLx08bkW0MWIUnvJ2+MIOovo+OwrDIgyREtrK7QTEXpizl1YSH\nZg3UQOFqdvtYkwqR7eUMUxUmjpxFcUjJiyivzjbCSQy8T9sQ5cScBO3g5vQM\nVQFA+PKGW+1Xz0kcHI5uyHVqRoLQL+ShE8bVDLvkxwebVbtMBZlzGrr0WxzQ\n56cxTM9zSfpS8gJ8aRlJGRAfLysTYaDTGW1PupbSctl/PW7Kkacujcko3qRV\nQ9zc\r\n=ximS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022114224724","@chakra-ui/utils":"0.0.0-pr-2022114224724"},"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/tag_0.0.0-pr-2022114224724_1644878902654_0.7878161862173909","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202211594731","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"09712e930f42149bf0fae43100b53b705b9774bf","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202211594731.tgz","fileCount":13,"integrity":"sha512-RoEr4TWYtldh7D4C8GYYOIBo6/BtE45zHTVMs70nJbE+C3v0/WLTA2r93SUqP4mqeGwYJeWP4QnRjqnrH3gukQ==","signatures":[{"sig":"MEUCID7vuZYMGffzFrxaP0BHAc6R9qplSiArkhgvx+i/1u4vAiEA/FjIZnP23kaulYRNywx0wq+X/3iNhyaMTPJiGiKP3Fs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21406,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bgCRA9TVsSAnZWagAAb5IP/1ARpfPIU4yU9FNeM13k\nDBOkwLf9QLP94+adNONY/GYar2L+Xi9b82mh2n9iN5+VQMupKP1TNlvpv2Mp\nh1FvCiOJKIK5m97QX0Nd6PkazCvvk2fzQPatKi8NDrawFYUJR3zq+PrmRLXb\nRV/ICQEJJLVPJdGQuBzSCXUaTuh/dO+1v7C7GarS1QlCPPmPxk2wTjEHb/kn\n7j7o48njNk2dKOAlghVP1MxgZ7q5XDHKMttSGEsx2iQNlKgZdoRUeEUxBqWj\nXQLEvSI1Aq5f2d9D7CfhwRGj27t5fN7qtfVsNYmn1H82aU8sYT+p9xkz7uWF\nbmFO21FXVdsRFM6fijvKB/h0EFxZjDWT9TfCpz1JnQxxz+rv9v8S21woJPqF\nGUxMBX5hwRvpk+3a5iIeMQRy13dZmrvpIpTIau6BMfWqzqk5BF+owwgc8g/g\nZWa8gLOAj1KOREcMqnMNPHjBKY1FdW+vXAQ4+3FyU7N/Sn6EJBndu+MH8pou\n/ZACeVPRcKUEG9vwpL0pJwYAQF5WW6Ltbcx0wq5zfDR2l9WEy5AKn+Ptaw/t\ntUipHpDnUuBntZiTGiquPBlwEZrfRXp/MsDO+nOu/JmW9qFyUNdaEqwI8rH6\n+NZXBTd2XFdFgUUiF3jvh0LGxlb3iXSNwQRBVnsSBUGcH+2fCqAnGqI196Mm\nwysg\r\n=7zkd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.1.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211594731","@chakra-ui/utils":"0.0.0-pr-202211594731"},"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/tag_0.0.0-pr-202211594731_1644918496412_0.4138798871987044","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117101328":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022117101328","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-2022117101328","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a601e4f684e7ffbd8cdfe6795521d2a58fa80f63","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022117101328.tgz","fileCount":13,"integrity":"sha512-2hWG28CmFKB8A76/tvy2trnXiDB7iL3HHdLJCD5oLDolGBzgTM62gscAUNSXu0AFWiZVBUzAHO+TaO6cJjL6Lw==","signatures":[{"sig":"MEQCIHxMG83A6Twmdy9bCf98TB1Fp64EKEwKKm6I3zbbCO30AiBvzapOzcjkTvUuKk4usGvgcnTXTrJAZVCZK3KiZ/Mcpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDh/xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovrQ/+OIzixhMVGXpNubUO0A/JQDlOoSUF+nNPtzHkNC1+61g53LzC\r\nK9yL6dDmm0oHdY7JMX2ABjnOsEzMkkPolE/xjtSaWVBQA6TAIJGXUjwRXg0b\r\nf3CjzQLuolWWGDd/stRWKn9qrPGCiI/BWdQx/vNWmikj2GTLBl4xjXiej0FE\r\nyeIr1gc/q+6xyBANMaGRUNQiGK3ZCxnokw+/kCF52mtZFXePSTk+EYLlttV8\r\nz8nXuLwm+Zv4ZV1VVQlkGO6AWiFGTIXSrdL0sMtf23szFgPiRYSTIscCPtJF\r\nU65VINRXiW2J19DScq1qYB4+52/wA1K/9z9WsgQ83llTVKrkLn01loLLVVz+\r\n86EnxIuMQNHqz+Rsfit1eoj9CfRp4k2JXcEB/bK4CTYGlNOAC8hVZ2kmYtLV\r\nde4R7otMp4kVLqz2JgGL6JT1ggtoOHrKJZ+tu9IZ9mk4l9YNd4QE0OHicMia\r\nTgPCfIYks86YdgJwL8eCd9M/dhhZipGvTv8T3NYeo50kLyX+lRKE1FvuP/sp\r\nDL6G6wY6KboEcYKSEiBnbRuED7A8TOiTOznNSU9SY+fxP3qPtTo8DaZFYV8l\r\n+f9SGDKjsROF4eubxlBA0BS14srG7+O8SjAxtyhnC3fGhz1f6wQASZUTpbp0\r\n6cil+1QkxG0TC7xKAAA5vK6Tpo6eBkPYFW4=\r\n=gQ/C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n","gitHead":"c2bcba11ca60c175b35dff10a922e600c3fd065c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117101328","@chakra-ui/utils":"1.10.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","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/tag_0.0.0-dev-2022117101328_1645092849272_0.4713636400503123","host":"s3://npm-registry-packages"}},"1.2.6":{"name":"@chakra-ui/tag","version":"1.2.6","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.2.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":"f9e57d760624b5d2e5e50b0299363c40eb200f74","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.6.tgz","fileCount":13,"integrity":"sha512-GXuNVHbEY7Fo2opnKIFSf/EJyxuQrPbvA9XpGLGwrvwRVgd2NMLUgnpywVSGksJeQp0TMqMHjEd8MYx3FFHhVw==","signatures":[{"sig":"MEQCIER5JkjgZtCBwGBQSMFqCBM/6DzsOWE2rnVGr8liDoTOAiARXBeNy6QElnqXbkr5o0iodD1l2ShY85kyZH1SUaEtuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21328,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiEEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphwQ/9G6tw63JU4p8wy7sDBNEzRj4QK3MgiRAvF3U1tvmcz1on6fIu\r\nJb0MTgg7Mn7uWpysTUG1a0OPDu3ZqShKojF9EQa/3NNWAWnHLWjZnVHGaLKA\r\nlLb4Ep9R1BK4hgfsvLo1De58KbFMrtDguPj12AIXeUM57QBe2go+xFfDN8H4\r\nU+uPC5lG415v8E0MVZEtPyN7Fckf+G5s1uK2awe4tWfajkIfLfhrDCvSA0JY\r\nzkrxcIaTsecX76xXjuTP6MmJWz/Nz32SdByYDGRAVN+D5SMRdvJOHX8fkjdU\r\nNOBuEDa71XdEGKfhwu8pNEkqBmOWWulXr3/2ZZv7bY/55vDLEcmgVrT+gus3\r\nJoeSgXaBW9g1mZQWdPYYnaSVIiwdR1BzvcBjik5wzTPen7VJdcmSWb6ZRNHr\r\nx1NdfiU+U+i6rJMm4vi+9C8Y/js8+okPUk1+VaRVS3YsAA7enwbEwH096JC4\r\nMqF+CFvP1yjJMvTQIiGD7EsZAk71tDS34f3jV4mmcFh8L8xGcKg8mk6oIoco\r\n55Jxdut+E9Wp52uPHqaNOjvE3oNt8kWdP3Pou2Pn4Y18POvRpAooE+i/Orqk\r\nawX1wA9ORh7e5utoxGbOcoEoZrHqqp8dvb9ny4VBkII7qVukeO3Wyg1DqJ+o\r\n1/Azyo9ZQ+ILlJc4GFF4QEbt1EQHmTvzl0A=\r\n=uezP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n","gitHead":"05a2fa22ee6bc23c5eddada9c3ac79cfd637686e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"2.0.4","@chakra-ui/utils":"1.10.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","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/tag_1.2.6_1645093124407_0.9090809124216892","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022117102151":{"name":"@chakra-ui/tag","version":"0.0.0-pr-2022117102151","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-pr-2022117102151","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"482c62a5a96a233806e26d55ef1028bca20da772","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-2022117102151.tgz","fileCount":13,"integrity":"sha512-niJc+Pf4O/z1Z1R3GPA2yM/uYP2Uirnl7sUvxGccuvqLWg2j87FlWADWyc3mlqtz3eLcN2FhvfWLln6ppu4O/g==","signatures":[{"sig":"MEUCIEEZlY2jMjjZ2m9n+6msPaR8nk2+siXVlHSyQTqabAPzAiEAhD8sf8BHqGzRtqCQW/et4OtRpRFiNaiSsZNrlIukZy8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiHaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmri1Q/8DMKnfpLAMR7AiasS3FzTDjH/qhgEyKmdc3h8i1gIWyFmCycr\r\n5gSB5OcAKfxXbVZiRlpSNVEP84+Oxt53l9bkpG2O4nK13X9Zxh7Q7nif2mob\r\nUh10ueQcRt5juiCTDORxdzcKnnQTkoAlhkcCHlMMoKGjj0QyHIFCqQWqtTQ7\r\nFwQg8k4HHtRrcKCgKvyMuAl32tmhhczxqywXOwQ33VCxMiGSWfJQUWZosX0s\r\nfTdXDaSLtcH5/fNdZhnXEz/V4J5qY+nDZJVdff6zKZRJUGYjkdVwq9gBBGzC\r\nbaEBkUIVKbpHMfalNETRSKKyhnXqaPbaAT8DVMbzYeS3XG0t8eCPyBQqtaCH\r\n2RB0qrBrR6iXx5czjUnxR+aGvkjMPtNupdlcpnPo3WbuElbCu9/mq7ZzYQGZ\r\n/O84FROhbmRZHy0tQYKccj93WHWLt6ur9yX3s28aRBy8T4tAQRuwb6jIg0xf\r\n/YjgT9+i30rvu6MUEAzB73ubmvW2b86PjNt2kHBDX9BtM8oKmSWVqGxHtoRM\r\n6zkn1X2Ny3Ftn+ctMw6tjv9lT3O+EIK9pbqf+BJq7+J1o9ldJ0JVUurpEc+D\r\nCe4IdriEwyayVEgycovL+xq3h2LrvPQQafs9BkwpHZ1nheLZOL5Ojr6VQvLl\r\nzrbhgRQLzkuimMsJ7Oq1lX+PSOFyoytkg0g=\r\n=6qus\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n","gitHead":"b0ff06849bc9bffe2a0a105c2c7f5f6d16718f3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-2022117102151","@chakra-ui/utils":"1.10.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","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/tag_0.0.0-pr-2022117102151_1645093337922_0.7653063069684414","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117102223":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022117102223","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-2022117102223","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f3b7940d4cc769fafde04eff3e9ec812ef6714ea","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022117102223.tgz","fileCount":13,"integrity":"sha512-Hnv/WlDs5g+gUVBNAFMU/h9cgwZ5S6Frzm5OlBMdyNDz0Pq2HUW1sULezzXG2WOhjrKzuglQe5vNLXiH8vZH6w==","signatures":[{"sig":"MEUCIEv8/VPFgPuAHRwoYwgUwxPu8CrQiJaR7yAB9c4i8VpeAiEA9F6YIIUb7pIORKHzMoqAThKtJb8pwtZsn/KANCtoqlM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiIAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq47hAAhtlryZkZkrViTEeolFtsOoCsxN8XO7WICmZ+V7/bqArZsETH\r\ngXs9d8pn7jAHTQ/2eWEYFjh6rMvRNjOPjp6kW4N2NjjAbnFDCZRofq2krZ2u\r\n/ymIYEqMWyiEoYj5UTks9FbhlxMNSgUo7r2MMTPppvm5X2eKV0n5hhqTaApM\r\njq270HJgJZt+puSwH1D5sj5iMjIeIMTZimqB0O/4sEER6IUNfm9ESFk5kck7\r\nie5JsB7FlSkjcjiUjjGf3hVgpzpaoP6clcRtEGDTl3/DhSPQCNiT4U5GOHMv\r\nlgJtY2tRSHklJ6UhWclNTgN0wubyn5eqWq45hfmmrzldawEpfEiwuXGPuJ78\r\nGr+Dqh5g8z2mIZytGCohkp0h1aWFWqrvNWtx9SnxPxcrxqwfeQD+6i99oQ2P\r\nC5DNjd9ln8o/VGc49D8vO5J8dHIr+yrFkTSz5L3CmSElfw7hPWPRKlCw+Nx/\r\nzu2MjG2B9afB81xU/dvayT1nuO1A+gS47AEspvRB0o40/g0EGl3wbqAWFdX0\r\nRSMG2/dcxNTje8nlJb3wa9VAxXjVc1K2kfU8DZ9fgfcKYLbz9b0xPaN1MZKo\r\nyVbAjAmvwG4he677ZHOSiSsgdhfjD8gnZRWn1c691bON1w9JdOhdZ52YLLlz\r\nn6HXgm5se5zmvk6ILo/VL+CId9TpltcuiYw=\r\n=ahl4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n","gitHead":"5d4abe4b68bd454389224ac1001084a9929f568b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117102223","@chakra-ui/utils":"1.10.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","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/tag_0.0.0-dev-2022117102223_1645093376018_0.11327585329341061","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117103018":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022117103018","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-2022117103018","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"639d0c60c7144b52fb22a95e5a71c5aa95b62473","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022117103018.tgz","fileCount":13,"integrity":"sha512-2GW4uDv4DG7sD0U4jRCBelSoi0aTjsCouLtzgxFtYAMp9rxBb+C2T3pii1HAwdE+jTMXM5GJg1Gb8GN3AJBsew==","signatures":[{"sig":"MEUCIDhlgKiJQcDw/rNS0MrF+oaoJZZXXran/S6rpUa/DAawAiEAuZZ8FFSLhcGqrPgJCBaxCYE7sMMToWJkhG5PJppnEew=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiPeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqy+A/+LUDxmf43N9ZTMHgOLE30kp5tyDCSYnh/mFLJeGFftMwIwR5P\r\nOBMhoF6ewRg0UEr6Pw+o7UxnPye+fP94LZ5xLrQRjFnd5dg/W1rRsdlpxujY\r\nfSy2qZITtSUUKtZkEEewIPmTVpe0rR8NdF0BPXGrXhbdPNwrollExH/0/t4q\r\n2wSUGDsAjEIrfU3zrsqHugMW97rHO8jxsxgQ5I9L6W4sq6OO26/SA+XxsmZI\r\ncHVlbpjSQxqhS16NpJ5Mb7yMlG4gaG09knwlG9HBqeCgdZX3fcWISiqI9K9P\r\nx7/+NjbghIjP7aGAJLYxDp8gcQFjfIcAFEZAwJ+a6wOkO4cLwYsfc8s4lkDn\r\nksATrGjkDmYBhunUxQvz2xpoHURDp0gkl1gClBKq5LwIbRTx++HxX7vuJr0c\r\nsw3ycGapbQeZ6U1So8u7YlpdbfYC9HnSQar2pkERcrClPW0HXEQXcTPmGPV4\r\nlsiquFsUD+DJ5d4Qracr/HBZzwbl/TMUCGgqxYoEbwoFFfYCMeLLXOwsk7Zf\r\nfKvj24Z1XNqrLx7vBJsA44R3DcuAv0ICO7zrR8hLJNMvI3SVhNUsxb/ybFbb\r\n2cf94WFojBRr+M/3UlgUjJzCxL30y3TfhF/buuerBJK0qmRbBe5ZRcj7tVde\r\n3dL5xGmPGnzrwbiRZ3j/UPm+ujIa5/mW2ro=\r\n=UfcA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n","gitHead":"44c9fab5b0e34484c9afb858a553d4a2aa30209d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117103018","@chakra-ui/utils":"1.10.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","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/tag_0.0.0-dev-2022117103018_1645093853921_0.32558642178856667","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022117131714","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1e1b3642d75c7697c970d9edbe319316a205ea1d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022117131714.tgz","fileCount":13,"integrity":"sha512-rvI713EcDLK0sVugN32EyFT8C/aLS2vcK6S5CSwXWegLk2jsrEGgEchJG8n44mmy+NaAEg0rPZ8Zn9TufRCc/g==","signatures":[{"sig":"MEYCIQCvJbFUj11W4TeiczfA1KxSXtzWzb8aDSIrVQlLLxL4sgIhAI9vWXBYou4B0Cz6HSjOgdk7GAjtVwIBTP6SAhyR7zeh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkr/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRyw//WB+JocDYVpEcb3si8JJlvC9n2cyqhH7fizdFjUGLrIov9VtL\r\nsUqauniVYFsF5oRmW+VNVEXQ6QN271hgY+sPQyhjBpmP6SgbP767PdsqIvoa\r\nBfEsuZw1CfUbQ38qO9x3A1NvMJ1vddqw/X4zxz73UKCpmAY+Zmlmha8hNn5u\r\nooyoGikp3YvEBTQWhsn/N3fW9xisfElz+tesPNWMkr+kIMxOBpHRBnO+mH2z\r\n/YYtbg0NRIFYbDHBhkbTrBH6Nl1eKCUd7jSyxOQsy4argC78nQ1MmNFWfbKs\r\nPZ/dip33i2cEYTj1eGFJvQHsI1NomtepzA9AiOxgDy8MXOE6AAPPPAier1A+\r\nirNp2mfaFZFFb7FsXwG0l4SRsy5/A+ggG5aabaq7LolrX5DKLOzFrEk693oa\r\nuWrif9l9BpaamAmVbFBtuz1kUC7pCmfxF7bVR1wuNm5pte7lSJEPMhoD0ijA\r\n6J0debtKmrovUTBA9x2VfJclzV3txPDhEeF08O+om/uzXOBq1ufSuOiy+OEC\r\n0gG190+T3sAcJO0QKRE/+D1DnS4N8ZYMnqgjoyRI0gCXFw08T740n9crMI37\r\nsKuzy5iTYgQvH31PX/Ug5VFuoEJCuFHwVx11ukuPgL5VB8vskO+LFA/Gungw\r\nUwMzFaxVQStvOlAQVLjOijeCt7WcF11mGl4=\r\n=MZwf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117131714","@chakra-ui/utils":"0.0.0-dev-2022117131714"},"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/tag_0.0.0-dev-2022117131714_1645103871605_0.5657969240626084","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202211713187","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7f84b70577f92b1a1707c44a26ad2e3a0010a244","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202211713187.tgz","fileCount":13,"integrity":"sha512-IA4Vd8iZp3c5UTLYOSEjeeagxD8RT49Ib/avgeINCNbbhYKJ33OnnyukGlE+x+elytkKrZL8oaD93L1bhiwpkA==","signatures":[{"sig":"MEUCIGRcivZwoIQohb6neLYS8CqV7H+mMpY4mHI5hvGABbfLAiEA7JvHUyBvD6RvHjsDszKyzRFEN07S/70/C0tbzSP13Uw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDks8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrR5Q/+LWefhI4D8v4utr7DV4wp8YM8U49jEaD7Hj0T+QC66B+9yyS+\r\nvtVgOTo3YZlQk6iTw1+zcLTSu9ey+o/57h3uF8Box7Uxpg7FzRcWvS0BJQDC\r\nlCv6ASUGsngx1sJhsDSpXTRQqpPrrPropQYJkwyGxtigcqtfq7XOxDmkZatX\r\n9QKJ68WAP4SOQX+aAuOKn2hfZwBnHpYIIsuquw56nnRDZ7ICZA+GwvmUflS7\r\n2+1/VjjHry9NReaiu0y9hnZVtu5VoR3HW4NK6Z0BW/S2AEvDYFc04ZoEIv28\r\nGAGQZQv1MeiYbmBmBM9jeI3PFpIkaenB2ptwWulyr6OAKbBzVCEa069nBTKI\r\nHcsYz/Yhg5Jg8DtcmQaicYALeu+ZSialmKSviJb1nZzLI65eygjSXCvGZjb3\r\nnsJH7eVjIFkptw4Z5+cqDsDh2YkOi6MuVp4yA6btZo88W77UUBQDHB90qjRH\r\nsXlz8iEvbvXsP81WOGuL4VmuIWSswVmsTDuDhprBjG/x9eX+GUofHICLhqD4\r\nT5hoTt9eF/DcY8sq7kMNeU/NS5UtMZThXAmmSar5XdHwY1Cln3nhsDXKk5kV\r\ns1BM0RNXAVvvJ9itv5BogfMqvFxsu1dNU4DaH9zG8cuX2N7GPXfLT44/Jq9Q\r\nA9S/ovs17qibDdujxMkiFlEyamp7zAA2xa4=\r\n=XSbp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202211713187","@chakra-ui/utils":"0.0.0-pr-202211713187"},"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/tag_0.0.0-pr-202211713187_1645103932851_0.6967977725972603","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202211720414","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1e1e37f86dab016389671bdb7a99a82ea19cd31c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202211720414.tgz","fileCount":13,"integrity":"sha512-2JYzLIXrzB/CPWVFRmp4K2z4uc2EP5hyvfJgoTslYV0LV/4nd2aZx71N3CT28nlicI+n4VcZEzVNkXy/kypZ5Q==","signatures":[{"sig":"MEUCICwpdqHQv67x5nnkjMmdeyB9EJh4a9P3D3Clw/5MZ4kqAiEAjATQWMJCDaLgJQTDsZKob7jbh29H67aTAIpMjA2K19Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCPRAAlEIFUS8GitOyq9oeXQ89eqOgNG1TSea1hB0ofylSarhaW0bf\r\nKtJMpRaLrFtvuy4c/i60n0fRicQniY/t8aFg2KaXH0FKSH1hQnomNT5x2AeW\r\nVpfArDb0Qrxp0rKinNN/Hqgf1znj+cYmYrwoSW9qVqAUrg3jE5+iQghsqpMc\r\nabDN51rsj3hGBBFlmP5jzGvhXKwzhVNl2/4PgnL1VBhrd/OYuqHJxBHPgrgY\r\n4cCWG4pwokSkniFJCs0kF/ShCfsWb5ZtUCs1UM5qkpudJgOIj5tV0tuMQ/fm\r\nVFj5QA5JceMnKHIn/6CzaqtPcEwAwGJa7LK+dpx8AhKsjL8omsvSbZ8MGAe/\r\nnE/2B61DIkzzmKSciFgUVOg+oizRX8PR6OLBi/t4Wg4imGc2o78iwsQamu3p\r\njk54Xbaxa0MK16e5MdXioiMf6yYD+Uot2u7sbvwHJ2bmArVJYNsBfVPa1KJb\r\nocpwgCdPChYDdWEJJqpFMmUNi7jfPC0dD0RxK2VREaxDwuTlIgxKiIS2ehvH\r\ncpRwNOvytEIQuPULTbS2qYbSIM1hCCVfcUv4e6j5MInByjeeabFwH08hJHlq\r\nytSUiTB8NVXigwJNM5DWLDKwyCMNSQSJ7nf564ObB+Y1dGjnByuCYuSRG+ej\r\nL19AAgN828uz+5h7j08YIwWtij1BfhuNFxI=\r\n=0pyM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202211720414","@chakra-ui/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/tag_0.0.0-dev-202211720414_1645128293867_0.10637705821029475","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022117201925","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"431de442d818398558b3b45b814d00b592463f2b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022117201925.tgz","fileCount":13,"integrity":"sha512-l8LybrCH1pnfaNJyqKceCrPTi/7AR5sC+TZF0kXVuYl0xTNNP5ahszeb+9G4XOXHNC+PFa25VBwWANnPWQmLWQ==","signatures":[{"sig":"MEQCIGCDhNin9RQ6TVAA3JYYT0bmU8V/BHeqkk82d408hTJOAiBBsmy70QV8jSJj4yiROeWTslsYSGaLkmmLHGf9Z96ZTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq3+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoffw/+NiP7SfKT6dy3+4S8KrFqB2djhQLjIKdnQVylUdIGPyyBXvXr\r\n9rNV+OuS32D+7YhxpiQE94cKDRsyVJOxKQxSZ/z1LRbaIdAyIP23LJDuKDkr\r\nT6NKHcRIuhH0fTsWxF08bY2fPw584OKvB2rmHzOyFU/5hd3EMBEnIVwTXWcz\r\n7ir++z7njCqLg/2oswNWW/kC+lWqIWGf6ClCCGHBjps4J7JaNbzh9JRgjrQ+\r\nrhSoSGUaSxXKcbOb2s7VAXMd2K+sZLZF+PFUp8hmkA7ORyEJL4ffK2Zin83i\r\nIiSR/C0uSBhwmPyT43AqXE/A+MNnUhmUODhYor783AxMXQtIktBvsmARhYz3\r\niosNYUeZrG63ivn8If6jKh7K3qYK9h4ipQkgPZfJvtKji7PMGHTSYk5zW3FK\r\nNIe+hB/IcPRo62CHyTNcRf3h4IpDEiPfl/tRCVR+5Ig3+Fu4li2BGT2tnFtN\r\n8PJkcOJ4//pfS5YACH1Gx2hdNIrv/29xozz4x/BsIulyJcX1zsoh+jA39Xuv\r\nbi2LR8aTXvC7mIHFkf1HY7wHQe7w4cZq+XN13GVDxzNIXubtybRNSiL5xwj1\r\nA11Xc+AU9ryzrAoacAHq9UbH+nKbVqE0rofBTrMGkBPZ7rB/l5HN/xKQWjSY\r\n9ByWokh5iFppiIYK8BoW4eDtChoIUAliUYU=\r\n=h2yr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117201925","@chakra-ui/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/tag_0.0.0-dev-2022117201925_1645129214020_0.845057575391204","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022117203714","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ce1760c6fd864f135447d10ae6daf1e442efe78a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022117203714.tgz","fileCount":13,"integrity":"sha512-x+zinXR26RrOFcIjRZzXsMbKnC4k6hgaM1Pip86dCAHBR3HSzW3Ugfj5Z0JXO3t7I6mf5T1TEEYibmKe8Lp9YQ==","signatures":[{"sig":"MEYCIQD3XOUM7VLa/98cIGhlIhh4QSU0QUhxVVYfR0+Gsi4cmgIhAOyphKAjcZe/nXe3bxmXbjCYDSfAzNMxeE8iPUzgdiPD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrIoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpp9g/+OlRh2syYxouVDKSgHzjHRCZP8w/FjZP8XPzh/z4+SWbPvstD\r\njT6nMRgwDId97pDbHtTvAUORQDH7j+VgBg8V5l55RfOCLNELAowh5NNpPu+w\r\nVIk/Oyr08mpRIIXMevTYRinovoDrr+TfmV3jdT/oQIfnhcjZBKbIUTgpIjWQ\r\n1FKdU3laZr+rgAaplq4ZzXOqqgwscXMmXW707ikfjPaem6S2Ds3aYGuHsoQu\r\nEAKpT61/ukql/p03sJQinGL6weqOy2yVw88ceBX+A6tBl6ABwOmwCW0hC/v4\r\n9Zp+UZhSfXccHq02cqFcbfdAdIUIhcRp6YoLahh67EQxQy1Of2SBCCQsUxmm\r\nf8s5FqsAa6evdk7x1yae1ORI6YzBZQF9KzpQdlI30m1d3cS6meyI24sSap8S\r\nO0LsWqrEh+qCdbIOPD0t3BLcocjCEiHzmk049TTowajGEq5jyMtixIYkVdkr\r\nmaSjoknbW14XAeEI7Ur6hLPKtOoktKaVVuCc+fpidhbcKGaRfpZaCFgrjBoe\r\n0AVuj5ebGfEKrV55RGwntW4hZePUhJetHED9btKMvOlxZs5DL3w4pu+1WZni\r\nhvdSGmtEuf5bvqvOXmdj/ECDJyb44P7pyS9HK+vxqWMYTId3pExxlfFVnjZO\r\ndxgGXkz/0KD04OV31S7A61eorsdo4VHpSPc=\r\n=dXlC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022117203714","@chakra-ui/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/tag_0.0.0-dev-2022117203714_1645130280088_0.2660892174407703","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202212083710","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"bd788006faf44a4ed6c8522fb5920656f34f145a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202212083710.tgz","fileCount":13,"integrity":"sha512-IRDxa0ojn75Qd4F3NYmE9NX3U/cv05/aAKxfgtz59D5BHOslMEi0TGauHy4qBEc7tW16t2kSWAwNGNtN0jU9mg==","signatures":[{"sig":"MEUCIC+ga8PpRyXRpv4H6C4sbS2bZ/s7op+u8hrp27Re6VgcAiEAmmmNAe9Lhd68kEWagR9WbThtOjxmWGVkOb4OHfJ7pyQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAHw//ZiaoOx5AQ5PCbreyc8j+Q7KQ5K5+/iMQwezyAOL67cbO8ocd\r\nvnnL3i4nXhbtJpF+tmKk8CKWE/cTdwp6Rde3B+JiCIP8RIN87/4uaWbB2oze\r\nWBLUxnf5nlzrtmbObMM4WfU7qlWNfVSYtzFsTc9JXK+Hr+nVCHAIw0OSNXSl\r\nNGo7qBa+zBJ2DIyQyhtRRNZMYMjEmOH0voIbPZdN3X1sJ4bwQHRaRw08vql7\r\na+os13YFbjD/g4UVneq/h6Ieu+lxJEaGinNRbudoHcZ9wMjK2XXqo3yAYvbD\r\nqp/0wZabQqnEpI96cya1G5wOoAPc1m8h9Z1yy8/bNliAG9iFKsDjEkT7lBmQ\r\nCsbgSu0obQx5XqIfLpUNCvSAGE5+m7RYO4/hcgBDAHJqzfZsJVT/5gBVcazQ\r\nptBzAR3xonVlTUa5K9Obfi8x07e7PrAtCE+xnz6wlzImQt2qWMSGRlvSTyaT\r\n3c5evAHCqijmvfMujNtQFuXONLILStutd2RZ+gBxVBvvG2H4Svgb7tR/Ck/k\r\nrbduyyaiVotQhfrgsple1TFnHZo8ga3liYTfYIX5jOzAeeEPAmfuyrfEjHM8\r\nRZqslYswrzfAMYjvGBgmqDlWSI58qgR+yhVLc9AaVtD8a1hfNGVds9Rp0u1B\r\niayRqnd+C/tW4qD3HOng2FdPV9DGttk74C4=\r\n=8TSI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212083710","@chakra-ui/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/tag_0.0.0-dev-202212083710_1645346290725_0.38280961988069895","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/tag","version":"0.0.0-pr-202212011232","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"944e47696aee974ad8d86d7f69034c552e3b3a77","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-pr-202212011232.tgz","fileCount":13,"integrity":"sha512-Zw95FbCOfMoLqcwh0VJFAYhKy71i1sZMGAyUd3UfyfW9ROnTU3QZnLIxlLM0skJNu5KhiXwy8asxoSiBoMpmUw==","signatures":[{"sig":"MEYCIQCn6fksGx5zBESNfGqKnX70HbfKEFaVxM5788C8up66fQIhAP6GOwybKtUCx+UzJfHNQ5USuchnpO9ZhI2wa1/FvdSi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOHw//Y4PEkaGIIjkLX8RAV3haOK6zKKOf8jcwKEc6eHFGw4KKJWd5\r\nxIe7WGvXmQwswPiEBv/G8L3nwknTqWILEK6uo3QxeB3/wfZiqHl5m61I9SRF\r\nJEYfBjMrYvCkDYZf45RYSOrI2cDQhBNGNzA6mMtON/9kYevDXuSEpISs1Rvo\r\n8O0b1NpMMuyGG/tC01swKnHDYYxR44mgnldJvdaOGBERJ2guL9RZbTViXusY\r\ngukUJtCeb+1TtIn1kyCpcobOWlQlC6BMxAsS6L7jBoYqyloyA6DFXM/bVxkq\r\n7aT4WlTjkHwCR1z7psOlMuIyRxKx84XVOT8vh4oqiCeV8ccgKbLmwNgYR6WS\r\n3n8uhi1bCtu+KEhxtJEbN0aXOrXDKl2bBrP57OLpAi6gw/k2l1Qs9Qw/7KGh\r\nJ9cyE2cbvTum8/jCXX4KRFf3d4kwzxc2L82frxNgw1A4DNdv3znKRBdyY53a\r\npNHhK2AYywSToG6c95TCUfa2xzu/fLiU0S7ZDAbV8yKOAsby9m+U325XTI9l\r\nMMAqM9oQw5PqNq/zN9aM10XBAUmpUNCpD4kdVBjpC74Z9/xcCo79Yht4v0jk\r\nTjjwx6Kw0OQS7JgKG5BFF31M0DZdyIhdnaxTV7x3uazxWyS/K5KddebrU+Gy\r\nGzDqIQwOx1pkcNYKhUWGKGBGmTekbiv1XQg=\r\n=x/d/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-pr-202212011232","@chakra-ui/utils":"0.0.0-pr-202212011232"},"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/tag_0.0.0-pr-202212011232_1645355005648_0.9578092249623784","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022120113958","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9fde8df0479bc388428e97273a0576663cfa6d1c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022120113958.tgz","fileCount":13,"integrity":"sha512-tggQuCTUlHg2mQl786npcq/Jb8zmTu7/6HVtB1FkJ5sg6R00rQ+OMZ63MbxNPXewDjndLri5qqRl0clejg4Wbw==","signatures":[{"sig":"MEUCIEveRk4svc0u5cWvvvsnea0lxH3mfZVSGp2keoOn+u3QAiEAqaBQb6qHFECmn2nKF986kdar8j3YI2jld5iE94g51kw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNwxAAkut0ZRykJicodocRKECeBfJE+0L/5XOcSdGe+1pXRBgwGKSG\r\nGYTmaCqpA2C3cnsTTg7DLnXpnJMQZ0abjL8n6MWui/taR7WFYpJn/eSKH3nT\r\ngw0pjtUlxgEa3uoxIQ+thsRPBldQlGYvfLXSvIC7GF/Baa4zjrgvGoUI6Ig/\r\nurI53wmEM5IXFTE8KF15fVEC+l7OlcJ/J/Ft11ROMx/Oz070u/V6yvP6bXgE\r\nKvBuvvB+EShlYCV0C8yO8zOIMISoYwVlmX7MRA2SMGsU7SGb12vs5y6hzZ7Y\r\npeHYmE4JmehhQNMjw2ZV9juowHvzkLWM2moQULUZ2FXmASgeVTqrTZ9LNmwX\r\nSM6aHVjZmx5y90CEcVzuYPUi16eWTN3BMqACLmPgQK3AtTTu6AUtAWuRgULT\r\nvUdvyVuwafFwX6g3CQyESIjhsO2Vu612ZAvMvL0RrdNK/Vz8NmMqkQy5ZlZK\r\nII0yZsvgnH8wGZJHateZtNcWQf7h+YnLl1GWkOKsxQqMyA/SKtmggYbbo4Oq\r\njrDpCrapxb4KPOqsmKfzgGXxDexOo+pKCsp2AHNPuOkphhPXzrNLUEAmsStx\r\nDEwyoAGub6Zrr7wrGuqJeaTCAbNT87Tu1NeEs7dOzXt3wLVi612Si3ixipCm\r\nGb314U1YTWh7nvwLzk431F29ZUMuqlLKGZY=\r\n=DJDM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120113958","@chakra-ui/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/tag_0.0.0-dev-2022120113958_1645357241586_0.3119931652699821","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022120114012","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"287454bae5a61525abab6cc8181c537038202643","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022120114012.tgz","fileCount":13,"integrity":"sha512-u14hVTgpgyWptnBNV1wTpUCHiig+b8BsH1l3XVaXtHnLlQIr0/BhKP1Hdydtyq/5hVPQVhqZIskdelGU19HDbg==","signatures":[{"sig":"MEUCIEeEuzX2Ku/NmzrXHQyX1Xj92qEG570pQKbV9/TGcIGJAiEAmsLvksFIfPi0HgjQ1xIK1VT2cKeg8qm+O+MyH2Ux/N0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEijBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbexAAhBaHtENWQtpEWzTb53SfQ4XhbOL6EgL1Z7dlU/ziOP0AVXA6\r\nvDncEBhk/spvs+DbI3xtdF4pBbNpIOlySC4yjB936IaHsx2o7GiUrHWtOJYl\r\n3K4erxTfmPIdlDT1EHxqEYnfCjrzsrK25G0oFuNEsmhVDfFuAOVaeStrQz8Y\r\nP/UG7iuB9L3egwDbCDnZG1A9Z9LKOwRUCOYzADuNSK0fRgQoiPIrsTey/R2h\r\nVBiHdYTc4Bx4jVRUTXxIC1EkmkTFNCAqmPLKIZMkmT1c6Ka3CJ/YEgijR3Q3\r\nA44qdIbLqVGPaR+BcdtY4VPGxZS/BdtYiZ+xOqQcO7Z0658jPPXAL4P7ZKkl\r\nbhaw/qBeaXyd3vNCCiDPu9amEh+5T2K2GfPLd3eY04DvckuVCLZxioOStcn1\r\nZgf7iz7Sbu47ytWF8V8TPBo29gE5l+Sqm1eI6MRUjlWdqTocMm9AS83k6oIn\r\nZ30wqq5wCRxOdSh2fBjvMcC6uBDf+ZTbY+hXISKjZxRIkU6CqVJqPZL8SfiB\r\nSNF2Nqsn3zXxhyqwl6/ZIXeHxsqKVx5I8EMEOre/ethMG2czrmvCbm/novA6\r\nrnpI4dxXGRVlyzvqj3G+n9KCm2dmw6gShaaLjX9BwyO2ukSWo2gi1RdKqI4G\r\nxDnzJd6xzb293ZFLHarFy+eW1iK3O596h1o=\r\n=psjB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120114012","@chakra-ui/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/tag_0.0.0-dev-2022120114012_1645357249421_0.2550434052946513","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022120114225","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"bc4c248c3006df693d0393941e763ed6d70e24f5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022120114225.tgz","fileCount":13,"integrity":"sha512-OwlFMpLxy9jTaZzaURthO0b20L3pLj8mrPe6mS6syyy41ARjuneQCSDUsRYGsiyZK99mw+dLJdWRY5pEp/fUpA==","signatures":[{"sig":"MEQCID6iRjHULITUGinQL8V5IojqYQyUHSnGnmWIUqO31kTEAiBAXpdq/Qj2oTz57ubP1vnu+NISCvDNZh0JGteDSXsIXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosJg//dekehvNMC6/28vqBwi+Ns5GlgXcCSp2fY1b7oT62Q436bK/p\r\naQoPYqqDnAt7GPVxCGB+2nYLO40UKdUlBjQCkYdH5EFBowXbIh1d/HUOEhTs\r\nAYm9a6cX+76/NDXSlMmXhh+eoK3qLkBwt0v8m8mooJoYBYIQcFm/BWObqTDe\r\nm5Oc3TxvMtpQvWGKyECXO0j8mWt85fWkbwfdF9mNGg9Tk6MsmXRP6fbHrDLt\r\nJd2kLrrjjNsy3oJyo1egO853LR3fBl6syhKMaVYqokJ2Xa7WjXZ7MWsOot3l\r\nOJQEmdOpjBRbUvJKBic8jQXmtnqQFBxoNtqPwdewICirWGdvfMr1xuEdZF1h\r\nFcM05eGF/aJQg5Ul86VZk7UVJt0xC/l9sdNnDD7UCMdIXZbSb1bu0dAQV3+Q\r\nVm7wTcc+y+hial+kef8rmhdR3cba6pPwYrTzbrMQa6ASBvW0JtGJiA+DvlZf\r\n/Vf6AGOVjFOqaPH6N0OIVHSYBRzTLFYgeNU31PqNNqk1l6eQ09ZYy60cWXM7\r\nTPJfpgC2vgT67PvRW/olSDtTLyVcsFG4Q+xSMeWKbnoiy5SwG46b/xJmhiaw\r\nZG8Qt7/yi+f32JPQ/ZCCE91toKPl8bd3vrYPXrGeUibdI+8LzN4HGLt5phnI\r\nooGuGRNTK0BEDDty+HKgNmvEzalxTEQ2JY8=\r\n=9FzD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120114225","@chakra-ui/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/tag_0.0.0-dev-2022120114225_1645357392299_0.7678500282645186","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202212012129","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7306af460cedb9d8553d0b7cf23e49bcced45ccd","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202212012129.tgz","fileCount":13,"integrity":"sha512-pbdfkxk7roOoGJmHuftCRvI1jAsP+OrnC+mZ+f9A+2wOcsbfn+oVuZMWMW0Opo7tsIPKW9wEIuZuj6AvEnTgOg==","signatures":[{"sig":"MEUCIQDaib091/YXi66g66SbYpDWY5PZdK6vo+rsoqk/HD1pHQIgGluC0AMyLIChO5ZMFgOqyUrvs6gns0U3Ubvn3iP/j/o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjBEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNFw//XWOAStYwCE420d2QIIJ1LXY/VpopbytRYZ9KovOzUXIxJ2q2\r\nwvHbVcMTDPee/+5qt/n13fR+Hx68lT4wq0CUMy4gVEHkNgHkhEEOcc1ECGaW\r\npIELFBGDeviwV7HGs4uHdc2ue1E00Qpvr+WU/99MRPo1FpNRHpRuLkHmo9zC\r\nmhZwdNwyjwNhTF1G5tmgmC3Cc+DLw/dUm1GT1az7Y4Cml/01DNDXIP0DVm+E\r\ncI7ruoKYvz0bNLiVY770hNaKqodseWjkQmttQ/V1PuNMvH1UEZDfq0TgIdbl\r\nktMwrUM9Cn3uOAXw9KK8LWA9q0Nxx3IR9V3dGQraRZ2xrun9ZrDSEMyM8oLo\r\nyk1UKtpMJWXPfJ/PmdX5ZtAD/6jo3xJSFk3ns95xkmnJ6j8HBqhQP5vB35j4\r\nSps+OmdyvtqbinUVjt2/jab/GDNosk+0sufPNpz1l4lCCpOm2uMYxlas48Qy\r\neZZ7KmgY/Uch2QsieRXsozX54C4jUEfs7COPJOReCQb/7cvCBL43rvcV9bDl\r\ntvysCB0SdNa8i8IftsQcONoeOYMJZ8QIzVgZOsK67IiI/AzswiqdipCqVSil\r\nfyRtBxYzLRWj02z5CsW7wHmW21wqesBIXKBnpdhAH0dd9yw0VvwqJkb4YJYU\r\n8ZCro4AOGtbOoYH0qe/T1e/2jnKaQFQu9hc=\r\n=WkVq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212012129","@chakra-ui/utils":"0.0.0-dev-202212012129"},"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/tag_0.0.0-dev-202212012129_1645359172341_0.41849644165163413","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022120123118","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e7705758bd2c346774f451d86d9054a411a274b7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022120123118.tgz","fileCount":13,"integrity":"sha512-9dYyY/fnTwL7zILfVXHv8yaM1gj8W40o5SmnPzrJ2hJt2juTvyTh6IlPE++UJ6YmDZkVzFhA9sjJuroKHVr8zA==","signatures":[{"sig":"MEUCIGBwrnUwl53PLtlvlHw4sbX6+aQs+hLdGjlPX4tcNQloAiEAxkFpMczPAAAxsulUIEz+0iGSVAe+YUXLQux/cVOAqAg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21422,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjTNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkBQ/7BMX5jOpI79IEn/a1bcu2viHSFdSZNx23kz7xACg9z4mjmAp9\r\nD2IC/VlyypMayaREpRJR8Yw3Yu8iEJEk7F0F31iNfHTINwrxl6VFihunn/Kr\r\nj3p82Nljbu8LG70hkPSrPf48u4M26KIhLUYpcY98RMYd0Kv+Rg92LzWHYLtL\r\nI8VvM3sVID6Y9MKXnBGHhd56ZGJq7Xf568Zvo+gbBmjkMmGjJzWktNhFepKE\r\nLRlpDxFVzEXyEsCbq0isHWKa68VRVZie6HvKYYa1OGcABcIu6tCy71OMwZyV\r\nfmM+3yq/J9I7geEEWJdQM1jXEMYNLrqDDKO/VzU0vZhh+RfOM63U5MrBh/s7\r\nTYZDtPHL8WpfztSazxuN8rDee1y4Vl8Sov0ABLk7X7M/Ukfto1RtXX1fEUwE\r\nh/blQ8n3RQc+cfCVd+IB96yqsFYVX0wTZXMalfLtO1/WhNwR11v/jWSZBCrB\r\nccdiSuLFYnbOsaSV/wdfWDr8G5gcL+SmlAwd9lcglAewQfSjxzM6RNv5mMQe\r\nnrqK7T2bRIRKo2vnuEH+pkvz2qk/kKFBVk1sRFWH5X2CBIbaRg4NYePNndvh\r\n0xDahajcEVhm9k3wqXs3stTnSLt8/7S4e8IrKvref/xrcFYZFfMvfu1Ckf8m\r\nPgaAaVGBQzHo8lB1CpcgMzm9BuH2gyIvxI4=\r\n=WPWa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022120123118","@chakra-ui/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/tag_0.0.0-dev-2022120123118_1645360333736_0.058640735385694365","host":"s3://npm-registry-packages"}},"1.2.7":{"name":"@chakra-ui/tag","version":"1.2.7","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@1.2.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":"5861a92e83e63825f6fe563921d2704e921b585f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.2.7.tgz","fileCount":13,"integrity":"sha512-RKrKOol4i/CnpFfo3T9LMm1abaqM+5Bs0soQLbo1iJBbBACY09sWXrQYvveQ2GYzU/OrAUloHqqmKjyVGOlNtg==","signatures":[{"sig":"MEUCIQDSKWoAhVGDiDmFXpCPKvXCFQaW3il72JpEL7kkIH3vmwIgNprzjWC0Xuy8a7xfZM8CRQXE2vMFM3iDkkdP+nAjpWM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjboACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUuRAAg0EfBIDO8XvVmqA7Jri8bg/tT8JRxWA1KOeTOJCzl1DC+gS6\r\nRXD5bJMQqVr+LXuTZgXJ3rbb42F40Cw/vR8TDv/eZ3Q4k6glSo28PrDTTtOa\r\nxrkmiTQ01xqzOR/0KnCByB7JJD6uGQfoaLbx22Z90K/pV6KfW20yDYHrkC/J\r\nbvjT5ZEmO4fT2fCO/5ezV8wgD+BLlHeeOiwwkEiSftrYbL5Rz4OCuS+pnPR5\r\n9apDIwQ+EjI7ub7ks9x3MR1qxASddFwNC4Z6RVpL5OFEbUVWsdgUIOj7d6ZC\r\ndr6uj6QGG4cX1k0zTOImmizCziHmvkNMKVmpoCw4W0gMe1MYZO5BdiFndbqa\r\nFcSbi6vOOqPqRxcZ0POlmdaNG/y8Nkyl8J1zlIcATwgSf6F56ktcr80hSxoi\r\nIslKKyqtQjvnZj9KS0eWt1KYAvSY9lbBy0yXZ17Hs7yIdKL0+d5+aXMGwsj2\r\nBENQJTVNIgbKQrYG7YlbxsbEA7EW9X3w0JCspvAbd8gWuz6VU4VQxgq8t95E\r\nndm+3z/ZrapyPXE9Y4k5+yFJMzdZyKXKhuZdE6Uau8L0QhlYXGAbq0bIFBKP\r\nISXj9DbcCy35HZnana7yCKmR1lG8rVq5QpHMdqg9C+G9DwqIi7XzF0YE4NjI\r\nHW7r10CVotfN1KlEX5GDpOpfo3vONkPllz8=\r\n=GWUz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"2.0.5","@chakra-ui/utils":"1.10.4"},"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/tag_1.2.7_1645360872827_0.33098310337282366","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022128214753","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"efc8cea854dae7769d46f7f2dea1dd2999a37a2e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022128214753.tgz","fileCount":13,"integrity":"sha512-p0BpoQFz5yPLkkilpm0AEDVNFeDc9iUQevx73qbO7wYPvc+jBZv/T3+UQZdZjNn9LgSsSG8c4uolgeU2oLMZIg==","signatures":[{"sig":"MEQCIE87XRsArh/zRTtBbSodfE7TIJzrFr3uywQR8KUWtKiQAiAHcxqfIUEV9yJXr4WTeqLcLrRYhA4T9HihfKrl4B6RQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTGg/7Bh2Lwq2+vY7pr6/5j3TwA+e9RiKSFWCvCE/XYheIm4u5qrT/\r\nf77mLxcLdL+Qze1zofhqg67cnsKqJsORJmwbW7KNaWtifiehCMfjkTRE9O/C\r\nzX7ajFZ9rjokZJLRP4xvwCxMbEHcPlOfIw9Gfz9CGRJMeEt/3qwrUwJxQKZ/\r\nIRpsTnjvgQ8yQCehmTe52mTbYaMAzPMEL1AXTjZN50/skizMx4dU/Ol8YbsC\r\noxViklkLbawWJU8ldmJYvQuEm2kY1EGKuzv4hpId7ahg6i5aFWbIf/MjPziY\r\n8Dtnwif8FFesZkpGejKp0RrMVzrmV88qseV49eHQkycdILATAdPM8O17fyef\r\nNWcRqI3jnR2bZ1oxtgitCQQcgtRqKx4OGuyyZ1dd/LavXCyIjt4J07Rpx0eW\r\nRMtNRSxduH4nGUzXwnpo0McBhQIWMofQpeg/7GuunGodkjKlKhnhbH2OFSoH\r\nB60r/BP/+7dahzs22WFkhaHZ+LQXDHOgaoX/gAsG7ziC7hFAGkRqa3Ce/Fdm\r\nvQw6zOsZJSX/L8LMcm0tt6D7iDSQlHGe/dKGqonFqLuBecnop2x3+cO9EMyo\r\n1uQwfmyng0sNflEIQXLpSAwYH36wrb0mbG1sm2e93S4c7XhrNTIQQBnNyIyY\r\n2vdU9TlDHoU6Hgv6u2plIkuSP1zUBXQwGt4=\r\n=/iLd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022128214753","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022128214753_1646084911750_0.9724985227286966","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022128215052","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e3c99c4867862b507ac452895085b034773a33f5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022128215052.tgz","fileCount":13,"integrity":"sha512-ygYrGOd30xWpcUcYAjp5gLc/lAT1TfZvRTmpQrZ03QEpWAq5+g4NFdblsESyHbsrcaGseMHYwHXPYpCClawBWQ==","signatures":[{"sig":"MEUCIDf4lObft5je6xejUElcyALV8JxN4peW94LyFezVGXh6AiEA81NabUXHXI897fu0Q1dmmjzf2+xQ0y2i/3kINaHl5tc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/mg/8Dvgyf26GPT7hEcm9L6PExw5CAARycF8fgDna3RS+GifK5F2k\r\nc9+2cBO7bo1zD+4mD70aB5WnK6fQPoJCdVg3u6RbRCq/YSkXJtpY6gIEMFxS\r\nn0A819kKZLqek/M7A/Jvzsb7st/INJBl6s5jEq9gbvVVevZRNBl7mfTziZur\r\nbGlqXq3EX3dbPtGiYdoldeUsVFgSGG9pWWQRIOeML0uSyFKPHHDeB4PPT0dF\r\nUwlO7rRNLCeHrGu7FkJQRjOj89cHGF5HbkFsjgBQTqIP0eJ26lXm51RF7vdW\r\nTOXpF+sxjCoovQTYWK0eM7Q1LxSjNDjFoR1hK1VVS11Lv1Ij7Sp0EbqMu/wK\r\n/8WNNIgQST0tu+4a/a3yT8duC3dXc5+gKRdewBkNTfcR4evKsNacAYqALUCf\r\n7a/6P4Y/IMHpx+HucHmse4zBBgmAPVH7gThljVmq3fpHYPVeZyu3WVMWKk2Z\r\ntPB7eX9X9z44YbF/a6rTuHS25PIgKJUyRiMdCkyeStjdDL281w3yCWmMUpZG\r\nISNhnyZ464cHkVPMzoHdjVHYZnGxmOVcMySCjW2/I1yikRUvdEYBNOsvSAip\r\nxMR1lgx03W8+DswcnOAl7M9ficGvTSCtWX229r7npKaftXyOvp9vtw690rLt\r\nLdXrBbly88Iy1cPG4tFRLgm55/rsCqlK374=\r\n=ziMg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022128215052","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022128215052_1646085086017_0.9773622584650152","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202212821520","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b004330e3deebf8f9c3e308b943f12d11c61449b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202212821520.tgz","fileCount":13,"integrity":"sha512-ifh+9OCEkSMPu7sbT89KGLc2bv9VHGlZmL/mrR88oXi5wCcf8N6x6t8hRiiExmZXI7XG4ZRHejElCZaLOB6gBw==","signatures":[{"sig":"MEQCIFUVaS+TB7/+Y3HPPPryD4/6s2w7VFIcaRXi9ikiFmVVAiAvnTOKoK0+nqPTsND25WWg8AHHct/jIFqHZHxYHPjiNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0+A/+JgghEEAWvTk8Wvw8IVpesrd8+O15HKrYHM9d/HZAkMvYMCG1\r\n9eO411fG+b+hL9lgRBWxyX9onjkXH1Qe5h1TWkZbvcbFaRmBRtviwVPRRi+w\r\nn6zu4E37urMzVeJUTo+Q2p7iCNFY+hHOcRmuZA8Q7NYTgFWC5aMJ9X+ShiCa\r\nDfh0LrdXiAMFOyYIa7ypb2HxzrYksFYmuEx1BOcUMiONT2YomyK2UgjXrC1i\r\nS7X7vOi8rFwIoPDOdejXp7nGThxrwFlkcZRD/kM+WU4rbWJzpSp/ubp6qS6H\r\n3YnzHSBY3Sh5gLv5h7EFdTZi0MQWejiaybWrtjH5uLgZx67sG6ObW3xCBI6V\r\nVcWNGbO2h1eLBzW4JWscD4SeQlQQK6/zZV2gllDD2mg1ahtK57sS8KTHd9Dj\r\nFa5Dropcj2OQEGSnREIgU20/tDCy/BvPh3ZoOXJp45KOUc1kyO5QBJve79j3\r\nu0tmbETktRp1xqyGckwNhRaO4y4jROn/Zm0FqNeff8HDJUErKnCH3Hml85AF\r\nuIEBG4DNwk2RGPfJcgT9pnv85dzxng2kCy/6r5WZM3EMhPJDvDqRR6PFlkHa\r\n5qRJaUf+f+VwCui6Fmo/XCKYRd2P9ASta4KDn4XRPrK8v+rupOY+OYgin6JV\r\nn9XzU8drJydBHVQUiNXw4YM2Dx3MXOSr+tI=\r\n=YW9G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212821520","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202212821520_1646085156182_0.5803152492112054","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202212822477","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"694983cc7b671eef538044e3b8cc857d982c3f0d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202212822477.tgz","fileCount":13,"integrity":"sha512-9/oi9J+8atWE0cchQepm0rnQYioz5egQVHSM00jmJgktI+UZusur3B7M9UcDtS5yTLa4T9JnPKLm2qYkXwviyA==","signatures":[{"sig":"MEQCICdTuK6eTN8txLKdPDLAbQIAiQCOr9ViBwkNg5vyhArvAiBHfh23iaYcQjaP7/jczN/9UvwDvTPo40gvGWvwvGYGXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVEPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorpQ/+Liapr/ux7DKvjdt87mqYjl5nARga4i1EXuzVIoK6t7GvZ283\r\n3jw4fi5LfEuuVecnyeOJMvzr4WXWI597Om/5XeFC937hBTJ+H1b9oRzinGHF\r\ndShlfDWPGlKuDVFSURyDmVNL5SKN32Y+YWruAy7uC8csO8+bMzI78mI607v3\r\nmUxuoItV5fe6VBLjTbp/94ObpZPsTa8+VtfxpDcseE70DN+/5wDp1AjxZKX+\r\n1i/ygzZIG7A2dJMp6z0WkzAY+osYk1nnT7YyF+meWxaiZ2arIhr8W2vZiW37\r\nle2k73y17ZuinIZ/wRYYRU7xHvg64Wrq6gWeU36bM0AIQijKH3EIbYi+1zo8\r\nsH7mmjGX+o4coL9qfV84lMLQ9EN80pvHtPdD68ZR2Y4t+IRUpetmcAA1x3uE\r\nzrs344NIL+k3kIjc//8RAxi4124RixsNG6ERGpGIZ2SeJ2VMFsdx0vBmHSFy\r\n0aaxPs9lrA9DwQC8uSUs3/vuhAAWuAliP0TcA6d6jR44QkdKNUYfjGQYdU6I\r\nmAvF0OVxlNF5pMnwgTshqWV4EGXjG0L7Kg+JkmHO0ovjGBrHGSIqkVN91da1\r\nYjWMhQR6xD2Xs7GC8YIBApfJFElFXViyqYh3Co8K8Y8zi5wBScZHR60NULgl\r\ndRswI4JDO3RAId5vOMHTpdyAU1mreN5KGao=\r\n=a7hz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202212822477","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202212822477_1646088463049_0.2179820046601797","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022128224832","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"88ba0cf4358b1d93f4bf0c06ce966999da6a72d5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022128224832.tgz","fileCount":13,"integrity":"sha512-Gu+12DfTSGdIdTwhHWJPRSSylgRqlvqg3XuuWjYITfPnjxYKniUiSi8lZ0BdZ48MNoSmP3nqSlvWFdYHni7+fw==","signatures":[{"sig":"MEUCIQCG92jUKzUGGto3o8txmiCbklPjGQa8pW3DUVNLIlFKuwIgGFU7k1y272y7vguyF8WuiXvUrRLvojC8sXxjIx8mAQY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCQA/+MNJAcCrThu5a0DaHRVSq1uzEKYNig/4t1fKC1hmr9imhq1Q9\r\nRw3mCOp9RPkj4oNL7wBWEiPeapls1NFHGQGteqdPz/o3Zcerb1CrKY5g3uM0\r\nJYxc8jMsmmpIL/TeB5z1PauYCqj1johLe2pKKi+dUhMtZ7hbKOZi6/p4+e4r\r\nzzPAoqxbi/KZonXWmVpkBkYQ6qcxi+3gzUmfB6JPC6GPfFOEfd2eJaJIQP9L\r\n+X6iGPwaRhq0sGohtyjOt55mJykyyx7iVVArg/OUoumouVj1scSDVJ/VZfpl\r\nVs0DOcYKbz9EasJxmNDPJpO4dhxRX7b6kLmTP6SQNUxX5oieXAj6vjiPyv1D\r\np+R4C0TeapcpM2ti+Y6TVcPYcwLX9jXsT7bSB8QCtDxxfSwnMJ9bukPrroNG\r\nuLShDo8dMKZC4e0E5xa7HZ/s5MD0WajU4otQ8OFF3tw2GSZCbGz3mA2lQ07m\r\nxXaSBsNV28iZelc9MWfCXSgNt6DVuytNmdHbeWXwNw7xRxzEHACxkbpj/xDJ\r\ncwmReMILI88GWgRvNmR2i4h6ABh0ndySGRVL/x86wSJpHp3IiCQRlDq5BQJR\r\nOSzACr3VTQ9049/Xerdw7Php0ha4UgbkpGMQb5rI4nyuc4amBwugeTOMNj+U\r\n3I9ZbN5nQz0cVwhfkqWaocsbKIpId7O0Dms=\r\n=xYzm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022128224832","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022128224832_1646088548654_0.8330556836527467","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417325":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202221417325","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b591f93957799378a71fb14c4d66bfaaefe71ba1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202221417325.tgz","fileCount":13,"integrity":"sha512-RId41XhshC564Rtf6zvsTHtLducJEc40SKB9MLMbboLgtrsVQ2hGgaji1gnlOkKD7+0xByj02trWmUNGfoyWYw==","signatures":[{"sig":"MEYCIQDERJQbAee7Me9MJ8OJiJWmJMFINCnS+7hMvNOROixZSAIhANJzliapNAP73QFoprDlqt1qqPbm2WICFoEd8XxGNL+V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3WTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrX/w//as+rpbvdIsBx0W0+99r+bSCxOWaKkIeqRN5fiJkQb7GXR8Ff\r\nhdYZTkmvemX3XbhkPUJQoCTrtA0ZRG6B2cBPM6YwVUXT1DzEeCNnKZ5FAKrl\r\ndR+wfiTbcZkj99ggI9xl8Fcb5KqZcKJBxQOS5kII/HI0S2a3qxB7N0fD48IP\r\nGmRq7qQFnPLfmjbbDcPy/sJ0Xf4c6R35o039doph7M4XNrbVQFprb0rHEglz\r\nu2EZcKFPDrBfhcpb4RcD1fABnCBL1x6NcuKMucfVooJUoO4UN/mNAutt/JJ6\r\nZJiSbitAXiEDQ5HZkgf/AACa0Jy1X0v8BshzkmYHuL30mxx85T+P4U13UBn5\r\nHUb7gDtUDgeO4uZNKG7k/vnv567y2fiYLaT/2bcbPJNEV12pap6kRhzidjD+\r\nUgiddRv/BkjJigLTtCMuXrEPDnS1/3z2O0uN3N3aGYl7N9vouhSWPMVDLo5F\r\nAhu863SvsYWu+KsL6u6XgZI4JBz3s7e3aASgcsPagR9InTdMZzlovVArxj6T\r\nadFL4R9eVvkfyAM6Q6koRfoizY8LiVJR9IH14wQkPPfok+ga2A4myHrz4ZVQ\r\nmw6rGHIHLuBJhCfn9Sc9/y//SNpMwHioJyerJyaBA8A78OH1hZKqUcoqbtt9\r\ncBDemCHsJDWpo+zgaQ+iBNAeHkRoKov3fbU=\r\n=nazc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202221417325","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202221417325_1647277459003_0.46872690277353435","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417436":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202221417436","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"796b29343848323de586e4e49b6fd5d3ec41a44c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202221417436.tgz","fileCount":13,"integrity":"sha512-cC6spZTbgwGcY94iMMzgD+in3sD0mKe4KYQzAuwD57xZZ40DAQ5an5ndJKeAoH7aFjmIPK1GRUtxnioSR3pj0Q==","signatures":[{"sig":"MEUCIDgJ6qXQun2vkftMQ0ZHsrLcbiSpx5otGxWolkZRHi8RAiEA5TUe2eDPFIenAsgOUWbhZLrF7xoc/ZreJvuEOlq33IQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3XKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobUw//QeFmVqmS5CedabukqLMrNawCo5UtvjF3oXnOuhiHST0yIwOk\r\n/5i1/FvLKXjOZMYzdC+iQz8bCIeJwFdR4NCRIac43TSW7CebIu8t12xTJjJY\r\n0EX75z7R2Fms8e0yevAzILeLxRoY+AxSSYWcoH0LX/P3zbmd4NGboJoopm6U\r\nssyTcMtN2ZmPAUypoA++oDADIa88dkBheWYCHX033tbvv5S+89gzMFk0JKt6\r\n5fleTADxaVRyrOzXHHZb2DkYhwUvb+aNPwVXxqQaxTQa9paynjj4atAZmVlX\r\nm/fP5m0+QXpMK6we5XvVCGY02J42uD+nE8uqypWO+eXKyYOlSN0aOwskfPZD\r\nvqejXkr0DiNhRD10d0SFRqRv1eP74Mdtr8ibTehhOxjTFyGKvraxr4hC7Aus\r\nG4Kx60TBKXCxW8MpJTtObpp4Q8fojRxWJwoZr0Psc7TKsdOPmhTthkAcJvH4\r\nxguL3pIDt14HcHSJ8vrgQ5YGLG1OxbPmwiFOcSAi4wIlbPur/wxyS6wiJ7p1\r\nbzBsxHxy6QyURdGT8DLMy/GZ8JZuG4aDQ/11lEIx56M4HjCulOgN+GgzCTRZ\r\ny+UnT8hW2KI8iWlkA7YUMW3WoU00TLCKMbimq7vWyv6g26aba3j/xcKkDM55\r\no2S5HpbMs1ptgC334eRVLWYsUnUZ5OgxQD0=\r\n=l4IH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202221417436","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202221417436_1647277514391_0.14284236757828395","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214171014":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022214171014","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1d5334ec5a694feb435ce9c41e11e5c998ed586c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022214171014.tgz","fileCount":13,"integrity":"sha512-6U9UkjAd7GaJUBCyOahYDhhFgh8mRoH9KTXfyURggv5lqmgosA28Y2k6JHLr78Xi+Y6IjWnJ7FLJaiPSt5fCJA==","signatures":[{"sig":"MEYCIQDDZ42H/ZeCb42eq96ZQCth051vxX2vMsVPs1yiITvcygIhAJDXcsSz7hP83NJ6rMjNEHjFRKVhOE0M0gwH+T5oeqVF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3dIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZcQ//fzQ6UETSprSn6QUOEx0ehgRt3NeWunGELhPTWQecSQpgZ+3o\r\nWPYiG83y2f86liOViDUfQcP+crr3IJQCZfTXht+NiI5F7hWn4iW1yGCriCMs\r\n1l8Bmkvphfk1b/AWMMjEkZNDgs/AvdlgvUdQnZt+nQZbcB4jt8GO0dJCnux2\r\n4G5YhZNdogt3IZ3UX2Wk5CUc9no3y0qLyOKfVxLwXEOe4DWyr96U3tStSvNz\r\npcm0eRITsrXRSLFHRGgzRtkvtz1wyjutgekucXB8pfytvfYZdCPs3rukUE+w\r\n3WQ/J/ZLpd7dnRX677vrAXIeLpmj4YyDdqCEoaVIK0nBBshGBWoxFUQK3V+o\r\nGMmwY5wxLRhwth2GBLH5y7dTFLKzBwJCH9I4Z/78flK6ljp/gc67GPc6oIvh\r\n0sEZtArX0ieDqoyNyXcUOLmOcbbqPcMVBFwK+MTCH6bczXeoHH7VUHrY+dps\r\ngo2sJEgf+hVQD5TqifrsCllLJ/5o1WGXjSYuLLEYNHbhOfQkQITZVIEqGDK/\r\nH5wjVHg4XaUE7YTSiZ0Gioy8SOzGo1SJOpfWZWB8zkkn947mmj6K2OPJSpYf\r\n09qYKSaoatMiMuDET1hSuvomSJnF1Dc8NVwjJQR/7iR8TCbwh1/4J9RSKnbY\r\nyZvgltbNLYHHcBHHm3J08kYhSlVCUyoEJMA=\r\n=Qxzw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022214171014","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022214171014_1647277896257_0.28252241133490763","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195434":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022214195434","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"bc5210fa21833da7a11143999d1c59cdc7676d84","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022214195434.tgz","fileCount":13,"integrity":"sha512-Tke/f/xrwVvYSbyw/jllz0XYG+LTzXEknN+iW1RgsgXtnQfOlLhdCRUfCMAUBvfqjqzfiksqQ+J/88l/AStmFQ==","signatures":[{"sig":"MEUCIDMGRyJlHgNzytdjoA5AvNGmIB0HNWD/pQZo3cDsWzjVAiEAphwUPaOa4BL/p3hfO28FAxORk4FJWM7+4MPjtI2K2A4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL52gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoM7w/+K4zOK7DIui6hiZISjj6yCUOLxn4VLB4+6BmnvnPxHerGli9H\r\nkf2SxOSkDgIH7HIHnD19RtQz4FnAcBAQWz6bNm+wykV9WFcbsisUEo1A4jyx\r\nFFyEixA1hVtfCYiBakot3mWXxqykpzMdHM2LB4AnfjQkfqN3qkLwO4anUige\r\n/xlrd2Q4Hsxpotl5jeDUNmmDE5M614KT/rT1FAyLJcKlQoPmDLwkh5YADzMC\r\ndwXwjN+whqZ0/hcl9LFe5QLds4QfR4l8NNSi6R1ePmNDVbGsLiS2shz/SwJG\r\n3H7AgCFa+YbUAgkKy4qeawrpc5Ku8GEMVqHl4z3bL22GQAHDm8Sa0cUz4fVy\r\ny4xdwTheCZ49+P/IHyZyaXQEoh7a0kNuVPIyJDlJn2Y99tGXQbb+RQmUsg91\r\nhNlclSabHxI+Dkqz42LVITylar62DJRCqr8LfxIxP6TFz5FuhRkHLYQTLXpl\r\nAF1M7LSo1M7kSvx9cYi4clbEkx/7UnxvWtmTuFjn0/pM94B6UMA9DfT8a4T1\r\nSK0YL80iLVonwQA2Pgr716+JdEh3chIdWqdvbCnbm5ux+JLdKYlybp3S2Yy0\r\n2QFTysNV1yTlkXHseUJxWChxu9hKtFliJQYGh1RZb0Tl4X0Pc5a5uosY2Ete\r\nE7PBllDY+EDwvyfuieo4kVqjTMMB95nHMDc=\r\n=FKwQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022214195434","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022214195434_1647287712134_0.630541352369697","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195653":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022214195653","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d7ac330431686fca30f69aafd843db11aa4c6a82","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022214195653.tgz","fileCount":13,"integrity":"sha512-e1siuxawYyDi7hg/uzd7Po6IhIj8ucufKBnTvbrSymKIFtlcVpYyIXSnFg+R96Kr9ZIwRQxF2IdOM3yLahqbSw==","signatures":[{"sig":"MEUCIQC3iAz7B3o5CiyRp6H4Y/KfxUemNPNjP66gLuJYHfDHTQIgBVZWaAqjBpcikuzvfsAHf6t9p5EAR5YchckgPJcwRX0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL54mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXtRAAij55KF+tu31bzjuiS1TMsQONxuUOC3nDKNKgphUYn7ZNqjC6\r\no6hmrAHNjAxc0G2kZfcVOHIOpzaTGbovgIaK+MusrXHj70PtKCYzmAL/27lt\r\ncTp+UTc+i4n6m3qKrALPAuQpNN5GuhKCQ4zlhVgbXxMmsObZ2gKoPesum0YR\r\nVFQkTeRNl9nLMzwB3j7l46sqXdLPmUy5vv64HBx94ttxXR6mZD5ruBf9wLYU\r\ngsVq7IdKZmX4ZoSp6nXpLGm33iOHcL8ULmJXdG2j4AGTIFCLOmR6QyGtU3JN\r\nsweKEZXel5uKmPyI4mFhauL0LjfHytWYYM8KFyQ4SEj0PbNWUodjcDOjt9CF\r\nkysep5v4ewQd4sQnA3mwFPBlHGev+hMzIySj99GO8g1e7gKK1p+IMuIlEj/r\r\nv/7n1+K0zM6YTu1Wkk5Knuwk4m2LnFKv9fbb2v7/itn2TnTVGFucDQg0U3fi\r\nELkBrzsXHYPCOM408Vxyhzs4Lm9zg9J1WQeAYrRdXgb9mz+J6pZm9gP549AT\r\nNS4HwiHHdGqbgfXlXEUiXcuTkcenUhD/H1jT3vZHpuGj80MZpe048ciCNCN5\r\n4MfFDZA9b0rOX1nm8YFndOluXqia8CVdcXJM5A9leAcS+ZFy+PT5pFx2xXTc\r\noza9lAuJfO3li5SothLE/S2nOlCom1jEVbc=\r\n=sdH2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022214195653","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022214195653_1647287846484_0.26509193472528225","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221419595":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202221419595","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"396698d56e1488d823f42308e93ab9cdcb50acb6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202221419595.tgz","fileCount":13,"integrity":"sha512-iCcYMDiItz2civlcoA7NtguYTPyxNM9feaBK9lR1O2/y6+n0TSJp0XOv0NYJimKUW+T/J0JYXcHwY9aFV/ENcA==","signatures":[{"sig":"MEUCIDjlbzXHZBbh7nnTClsmIYZa42A0f9nxj0KRbGAy1lHZAiEA47/hGhHoGIzXUPOrXeddVr3k6VB0eUscbqbHo2UP2ng=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21401,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL56zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmob4Q/+OIL7noxicaiq5hU4F1ZYlIAYT1Q/JajAJdPSW9k8tDccfPXg\r\nEEC3vKrapP7LBD9FtV1+x5HbxWKkMJV3N0ZpdsTaaSfniQBU1oHY9OUlic9N\r\nCZJzXaLHKHtSnb8bXoTfqFOh2e7Vq/ICraAMMk8BXBzaNPq6B88AQeEGAGQj\r\nJ/e5QHsgpUfH6wprKCbx7R3HT4OUwGux8LDLlR6CaLzZN+ReVB/fZDhBAAdI\r\n5cu4kK4QbLu6qVdAxZ4IGFVmra/jgyZkEg4jlBXjwDNG8cwWnBOxr828mkn1\r\nwulrMwI/zQs/O5aP0UqboaSMnUw0EDlIU/n+KcGvgjNguPQtTN1cMu4Xj184\r\nbH76Snc0fYNH1lgUHdAMg3mzw3sPjszt/8Yel7SR/UhHwxdNE//QjEHmv3mD\r\nhCm9gWzL1SLd/+A3x9+OHOu43JSsT9au4BdhhLqlNArIYVjNKuyrbBhMX+Al\r\nttiqO6BGop/k3l+PHzuc8ZkHbYr6CS10WgQsd1s7bQVwhiI9aM7TTe7xR25d\r\n2u4hbDIbRvz/1QWbDYNVhbtkeVfvQQ1AqlY8+lKrkjpISfFv+36EwA0PqHSO\r\nswG6pWmPzJ5Gy04s0tUvbU3jUygmKGHVDqBP3bc/bi1OdKsFP8Oj/4vUPrdL\r\nftS5bTB7BXfqpPWWEfmQLjV88y4bnEJ9fRY=\r\n=RFhy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202221419595","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202221419595_1647287987420_0.796160198955354","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022215181125","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4c416ed5324609b40ce0307df14cdf4311b7290e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022215181125.tgz","fileCount":13,"integrity":"sha512-767bKWBARdM7YU9QjLEV6eoXpp/CtF3/PwE2lA83jvMNsych7OMFBrMCW4sGsGATdz+iuTCT7qYjh5vi1tJzKA==","signatures":[{"sig":"MEUCIQD5j225/varxZGO4258cqA/6tkJDfJdsdNW8suyF9NVXAIgfWw2QGvi2ktESUppsAkwqB4pSZH6VbfRD480QEifJNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9Bw/+O4NVbAl5A9LmbGng1SVzZr4rHg/yE/N11tZ/Ilc6amN42HKn\r\nGmPBXEjkAjnniCgODVN1f14NMmbytIzcfzYKtVSWwAwkp1Ft+RpY2Txf1nK9\r\nq/rkGmXccYX3NaLSPl50djdG4MaXXAabL4i0o9dZIrXKUk44MztsitfDGbly\r\nHE6ZQqA9eEnxVlMpXzlEFY4+c/Im7qQP7MGsgqQPMvrmjxIMuXj1SCvQNjrX\r\nVEGhIPDyfTeK4dhwSIElYias9RoKnVIzp7YSKwS0hDthNsBO2B6qKwKu+ccb\r\n0AsVzIrGEfTDI2amur3NVLlGU3Anr9T70xVD4o6v/qngWumECFbkcDhfNLy1\r\nhZzexRAa9I0Sn59/r6Cu5sIpRsa0WgVdx94rkMTJOJbBlAy+VY/LK63GTuN7\r\nNPZJGI7ee5HYqhsvXOPLDAvdL5gTzPG2ANU1GwO9raJ14+76ubzxXlrivZLi\r\npByPkkkMCC52tR+U6yr7DD9YTXPuJxoC42bS9XaBbQoL6QsjH3gaOYU05Spp\r\nZiUEkxiCC7+mzWTL6JYQhv67dmBHs4dpQDV3UCCxMXDgoofg/ID39PMQLPd2\r\n7npUx026wKl52wIKn0a8gSHrGgp2JvGfSp7AzQ7UO1x6sotKaT7yXudhiveH\r\noMvW8AIiqVHnkHQBcjKt4eghOBA53LIzxR8=\r\n=djmG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215181125","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022215181125_1647367922740_0.9516744231403347","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022215182043","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"74240380f4b5e846e21b33fdbe281c9a31d4d187","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022215182043.tgz","fileCount":13,"integrity":"sha512-cRbspjo4BPP33O+DYO25/XB61Upq2E3wyVbpMuu4DOfy3keXoTDTxbjUafBWwQDdff9mQanOEBnRMlpO4fizwQ==","signatures":[{"sig":"MEUCIElNVMAL9THN/F7u5Hej8+ShA6NfCIX+FxJvW5bQTzjzAiEAmZkuogj8jIf3Xhrv31EuACf/i2YVWelBdNAb6CPyXYI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNkrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq51A//QRo7A0/CPKlLiKNYkTKS+hH7nz340v08sjRWBTlVWqYgNfxx\r\nmHtWZIThopwzA2lQJb3m8yJFHBWgPpxv8KGDojrMYNrddUNeeivrkHFpYVrI\r\n9UjLyCUMkaYEOYz/c5P0zcJIAAZMScRCudI6M814TswTmPs3DUr7jgSWhmNV\r\nZT9IjTng3wMveWtysSKwhYm5NbYMTUIUCKNh/oYOKIeEhGCod/ibsU9EcGmo\r\n/c01mY/deg1k2qrjEkhSMCAn+9COnE9y80RPmvFf0CPFFkSsUKLMZI22d1+t\r\no3w1lMWqDm7j3jfjDPLTmBHy6RwmuaEhux34riMefYKetesf5yWJQeUKoU9I\r\nZzZ2ifd3EwEo4Mvcs5OsUSES2mE8aZFTZRT8UU4Rx9d8crOKz/UXhGY4WCzA\r\nNDsC+9cu2auRCiIe+s+Q9oL1cd2FE//jl/gVL29gAgRwftum8fS2+DdZjcUP\r\njnY34q+l8OVRjIZugCtq0XsOmHiWj+0VPjL5t7Zh+MBEc2wB7Syg8tPoLOyp\r\n/bMh83AlqrlHPvtLvnayqmV9zVQMClRCWcjcu29SPlXCTLFNSRi3UHyOaii1\r\nrH/DCBOFhzvBxZZm2HhArlRxav1gSLGHmHjPhXjmkqJl1o4RZ5GK18q86A/D\r\nXZ4sQEtLH/1Ym0RRvhxwlPQEEyQbGpVZ8Ig=\r\n=jUbG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215182043","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022215182043_1647368490972_0.4929742723476769","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022215183938","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2a74ce37a8bac37b8875cb0afa74c53e700c579b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022215183938.tgz","fileCount":13,"integrity":"sha512-CGfDTpcPzmL4iQDZDQJecDu53RJxDzRNiB83PkfdOgbBc6VJNtzTHlHOt0bTJzOsgIFav9L28iDLDlzvm3oLSw==","signatures":[{"sig":"MEQCIHw1uvlf7Lh1rIn4sVX4LOf6X0VzvjC/TOXNq42K2ZgbAiBxXakog8zokHnaRHHK955PRhPfQ7ryCN602TyPrtAWCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoilBAAmHDLDhBt0idkPlZd2mc8tKQUPHoV5+ZVWLvyBUU5S/DVj9Mv\r\n1TTpAn0H8kK1dgHdDtFWiHaMlRtJ3crnDdr+8UeQ8dcg6NFOG+QpH+Jzts+m\r\n5xkMoaN/9dOVLxYB/9TguRHPiB9bEkFSDGIxB89EQPlKpMli5O2Lv8FKn+Cb\r\n/JzOBCCLaqhJr/ktM9elzwOQCIGWjMI9MHqqgJwif+Xghr4lG5YIdqITA0Zm\r\nJidHkg82yNifRmq6Izt4GDkQ0D2csoU+uEEy3J3iRKWOlaTKb/cv9CfwCche\r\nDrryw+j2SEjHqnTK9bESqTkTV0VbhaTbXEcCNi+fjVGH8ur7oUomvLTeVFZ8\r\nCjD/85Zq/SlnMr6wCndv1ESKwoUpe3SxfYc6VM06VTKqM3S9FZn577jSleHW\r\nVmtnqhrKy+6k0EQj82HPXsyjiIXWbH5VQm/6hPNderAVFrVBGC08HmieTgSR\r\nlfTG7TZwa0WQtjQL0XHFy0uSz0kEEk7HJtoA14ERgfnlvyAm+qHCAgdeU6Ng\r\nCsWKgOxjTXWIvGTxFIEs9go/DoatJUrQ1x8SgE6GtugdSg/PxnMbj/6rXjaa\r\nscxxuy1g3deX1DdiuswLfdWqRQFTsP0Ll9A42HMs8jD7no/q5tOdyquT1E+V\r\nmrkX54gN7HOiQFY5Eysqh3AvejzPHvx5iOo=\r\n=gz16\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215183938","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022215183938_1647369637441_0.17153580497531307","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022215184036","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"18de69f9870fc715d6bfccb7b3f5cc28f9113913","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022215184036.tgz","fileCount":13,"integrity":"sha512-GsSG3Zcoz//1szAQkfZy0HcGg2oD6lvy7CFCj00CDyrDVzH0eIfeEH03RH+GvwR5pM3A52yrlzn/eQ9EAhAXOw==","signatures":[{"sig":"MEUCIEGWhUDDSmveqMP2+2Is/QXjuFHLAkG+rkx5uupJVCgtAiEAzjOqgjqOv2s/M+lOFW3eeI3VNv1I5XHq+jbc1gThGDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9Jw//SRHO1n2oTWanncMrsg72oFCfCenlq+tydEIIoMuO7LwBe8uD\r\nGWnNjl/Xo1L6diBfjId+I2YDynCvMabmXuO6N2x504kNK9iBMW09jQcyS0Uq\r\nUVE2BJVBx6MIgjlEmenefymkOt9bwDQmz/LSgBgUg2m7pyuX/XC8bjlPPvgW\r\ngsamvqfOB6y7jNjLdc40EpHsS6NeqRMiYzGiGSBZVRfMQtBFHxW8A1uhVb6G\r\nEngVXUo/S5fkKoJzQR+HcD7Rd74sXFM7M6kzMuJrmk6TOLWhet9dq3bbaTsD\r\nUp483n9spX4/Q6xRo6GETi+OPNqsQE2hnwbXZGI9CMpm+VH+z/MYpysRUBpV\r\nt4OW3i1+aaiYVgi4kdCRDiRpYcZNgUNUOlMaqYGMq0wnDMOaqduA9hbt8Bl1\r\nEuMl9ZlrU8gqplgu8VIm/Ezb1qbFwaJoV2hVLTtWAQEID7nhWYY65/8hTNHS\r\nWDyesJ/A18mMp/wTWNeZ/lsKGpFBPTPYozJr6Qc6B2H4QVLIPiMpJqyHNdm7\r\nKDUE/ejQ/6JqCwCjDaxOA7ahf23WN9U+jnK98gOgQFGImHLUBh0dJSVV+wiZ\r\nx1XVeWI1WL5vpDQcRhURcgqwP+2EQFY4664JO6m+QNcx1CwepzJVvJ4eDnBa\r\nYLhJENOBXoHu0rOjlE09YF8mCKlK80NFTNQ=\r\n=IFtU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022215184036","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022215184036_1647369675433_0.27498775866676906","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022225182931","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7857a114b7a1a273f0fb23499085db7813630303","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022225182931.tgz","fileCount":13,"integrity":"sha512-Us6LQfl+TDrXxK2xkZuTykun68Wl09JyOTP0sFT5KtXsHfqu4pbfIwz3vALsfDXEB6uDeEEEZ9r1Do5Ilz4qoQ==","signatures":[{"sig":"MEQCICZyN0lpMLXTkNqTzykLiKilkvWLarRKtc+BpSgUk2yvAiBbcxyivmtvZFUC//qlkwCMwEqKduaKxiTDBvqj5W/i4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgouACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrubw/+Kq4LnT8dPHMRp6IkqdBq6dOvtVqPcse3zCCT939vyr/vB3qc\r\nhxeH6snkE0+rj7PECno60puv1MZTUEDS9P5PrYHWmWbeyd43cqrKEOL+ofp9\r\ngA1HKGTpmwd5zDe8OhLPCC6q+pDzgGTlRgioYxQ43tueg0ZPPH8QufdproAs\r\n1vUQpj1FpI8c9bgnxYng4cFu5duGGIqwH04Uhh2fXJ2yus5533daZPbfK5PN\r\naMdu9J5b/ZunZdnEzWXhwa1S3edQW6cvZlOZGDKUo+gG27v2NO7OgddeNAhC\r\nx8/NXpO2w1AzR9duM5TxS1TvI4cGHNhCZGo0GEfdF5phR5Nwii3m+3YyrZ5R\r\n8R6aPdxIt3sSxpmyqC42pYgvxbEeJ2bgrG8y+Vub5xVSSoxoYZvV8g2TlRSa\r\nnSGcfS1q4Uq79o09ul2KcLvJqG9bszTaVwVZXG2sJiZmEWD8lD1fyDK9WTYQ\r\nA8kOtg+LZxudcIXS+VQR2JcBfOpmk+zBlE6/bIhiIJCdSp2A49darXhCL4pc\r\nzq2tkLDaDZhy8fTmBGQXNy6u9pzwyzyrPBsEwoZ57tbQG5HQ4Yb4WDjf3JzG\r\nLJlTk6F3aIx3hi3bXGzX2RD0zWgrU1KU9CGTJ97O62hrJSoOo67UqL/9AyBa\r\nX8IILAZRtAW+Qu89wMXOkcsqwSB2Inq74Q4=\r\n=X+gi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022225182931","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022225182931_1648233005934_0.9301972767182476","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022228155140","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e01b066eea50a718cacee4b3e69768baf771b06c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022228155140.tgz","fileCount":13,"integrity":"sha512-tTh+Bpck2/KCBWVogvfzjjNSi2Viqk/QvKQLrKPxFV9FNM7VO6Jxha8zUXwxtoR6dRPtt2POPviHGLGeEPCozA==","signatures":[{"sig":"MEQCIAKOJlUF+2QFdSqaf90c+o0ybuSLeIm/3M6ZGFkFb2ESAiB1FjLZq8lm9floRDIaU8PZKuf/3xvq6iYySt7mqQ9umA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdm5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxjRAAoS8VFA/1NpziF0VbSJCGGxcGF/i3qOPBZjxhuVjxxq6ipAHu\r\nc5n+jwnuWth8i0P7k6XsqhTeXkjGBpDmk4+mt1dRtjM1qzQkoR6RjdVvWJrH\r\nM65zdJMWq8B8bR+fIvAz3nVMLXcfcU6GS0kdBvMNkPJWPrfwhk1DHeJDhX4z\r\nBbTbxa2aEeSf78AQu9G4PLRLirOFeJbFoEHE82iHDf/Sp5PMX+4sTRHV+lT2\r\nZgJBEh0MPyPTn92JY6E4Dzw//XTPuB/Qz2zzL8dr9bj/8xvRiAQKz9IozPVa\r\nspHumw7TkSpRBkXxOyeOVC3D2WyvYVeuO7A3818tkpsrNuvTiDiXZBtjYWwP\r\nq+WD07Sr1Wmgv8hTcEcb00HvLUWawcd4YacIJKxmqYTJoIc6IARYTOzNH++z\r\na/8LhKjwkUWDB/dMDsjOZ+xEFMrDR9AZ5xG8biz2u0hXq1u2Mr8+NNDOVpu5\r\nT5TkkKUi4BjjjSmA2fam92IiWYGiolmLzVGzkoxGDNXddp9k1ud8TSSHqlAG\r\n4WsfTZsBr+99jch4kDn41k9OAF90cLaDJGYswN8ttWbgpcSjOvs/f4GrHhDp\r\nY52TRg1JL9hWNM0N6/S3XtTrj5GvbKUAA+obTlJqu127yyWdCifxXLJKs7LU\r\ngqsoCKPsBVPVX7IqZL0WoGZu+/a1Ln6ijMY=\r\n=/5su\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022228155140","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022228155140_1648482745669_0.26023783286890656","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20223215463","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ce1f8f89bbce00561e85d16279eb98b66260ac3f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20223215463.tgz","fileCount":13,"integrity":"sha512-q0hmV4Is7Evve2U5g0urfTUV1mpFxWRXgu3qG/29LWmFhkDd81AP/h5KGMvmJLc7saG063+qa5G3ChjGxLL2UQ==","signatures":[{"sig":"MEYCIQCyJgvdNeKEIZY8lEBcB+Dd5ovEtf7ac5msOCRdzTYvcwIhAKkxyfC/H+IXV22kXNLw7P6kTcjaoGTq/WYeExDyBtVZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXaA//T6g2ut3H7Xb7KYA5N7myLzw618CNMxC+yrpOS+2XIEhqhr+X\r\nlZgjOpzXGPwW+rpl00FCW2QriqvoBCuqU8E2lS0mIoLVJWIwvau2hxzUaO2j\r\nhlZUcYyGX7XRSd7gwjyMkglQPSqT04rsdzUJQcA+YWFjUoKCUzLKaIStMlcO\r\na2PIb7YKCgx3fEuxfPD6bzD89yD2eI0iu2Vz+/UVDBVJw4rYV0pvedCQ5Fls\r\nVheUSYCUInBP6YghPE9UAeQl8Md/HtExUjVJGUgjVclJoQ4cDmLGmRVsjXra\r\nYs9bJsfQ2r5O7FpaZVGAxRJNEQk+nmgNKJ5On/1umQoTt5PYSpzENW3F0PeW\r\n+t1Vhw8nu+Yq51QxdvCL5lVPJeoQiUoPR28IGt5UIczmPvGdc3yRonWSZaJQ\r\nD2B15ObFHgKhBalgBRu0c61fQHvPGovX9pY2YndPtT9JK0vbnkRe6YXp85KR\r\nshwY6guRr3h4fvZUvO96/UAfyfRgcLUvXYslFeJ+swBpfnTKFFOX87B8Tqpr\r\njvszVxbixapKH7GE4nussm38UeN7MuPL5pGbxegF0wHjR+9BBvCbYyb5AgU0\r\nTLIeOvhqglJbRpZOhnJvPd1Iadj7JlLmrM4g1R25sTKe85x0IpmtntH9Kejr\r\nGRWczOvGrj8P5HfCvI/sZaFyXV/CJ1ppUDs=\r\n=ree4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.3.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223215463","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-20223215463_1648914398287_0.40359621088179387","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022349032","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"cd116c95922aca4f7b26562cecc1793a06c5e645","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022349032.tgz","fileCount":13,"integrity":"sha512-tl/EGQwPxfx04oKG8FvLPfDcADNkFJQ7UbCzZx7Jos23mvW6jOTRIYJKTiUqR9IvXX6OE8W4ZqURZ1sr/r53Dg==","signatures":[{"sig":"MEUCICLorKaVhFhLaGHBScCqal7UduPCtvMiV2zWsfQw4kwOAiEAz3EtCdQ7j9Gy/gyBdYLUp5qMX3Rm1lQddDdqfju76D4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7Sw//XvxYvooHDZi7qV5bElTG5hDHx3RFX7jsfg6VEXpBXbObLfaK\r\nCtXaQtmQaSJMWGyAa5k7Czq+mYMq1G6i2nB39uJQl/aE9XJIozoi6nlKkazQ\r\nblnHBapKHlfYRk1I5fgbXHW3hhDFUx8sNnXKqsDJNfxTmmBAgb5vnvqrbWkb\r\n9XeFid6ZVJQhkTYRW6mAdHAM49tlBTGujKDobpecBJrjeDtSYHRcckk6RRIg\r\nESnGyUT62K07vccBBR8v0w4QhDcFsnYZb5Z+TNzLAlErl2ROawMlX3p5d2rD\r\ntouNRb65kt7x4c0qkJ+g7ennaazMOWn6KGOgm6GNJ8IjXow4pN7ZsmQoZzIp\r\ntspyT7PlLzfAej57esyyXJSqaCP7Hs0YSaDRJ1Sgv9aWWtqxMa09UWw1ID1o\r\nsbTvyMnO2RvWSbZMOpi9e4bpl+VxEa9nn5Szsp3Tsy4HpVPgUQ47m7g3Wad3\r\n/aqKRsLf4cjwsePbC1uMRGpTG7kmNfg5hdyERFzDKYxC/nz+IK+oZE14bd2f\r\nBmVUc72pgTbyGwYwsDFhVDLdL2vQMupJM9EibZtrODLnsUbogYtSKBMU6ZwJ\r\ni4P7sZrQi0Auv3/dCXpRkzC68ynGkLTEijqEvYtX2/KspuY7y1wSe5dssafX\r\nyDrjavYZkIxCJO0qLq5ZglPglpowe2vsiRE=\r\n=3rrz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022349032","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022349032_1649062876303_0.5136788994712351","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022349233","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c9c9b43bf7fc654df42429ecca5c270302498358","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022349233.tgz","fileCount":13,"integrity":"sha512-g490z8Z391ljhMpw7zRL7gUsSbkhk2I/GTvNP4l8UWAMvfhIhXpix25A07O1hXSybek61KOqZBOIE1MhYHlABg==","signatures":[{"sig":"MEYCIQC1j9+ZrmV+AdqjyTz2SC5wW/wcQXEGSwcLn+0PUCHIWAIhAKMdH5sh8KnXyQ/+ryMk/gKeZlJ7lH6VwnUuf9EMvf4b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLlRAAjmYd19mCQyAQoFZRoNCSs8wiI2k5KEYckXxvG4Ao1W6Q4u0s\r\nDK3QmlfoqFQBjLnUE3+MUYwILVh2yKyqeauUzcuH176eKow/fXuX07xtC555\r\nBxLborQVWPDGZmKRgW2cDeQOxfV1eRf/7n0raIw8a4Q081TG6nBWN6UiMRJ2\r\nERXX/VFGT+5NgATBJbJQg7DYzkAiYUYQSj7YnSP7m5nutoIc9tAlsw6Dd17F\r\nCmHMxJCf3Avym3HF47sXRToJVNLzpLsZ4IHSNpEJKmudU7StY+z2llbWydjv\r\nYoh6x7cVNh1rUvQMK/15TQExry/L2q/lBMJ0ArubulWDKjbHlDHsb60FY6Ab\r\nUbyo9hr0BmbGDEDBfPQRRjinF1aAAKMQZhAM2MW0unIU9h9XToC/QmN6Y29Z\r\nVjEwrMqWbuNaqP519HBdx+mDMVARlkpdpjsAtTLdH0i2m9YTBj+1hjhwzc+5\r\nw362fk8mHmtT8cP5u3zkbibGsp1TYy+PorzmQPjQfKpxX7G5tMUBmcGUT/QH\r\nNb/H6AKEcElV0/RzyM3IajbfzwF8xIh+N5cFLKi/pJCDk858t89l6TLrDpTP\r\n2N3rNX9VCwGJbK27yuXwumHqzR9+Cf8+6uUqfzaHxP6aRpBz3uob/DAROJuj\r\n9a9MDlA5HkEBtcCY+VCXJcTrHy3AnZ2UkJg=\r\n=hiq8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022349233","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022349233_1649062997622_0.039610771899344366","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022349957","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4209fe60b47317001641c524cd7794ce79b18014","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022349957.tgz","fileCount":13,"integrity":"sha512-sdMG2Y7JBapmzlAjc3nRfQEIMm+QwTgUJpVFXcQ/h95a17sOiKGCw2k5i2h25V8cf/lr5rXpHv9PWPtdiSD4kQ==","signatures":[{"sig":"MEUCIDxxt14hV6kjzI88yG4dmxLLBv3+AaUfm+G/QBn6xyJfAiEA9SSCtpSuhKqznHeWD9MQ1DdCE6u/Gr8G3dl1ysIxB5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21393,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrYGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIcA//RUvTepwdF8ymc3kzTGVNO7o/vuv/YPvZ792ENyWmj/R5NOE7\r\n9MU5DMRrh9oaESRdP2DPVEmtRsNIiB5aeFWJzJljviUPIVNIaMeMUyTdUwd1\r\nqXqX6mbTePQGWHLCbViO5pS/KMo0UIMi5EDNS3RsIwRJKgx1ySR88TNtBdI0\r\n6+VdAj22Ft/7cAaz3II7OWyqL4LIbAZtm08WQD5TAmP8nNDVfkRK6XODhymo\r\nT5kFH3fygzDlUddp0O9xo6eWD+cnkcze1Cftqf4Tdxllchy4WI6F/sOooVmf\r\nPNZqd6MVYpW+811Kf30+OqIwXsb5jAnt9/fVwpnBUVV9oJeP8BJ3rOUOO2is\r\nJOW3S3NmXueqqJoQZ8lODqfSquS1KSVLQzWEc35xvUuJWwN9eP/QQqCjbdyb\r\nLec9B28ToW7yDsooRTgTTiZbXyeXYEkpAZvZcOC/rBGdkjMkRm89q1ea9fQy\r\nxcvmHTEIsdhyfVNKOWMAJACV081QPW94BABPTfKab42LQ6CYxN4Wd+t/Lgx2\r\nITFBeqSdU78uZVgGI4p0BMWMHjXabnmmMjvDXGOcsNUMlc5unPuJOjCxNPpY\r\n4vHSwSTcDb0MepoZ8UmGyId9TaZq0o2NV82JXvaYwvT6L2QvDoaNnGmywoz7\r\nLqSWBMUcq5q6iGCsRbJNdIs6R6t24YlJwpM=\r\n=To3P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022349957","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-2022349957_1649063430482_0.8254328195408833","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20223491859","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"72f0b8137da51f3a49ed7f019c8a2c8404a52ade","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20223491859.tgz","fileCount":13,"integrity":"sha512-COeqcZ6kzpNFO1iJIfkw2NH17eEFF9jSzCQuXfy8xKJtw0L4RDCpeNqgUbK1YR/rTOJo6cm9HK7jCKHOGy/9jg==","signatures":[{"sig":"MEUCIQDMrKuocUCUjlk0wvLWdbTAjk4EvHpIyERv6Fd2mmyiWAIgF7Doc8kYByTMw9Ih7gsldIBvir8sZSfG/ZcS8Rp47Og=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrgyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqtgw//S7Z1weT+qHWmubB88Q+8JiKpAML8w0/AB0xVd7u5BCStDWaY\r\nnlSCT/DA7Kkeet8BVrukgx5hl24RjtTFdQyRzVesOMLO1Iqs1pB8r/uWFtNh\r\nsMDWPHjB+7mJRfnrH01tY+IfqaCu1vDtcOe/dt/e5vZaLTArRRCq1ebDPrZi\r\nhO4PO4yEUCrrcOrfNezDpIEo3BgVY9/Dpo1h9Pc2BYjqcdd9tis7AiUvGw7q\r\nqL8T7GP47u5vQndgcWhCoUu1YZnU+/RAmbJzmrkL7XrL4KQxRP3tSp9QG9qb\r\n5BN/O1UQO1sT2JZdF4gizLXvgrtbtUUaR1sjUL5/E4zAaFdjfrB1cWhgXlYR\r\nbc1hxTRrexCIfbLv3B9xH5gCpC3m8Fj9NNthjmeEsr7A5kkhXr1S8uVWdom/\r\nA1y4OPVkPKseXD5U45be5qiNHVNKhTNGxX//mtgc1AHYJD7p+SgBtZqNMK8P\r\nhAHpGEWiOFWEhbWZqDDphRNVzQRmDbJtFkPvwQxVaWx/EY23bS8GuGE7o7yV\r\njU4XD1b32GavbKddhisGQwdSPmUYuqNAFEAja9MSJO9hYv0hXsi590mC9qcF\r\np5E9UywKbRgsPRRbwQgbHDZVBchdJ73/CLdsO8WF4exGNUh+eN0rLm0HFCMq\r\nXZhMY4JZdnWdY+aHFCdTZ/c/y631Rs3kyYI=\r\n=ySwv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent withtin the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223491859","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-20223491859_1649063986423_0.4478671884965453","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20223655213","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b7ecb2f1ad6de403d732a1f4bc30dbea64a92cfe","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20223655213.tgz","fileCount":13,"integrity":"sha512-Qk2zpn8PK7LFfbh1ydh6p0GGG62TC7FLQ17BkzHtebLAIapwgyRPo4yq/3XP0nuT+NSAG6t0xcnW+JSR4RMi9w==","signatures":[{"sig":"MEQCIGtaape0+8kqQRJm7kVLYiUg0JZYg0322fgdKNtgA+dLAiBi1Bcbz647bB4n84c9tTpWt5qFBhVrAgxC21+t3S5Mgg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeUw//TkT3E4BMuLEDWuTnX/9WwE4Bha+PlpmxS0NHPXCRBHE5/Cm4\r\np7TXFwHa1dlap3HY9WiBdjd01HToYpJ99j66XtMdkDLkY6Mw1EDnvTxq2EkN\r\nyBq10M0lJ12YjZ3FIKMJ9UEhpUVNNZRn8ccmYwKB48gJEUHmMWcKOQ6K67Tu\r\n6Nh/pb+T+2pIKtLQ/z1m9yy+VCTaXq/5Cpr9K1b0zIImyPU4YYPgkm69cJBB\r\nmOtFeyHCFRa4CCydrU6mgy4wd/F7nV1GZFWavkPvMUWzJCH7xBufe8XHlSpP\r\nQPRtNcLDn/AxrK1i7j4ZEdQlONHWAf+ghnvdePVfbaDt58TRrlsiiVaMfJtM\r\nz682NWde1e4XyKvYJBQTPmId6GlFOukFA7TdjzABEMcVQaE5lyMSj8xWW71w\r\nXM42F0mx1iXqeFRjzfEtUh7y06xBGEusB9855O+3A7AQHxubCNV11W/A20OI\r\n3BhJJSIFrtKwdBYadfDUEyFJjYeqe4ljiyAYt/8ELxUpUPsygci8AayYyggs\r\n/5dE6QCsgqGFElJcZaXVS/EgUpqfDjYr+vBHafdGphzfTuk8XBGt/JuqfTCv\r\n3cUgfDUGkX7UGi0ehDEQC7rErJ9TGYzdIz7yXf+gfHVax+EdY+zFvK3JLGBG\r\nhZiX94WPvEplUmMdncdm99gUkhkzDKJvLSU=\r\n=6H4k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223655213","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-20223655213_1649224369661_0.06790356033957701","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202236131344","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ddc3cf43dc5869a2097d86014dc0cccbaab32282","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202236131344.tgz","fileCount":13,"integrity":"sha512-LoMpbwueDgRjpcJULML201kxyNnKxFKTzZIIEYrEWuRs1VBSvPUWZCQtZn7KrkD6Se40oCl1pWnn6L76M1yfDg==","signatures":[{"sig":"MEQCIGcEO1S/7E10W1Aj6PvfMRhHzmhxn8/2xZCbD2ZKinxTAiADmLG9rf9bFEF7X5xUGbxNZUTc1n7j1kA+HmVAXyLyDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowiBAAnlWKQWoykLWi7Va4OTAFJXpI8QDTYVMTvd+kyzmnKptNxOiG\r\nqW6qev2pMc5g+1Ykh081SgSPjeRl8TmJq8izFpLvwu4j0wIfTY2NdDpkNa6j\r\ni+j9RzTjItT/6ZxuGYfpcrg0w5534D63LY+2lURBa1A5gLS0TnzQA1PWESK5\r\n7GxpTv5kkUKapwJBQTmTtqymW7srFro8LKHpP1kzLyCbOY9p1gF9koffEs7u\r\nDqN2KwTd9buZHvvD1aG9kLlwCsuMgbT0floBGQ6Dk4JXl7Ihho5FeUUfRHH7\r\nSVkT8yafVtCJvO54gLd7JEDNyJ1WgEKhcv+haCJYe/nsRELC9dVjel05Gcga\r\nEIVUtqOvXYuVBSu0CfEJ4nWF69O7VGkirJ+XM90bEIJ+qII1gBYTvIK6/QYI\r\nlAaUGcqn23SHSpjjByrFHmBO7pP9GzVREs5B6Mi4cA/Tn4UPhX0MOOob7K7F\r\nU+wPNHP7TAjgNZffA/mS8d3s8jncrU8B7FnjQBx7RN+feAexL9yRpfHYRFBj\r\nUzdRw2U4BGMyjMGGokv9nwY+oKbz1mVoQlFt03nDj6RjEQKe4OzNuNS7/QIB\r\nQKvK4TqDEHUTbW2kYOXkJuuX+Od13Q5oCSsK0t2X69uqEHumd87ywBEukUEN\r\n+mVRkoVUmo6yVWRfhe35stfUb4XFWK+mpI0=\r\n=yP8f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202236131344","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202236131344_1649250867002_0.6040183638431331","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202236132312","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4f656c7256c5a9475b268c0e4c871cc237016d57","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202236132312.tgz","fileCount":13,"integrity":"sha512-IAk2eFB6GEUClELMUXPZpiJfihrxicT7+gq+QZzTbSHY17s7u39dTt6KJh4/ylgByq76tkvRZzBdbLWRYZ7QBQ==","signatures":[{"sig":"MEQCIHUNVvMVkTcka3dDmGkEWwAIp5GpTHgSq60FsyhBDhTvAiAYFgCoI1bBChKznijcp3HjtQENzKjHXzh2VaKNn5UJOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgrA//XuF/WMm2Sgbfq7G9SWjQWZyYHrKwi3/Is0y8wtobPgK5mq0r\r\niHrHm91VZoLM84GfCkI34xpWXvz7aUQBfkZ75IymsifhWdyyqToG8GVe5Lgy\r\nZSK3fIeV72udvnMgn1UaQJ15CIlti7ozx4unjQ8zcmcIFOgcyG97lbNYUue6\r\nRSsi4gc6n57MaFnf86wrbc9NzgzNRRWki0Ar9j8hoNd/c8WVOiX3mm1zmaB6\r\ndwaQUkErAk7YIm3WbEYzSRuyWk4v15fMoUcHypMAPKBU6NvZS8agkCTv4Kbc\r\nAfK3mOn/nvGyp+wSTZl9VxNmthTxHldxSmMyacbId68A6OOVLoyFooUn0IT5\r\naai2v96EyfVG51Qx9Ir0cJDbKY+muW6CkTNffaxGbfuTYD0D1vuEaMf7FLyN\r\nMvo/zFuqAIh8oosZThT+/N7ORLb1iMW4z6U7pjg6f/2PfCS/EJMoQarzBLSd\r\nCE700dI9NWtTP/h6zf/FSbfEynKApNXpzV8MiIjdedviWQCWFdaPintqnFLJ\r\nzsuaw7oo+XkmdW/Iho4SIKnkkvKmnbZ2mYZNb+Q1lzRGXz5WdtoUiq7xg/jk\r\nudvYisq7OZp9FHyJjvgVVXYl2uxfMTBV5aBavRQZrIWTwFJWJqwX3Y0KP/0E\r\nnfiBO3n0TY4T67UT1yhvbNgrDD9ZlNB+qNg=\r\n=beds\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202236132312","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202236132312_1649251428136_0.8991649998918283","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20223614103","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5618d3ff77711a2c4945e3e82738312b56e69ef3","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20223614103.tgz","fileCount":13,"integrity":"sha512-DWHZ+5UjzIdmFhcskxRt48grLNEMzoewBzXjl9TLguNn4S2lod8Dx35/t1KQZNQCVt/Lacl/Mdz3LCRDmRJUZA==","signatures":[{"sig":"MEUCIGn3x06ze+tOhIU4j99cTY4sLOS2pO1mnCpCvlFTsMQYAiEAgSqYIDNvAjfQKcjwJkEFfcXbintDaZlt0h23I5ABTsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFEhAAmfqLvVrbdJSbo7GOEjlULyYhyPpTDDaPZCx6UnTytUB4tYHD\r\no4Hg0aJZR+KYwbsmQb21D9d0fCt0JFEVS4ecU5xwbu9sZwaHm/Rac+vyO29X\r\nc2Eq5AXynDWQhfBEynas8vfn204LVaEj5wSitsKj1FjjRECFy8i1o8RwM4wq\r\nVo42K4TFUfrfZsH2qVji39w/kI4eI+Z3gAdbfiE0vs3bUsyqDkt8wHcTYFoU\r\nX+hvahR+095wDrNBb+fDXEXYUz9RI2PcZpxx7LnV6KymqvZwx54lvphf4N05\r\nIi80b7BjZbqrUXm+bZdF+e8MkskfPMpqynPLr6qhpZi8HALly3qU2Bk4P4fc\r\nWc6oe9Z1odG1JYW9iRYR1UzBBOV2c1N6KtoP4JZ6HeJCG3ehfCVTOqZMVl9p\r\n4ONyT1VbPQlVhza9g2Bo0VJuI3J3yBSxWrvcmNJM8hQE3EcGHE4ssEHAMBav\r\nSKS9o2Bydu0xWYpp1qfNLw1RfbB1ELrVAFHgEIIowz9xjHYtRTFUCp8DdY+X\r\n9ZfL+RxbMCII85YX2M6/fZ2b8qmByFs7gDB+vXuydZatwc4kNhrgT3NUuCDa\r\nrTxjkEkUCk9fXzMfswJNV79jakCCnEp51PAMOhfTjJRuQ5In0y7uLwhmsqdx\r\nBrINVDh4pnJmYrtXz6gP/rPTXj16zhyzTsU=\r\n=xiJf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20223614103","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-20223614103_1649254241788_0.1328066019170151","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202236141416","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"27b1189f87e8f7c3d6762427691525f4b28852b4","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202236141416.tgz","fileCount":13,"integrity":"sha512-ci4h3AQuNQCARjYXLpyNUhvZApY2dmL3f+hwxgjReFKpLLKSHWm/K5JZ0OXLsnx0DSCVb2Cj1Y060LLarq5z+w==","signatures":[{"sig":"MEYCIQCuNdkc/QZu8U0KV8EBLp0L0CvKVdxAUfHp7VVpAYjTxAIhAKfrxiIK7dgDBNFeirywjo1MWDk2sQqibtnHZT2rJRq8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqryA/5ARmVbnFyEFCjzdQG7jyc1ckGfQNBCMFEy/h6/21X12Vwxd4t\r\nJTz7IpomOF985McyrbhDUsJcKJRhSA4o7QL4v8wHqHnPEkxNJGVVv1ZCGThS\r\nuvEzLze70lzjjDGN4FyvhfOt6pj+SqDh1Ic877SiBlhcucsQ925LYOrV4GdR\r\nfBazUKwcQHUVQOwO7A4Sop0Tx/e/GwSYKqPuUQuNKaekUBd6amKftq+SG89T\r\n30ZdBukeMSaEN6gzO7fuaeTdghlQTwA75CsnEnJ51Q/xId3hk+5WYvm7lnq5\r\nizZnuiaT93L/ABroXxm0Kb9pmbdHd6nDIusOSvGI1+yWY5w7Xrxy1RB6JNPC\r\nvEaHKdINaYE2Kd6NfHHX/RL6DsM5JhYjyaRHbLr7wgnSub1HwMdC7+m8i4Fs\r\ncPmYtpaEQPxWzL44siimUurO7fjLJSBWssQB9GPyeY08KVtdrLRdsWUHx/MC\r\n9XQau8+WgEn8ebB5+/ezdicFQEkn1Bwydf/ORq3rnn/0SLrzZ4sxzPmbs69m\r\n41MgCxQoQ93egzkmVYfPsb3mBgMuI9cyK7jdUEYrtYexuWiY+2v6UZHT8fvO\r\nwZpF/4Ah7ZJ08KKGzolyihLm0m4oBTR00CwONhq+5HVk7+ye4OQqWj03KXwa\r\n9kmpj9GsVKYxPdV7sreYslz7DxGGeSvm2tg=\r\n=2jzl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202236141416","@chakra-ui/utils":"1.10.4"},"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/tag_0.0.0-dev-202236141416_1649254492256_0.36931586687117246","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/tag","version":"2.0.0-next.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5730c4398b708da3ef1a2fc07f627101cfaaec7e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.0-next.0.tgz","fileCount":13,"integrity":"sha512-X+s4c1MX1inwjOGqJxXiuscNAhw76p2Jjvs5CwoqS+4/qG35JJS4Lr5DUqhhpRUYYvws6PQ1y1316FgAJUU08Q==","signatures":[{"sig":"MEUCIQDnMs7afNXU+FnWZobdvkpoSy3KhdKS+rcyaTVuYOI59AIgaMh22CjADpsworq7ARrzqd/PgbuBidGIkHRwEG/37rA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY21ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJ+w/9FL4txiYOM0tWitQLfNsJXICWFN12Lltpc5SR1JPo3LkGwuFd\r\nLl2DIx0aSi/v6H2xgmYbFxe4NYMibKWEzX654vBXNby63xxHKSiei0DKVBVg\r\nuD4GNLT7ycdMzxvaXZNhw69bEQBKGxSfeHHRyTApAli4Qsk7gMn2vaxBmFdk\r\n+sYE58rRGYpUT6Hpn9+RmjdUj6WZaqbb6g7hgp/CBDIAWKGXAKKZQOoOGNNW\r\noMZ5lnHhYs4q/FIRlFmnT/oPjxYbLR0/HO15VGKilMqfVyzGYN4V799q1TuZ\r\nZzM/9vgU3kUS4M5tJ9gEKhN8IcfjrnUBhotjS7o5a+Q+7GCKD2gLXpa1AnSb\r\nGBJ7lXqPRDH/bSyr5yXpTVLEHw98HePBVkRWptwb3FDO8BNUgh6glYaQP2bZ\r\ng08jVF5KaNOQKTQynBM8ZIXH2F+qABy1wj7HKe1iws69U2U2mIA3i57TFCGW\r\noS/K6RnOW9Tquz4g5bL/PbMPicN1OCJbc7L72/LOkqBBNDJYN9Ji79jUDUUV\r\nBB8ezAqx5q5Pgb9updYaqbrwW9KK0/8zO7ezgh7Cp7zYELDZByOLooK6J7lI\r\n6Bc9Vv7N44cIxR2nbtk9YHb0fomwv+16QQXk3/7xSMxvUcIbfrZpBnoLYNNV\r\n5t6QdHbWaax6sAbVll9ztLQnMW1+tBAMkcA=\r\n=E7bA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"3.0.0-next.0","@chakra-ui/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/tag_2.0.0-next.0_1650036149051_0.684903913083841","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/tag","version":"2.0.0-next.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"0412918b240da7f102a8cf89b381acc873ea518d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.0-next.1.tgz","fileCount":13,"integrity":"sha512-qiolQbypieEkN4kNd1AjlnpDk7QMjktiqW/ImKfbRkn+82KaeAGXvsaoIWCincbXiKhy063hOGsXaHUyldWZUQ==","signatures":[{"sig":"MEQCIBJ7wtRba9tZWzKwdswUPrWjCd7zOSbo/cbD47AYf67hAiA+D4mP6T1TDlekLiMtsXWctWY/XSB0cElpYBUYSKS6rA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21362,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3Ww//cph8yfquS/7giPVXdF3RXKFz4FwndrT8Qcu1m242QGPurESW\r\nhM1iiiI8MvITftHWtmhGonnSBEwdLF75Abr8zwRV2rcgc6QzdeCZ6nuxCZNC\r\nfKAAWALs0kByUIAuVWX/swk1RQ47Fky3nXVc6H8anJm7BpPJgNensJUGPR9r\r\nEm0r9KKpVQ86EGZ0Ln47NIRxZRpXb5Q1l5t2j1mt3hcdtAXWQQvU1Eb4jbZ7\r\nJaHcC+30fE9dgHpzPqXrxOqApS3X6BYORjYXiWFSeFAavVJQ7EOStqmccLkm\r\ncWBkm9lLG7ltfWmn7w88RHp9M5O99pMJ9aJPHMpSNR1P35kPNO7whGLrusnn\r\nWwZNEtKQIefaGV7fkY0hF/lApy41PIFJqqbQzGGcftJ/+ibiEtcV2q9pgwb8\r\nf2Wr9rPcRlH0kF/4p0tBc9G+DFsfLySsxiWVULxjfeuwR546NvZ3YLiyK2Lm\r\nHul5Cj7Ip/8r2EdrhUai6VH+6bM2BsAj6EKW3xBsYTPvxQUOaI6kzRl9pBgp\r\nasonl8Th2XuCX3w1g4KVwIIlf1L2PU3OiTOiswn8upxtOxo5boeiExv5ZmNp\r\nDh5jM8DHKVi9tVDYUuUXGkpYQCJINyXFFCQhTNOwrIhbbqUx1L3BrwKAmykq\r\nge3rH1Xj1nHAwN4Cxhw93i9G0bxyFWAYj6U=\r\n=jBwN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/icon":"3.0.0-next.1","@chakra-ui/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/tag_2.0.0-next.1_1650607537988_0.2192714456539","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/tag","version":"2.0.0-next.2","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5da71ed33543af984c6b5cd383f4449b779e3d52","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.0-next.2.tgz","fileCount":11,"integrity":"sha512-wAyTx+DIPWRHSMCnj3DTeUw1okJzmUNj28TDSkxHbmvTQIlA2zXkVZYS/OhEbQ/aE4xFeUT+blEqBq4lVFWa7A==","signatures":[{"sig":"MEUCIFNwi/hJN5QDwGoCa7shYtfnGh1Gxq31elx0LUTEHwJuAiEArXzt6mA0A4ApYy6//neb6Ei/6FCcl03vvhHPwBMauE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHeA//Z25pxVqVWtuCertDx+2G3iPERfBDHfOMyORT+p3MXX7N5ZF9\r\n+AObu3kvUk9q3B5fS316y9QcNKR+iE9BTnbla5Ur2bl7PhrWghXbjeB291d7\r\no6zkioQ3KGGmI2FKefNlwM5jUxIe0RE44x546V7CgkhE8NDAeO0rEeniQ6wA\r\nqLmAhxc628L0DQANj1B7UTZMj4VTRCdCv0uFpHBzrWj2dX10VtxbGbwHdXKV\r\n4JhXo48cnWETY5lfGH1lwagSg2ElPWdQXfZO9wNwOn8H6zSlrvow8ytPsPc1\r\n6ZHj2+QJRhe+Pbj6ae5fAXszuaTqxF+inWnLHNu/2+O5zink7KEE0Q6RlWT5\r\nYkfCPIStVlQRy9awiN3yEYbjBpba6MHCK7kZQ6WfatXLyxjQ1qHh3pf9pKWd\r\n2DhR0KrHxDGweOj9/U/WB9lXt3WNj2pmcnaKXtTM0A2J8HNhP8yD0IWqYAkR\r\n4rWT4SgMPwTVxYE5NpGJABW4zc/ZqPtlp1ClCnpx3Xw1SQ4okbSUP0a/x2tY\r\nuGV+Z6X/J+4ZXL8zcIEwBkjfPpQMgwBe4yrpP77kbSuZ4WIut0n+eNlCXNHZ\r\nz4fQ0xysevgRVzlMQLWjVfi8M5CQvjCvfjeJ8hqes3/FMcw4mRVNr5BgjrwU\r\nrYw3qmI3Q8lNm5HVfQKeE4xl0sxpOYsYHZE=\r\n=AX19\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.0-next.2","@chakra-ui/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/tag_2.0.0-next.2_1652085678944_0.6849732124090429","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/tag","version":"2.0.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"528554e73384b1802687efdb689c02ae8b20995d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.0.tgz","fileCount":11,"integrity":"sha512-plVhe54frFw0OMVJwyoAaUPPS7zFEaqjS061d9PArgO6Rx9ZUEg8IDWBlL4+QamibRdRFdk2DqTZVuHGd4InIw==","signatures":[{"sig":"MEYCIQC/lhk70nrGPFfN1BL4jL0uaw2v3H2ELsqI0smnYjvjNgIhAMReCC+iTvqAxxUNzBHLjg2lDKF4zrMN+ZkBnNcrlG3j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18241,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpPQ//QlfkL+XFDhK4UJDBgBzpi2o5jWTdLFmzTDND4YqdLz98Waik\r\nrCtOF5/Z2TbiLpuHHK+urYDx5lmkkYVbA6iW1Xphow5lm110f4W+Q7MqC3CA\r\n5oR3Q9YbR+I0pzYSfmSwePPTa0m8i1Otf1e5szgNnHnxj3Sqjf9uzrsvNNis\r\nbYTNvlH+iVnbkvO6bl2hI8Bqd9YmG7woO1+p0J23zARmZ0KIUERS9vPcGsbz\r\nFpw6brM5IguCIyKcyUuLBBKsFRGP3ZcsNu+2HL0XUhsk02L2swjBcawYugjC\r\nrI7gLRGV842ikwQfdBEcuFDWpD+M+Xqp4FyYYbP0xLgVpJShU3yWRQRxKzIE\r\nC6aeCb2DeSBsKR1PoXp06eEz0YIosnmUUIp/dfD2lZdz0XYKyK1XpxXr4dlP\r\np/ww6/Z/wfqky8kdNWNza/kcaVRRTsS0+CnyB95JbJQFrih9K2t16kdwk8KX\r\nLtJZgGLQV92BaI0tKAqK2c/fJiQW82E3JGWFRQZz2MX9Zvd0SLMK07eAazvH\r\nuGuov0eQ+Vqk6GxNu3Azvw1YMdkgssx5gYjm6a+zGnV6LY+FaTMFn+/cNa/n\r\ntNohRwih08mmp/oSjFaocOZj8V21aTG2Sg1Gltq9gAaFUUD+rD+1gNtj2EGr\r\nfG/5KsxwqdrQ9kkBZUD60XGCctcy/038wyw=\r\n=ZnTw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.0","@chakra-ui/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/tag_2.0.0_1652377943819_0.7303316558908663","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/tag","version":"0.0.0-next-dev-202241614737","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e4590434fe98a77d696d1529ec131cf5c69dcd75","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-next-dev-202241614737.tgz","fileCount":11,"integrity":"sha512-hYMCz2JBIJwuRb6P2MDC2VkiB3YDvG+9XYbNPvFROeZoRtxOBEQoA/dI2F44iP/Derofef6/li14VYc6WMwpNw==","signatures":[{"sig":"MEYCIQC4Y6yYGvNL7N5SJ8jdow9BUzM3IztvQb44x25Tum6gjAIhANzmRed9LHc3xVh5uWDSV3374BSoWmGJR32Jxqmqp4jD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18322,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLghAAjpKpD3iFkBDLDAFR4CCqujBMg7BPCCOGpDlUj2SYjaYw1qA3\r\n0/0s3UkJLBwOTaPOW4Uoo3nnuT68qEWjLh+GnoBefc9JwYPZbCU7gMT/1VwH\r\ndjt2k6+iQY4Up3kKsgYnN2cY/sJDumltIahxo/bko/ANOt9tR/Wx5Rbee3cs\r\nwcUL4buon+UxjajzLy0dw9+lL6/XLuGT6jPCSGAQ0VQM+n0GxIMJqIOMztbp\r\n74HEg2eccFlIGNSsZ16/ABN/gTOLe2nJloikP6Gf467x+WP/tKRCe+BY4U8V\r\nrkeIAw1On/f64WiXV8R0P2YImna/9YoVQCP9fYzf4JliT0TaUVZPdUy4W9kv\r\nHjd3PZzsT8YodHFVBpJFujpuo6zqEI8k90kUFdhhMAujKsnJTLhdMWB3h7iH\r\nKWrIsI1JToeTMIt174DNmatfORPfxGnHiihNbRHqD75Vfnyv6w2YYyUXFW6D\r\n1S9J3ph/zTFXwKd2NBrwFK+3VKkSNZhihj4S/yO01T1JoseWUXkRe1V8NTcQ\r\n1vhnZCjdzTtoq8DydV6kY4dLQ9npmeSlaIuat2wey3L7hCSmPMZuMg7+uEc1\r\neOzH9DU4qzAhhzKJsw+nWl9DE97WUDM8LeV+dMxG49fDVgB4KdlCvaOEHRw/\r\n3xYKXmf6idqH/Dwa/IArU0XHzoxvqYTbHuw=\r\n=S2kM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-next-dev-202241614737","@chakra-ui/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/tag_0.0.0-next-dev-202241614737_1652710092559_0.13857243839227862","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202241614743","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a23580fe825ff5c7728bc064cfa909b16f41e527","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202241614743.tgz","fileCount":11,"integrity":"sha512-ei9ta2Dlc3aho9rnAWA22qmnWW6AygELy8Dxj+L85FZNleWONULUIKxhiX1hyCzQ8tkzkL0hgZUJzdB64MT7QA==","signatures":[{"sig":"MEQCIBqcplfafqeX8sFAvBdif43L+3Ycd81Y+TzQOKmqUfCLAiBUYuNyZOAmGjUpSy8jH2Qd+/6Hy8+/6VzaL+jLBAg/VA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0dw/+KZW1LH3OLd7AVm0Jep5BYluOdqjiwR/JhuuAQMtfajhbfM4K\r\ndT8M70Ue+EaL7yK4ZJJuZcngYQ3fcg4HhpBvWFG3yyhY3kvNQs3q4xBvIB8/\r\nvn6zEHkc6UciA5fec/XyEXC+BY9nzzdXFt0/vyP8PBRTEQYBBAVDniwb6oGw\r\nDKn5Cqabql+IYx+y58LTa2NlW2zNA8bmeNkDLCoftySJrkgVrwITv+GjhISv\r\nXT4qrsoFnqZSIMNT9xhR2hNhPRC8LlBYa2+enZfCLY6UbAcZJC9zucIdUEYP\r\nbYoX0+o+AwuHSehfKxte4bI/ESgEiCB4IIadvobzGhNXWFvdiOUdtzSPIElO\r\nt19+Om0snLB3HZDHsIn1YRU8th35lWzAd+QQCcpFHqPMrj0g5WFwa+mrxZQN\r\n42jUDnAUBdUcRDZZ0/3jlpmC8MclsLFfQ7BEAAxoIkSVDlV4MHYsSxvdvEnq\r\n1LkcXcx5wiJ85Idkr5ISi/9Bspooi31J2ObLWyfpE/e0kmWNPcrh9Pbs66Fx\r\n7l/c8AdsogXixlSWqXGko8Swa7N1xxzhQ6ihQgAdXFT0zxoeTL+gWXhEyvX/\r\ngTWrjIj/yvX7DeOySGy2FmG2a3L3+rkb08jX1x48AvcylCmcbWkYUBdGmWZ9\r\nxSZ6N+Dedao6G37rOpjELv7FhR9M/0L5FAk=\r\n=xygJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241614743","@chakra-ui/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/tag_0.0.0-dev-202241614743_1652710099243_0.41880096532815814","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022416204849","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5a2b0ebf154f7626d28b65ac082046e7b27289c6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022416204849.tgz","fileCount":11,"integrity":"sha512-1Vo7QKjccN3XsluTAnJBBJ5/Siuq8Fr2EyEqNcE7DpulG66KrdvFuM4C8Zxfvwq8xlxCu1ZoFJlxy3yb7uJDMw==","signatures":[{"sig":"MEUCIEvTkqQNU7uOlXqpmrIzE2pB4RGHjEsxnQhT4M2RsIx4AiEArMYuB6D3qqbXkAsxffqii5AhbTt9ft0jCyXkpvz4xSg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3ExAAoV8bcnmHuJ0DH8WJ93/WcqPupB2+sGz6Tj+FtxYO/smZV7PS\r\nIeinELDLdkjcFDivQWUVHdT1TPYH0QqYwiQvnUOFO6QUSByil7ldJpmBdbcL\r\nhUwgprq+1U6gjwBg2K8UqgFHqYhU8S7WfDEn6smsMTs2swkvUtOXgM7/FTGS\r\noXboCUjistTNHz8gBpm9iLmAH2X8aT3rp2XzuNSjB/3NBzGKOZcwdXTavSdf\r\nysV2TEvshk7csvRjScompsTb3MPJ+RjM7ZIZKJOLne5rRRHcFaGEVw4J3/gI\r\nE2uz4dl9BI7xsBwUx4gOAbhkntQY7HM0JYsvS6WygEleaUjHcDYYA9pmm6Pr\r\nFh8cAMTmled52bofmD3Fsad5+dJJlt+Jw2Vqkfx6jTGViUfuwHhx/79VsiGA\r\nOQkyXZsVEI3VoxSnRoQCSC/NO2DqdhUcWGHB4L++OTvtmcvm2Oz9J9z2jmoo\r\n1ozMjbrOkW9nrcTqJDxA2l3dS1d34FH2ZIT9LbUji0F0uc4Lb43LmJa3NtA5\r\nPeo1mr9KTMjlCsSEGicZ6GsnbbVvvcA+3Cs/qafAKoZRe2inTzpcuAFCamgM\r\nXtqleFp3GGCM7173Zmchq2ilGg3kSCRI3xyeV63gP7/DXw8h+sfWgg41BZgK\r\nXoO+rEAWhrJ5bQk3/8TZXIsagid7/p2ZxRI=\r\n=IyAV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022416204849","@chakra-ui/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/tag_0.0.0-dev-2022416204849_1652734162376_0.2898009679760294","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202241784047","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"af2f1dbf04b6fa2b956a1c819a246fe173b57684","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202241784047.tgz","fileCount":11,"integrity":"sha512-YdIEQT0ehNZWV4r8mlBj630Nq1UnMaRk6/uOCJIKHL8EOVVhsm0aKly7Kode1bO7/wQdBgFx4SBsm9bIUvxTkA==","signatures":[{"sig":"MEQCIC47DUcQVyeokIMrvs2dqrVBKcLUylc6Zqk5KduBjN7tAiByvm2QusxR4giYNJvPUcS6yS/kYwIJaSSkZpXI6IIBLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXDw/+KT4/+nmShcWGTLWljxVD1+nGTmYpdQPW02DDYR/3vTxTw/f+\r\npADrWdObtsBKIc53BFTZwRMLxMpskpJl2IPYmbw7jM0PASK2uBPY2vax7kFR\r\ng7mJtg4xSXPF/g06mjnpIb68fTnDVFn5LOZ2LdFOdZ2YOgST5xc4a+N+EUp3\r\nl4k04Ca/bXnuxuyySyYGxHuJ0aMvhS1cT/cgh9iZ+5puUZud2iZ1Xg3g4fRq\r\nBVMdZc6Ax2NmhdyPmrIVVOyXKjNp8JDYWdGNzdP7CeNFuJQN/3rGmoQb5AWx\r\ne+hcP48KPTHsbpR0X+HKGe1sOcmGGhdtKU/jCSRD5ZOmdtZIUV76GVEovehp\r\nqCLVBzwxgFRu5aysgAnzIaRzf+2fxKh9u474PVdet3lYmaIs2y+U1W+8oYCK\r\n3xMNVEImdiiYVPKTq6NU3vrL+x3vSRL4r8l8cAk4pZr5tuJ8k7rAHQYM1C7y\r\njfs/CET9CR0OZD6+oEALnJraWzPW/s31n9IsUcPsOF1hHYe9+b4t6pST1++7\r\nX6rBXuKc2mu0LJFG3nELS8L08Mf69aX1s9sIi5NAIWBI6w4R0fkztKa5VyHv\r\nLa5Q9xX0kCr+chhCWgST0mqDqanOjew8iqTa4RJ1s4LWh1K+v6PEU8rSgGEh\r\nXekjfWM4aXQW4FPr45m44VS1djAkyfxRXp0=\r\n=WsyA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241784047","@chakra-ui/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/tag_0.0.0-dev-202241784047_1652776885732_0.08398033968103036","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202241794553","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"de3a688445d96905f9eacae4dfd3a463fb2640da","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202241794553.tgz","fileCount":11,"integrity":"sha512-KPFzVpCgOZHLezkNQYABfvW/zzq99LGqW8is3OvdazUsb0sa+b5Od1oRA5GsYvSY5xGuQiKgp1sqZ3Kh+MH7GQ==","signatures":[{"sig":"MEYCIQC0cNeR7/eOwfDJGsfi3QEWvxJcGytq4iDyecz5mut8mwIhAMrxX0ijIupiWJqV27PoDPR2syZfekOd+S49yqr73D9B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodiRAAh965eIlsTjdRiMrAoEQgZUCc1tmmklmoSYI467shD5Mz8Vsc\r\nCAbfXyA+kfVIC4TyntjEmDoNNNgsmY4niLQjqZe/K3okWiXqypDc+Fft2Kkz\r\n4PdhcZmtAianeM15h0cxqY2LfiATOhffX20PAjRdArKIsyAO4eX+VPalNVOP\r\nspu90zYET/2iwQ9m/OssFO1tGOhDPmLsAPBOCOYOx3XfqqSkHFRMAzgeBQGC\r\nbXiOL5fd8uzvb1eI3kYhfaGaoKCELiPPDn8Hr6IKxBPZRgsvYvePvjavHLdj\r\nysZf8m+ZdCmLS2NrA6LDrh7XI99rPUMkrUKd3P0Ybpk9RBoE0lppUPCfO8xw\r\n0Iu71Y1rGbMijgFGeE1ms8g37UTB2TScRG6cDqpaBVThXzszxC1D7xwHjcT9\r\nn8FzSY6nuPXEsom09tQlP5Z157b0snP1j6C5vNA4pMM3RGQQ6f9s6NXPQrf9\r\n0RPM0Mn+Xfaa+a5Y/La8Dz5JjFA7k/7AYky2bKY8oYZqJsaCV0r1x+XKj+om\r\nMv67Bd1RydEV27bx+mk2AVIS4EAokOz/JJc3C1QRmkvRaYmxkV/TRsFT4xjG\r\nhMpBemIkIWY0LQHGe70M4Nvc0K4H9rdgx+iGMC4m3faaRgcIDcSmkRIHP/ir\r\nQb/FcC1x43laEX9+ClLVgjcORG22V7hFDy8=\r\n=/2nw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241794553","@chakra-ui/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/tag_0.0.0-dev-202241794553_1652780785215_0.004732711540304635","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202241710143","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"197ffa66dcf36f4e7711467baa04b9b75ca0964a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202241710143.tgz","fileCount":11,"integrity":"sha512-BvHVZu+k45TAjEyOgaeqA6A/W0wMTFQNFAV4Bz/ghGFI1RaDLbIEjgSzFdLq+TT1tMwesx9161+Uli1WXcQg5A==","signatures":[{"sig":"MEYCIQDWHl3MMrnds78qfeWv/dy1x1f+fvIG8utr9gK34JrkVwIhALjgSzBXRst6Ip/zxuPkC2PX1Sz4VGttOc3rx6x0vqvm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4mhAAimqwwn+OcdKRENJvmWBepoS0A4JK8HAvBh3IZoopmJGidGhm\r\n6Jd5FuvBAuRCTBxj/TGw5evkh3OG7+ekqWzyQWeBwjONXp+fAZwHrxjHq7C4\r\nh86hoSmdd8ZeNf87UZ4yeR03GT7FDNXqFg4uaGV4wZvgv+yFUxiRXw1NFqA2\r\nuFSHwzXlqGu7e/oU/IzhqeKDJ+IKDxB9rCybiTHznymRNt+xwU+PCW3gLabF\r\nyrAcgDwzT4uwiQ5erU+vFPmHJaHDALpL8/NDskNN97+siDNv9pSCHwVxAjGJ\r\nx5mwFwhN8HZztEgtIdPXGi1eHethsr505bevV9fNIyb+TCoKVQiMi50QgAZP\r\ns+xIYyEKBoliO6rXxUgsvpTPASeVNGlpFdjapDHPcUTBa5dHAueIL88X2Ua8\r\nibCEGf2pfmBWwu7Ak/Vsr9UVc69NSaCCX7g3vVDrapyzr82nvheEI11OyOGw\r\nfVctdY2SEVKSFk3yCPH4NX4aCISOYlP/TxCC9RjmvkOsf1v6DN08ZWDgkLk3\r\n4JJFkpSElBTw3iQC15IwKorCg2UqkrRpC4JCP62hoF6Wm9wZHPey4EkKnh8D\r\nUR8iIoufZw8gN3WxvkT0vwmW1qKE6AjmdsH8XSgr5djlzycW+peB0mJNE5de\r\nwk0iwdefG7/+sFrFNzd8r3sMLqBPBT+Lyhw=\r\n=42Ao\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241710143","@chakra-ui/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/tag_0.0.0-dev-202241710143_1652781737121_0.20948150521455067","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202241710959","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"0e4ab28c8351f8ffd15becd279974f5d95f7ef4a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202241710959.tgz","fileCount":11,"integrity":"sha512-ffJDaKef9XvqrxwRMys6mtKRGcYwJuWGY6j8t2z4Hk78ObBJCOTrA4mfIwFNA2r6hhD/+p4WrxV51fLJX8VIXg==","signatures":[{"sig":"MEYCIQCsk89smDmx1aVdblwnKL0E7fpdZprZ1cAf4Ncf4TFshgIhAMsZi1kK5Pq94JQHqKJ1CdpQJWz8HsHpnpsrQAOZk3Lc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3SgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo//A/+MNj6UakEGvBia8GLYjY8cwvEQkAM/VA3CcTcAnSDZUqOffNe\r\nqW/WtShLN/2qdEp14ClpGpO8+zrwiTurcGikBGmZdtFQLnxr5OGA5AFcg5oL\r\nWXkgM27iuTG/edgVUYTs+2Yurr6FMtaBq1/f282n1wgxlMUl71DdS3MWA3O5\r\n3Tm0xQmsGNCqkGA59wBMlorkNbXg43KWeMKjRHLj8kkJupTKEJBBbyubj2+T\r\nPqZEom/9/Sb4sVml6qrNPi1RALuKwUVBFp4LPROFmJxDTLLVG2wDCfQo51bK\r\n6/kHCOJMaLbbFUFX3raA5idcDsOv3wuB8S+bcS4Bo+XQRkhINPcSfejVpgIa\r\nTkuz0hGH0bqOveNa1Es2Uml5pZZG4Pwo4MCAZjLJh5D8MZYQvjFEcCk17Nlz\r\nJEJI5ZKBxOFJWVjXHvKYJxLZjnwM7rAC4UyaQRFYLKmfNCiXiqKTnvVXkztE\r\nnSfDcN1gX+wGzuiag9yd9FO8ShFTOFgmse7K1CAVK6MSYM9nlVFRR9XGWuiU\r\nn5wIxzK3AtWfD7VInkFW7umiIbC0T9Hig1k03svujY6BlWHwtue7H4vWlV0w\r\nCDSAGfGimZzvljEPy+y+Bmp93gBzI229ont/pmsoFUlktZlIsT16Eir/4emy\r\nM6pAumUBfVXePiQEVj7c0yNYmFcD/q2fMtg=\r\n=+7Mz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241710959","@chakra-ui/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/tag_0.0.0-dev-202241710959_1652782239803_0.3953122912401337","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202241716586","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"00c2dab1f709d6f0f4e8fd810dbc54a89bbe140a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202241716586.tgz","fileCount":11,"integrity":"sha512-AhEUAfiS7mR8f949gWRx5QHrR+H4hiLoT6X4bMPluBZAJ6nuoWaIuOovLrp4I43CpxlB9w7PN1+dl1lJQzfajQ==","signatures":[{"sig":"MEUCIEsRdpTPss6FCHYsyp5tzFpKnwa9Htbw/6saE3dmVkgAAiEAnJzD5mLE2UkJ46fWtsTMWCXln3Tjp7vR7rdNulrE8Jo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq60Q/+MDysYu6AILN0ZIGHe/eDyLNabM9l92m74U0FWNqzbNW+nkyW\r\nUVtDT1NWKNUQOOGcpmC46hX9OcJjspRoA25Eb6SMJaAHjTuFTCn7jpPOtP9p\r\n8UKeHihgc9N1m1d5AKgN6c2B9kKUeWeA+AvT2jj/KvOhmifg14ho2EvvPRQ1\r\nNhwUc+YPsEgHZzOThJKto0j9SDcrnKnXGR1jKOIsss5IiL1IOVzxZL6xfjdV\r\n2u8NtPFKFTXLTaWwKUxz//mmnH3HOP/3lnz8bnh18QCUgnAp6LXU5ajZL7Bi\r\nNZPalj4eMOGN24/IB6ugud8Kzixea0G8qGtMYoFpJNCWKZj2YPrUKhMQVF7y\r\nARr1FbBNR4zq2ZaLdJHb7j2pEn3Ff56TeGGQIkTqQNqAL/B0YLv8kRmDZK1I\r\nejwLmXz3xk3a7gc8lfjwUBJOgP9/eSFjMDMgLziEC9VbGe6Uz6VcGhAfubTC\r\nksyoSaP84Wj+lay73/v58PrXOYtDuKH6Qflcs4Y66f1pzY812zlvDWP3oINo\r\nzd/KnjeMP41ctfrE3cOcrGscfdXL8Dt8E0TEsRDkmPOOsfd327PDdKvJEUgu\r\njp19ir6KPnPx7H5k6VmUiB1Wc0csfOSe+9swW3TzvGbyHra33mlg8Dzu5jzx\r\nuryw0hrn/PL3WqEFKzGBE6OCAMhZp7LzBVg=\r\n=p7NL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202241716586","@chakra-ui/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/tag_0.0.0-dev-202241716586_1652806716975_0.32044856397349397","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419101754":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022419101754","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b45301fee19f0fc55d1a565fbadaaeb4437a534e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022419101754.tgz","fileCount":11,"integrity":"sha512-JurRJdn26ffrshMBVJyvZZzOIedAbJ4OOiKz8YOqnuXsLqnY1DF9k7LNdK1FU1ogDknFuESuJMw5N5Nw4aEykQ==","signatures":[{"sig":"MEYCIQDG6pZFt93Uc5YMKxkKC5c1YxP4EE5fkdWDbM3G2wTrmgIhAMakGtX5PraCgHLaS7AT9LtOJ1rgfxtJUtT769UQLpRm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihhl6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmph3BAAmT51tpQEezTijx3dJbkJsdCX9Q15loGmqcgy4p2wubwhWekO\r\nQKMByD/3pAHYzzTJVzQrC8W1cG6cis8oIGh46AdTDrnrLhvFa1UTCCKN5tQ+\r\npsu19r6LaobbURcGZz6xmeFCKoPYIrL+8y+fzuwDDwijh+KMW3W3j63ykP0W\r\n5ESkMVLwObNmBfhAcjmuiKaw++DlLeRaadM87IgPJl8sa2FIFPfEH7a3ucbO\r\nH8jPKYdVfYbe4h8gse9T9IO7+S4ROHzHL2AovkI8BF+u4dNCFI8YFEpNOCpx\r\ni4HGTb0hVjK3g9OJMy1tJb6rJzViaMBfaitVEpTpoPLM7EzJKQzZ4OFUFVUM\r\nUwhJ07BrBkc44tBzVFoQLbvdvEQfcIBGMtbws0OrsLjpFlRsyezzdBIdazlC\r\nW4/u6p+Uq8+JdwwjlFM3L3yy9Ax4Dq4TRte+sMMIbjipGDPv1sjkbQu+nLHn\r\n5K9rEtmEOwBC/Dh+Qn58TaX66ukyZ3QQmYu/OcOPkgP/C0RIK4pCXQ2VB9EM\r\nam3TCIVmN+eIAu3ogrRWI4fTMHnldUCfq9FtbyqcoZplKMJhP2xbVtSOZgd7\r\n+GLj/uBJOLZLRz93PCaOLkr/M1WCFhdxqYa4gfJBELk5m5hKJ7jno71JOnw7\r\nBVsr6A4cu6mD93ts9TzbOzDU6yERCt60bgE=\r\n=Iv0V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022419101754","@chakra-ui/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/tag_0.0.0-dev-2022419101754_1652955514337_0.7733154340678774","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419173934":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022419173934","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7c38fea09dd6c93909a98f9fe207fc40d6c3c71a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022419173934.tgz","fileCount":11,"integrity":"sha512-opEwRVTkZZIUoDcJf123MuWFx0bk3TVLm7bUDg5A/PhgNntonMDMhkP6sBdXLKtRilhsW9lT2zUJMrt26LJ77w==","signatures":[{"sig":"MEUCIAyFGyOfH0iloJzMohz3ozlkPTleKnhFYoksn/kMUABRAiEAmTgaaqjURB/FrBANC8AN8onMxzoM7dj4NHyj6x4VNg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoEDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq34g//R/O5ewRAJkoqHy8cNTtSHMluKdH8R88QGBZYug8vU3UN7wh4\r\nFedxTHGU1MpRxTfxHbfuJ8sJb5QbJYGJg+2uKr70hCYGi7B8Wh/DDRAqU8r5\r\nqKaT0EokqSu1JZWCBlDBtt6Bs9WYFh1u9xKYJSPHHrHx003QJ1iLAHUK6GHW\r\nowhpRrT+VZTd6tu9wI5bm4BLQZubxYQzxHcZ6aafAEdxfBzbOfGwf7GfFrH5\r\n8B5Ia46uMiiLBvxi14/zegvbvRNVO/G/YdGSneWT89AKAuBOEkSSAXyoIxzc\r\nu6zdYLSCr6IzpVPwdjldDK+0aWG92fsy6+Gg0CRta6WY6Zut3SEPMWzJu9A5\r\nstJltUnKXlrIg7EOIhUgZpcPIkiRYsbX0pirG+B7BMmwcZfvDt/yWvYj0uoq\r\npsGfN42UQrU0YAidbxrISC6GIONVInoqgJUjlx0Fj9wOM+rOD3yCISF5LKcJ\r\nBR1iITMePr4Y5qooMd9ELBh8LupY8a0zqReDE4trcU2NP85bEHb6wKdazQrx\r\naYiW4l336QqZnOsjb8ARHQ+KAFoJnFLuS4cVkO8xyR84+gqWSumtiCLMwVis\r\nMCOxkAED5hBEXVJEQSxqWgZ4cOwIvQOJnXlndBqAaptS9rerTQeT7DeSqonl\r\nHlwM4m6w05eZw3NWOeTtQJdGD6akiPq4cp0=\r\n=nuv6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022419173934","@chakra-ui/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/tag_0.0.0-dev-2022419173934_1652982019172_0.7871077541266953","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419174740":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022419174740","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"adb34d98d50d36a8c70b23f6728f184552658e04","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022419174740.tgz","fileCount":11,"integrity":"sha512-Pg5nBdP/b5Uh0mKxFl/pzDrF4eyaC8nO0HaYFGkWQZJMpSo8BY5fOpArUEP7xrKpgjR2Wah4NiNrPrtWKbX7yA==","signatures":[{"sig":"MEYCIQDpMfdyrj/AzmiTr77pRpc51Z4k3I8twNdLIFQfdFQT6gIhAK5r9MoZM+XEwU0TNoWWKrFRp9bJx104IOEv2N+Nw5T1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoLjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSYQ/+LxYS0i+p93BXxRhx7r0Fs7CwspwRosc0Int02BxdVyITPB7y\r\nOYOM3I0gVdvsjKK8iAfZsSVIZ/geX1qcKXCcITweug3Bd/eRcsW3IWQ0lyNB\r\nJNNUHZRy2kPLJQZa9MWT4TEcVVc0W/en7hilih8ColG19yQZCfudPqQN593b\r\nO2QoYVwZkRQ8Ilk7T/wxT0JDfkxajds5hoV398fG/eLHB+ZA1gEvgjDdUGv9\r\nK/gVbcsmfD3vxR57x/PBEFeMLg4Pxs1RdE9Mp4d038zst2gVYIMkhqlQ76p/\r\nkGiISoboIWYlpecUF1o39nFeUxEw54BOg3y/dO3NamJb+xZtZxP+DiJDn0YS\r\nKvfr5MUYtGZZv9MQOzstjXJQNlLbTvOOd9J6Lhzs3ySd7EJVtdqhzJOpemJq\r\nSlMjyW0/qS9ijKIVBWPtAvcGuN4v7VuNjHKaju62Ejjw8XcFmsd3kKYOaw+Y\r\nVzo+FiW2R3xzetcMY7Lu+ZKv/w25UWlIKv+2dWs+K2ga9AhWzHj7uHMvqcEp\r\n6M4FAEq1MNG8JOiKkxS4+G5Ot7mZPnKcLcJ5ny1WmktlzzazzWY/14rcbtvq\r\n4JhDDDPCKFBBiHaDmoheBoiNtgiWXl0fg7bkki6bePP094CWiLCw/QFxPeP3\r\nhqCX9Gs/W8wC5KlWZPs/wJaWcAc2M+YfqO4=\r\n=KHFX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022419174740","@chakra-ui/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/tag_0.0.0-dev-2022419174740_1652982499196_0.9385368945948545","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224205231":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20224205231","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f706babdd183469f95060b40dd69e695486dfd38","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20224205231.tgz","fileCount":11,"integrity":"sha512-V9GjWGaGqkQqyElpfzxQ7ElloW7uuuuGQ7VBaFMQd1oGut3bc+IgjvFIzLHtymufQHiXsyTdp9x7JQjRfatteg==","signatures":[{"sig":"MEUCIQDtp4N3eZz1i54nCx9OGOa5Lwe/CdgW9T0Xts4ivmafoQIgLuRi+K/lhSBgEsCDtkCuH4ajg4wieyW+RvNYZwrz3y0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18298,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihyXhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjCw//dImkbjdaKKFIdMRvD6KgP2hrPksbJbi6vy6N1ywWmYWPC6F1\r\nj2BgsHtayyK7JQJtZZDndlfRX3luHjeyePbYCOZwkQNLJfGvlpPprTcu/p0Z\r\nB/Otpm2olzwTwiSaJ8JdoMlkbXpsW06J50ImkSWXBDEBz2dNJPrNCw9sES3m\r\n976KHtZDSTgHNC5g9B4q6AlcpgAT9mRW/YprR13MwgbTnqbjKw1TXrJdQVIu\r\nQAERFftV0uxcYSvbvYHU+XePOamm+4a9InhR++lzpDMHTMWfMFA4NowbtdS5\r\nIK20/VeLiPb5Y6qhvqMWQtiVPABiThpDj7H7SPZdXNLU4KSIFvm5GK/xh8mr\r\n9PtHkfYBlEMXrCMBxpt/mbUDm4UfVDRKdFZ4nKCLJhPIdVhoAR1izyeTGWSe\r\n8QuI+GG4Y/pH49rjL7whMPXB+eqeZ6gE19T+qy4kUUL30l5YOGf3CCudxiBm\r\ncOIKRWBF+C5YuvzDmHTEncnTW065QBuyILtvTTkm0nvzmMinYnCvBN8pntE6\r\n+APXOHG1IkzW9h20oZXWKJs2+N0ReCz9Yd/XUsQymCZmcnJ58MhTIUVX13WL\r\nl/f0qmYoa+6JiWirdDb++U/+TB8Myj60bcmrE6e7ZNxa+6iSktoAYT44c/O2\r\ngSqb0gtvfWzmhyJv2Jhn6LbtiT4SnRT+F0I=\r\n=Xmhh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224205231","@chakra-ui/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/tag_0.0.0-dev-20224205231_1653024225448_0.3870058096166704","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022421153722":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022421153722","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"68e5bb5d1d2f35ee6a73f998e7517e038713d274","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022421153722.tgz","fileCount":11,"integrity":"sha512-QW0oZbdxQv0ydmmgIJz/SQSmiD3gaYGQWahovu6wCxoGH7kL+GSf3f21yk+iRJ4WLD7Mx4t+hPGTIjukPsAcUw==","signatures":[{"sig":"MEQCIDt4tu0tpn1ptmIX6TFYz+gzGCO+vd5b3Db6gWpq80FvAiAXxXabl1HgUOfzcDkd6vVVH4dbeBrfnLnEeCqpoHOf6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiQdbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQ7w//X3GeVJC2G6jqX4ci6sqrgOEreTgOGkI4N2x7yf+hyccsRDUT\r\nuKwpQcFJVYkd9w0V8X5nfjcLNg5NrE2Z6qmObAdnO3QlKLYmeTQqCO79gveN\r\naqqq5mjddZCkF5crWf8TxrSW8tyb9yHc/fERDOW4xl+RkjNWIr/cTyobHOhK\r\n8986NRpxsKIGkFf5zMGhcyWvEMxrum9rsHtxpyqjwxfuDOxpraLO3EqY8Rss\r\nTgNK9eqiorLnLLiVpb1rb0n5Kj1CwGEEAog22Pg38nffyiHZh3zwBHHwPyzm\r\num7DU1zFqVoqU2cktpqoPsgENY9yJObqJH0eDNfh9rEuA2iKIfA9vpO4baJz\r\n0uu5T4BUHyp38HsfHSu5+J8k5ghJzyCcpthS6IHwiX9LRuBNwyVnzQdYKJnP\r\nANQqWa7NVveUSuUs5xJJrsWMkftef9B0uUGYqPjsgODyLK9OD5OkQtEOCGbn\r\nu6Tcx/U5YiqFo9IslqzJfB7+DVYGhcHNcR2TQOCsCPARZae/uezOBZQisfZ+\r\nW9e1nLQFAsWkhotSchO70PF5Q4D6pGJTuRmOMS6pXpnS57rFYLKj/53MIUUW\r\n1dLawdafmA1OjuDkuuQhPs1TWYEB6j+GriEqfmwUCWHuKfsorjf8hwlIRy9P\r\nB9B1vviuM/+z0fPjqTSnJlI47azE6RTcNUk=\r\n=Jo63\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022421153722","@chakra-ui/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/tag_0.0.0-dev-2022421153722_1653147483589_0.8301688175682003","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242121518":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202242121518","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"76b10905b7ad6b9a72c3516cb77e8b112c916a6b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202242121518.tgz","fileCount":11,"integrity":"sha512-JXK2Y5tXeQfZZ4W8LEk5JKJp0V84LL6UoNAnKRsz1egGqkrfOdzewc5efjujJy/Dh9AMGQs1u+wKo9AdF8O3TA==","signatures":[{"sig":"MEUCICDck6Zylf1Tp5ZiogrZcmp0bnL0aUyBBVwPgOzwZSGQAiEAhPjbAPmxa3btjFptXn5i2FUA29q70sWKm5oZtThyvNE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiVQ3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpeSQ//RPhmMDNDGT/+hY28IWGolkII8Petp+aa/Y9Hp11TvhYK+Y0w\r\nuCablPhZL+UIi9VCgxqSqCNOoRr/BmmPv+F5zsB0c3u8Wc5G9emaUuw/BWIx\r\nwDYPQCMYB+lLobBFpu3IKWKBNO9eBhxK/QBd0ye0RKxEpeIBHd5Ayy9yXFZt\r\nPjMewmj3BEzq0wBuVcpNv8raGJTkKGIasuo7K8I8HxV+/q16gNOTsM3DTmIL\r\nn+6lrIlyR244H6mAbeTWDiznOc3L/8H3Wdl6NF8Zxob/71JXJgwUJCR/XUuX\r\nwoFqJlPjdgH87Echi+WlzdMi0dRrDQqBcnvgLYnagRDXQ/H+n6vwdQrpmo63\r\n7TwSwo/BAoFwVdEAfSIi6J0Px2yk/YqeqQsgJDtevHUOkYNBYpw+Qn4+vR6P\r\nVWsymHW115tGYCjTAWeATn9SSEPPwvk3D87WbyOc9wC2+2LRIqCrDgN9mMn8\r\n7Aie7HLSXvoYrO1zcrDBMFxJ2nt7ArDyJjHiTUU5kGWGcD6IVaD/BqBOy1YA\r\nB6+VSyr4GO1kswDAx4XITbsOY4VRSiDUxdhp+No2gxfrNgTSY5WiB4bDCQZX\r\nt1IiDHHw6nb9IkEjqZk9fCEF2aJEtXuhK87h0gltKSWwWeWt+0g042enINIx\r\n099kfBDJPkt9B783GcPXx2QdPa+3jU2ltTQ=\r\n=ARBM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202242121518","@chakra-ui/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/tag_0.0.0-dev-202242121518_1653167158938_0.034750173959258834","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224239149":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20224239149","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"159566ac64fa6853f4f736b42095a1dd591f9aa7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20224239149.tgz","fileCount":11,"integrity":"sha512-SGJAiLOYM14w0cAtSjNWXXMNQR648feuButUwmn0fFMu1PJv2JaJQyYxoo7riXTdi86PzMKhFrcvRO0B9NR7NA==","signatures":[{"sig":"MEUCIQDWczMDs0v8pNbRP1cjZD4rfYZKIPwCzGGMkyVSYR+DwQIgYMrFhh1/qxdu5s8tXB+wkHYCUY/OykYTTOZHwhBrMbQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18298,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii02mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpiVQ//aPr7zfbC5wsX62x8TEFpVjaHwGqPGXeefAcbWJYHopfOsmuf\r\nMS/vxtUOuuyD9nlJ6bKyCx6mOlDdpVRFwiIQRu7mHt/2hPBWGUMZIQtSgVa5\r\nfResWBFnxT8dXarRa1wZ5W2anK/OrjHnbU/0Hud1ghHj8jVumHXRvEhw/SAV\r\nGoAd5Kgm27dV4NWyafnnTx4JeT9FfJqoKiCmlGvFrnI3WBl3s4SB1L+8cteh\r\ngp3C5n9zbzyoPfTrT54jCebtA9RpejhlP9TDNk51106xUMW+Jkt5QavUVWLF\r\nfQb45DNXWa+XokN1DUL1rfgqvSyw6PSr1Dj83ybBDhBCYQddt1iIiSZXuQ2x\r\nWjvKbh4/ExFhzgcNygrAm9ZTMPEjK5b4uxR9id5VTr70VYiheDjV3MvTHn+i\r\nFR36r0v4CXaGpNfjA9BJL5HUtF17TjOWw+ZMycfx8w3yA91wlGGINOPNls9u\r\nf+0IkBo6Ur+3/zrcmq1zUOx842ocoM2qoAHmUlrfQgJVqFO9WJ/+3TmYVaOq\r\nBI1LHVQPwLVkzqhn0PUk9Jf+djyhnlGHqb/JMMjpiWSHgKVcbZdmhWtCWHvn\r\nICceE668HjRMV9L/IPLjwvaijrNfz9wZXtxvblu2VNOOHXBFKGzwMb3IBlXw\r\nvYHPfjNoPcYuqP+Hwd2uaCVqV/Z8ogSH1w4=\r\n=M2h4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224239149","@chakra-ui/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/tag_0.0.0-dev-20224239149_1653296550535_0.9668276186364164","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423113827":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022423113827","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"47a7df5901b66d79dc6aadf3c09cf924f0fef3f5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022423113827.tgz","fileCount":11,"integrity":"sha512-zUdpVbb4I2IQlS2yd54ilXsKWKjjf0gm5o9gW93LXlCFF/SIaUyCH0//cw0MxIbmuPW6Xlfmax08iXsWih2RTw==","signatures":[{"sig":"MEUCIQCDXkKI3DRpCVjyHY2PDtb0HBDBNGMyqSPBB46dxbxBOwIgGwrgySsoWDAMXYqPQT9vvh6bxsICIz5rAT7tyol0CB4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18306,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3JUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9pw//eDxfSzndnwaHbOjzoZjL2f9enICgLOegEuckZOuaYdzKBRQt\r\nS2dL5WwE/2iKdzpaxKzMA9GpHsZVcq/TEuqwiNo6sP6MEisLuxB9pU4VgXds\r\nE5PHgdGIYgF3MV/SJqp/f+zqqpcIt8/2QEa9KSbSBMewayxg8iAP5puyjCAV\r\nvPCL6+ABrAda8ohBdQarg3DiAMalW6qb+BmAeu9K4qzNBIaLxzSqS4lLVgM7\r\nkFaXZz26NTDiKw2NMszJa6fxYKsRhdoec2ZsaMjhfC5K+JzWaOtNrqlBE1hG\r\nKVUpnShqjAXwBs04N9ykVA6C8tiVzSAs9PFmwue4K2miGmcaOomsBtnbMkk6\r\nYM43yMk83ST4kGx+Kfs3EyCqTj/bZgqIehPCEoR9rP7CEAyRwONxRGQQeXOd\r\nAwM3HAYnh7Ru8sdn5FqgT6pbwYYp410BHTYvmRtBdyZILWo60OPlA6w57jS4\r\n2E8y2ZfNs9LxLbkXl5Mu+wTNpK6FApQdGYxefAsJKMssM929jCtJfFUqFTOM\r\nc3P8CDBzA7w0LEO+Nsne1bznS818FHRmzmNSxtQ6j7aOd5jllgzML9f+nmwc\r\nBffzNiU8b9w/1VrLmWZoCuaxzWKJr4or/wb/RWBgsQUuiUL2lhTJ083c6Q23\r\nPAOywFQkJzUuaGOHNR6biIhfxUoxKfftVNU=\r\n=l0nM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022423113827","@chakra-ui/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/tag_0.0.0-dev-2022423113827_1653305940563_0.5032498107467627","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022423121532","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ba1ec5f6cc6c9249d56592c2bd394934cd2f725c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022423121532.tgz","fileCount":11,"integrity":"sha512-pOvV0HEH03xpXDzoZnBUKmSDGTTDmvvcpG+88qpIg3DjrO7gMCpZQj5UXF7C61X4O+5tKOX89yJ2Jm1pZRlaBQ==","signatures":[{"sig":"MEUCIBR3ALZxn6SdektCUBGbcSLs3qFZZWWVDMzpmvdEkp2JAiEAvxok+wf6jKliaoCNxs1jwrAZPvti+QWNvcdxNldxQNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogMA//Y7BU0pt6jLiawu3E75OSVCTH7+pkjAh7p1GN104hoFELhLGP\r\nvG4nFD5zxaSUHSv7ZXeN3OMw3LPs//f9qHG3F2u6l9tcDf7Vw+DZYU/rh5rm\r\nLse5rgDAfl6CMxMHX7JX1zb19tLmOKwIclQsUA1XOPm8rMLgf2WcrOyZcV93\r\n+hcPy2zhDSLVaTDVe7ja3OOuaBx1MvY/XborakjpGVAr1s+l0LrkdV5v/hYE\r\n8gZlSjSWWSsFFzWvAFMihKLA11wUSwHx6iDpB0yBaKJ5trLXPr7f8UPxP1fe\r\nSOvnKOO8ZUgCDbaaz5LnIyvvEGqp2rL/1fc51I3SS0im8gnrza0kdswV7G6J\r\naUt7PHdSeZrsENCe/JuoFCdNjBrhmTvamjvCENwRbMeotLgg0ieDG1bhaS4o\r\nSTCi1weLT8X6j2LomJyjeUEoO9z7gJ4x7VjxCYVzgG02KNyx+o3lq+flOG2R\r\nD+0H+hIC6wvjGH1s9qSLJSxTsN98p8dLhCEXLBcCjrdquj6VUNSgzzrmhSt2\r\nxYGzIkN81l6/qOByKXrMJEFjAT5nfKOg+8qX+0Zq/l62eKIYBcYHkwPcFwvI\r\ncQlWHMLDs8Q/c2giXYSrhWOM7N0GsFlrpotYa+geJjMZuO0c6DkX9icRatCp\r\njXhWNbdasHBzD0OzpV+KHzPptrhEbImLWBI=\r\n=MH7Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022423121532","@chakra-ui/utils":"0.0.0-dev-2022423121532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423121532"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423121532"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022423121532_1653308177186_0.6962880453489668","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022423121615","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b1b202852ce905bece65c74abfee9a658d9135fd","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022423121615.tgz","fileCount":11,"integrity":"sha512-n9NKpl9lCJJ/SjuW9BEFFJnA6lqFsH9f7YRWbyyC7ZLVhnYi/teuPTSgyPcF/ggfnTnR8cTqXDclRWUoUpGi/g==","signatures":[{"sig":"MEYCIQCTTj+rS0AEB1P3i5rxoWwNWuMhh0R1dSU+Bc7BZ87EKQIhAMpUpZ47y+7L39dpX7NOa2u9asnsLSI2l/wtKS1CdTga","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3s4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpUgg//RCYoLslq5nJPKJ/wJqQ3Z25GdBzE8jrtxtALRxxp8j/el29j\r\nR8DweWT2HK4zap1fweSrulxfMbkMnht54h1bfVV5Q2eqxiuMNgfo4GyuDK87\r\nz0+untm5gPg/GJOX3FOWrlV5BiXu1oLrk816y94HcUibXiIadLqpVcLXKYqj\r\n1FBszcoNpCMU2iUpMtnoSR0KLTPjECexC5HUxXH46TelAlk9c15jNXHTX9Io\r\nYmnk/vezFxdT3C3unyfILlIyFNfb7O8UVpIpNjjEPUXaoL2cILUiGZOkJfg9\r\nn8OsUzV64GKrjFTqO5YSAH50GbydXPoryKAw8AvgVOUGCvQaWOfWzdvGqUpT\r\nvG5//1EtbrtdfHCiVtlxeMRtoxzDNyqDXePPIMivSfNdOkqmGNhAe3u4JEty\r\npLhs5jkYgwl+LEk4Ms0GWaeskvXrNDEoXBj/lckvEcjia1wvIdP9+wlP7kQP\r\nmCb2ljXmqFMqkiMHnGHtSLwQJiilO0wS4lBzwkPuHA4VpDHyC5DOuvAcIGnn\r\nFfSbA3gl3jfnx6+z1aKnCvAG0VYIMeJfupWI4TfgWD2PIxD6h7dzS/kunmsc\r\nRwM9U8pH2TIjMRocpNzBxiVpAcy6BY8lG6Bpr1DBnq5ssuzCawm4HSrJCDRr\r\n8jcq2RHmcM0rHi5jxRSHU6ep6NnVRIcFr2k=\r\n=chru\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022423121615","@chakra-ui/utils":"0.0.0-dev-2022423121615"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423121615"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423121615"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022423121615_1653308216437_0.9165034146675977","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20224248246","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8f1118853c47ad25656aa89dc0528b7633650268","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20224248246.tgz","fileCount":11,"integrity":"sha512-HZ6qFvzK9SWL28W8aMWKlJ2W4Bs8lTefBhPEIZWQyWaAXT7JuYbtuXGhGF2yRhVRlVrnXJBsxuoKZjaKuo0hCg==","signatures":[{"sig":"MEQCIBBEEsGiCx0S5uBRdRZdayYoCosBY3zC4NRvtU/dY2b1AiBttchsb4NxxDtp6PgaLhq0FnD0TlfvusknaLz0eFQydQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhaA//TSu27qz50XC0YcMbP/hp+rANaQ3ll+FIaq6T9UKK8VrlYFrf\r\nj5c4tD9efmOU5uaMD8f3F8uulmExFge1UIhDBsGForxSvXK4sxeYvBNbg2mw\r\nB3J+NO8lwjbPaF+qRwQs5gU6+iHVT7MPtahCaGzz/X9H9ReGUz5tah0XtqGe\r\nzdRm3kbytI8IipUAM1wymQKs5SaiwDGjCMUwsJQsLpjgK5sLFHf+o5zZNl6v\r\nZ/zEw6968INTziBXVIPX6MV3IS0TOUMvvL2RINZ5TVYQJQxO8U+4qlRv0D4Z\r\ntPVGxUvydeQ7TuD1zOkUmdnXdjVZAeGOktRM3W8uKvNHQgDoDpl2UtuQEKe9\r\n4uQrsqt7R4ZnCCMq4YVgsnovZk/YvUqERJ7HSH/x5aYpEmf7W9nSivKETQWS\r\nlE/5rc2di/o4DDGpkXy60wsE9+wBXgLo/5fQ5mXbwKF7SbOcCFsuMz7BU76u\r\nPNCsPI2KQ11l3a190Vqab7hxNoyKoK5J7i6FTK+mHlL825qMOQrDkYoWMETL\r\nSYqxwQyUqIo+CriIX2FTs9z+Frew7PBIM2xCbSoSNfa57Y7Bqfgel7E4MDy2\r\n6PvZU9MbomraKWRqptt70Mt98NlcAU7Ht1haZJ5660UaB7O753CMSCdCKgR8\r\n/LBE8Ddmh9Zj11xPXlbS/X3t7saj96LgOLg=\r\n=9YDy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224248246","@chakra-ui/utils":"0.0.0-dev-20224248246"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224248246"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224248246"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20224248246_1653379406923_0.9009609299567711","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20224248516","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8a08311876523089cb497a86918d4f44f9d7e79d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20224248516.tgz","fileCount":11,"integrity":"sha512-bqCwyjqUhXFce0TtWXKeE8hmtzOuwbti/WSY/AX+RWJzx8+IxVBWtlPCYNbDTjSpLGVRaxCRbhSsUOemZF+cKQ==","signatures":[{"sig":"MEQCIHwfAottqv43GaDkpycXuOejX5vn/40n1+r9DgIG9I44AiBRWEdHjP6UN1lzwWgnsmvdx7gKHjEHqJNtIq6RsgS0aA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobrQ/9Ej5vLVuYdAFRRhDVk9XYRC77Xi6tsD3qWMfBSQMeHWpTGGuP\r\n8CMm7/BLOx5dcmrtNRj4a9ukaf71bAMpdZep/2N0OvHPyuwTi47xBOkc3RPR\r\nxBQLeCnZhHeV5xDT5jf/+3uIe1wPVi3vO1zWPJMcxo79cpMqP5FTCrPDu3KY\r\nq8jnqW1is+5SXFlomplDaC+6jPLYEIza1112y7ipqTZpeSKKb6q7zIuo9UBZ\r\nR7SZRMB3VumF7zkXflw8YpY1uGKYjacguM054nRf77yMoxqE7e4XkHkgbZCw\r\nT8ww6m/h2Pb2qxrKb9wuOP4o0L6nug2ByImn1LLkf1we6o4gmkU6zKQn87vY\r\nUp135Vbi9PhcA+jd0P0Gz2k3KdN7vKqYmXid3FfBYiABb5U3+ALQraZZ6IUz\r\nEa57kI/e42w1jtrv6+gn/T6sOFiQeG1gioiy0Rok/SIc/Ii/5E6lHpVz+PM/\r\nOliO6u8lOgxXleLrkc27CNIHu1k6FY36dRP9IxCqgm6WyQ/7xZaPY56Ei5xg\r\n/OLbwRz1KAK9XUNsoQXr8Q/wIG5PxBc65/n31rWa13l4M4dFCMMRNiZmYOsR\r\nKZ+7IB2qmjhtRFEk6PcZIK7+zj6wfCrV9XdbNz5d9yMBkJtxF0hkagvLURkB\r\nNcoptiVTpC/llXb07jwZDKeRdhM6gBCdHak=\r\n=scFX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20224248516","@chakra-ui/utils":"0.0.0-dev-20224248516"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224248516"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224248516"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20224248516_1653379557121_0.5272712264705659","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202242481651","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1835ba93cf95fb32cc0327675e4133e6c77088e5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202242481651.tgz","fileCount":11,"integrity":"sha512-+qUOxaBswxYJHYpZWN73c1kcgBgV+HEGul8BVtvcD87H5u1bMdWrorE4QTE4WqRreM6+hFsiMsHjtuGXTUosLA==","signatures":[{"sig":"MEQCIG+FuPlmsD0dvQOYcrCKvFtXp5/L8u8yp/5avJQ71x4vAiBkPA5L15F/1bfqL+CxIEsIXtzKlyrUah6rsdNgGpSzFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJShACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoM9BAAjYAQ1mmJ1nZs+asvw5z5uXCj2QdSzHia3OHyodvWXi9KcFx3\r\nScSSw2oJsxvfPFt88AgPt3DLW8/ZXc74FqlgsLgM3aTzR4tCkPApsN9tiZ1K\r\nrRZEWL/uiq6gAy4o+QhVLelo9rgTo2soROtSizHTAkVd631qFMe68XEsLi8b\r\nRYdfzTEQkXPZcmzqCogJu0DxbeSyK5WVM5TRZw4gT20RNJnC1oXtbYws9Les\r\n7RqG7j0zItRmxIVcuM8ERh8eF989NiP7OcpVeBESwAZ+MbMtCnVgZNqDt90a\r\nWH+o4adlc9rja6HV4auEa6g21damvlU1K3iFjhSDRme6XWknRwKDyl0e9vlT\r\nMPWoJOuvHtlcWV1TTe7+2WZTfDjHNbs1VRxzOwPLuPU2VcajvIaLXLGCORa3\r\nVrlWRT+RVOUkg8ksBRw3lYSudzRchxOgIJu6IFXZ1QldiUBlRgxUmsw8vU6z\r\n+8P9GjHgPP/OUmBq/zg6PDw2ODFhUpPthgp1cU8JqwyI8m+bjq2BG2dRgzfW\r\nFRfVnuLWx1qiohGehEXi75cEU4jZvoieLogpAwcuhBZe00g/722W1kpTbykm\r\nKIOgFONfusMSwRWxAD9aEIw5BLLZERK0gUNRBw9ZgRetjh/ET/Ds0plMj0YW\r\n/bhYzxO+zzmL127dEdnFNehY8Q0ytTdfxuo=\r\n=Ur1R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202242481651","@chakra-ui/utils":"0.0.0-dev-202242481651"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202242481651"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202242481651"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-202242481651_1653380257337_0.5133396851504506","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/tag","version":"2.0.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"05cf8f10a3f5b1966e9c31831f8d29acebcbd49b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.1.tgz","fileCount":11,"integrity":"sha512-A+haLDV1IEefAP41JNFtaPa74npiZZFd5sK/ZjXJnREYXW2MzcMN9Kype2jRIaR6zJ8iq9yHvxN2AfewMB1o9g==","signatures":[{"sig":"MEUCIQCo36fTU5DnoN3fHhnTizy1y+usZhFVbeEd4a22xZMq4wIgaYLYSO3hG8EOZvQyOrREWReRUklTs/ruIt1T79FQezk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18241,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnoA//edvX9B2gmtAWm1PHQ0NOj4NX/VnyTd82m5RNI2YdHfYfmpo+\r\nK1iltvr+khWvZkHMNKGXPUcLAhTC5sNO+6ZJF5Apxbi1io9kkOK8ve5xwdHc\r\nv/Iqf3SLmH4q1bwiug2X8rZbGlqzcCUB/U9lP/QWBqZ1JweHTl82k//WzTdk\r\n7pMRO47b4f0CB/jAFd5I15sBgUVbOQeipoesgcoOdUj0dCG+SBRm0q1abnKO\r\nkvCeFtucs0yXn4Mz6wYicuVH+6EJI3QDSP75v2t6vqBwSZWUf0zn3fNpkind\r\nunP5/V2K/QHVhsOF2xHwHbcSvH1eurENzof27OVs2GY8TnTDRVaEEyxQK/rH\r\nbWB5gqBAOVQY/aDfoWH4LK7TEFIGefosaNp8ZPVjCywdN0lbJBUYTrGDMtJL\r\nfLgttwhBjP0FKv0Ke+1hDgXAGww5b2SWbFpEGKC7xZbFf51ajWHPbxM2KVy7\r\nDk4M5yDjuXqbPaqMUprcmCvQWziWs+hhDwdv6qxinQogv6cYe69MCHf3vyLI\r\ntUY2XZcpIW6TLG2PJCryeeJuEN1cIWL3FbJzc050VQq72679xZv5bAzNlL7O\r\nYJw6HRw8ty9KDI5FvyFutsqgOoU4ygggayOxfhOADs3Vl41K467R77HEE6to\r\nzyDi8LRlZ5FuE7GPAA4NBNlPvL+XGlWUUWY=\r\n=+tLk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.1","@chakra-ui/utils":"2.0.1"},"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/tag_2.0.1_1653395304775_0.44868926294301037","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255105723":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202255105723","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6866c87e9cd244afb8485e8b441c28541c7bace2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202255105723.tgz","fileCount":11,"integrity":"sha512-G7uyi4m7vOX8xsurukPt6GCg9lXydDu7xSV9CpigoTP52A1VD2BFtURsWH+VQUwF0NWBSJXVLDYp779VETxKKQ==","signatures":[{"sig":"MEUCIBpRbABravQckzpLp+KY1tWDqmSByHrh0FztqdZPwWxlAiEA0WsABkHqzj5aM8oLdF0QM8JYqb0cTzX10m1tGMi/YfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinIxBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmow1Q//V6HeineArxrJVy2P3hiE8IIcWzccknAAY46upxQHU49FAZKJ\r\naZriZmLUlzG1NFEGusQyajNrBu+4P47D+Z7SZAn3/UIIJtByn4VkYI1VH0OR\r\nFhoLx1k7M9BDXA03043m/GQl9jU1ACyjtH5ch3mJkSois3qb3FM9201wDgrK\r\nnnlLr8n8a0c155+8rbe0lLU6e+DR+/2dhEyOyARPhofc0CknbmSOWwgn9T/3\r\ntCBtAqMusApx3NDbxNyR2KPZCSQfFCvtuAQKR3bPyXjl4FItk7ds6MuN9+gS\r\nl3vSLtr1fogDtrQPe2uSM0WU/FtE9ySNVMvMqgpp4zWzRfzh3mOUk1y2fHSG\r\nD008nDvR235pNW2vLj+siVLNgQ+NFfDapOM1aftjou61PSioQ5ylD3DncBez\r\n7Fvl6t+7bBkjbrioNB2O1I6B7bNCLSpE4RaawWOKzQIGm+xvhkLj2zlYQQ2w\r\nitFUAEVaLoiS6cePkf0LnRO2NFKOoJHR5Q9v7/yhzb1cee7xKjSoyns2668s\r\nyF9DOlO74zPdxIOkXfkrA8vxODLZFeMH7Tst1qY1O2f3oo0mnbccDiVD6c5a\r\nWOmvrGb9+EGtPPPpR61wQ8M7Vui7tmpTZaaX/inWjviWzMsZT0v50RUiny+e\r\nPL6H0UWt37x2pEjdACcdgBwnU2e/FzhiLh4=\r\n=Uv2g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202255105723","@chakra-ui/utils":"2.0.1"},"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/tag_0.0.0-dev-202255105723_1654426689603_0.3560927871234223","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225517307":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20225517307","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"79f4144834d7657242aeb4545b7c4aa2892085bb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20225517307.tgz","fileCount":11,"integrity":"sha512-aCTlxZS/LKCFYmtUh6Vy8pdt/9GM7cyi5vavxouc60/+Uq+pmLW38s9+Y2grWsoNwcDwjnmFv40OQpQOosqCKA==","signatures":[{"sig":"MEUCIQCe7ZBI+8KaQUh2x1JtD1yNDe0xhrJ2/gtvKP96XlfLawIgJVPfNGIT7aasCJ3xgG5VyI8SJ5NjNqDaF9KudA8nR6w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18769,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOhQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKvw//fK/+ci2lMwcJnxzNVaI1sld1/s1Jp18ZcIEumkRY+y7x7kcO\r\n/xFY3kXW9H/kz/K9J+kGuS1nhwWb8FNcyojoCgvNuR9D2XxWLEvQHBjEEKnL\r\n//Z6UWFz4yQoQuQGyAWtXUM2G0/NeUFXiTvq74mlYAC0T7NnK2ggZMvUAkln\r\nbq2X0DTEB3cFbnZVVeWbPW01Q/Ba4Srf5Hx9SmmMm3Ts/il4mXd8CvgLW00N\r\nlfDTmINLaGVaTAGcuQ2ePD+8hiSDpfP2A0ib9+kOoPyRx42jWIpn1BNieYOz\r\nj/Z84k8TpB80qDM0zz+KA7q/w64z9yLxPHj4m3VRF8zVqMWpdI6bl1L1dxL0\r\ngLC5JXfE+Cg9nBunZGAzGRT3NmfCu+A7JigN5wRYQjpyJQJ2tmr2hsuuPOOF\r\ns+ZzS2Unfy27YnnKDwxfXUAm5LgrRdQGMQ1v0kw7jcsTNLjpNS3H3H1P41Xo\r\nuXMETgwLzbXQiDmGHqrm4VlSNrh0RKqGISoRqIBk7FFyM9zWSUCWVNJzPzf6\r\n2CMgB/slEypPVJ8Vq2hWeD+pHa7e8Po7l9ltiFBsE+aqlmmgX3wZRwysOwIM\r\n96i2X+ce6rKqr0y6SzC+l58KD4mPXB9dE/bmvTsOw6wxzR3rPec+JRVWbJnL\r\nOhfMtGSZM/C09ojUFoOPndLQkkvR7qY1goQ=\r\n=jcSz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20225517307","@chakra-ui/utils":"2.0.1"},"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/tag_0.0.0-dev-20225517307_1654450256192_0.8021342529309379","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255185818":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202255185818","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7da274c82b8889d8151163ea26f7eead6a7d4950","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202255185818.tgz","fileCount":11,"integrity":"sha512-bv7BtYEQ0VDNffSuwRtbtFNfwqKlHCGNn9kR9CSICgBiXQPqvgupHTNaup5Jmriw9cQkarKBJAZ9N7BWItbjwQ==","signatures":[{"sig":"MEUCIQDXzP2Wom86TwxrN2chDkN2+fu/ppEFs/afX0qLqXjNuAIgHsz7nIf03sHSwWZOsdtWENBCHhPUwcIaWmlcp3jGRYQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinPzxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFKQ/+Ocb64r3fnCdDV38rujOJjhXuFD9pg4ZTa5czduOSVMHd95fz\r\n058nL6VWRVYvEdCcS3zsnZ74ADk2ubEtY7vI8Y9G7mAhpWi0w1v8DcYMndy/\r\nNPD4Md5mDJS9aN0PukDoNUm+adyjR78ez71+YKf9oe8sFjDYcBrOzBmF8JO7\r\ngnWgidXQNIK5Cqp8vC2hcsm5Bhx/ZG7P193jf4wM0r/e/vi7tJ/nP/JIB7uF\r\nfflIjO1+mcdlgBcAgkExfBuk2tb3dRGyWtF+3BS4s4GwwktECzQ5Rc4uF52w\r\nS4JyYt2UouIFGyCoeJQM8pHzLbCiGT682QMq1Q8UN6yAew8v0fUiAYowPg7q\r\n5RCVrOPPqcVRq3DB3SBcw/00TmQAwFz/MFCO2tdHJDUC4LkNx5fEHkTW4LNa\r\nnjzAYu3yHloGXFtODSXN0yHGStEgbxaK/VMgJl6pJlRMm1C4Ohpx1wirurt8\r\nLxnhtzbVMDik8XbmpnG4DmwApQRbEgGe0xF1KA4tujpRw2jhhsRtSQOmNhId\r\n+HkVE3TKJVdvVpGGsywaa26YCbME/gKY/bVBNrZ3ptHFFoR1Q3NCF492IAxK\r\nAF2kzBrDW+5P89ts6f9rI/oM0glIApqVm71PnZvA9TxVp6Gu0Bbcdc/PhfYp\r\nQ5zWnUTuGEZ879OMLLeicr9hH/JdUjQ9P9k=\r\n=hwlc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202255185818","@chakra-ui/utils":"2.0.1"},"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/tag_0.0.0-dev-202255185818_1654455537367_0.46519694155646363","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022551939":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022551939","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8c4ed3ef685d2b8ed0edf4de57fb716b86a29a15","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022551939.tgz","fileCount":11,"integrity":"sha512-BFXx/a5Hb9Tx309Tz2Jjl5o1yuQkjoExa+i3wDOkWHdeWawwvJCwzfYA5661gAilmCeGyoCKwI92IA/InVYX6Q==","signatures":[{"sig":"MEUCIAOwDmoBy9kCiaWzDAm22GK2Nd3hkv3WGye82vaTp/wGAiEAtvU+r+5qoHpSJQa74FVHb5Whjmb9lwt1nyrWZaVPtUA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxDg/+O43kV9+kLdgkgH8nrfOpphsl3fqKp8M1mnQADAnAMGatmGgd\r\nKz4TIt7YndCarlV5pHBTm4/JCC3uZSIMPRQAR2Qo5Thzwha2yJxNu1s/w6Yd\r\n8zyp3eByZb3IHXmgjdb00kD7oqNH0MQpTQohSun02EpaLyg5R8no5avPFarz\r\n5TYbCi43H5vjKrM4lPNl8nZpKftQ1WI0EZ24DB0W+SG9nHqhD/u8358yiX4A\r\nwuz0dZIGTXm6nwEku+ztW1EhjzT7bgwGaLbluawA5Z4mNHTMjLGN2R2IYpd+\r\n3D1ARvRhKBBKVPvecCAvpJOrbeIALyvWOtOyyijgD7qSMwM7HPEqtXuslQWz\r\nr45qIFEG0FXn73YpMszoQh+jqObjVfeWh4SP4i11+sLnch0JJ4MLb7ed+iAP\r\nmR2/uwq1LT0El4Bu2alxgHLMuP7rlyGs0RB/7YNcfPR22USbLgIl4piHQyjZ\r\nPK4wsvuT9r88uQee3ac4/4SgriCfHwIJqhPvsYfcoW5kgKiuFvtk3j7OS7Tx\r\nHkeLbsN28GL3JiOK2y/zuevQeDuoZ0Ew1P6VFqc8m32YMfXzrVpS3BG8vyfl\r\nap5EjcwAX3HUdrhPgZCot2TTgMfFSkrms9nh/jIMkHd4Hec5hBB8UIpxhJGY\r\nL2ho2NKi6gbo4Cyrc78zyd2lQQkeqGyf2qA=\r\n=CE75\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022551939","@chakra-ui/utils":"2.0.1"},"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/tag_0.0.0-dev-2022551939_1654455825493_0.7932638547334405","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256151938":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202256151938","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"0f4f41befc6436df65957715d5eced8ca56336d9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202256151938.tgz","fileCount":11,"integrity":"sha512-iqXqX4mfrzmPVRO40UxSVG6ZNgxKJ2gUdIYET9FVlGuqQ96BnUA5/N3oboiYwAcs2sQkbLfEMSFCj+Cdjay+Zw==","signatures":[{"sig":"MEYCIQC4rIITcCsQ9iHWq6m4uLrqEZNXI69ZpjOeDGzwvK0WgQIhAOICva6cq5TQflXePwm/tlZxRF1h3Hy5qwUIPk3Wz8Zi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinhsyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpyjg/+IYnR0/OKzWHXGcUK33o5xKl9KXU50E+VTqQeCS4YEqALhm6I\r\n/ldPZCx1eZeu5RUFs8WxE/3e7mxhGuvZDe4DfqNX4ZvrhwvNdqRi6EN4Koz5\r\n4223YqwG4OI9SKeyPOwx/FAJLZHo1okmGxmqvDotAkXk8+tjmHgnpCxJtwsB\r\nVicE6cxflGgk5nCltR4U9Zs0m5hWzT0R3ZJxjTEswsSOKQk0eB7EckBDzSNJ\r\njBN6Yj0YD5mZP0NnLPMV56hReUsgIdR2vZln9u1rqYaPPnz/ZzVkCqEzKuG+\r\n5I4QxYqavFopnCE4zuICpr6RoJUfFb1+94aN+UBr8tR29Xm6HsQnIWioAgQ8\r\ni1i3oBPD7e6HsbHrQ0h8JYGeM56z1Vg1flF3HkuoXKQvaq4FeuNrUeeHK2Ew\r\n1/27btu7JOPGuEDMBapb88ErV1lCewZsbFE5+ufhZczTe5u17mF50Ndqcn55\r\nbLJYlklVhNf6Wf+9fV63nx3WlX1M3WL+fcZ4f35+SbFszge/IUEUzcXhYHTt\r\n1L/6AD3Yf1CbLdDCqxD2LQ+bVI5NuMXkQAEI0MUJpgG5iWyJ8lTEwM2OWexR\r\nAhAmWAvMUM2Z2BGE2wTUgY5BjgIAjsayUiKeaOS89DoJd3bFJrFOMiWKcwi8\r\ncyaSQyGevPegR91xilhKY0HITKYAMRYlPmI=\r\n=w0Mw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202256151938","@chakra-ui/utils":"2.0.1"},"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/tag_0.0.0-dev-202256151938_1654528818075_0.6439430594642341","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256153840":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202256153840","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b34dff314a111c8c1280758f5e8c5745f0021802","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202256153840.tgz","fileCount":11,"integrity":"sha512-ZtdtsoWl930wVO48olayJJD6pzaoXBBq08KF/AtQ8GMp3hIKlXTtU+3xL4j23CBuQhO2Xl2U06y+IDcpYoLbJQ==","signatures":[{"sig":"MEUCIQDihJ8gwtigwB/bLOkwaDad5VsWahaDrXTDgLx1t8BDvAIgL+bDIdOSAmwRZz404S3Uzw4NvFNGXh1Szwo1ykl41AQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinh++ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCBw/6AkioCe8xZKIN+IaTKiLZK1V9Z5RM+rXnadwAMHWa8qTpfOJd\r\nMjHMHXgnrKL5hIlSAi9RnUM9yil5TSLiUogC7l+aEmmfGZl4/gq6SiaU1JZD\r\nuQdy6SNlBDWLa7QB/pXMVWLb1XPmq5DKCtMYEBVxHpUw1tMRxZ40uMc9hROr\r\nBtNPLYh7tiIkZgFic5Ve2VbB14Xap0/gCsrG9RqVM9x1opoykEgN0IP950n7\r\n2fWFBroOSrv+rvQJl02yPDhOPisHRyZTe04ANIyHBn1PAGquTUQiCcVvu9U3\r\nipKBDZKwdz7VXwqSTp00EebNl3h+cgIc8l5dm36TDf9lbEenAQTs4WsFwl9L\r\nU5RN7g9WAZaLlvNn0/VIUTkkulp0A/G3AsrRLJPiqXQusdZXLTtSo2HQyRuF\r\nksbdfGMixbtLVr+DJPR0Yle14x/fhs3I60EAylH/MRmgU9HGzYsmktfahV26\r\nzypon+4PVhBW51GW0u/dEZ7zT+m7Im/KGC+jZpXhVOTYNh0XsTdDRtPJ+EF1\r\nXGpDk5IlihvYMkBiLpFDf92sNG+7EyIS0db6Jv/5Zar70o7kL/o2ZlJGMmxa\r\nSZvbCgLy5c1iUPgrbxzH0eeZTrz1CdBv0sK0h5opzgVlXg3StCotnboYIqZa\r\nks4cjUvi6curFLTK8aMhdLDfV5r7xzW/Esw=\r\n=NIfk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202256153840","@chakra-ui/utils":"2.0.1"},"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/tag_0.0.0-dev-202256153840_1654529982427_0.3341028910112416","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225619634":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20225619634","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"62e51aab1ccc9db1781030b6ab2ab99e5af82005","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20225619634.tgz","fileCount":11,"integrity":"sha512-hgD12GzLWnyttwvSpGPyYdwW8lv8tIVIOtjfxr1SJ1YDXcNtbaNGjVi2qlzEGje6LlsSceFG/A3WYBVs6hja+w==","signatures":[{"sig":"MEYCIQDkWL5DJmUfQgtOEMMq/QrnQ09rqyaOpGfrx3lwfOJyKAIhAIkjz05A5X41xMAtzTejT88WSe0bBtNcuC3CwdKtp9XK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18756,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlBiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo7cQ//SeFKkjzJHvMiupsZ2N0HL/Ic7kYoqq8FVfg0UFAPbgRR5s4r\r\ntnrY5NmtcsFxlP+VnzqnG23IwDHVz63zIXOYdx0rq13YfI+7dOTK6e7NAPRp\r\nnC2MkvB02CXt1PyfWiST/aVlJh2eGn0R8+sYRkxtbcilEZdgZdH7q90KFIIr\r\n73hIIh8UkalhTMpIOru8FowouRM+wAKMQ9P9FUKLij74wJLuY7snwXZdL+0L\r\nJbJj2BxNYcSDTZ3zByPrky67p8s3qtVxZTg8zREFqd+zP3zgUo3ddG9dflZn\r\n7PyE3VjkhdDALtdLGY6BT9h6bK69myq/vxQWV8o0O/9hVYeaizu9P2bK87K6\r\npO5z3akLo+wVYT2jmPheGqFJOmcc+ZUniTMKV9e8h1uwKDyqXjPw2h9Gqf8t\r\nI7Oi5ABqeSNCkjyDO4e6FPSbyuc/Tn5QFjra4sOYCrtZYEDh/N/vWeS1i6nv\r\nFyt+1MgXkN3C+3t34HNNjOiDseWoqQY4twy6j8yO3JtUtgiJ+kahF9Y7CUMG\r\n3DhFFEu5NYebyKPQet8S3mi2t5IQwE2IczG+H6kIIqIZiLQIQuFLUGhPu96H\r\nkiJoO0HvV7U324O5xHZZ5IvZAGUrekSBZbCIF2pmdA1ReV3xfYX6Zutc/0Rp\r\n0hhTJhQaGe6gDGv0FaRY5OyZp62B57Hv0i0=\r\n=CNpw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20225619634","@chakra-ui/utils":"2.0.1"},"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/tag_0.0.0-dev-20225619634_1654542433423_0.8615690906900493","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202256192154","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b04dffc279bf4228817ca695ec2e34366199cd6d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202256192154.tgz","fileCount":11,"integrity":"sha512-YpomzVC9voDWxgpaOGOz1rmxJu5rhMLqUc1qNvDJxi4YgfVOsyUsd7DZDD+Int+IMNWSJ8aEbQ+Qoc5f+zgedg==","signatures":[{"sig":"MEYCIQCkxNO2lhjqZ8F5wD2HgFX/T8Ive+QPxEsMrAV1X/RNxgIhAIXxeeXwsH1e8qknBmM9XHCRCEog1MI/tuWmg+MbbWx0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlQFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqlZA/+PUvX83N1vJ1Jx5FJNdbKe2ViguCaNQNP04gRFM4kyjNa5oi5\r\n86G68/c8cHWFYCChRRAQ3497VhsolUlYtXMl2z0ITfUWF+TDmHGFPXXJRS9e\r\nK0Gg/ANfC+uOh3s3vRZ8WkdnhFZgQCvlhUS5ofxlsCsmROxcRZFdQLPCX09p\r\nDeE3LIHr5o0Waj83VuNJ8H/7vzcbj1MUOP7QdxXSvQcRGsnaBErYuiDwsHUy\r\npQWH5YFQCp8FV5ZG0rAVa59kr9+ezcJvmoc4g7MA4OulBRO6gM/e5fHvVoZ4\r\n5Ah1STFCZTUbNZSaxG8Tw3g24rKnYk1kt9fe6BqPmPYMjcHL4abQ9ffAYwrs\r\nurCo0LSqlwo7mHLycNXei3PLfFbwzx1Sz6pD0peQavP7fb3b+CHsa5M5/Aw6\r\nRSRp42F0egjirMc5xZnodRAummbs7Ox8L2IpFlI2FojkgmI07s45qBmxDgaX\r\nwzIJyfLhytYwnIydmWH6WErF3UoAPWSXE1+p1Qw2u0cRjRTbYUi8K40hZDi6\r\n8VIHg11P3/iu2AE5vM1+d69Z0CLcQDawJi6odCFZ8Nne7HWbGR6uZQ2sMTNe\r\nj5tb3V481s2T1Pz8uZNHh5ME5KvJu5jIz2Ik3VRaIlR0wyqdnRU9acENFQjZ\r\ngDjjTJ8lydShpJEPJV5ZdmH8LD0rfE34APo=\r\n=39+r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202256192154","@chakra-ui/utils":"0.0.0-dev-202256192154"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202256192154"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202256192154"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-202256192154_1654543364888_0.5769425614294401","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/tag","version":"2.0.2","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d989d1e64ed89f92447ca4f2316506282d16518f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.2.tgz","fileCount":11,"integrity":"sha512-/TqjwPNTUjDofvTEulrNELS6/ls1n54YMFXMwGNwrEbNlJPgoE555t1N3jpdoNKH4kLhvkFcC6lfkDdWwnZ1BA==","signatures":[{"sig":"MEQCIFz/Oa+wPEJ4wpNc2TNZID/APYUMm0iys41OxgFFzi7TAiB+cGfd45PaBmGXDpqbkW7UUduFD6ZAzRw/jr8hDvFxUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18699,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmaFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6RQ//Tr2229Pa2v9unVgF3nI97tBNGIMRdfm2I0VT2MTMMMRZn3MH\r\nJvsg38Vp9y1gDeB14lKQxo8B+B6tg+J8OPth7kuf+pQAVOnuG6wfHEtf3vRS\r\n7UTafUvlmYr8pjP43QzXcwxdgqVfUTRx/MdDS5Eo0LeW+OUAtTGrH+Bnzwag\r\nbOR3IzNQa9kUTrdvjFnYZxiou6o3NinQLVhWRHArLrTaiPOHGQ0857kq+9SO\r\n26oS+OLsjUE+3g7SCZ/2AEiXxbOf+z+gj+ufbheVqC/ufTPA1AVPAkWkXAj5\r\naaiPUEJ0frnQDXmygx3QxFNk2+lykSSdfKoLYrFbtXE1h5z9UJsVd1cgHyNY\r\nMmS45qqw7ny75sw8IjX1EMVNbDQy2pCVn7AjHs2Bkug8w638nTcyDn2Rsx6D\r\nUr2ZKheF6EitqF6pS9mycWWGk+t3u8igezn+vwsuCpph8qB64DCCAqVmfGQX\r\nAoZODc1xiYiTKYQl8J6ISTZxBoYM34tjJ+rOKVHQZBB1x2Z3lbSUs3mt36Eb\r\n2iB9GSOR35Gobs4nrh7MMIcEuLchQ2pW22Re6xC7/ddNA7tXDqxyGa+Rt9mP\r\nWSv1yNvnIaLw2gV6fAzD8TlVzNfLClVuzFIq/dHATOQGphqfcojcb5I1pg4w\r\ni4i3dHOhdSbOH8BYvw1TQy284BPXb7TYrZs=\r\n=fp/9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"3.0.2","@chakra-ui/utils":"2.0.2"},"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/tag_2.0.2_1654548101446_0.6519790266296017","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113227":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202257113227","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"87a4fec9c058b2398add1aab4fb5e5d7d550df8f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202257113227.tgz","fileCount":11,"integrity":"sha512-aTNhWRuPPGZ1ODQ/ph2LNDEct8BVWT4XnL5qFhLkqJB4ocIOKlln2X0ZNKGbZHSpjlsBq63Tr826wA9wHKeETw==","signatures":[{"sig":"MEUCIQD75cDqHB9aWqIfW3uWYI8Sr1KFm1kj3mHGXXL5Aidl3QIgIAOZhbBhrbr6Lp0flDYDpU27BugwKiyMUmdMUtjvr2k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzduACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqH+hAAkFQZrYgGEyFZuadDkjrT1rQvz5Kvshk4F5QBUOw9CjrGU1P7\r\n/PcdkbU0SKG/pxGklvoP9BsoYBBAq18oHWWDFFbrn1g7NdC1IoyCiGv4AUhu\r\n61yF5J+mdU849jn4QG0GJOoQtDAGpRrujKbJC204p9FGgHG4uzVuw1QExrXZ\r\n9wzivPEOeSmaSCt4HCx0Wk0lIGMgWTNbX3FIR8PNDrjMrvwVHdxbsR9GbWy2\r\nNvjR/Zim2ytbtqBXbPTE/F++44OTyW2UmgKr7GxtJwJy7Eau1U5jXPZ4vqie\r\nPuZAu8nkMgv0wfRrPtLffxDdqroATHqFiGVsFh+jhWjVbqOmjMzqZja+E06i\r\nPY9Gbf7ssvUc3y9SviR2GkMea1TUY79fz/UFbBQnyCscQCvD8zhbVqGTHSFR\r\nI3JNYZrU+QqlUkDS7wrrWqNMCGWy7EBahq47OujuW1uUlLFTlSLowHHXB4Nz\r\nd0iuVsjQkhrvl3cZXfcMw8H1raD4fOHhkqsmysh8qHqzs1Ad7fHiDO0K3RWW\r\nps3Nbb1rAWIQgGH9dxw+eqXkjKaIZ/bqdGB7IBVJcodsn2fhD1XqHmSLF3iV\r\nocnEDnBdwJZoQIDGP1RUHvoDCCcaSHT3xfKH+t9NurwHEvu1BSM74Ev+eXZI\r\nuY6jYjrqP+QtDYrPcb09eGilYqE/h6N5R90=\r\n=ISLl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202257113227","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-202257113227_1654601582327_0.24590805915231817","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113310":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202257113310","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e66450e87214f056f49d658890dd6e1b51bbae0d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202257113310.tgz","fileCount":11,"integrity":"sha512-rceRaL5yMS1D0S66Q4XiUbA1/sr33XNNXESf4iAwxOAVSIQAElVTLJNhS4RQW46uLVuwvdBkG+77X9Fs/ydgpA==","signatures":[{"sig":"MEUCIQDHtlu/Hsu9LToadb/z/gsTWbZbHtBPCHDJ1Hp3fdrWOwIgYt68lgTWBsnqIwtsSdnoHW8Co5QGMQgBeed6bgUhL4U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzeXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq99g//d83sT5/Pm/zBJ10MaFYiG2ZUeSuBJkhr0YeivOa6/j6+HE+4\r\nyX4SQYExtVEvG6c7uf9PPRB4+3vndc61NyRePu5e28qG8HGp+n/wzdXRANX8\r\n4wyZsqYJ/Ldv2ShvGUJ1FF9kv9CReCz+X64XUMz5SG7q//QMadp72s8JfZOm\r\npFFceLek8Z6sEta1WRJmUMbf4zvWDph6hAwV8/jdkFYdM4TNHSNw76v6h6p4\r\nTfcR9WsQFUEKZFlo5a+FhAzWyHOZOtexrQutswd7RfxN8auXVwbbTItZmr4K\r\nWfKX3+sp1AN0096FQ4TRCkKBCwmXzK9FktkrG961HVVaNHV8eBuo6Ohr47X+\r\nfsmca9SU4kwjZpHu2rRs3KCA8PdNRr0/BhKIyxacq3ghOxrzuTRobG0fvpcO\r\n0zEhM6x9vO2KaH7uqRqKh/NX9jSnu6tsACJQZsKPoaK4sKRvJ/RLo8NQKxp3\r\n/S4Tmx6IIfZjtkPi8exI88t9ZMZi0O4/Ou5MG3BzUcwkQ85rnFJ/cpeCuCVk\r\neDty/epWHZaYHbB1vd6rdERZUjWCNVrM7ys1Q/sqIhMnz5nA/7ofKprKcCRO\r\nR7kJKvsnOr42+iv14Co2uuoIPnXG68Nj8k/jn5FcPTpXrGRaOeKKmvSQDvod\r\n3nz9SLPndy8bkzCnytbPn5P9TPV+GQpWagU=\r\n=Hlya\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202257113310","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-202257113310_1654601623522_0.7893030786101509","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022587541","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c66779788d56d7e6f0b6646550e24211e2b9f91c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022587541.tgz","fileCount":11,"integrity":"sha512-0BY68uIi46H/mrUGv45BLB9Mj0yr5FcznhN/7j8+H560o/shkJqvwsG3xquHThQ8msMIwkA4HCeTntOZOpx5HQ==","signatures":[{"sig":"MEUCIQC2QdwHVGRFfkb3Qmpv1H517XSYi99deIAE+ZJJ43tViQIgAKU1BTn2Kebiv3rJTROk6ugzWEky2pA3+onz6EY1ZVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEp2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqk0A/+OS6ZSmZtZtTYMuZH0ak+17S3vvggEc8PWrdGVUgq6K7wQKzA\r\nM0GLHbI1cF0e8XaZ93xgLmYYKZ9m6RqXe1cqoAbHKfkOakrilcflwavz+3vF\r\nE6GR/0lzdhLpm+Xqh0VJ+DaWBIU/rIPGn5DygLVcCWjFeJmgBBg/QnZpdcui\r\nMcniA51/0ZOwhMcAyR0v9+s6a+Y7SenDc7VJBgJNmg8t7IEQIhbfjNW6kNlm\r\nSzmmELQoFtegA2IA/+aGW3OEPBxWAxsHbMcz7KCLwObUuax5/5bez9RzjEOE\r\n4em1F1HypRGtoQsyDA+8SEqPSPZjR0fAfXJXztfWPJSy67N2fsdxL4AAd+pM\r\n9+/2/dAN1znqVbUZl1HMx765l2BZsOyENGIEocmPiZreckXoGFIv1KVtHdUg\r\nx9LIxE+m3kUXGHQB1IbgHSoprQrGmnUhBUTd6WyJPiDEuYHrZ+DcjdIOezdY\r\nQrfoLoBdvYyrhs+30c+j8A/e4koF8UlTkxq/xUx9WRTx734gvqW5i97QKfKU\r\n5v2rbynBchgBhl9aqKLQxdiaAwsOVwvdy+cQb7r5ZWVomeDCeQrVArrIXo32\r\n0gbJ94VDHzpBbH2KNsjMCdBBdmowraX0ol4mUQ4u2zQ4xb3dMj0GafiIOsha\r\nnDMnR30Eoa80yMdFa62LSvO9XYUOF/mwqMU=\r\n=V2JV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.5.5","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022587541","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022587541_1654671990122_0.10567119487681165","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022511155212","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b1785b97edad3097a98740e9bd9319d59db7e967","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022511155212.tgz","fileCount":11,"integrity":"sha512-a7z+j+76OQkirnOnNELnwzYCy7+zV1SWOTgkkYATR9oJYCuWrps5oBIy+laOpqIcE3tVegJr9oD/8+fJykZx1w==","signatures":[{"sig":"MEQCIHxNvVMnywKGk+8PKlx11sytO7UVnWuOYPWboKWS3zN1AiBV9O5uivXye4BIrJ4BHuAfojjOGVVN4G6zniaKCSGwnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqadg/7BcpbwcxVXyD++e3C5sm1bibIgVI8Us152wgdP5kxo4Evcizd\r\nVBJtfdSrnMRBT1/JWumAx5LdU1I6OwIz9v6eRVxDnzmHwDRzZLV/OzabAU4g\r\nEdxyzfQ6WbvtboFeLSa+plF1zGOtJtMjU/CWYfTJGC/wStdVYzp7j/7SHfxN\r\nXNZGcAIx0L46ncPha6SbLUC7tZsV11OZ10GZdHai0LOXLGYBlWogocL2ighQ\r\nB9Pihss3djsWcSFLHKw67xScgXK8XE9cd+1QITZvSmjYi9q215EVnywn4YGU\r\nFxTjKX3nDfMzFWIkD0K4Zy0P0IRbC+z4MyRjkPXrFGONG8ykhwL+fVI9f78h\r\nX0+NMzm0BtQkXFjMUh1X1yPpOvUExfcgMcwRDTGO0k0vzKv0xlWoiZl3P3Md\r\nttqjONM1vJkZtQ4k/P1LxrpJjouvJTdZn5TywEPT3p7gkWjNTrk950MvCasj\r\nJRmjrYCsW/Z/gt47cz6E/tnpEdz879nafz/7u9HXSvhk/gevl5HW0+ELHj57\r\n19OXtc/IQTGWgafcIGCgVPp1G0Od9n/DnrNvzchyQ3Tm00ejaNKfrJT4sbO4\r\ng8eb+TkUZ5L2v8H8a9OFRatCe6NlzeJ3waoEcFB/rxv1MHsaI3s6pU5lFHlw\r\nateMP4EmjE4mPaVaudo7crD1QWSOgAhw8Zk=\r\n=t5Wv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022511155212","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022511155212_1654962772691_0.6041052302279117","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022511155356","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"78c3ff62464c73544edb81f0f885071e366fc88f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022511155356.tgz","fileCount":11,"integrity":"sha512-EuM8KOI4nJ6y5/3IO+mzv5Y2otL8WoCGh9zP2CDYgDWhuD849IageITHe9DbCwasU2FovayoeM9xonQ49WI/5g==","signatures":[{"sig":"MEQCIFNdpM0L06/GJFVyvHeuBX87yZ6t79htEjxTFJ/arlzlAiBQVoUPfeqmiBU1nYnK8yKXF3TwlZYrn7AG5ogZQdKRdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLq8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb8g/9Gw3SBYn/yfoAZoFOQWziEEmpo8FOK/hnrblzzMtUDib7SzmR\r\nm3ifAlFjwuUOPLjfyOONx6CPc+OlZzuKtwD9UsmWSA4x80tpByDp8rRbNsqk\r\nM2EjTjogLlR+dwCB5aVfGlsnfhf+B7FoFDV1ClZq8ZCm8Lvxe+BP/vsGYdXp\r\nOJ3IQESSKbrCAo58KApUNXfr/FA0GWj1Uh49A7F1ODsjsS/xAWkubiQmueA6\r\n4PNH9a2F4FkUjwiwOx4PWqcoyDiXif8lTHeYbTiQouFEs+mf36dK5cgvOqWA\r\nn/7VAcoj4t1xoNflb1nMork/889C8c5XHP1CNfDy2Gx24vEuNifhzlopUXaM\r\n1sydEgqbyGm8InCSkB7TLpx5DI9O5UeVaNRiJr4tmRZVwfVBI61C4daF68rH\r\n90anudHUkKQO346avNW4FhhzhMcIZb/gIYwJ145Bz/4vMPZnnvbHf8QMozR6\r\nfB6JAKI8aMbCyzXys8ZW9DHCCVqvywuRzGbPrYVbm8dzEmL53/mo0AFR90W+\r\n3hySblWyN00/4JG5kiLiFR/6ApNYwwQsxY7494tEBMoutAdG3RROHhqPVeKa\r\ndfX+cTPVi2LT2q48BTDMhvQRQtDgh+18J3FA+3yIs9gUjwvN/U6WBaqkNoLY\r\njk34OPcjmelhcfiTHUGMsg78q9tDSULvmCE=\r\n=pwa1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022511155356","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022511155356_1654962876667_0.044405575578209566","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022511155428","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"806a4c510f6bf2ebdf1c12164022cb9c1855f81f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022511155428.tgz","fileCount":11,"integrity":"sha512-Wo/bjcSHomErgkrgnWrkNmonRgDiw9qEcBc4G83Zmu4DcmxGJDHgRFsdiPIe7MRZF0grWx+CB/zfKC2Pa2F+rg==","signatures":[{"sig":"MEYCIQDgeazo4lJA07SL+dnq+ijfc0anvk3L4Z0OC2r44mgADQIhAKLGoQB13xbdkLnC9XqaRgQ1e7KViADd/IOs+jKYC+UE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLriACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZCg//YB/Y0u4t/Hj25E7bSt6fd1Lq68aHSjy+OOGrIqDcwSG4jDpF\r\n4nkA8X4uQRt6tjowE0z7ABdyzDgJEiojDH20wrqzmGKgtCKvIMmjb5bq3VZ0\r\nxc8OSep1dgrLWfbYtTtiFyLA5XUxqDo7h6ptE5tiV6TOv3856rh2CMePQHic\r\nVmh1FfLOyD+rM1KLhESsWCnvcC1wEeklLvAdFr1qzeHkO8fomBluloGHSOmb\r\nOomKOXfOD1vcscYWiOWf2utgorrkB2lPJ9HBkhKGoz8qzCh2JGs0sTWB9Thz\r\nSmb2U6UMp7e8FY02miDfL66KqWDjPXsYgrafeeL4QQChPD8Owd0U/VBoFTl3\r\nePSgsG66X6QguN2aILCUoDlzTvL3Jin6q0U0uRlaAzYY9zQpNQflRGiiHDXz\r\nZ34S2QFie8Wskdb1BemNwD20XMm2jtK0SakCEReHoVk6La0QzUK1MPKFqawc\r\n1UdCqKh+4mHr1gdc1M5kBV39Xv7aOwruNbCcEBDAIZBnNWBHbI8p4wvC81tU\r\n4vIJPPl2atUin/IHdlZHmlQ/dv97zhlYAmvPou2vBahnQJOTztCd88nKYXuE\r\n0VjwUpnUr1EZ7YDYTFtewEb4Q3lG7he7wrPWtr5FyOQNn5CGI+8mCnAqUfKZ\r\nrgph3TJoWNy12HAyIU0QSUSXxBVaSu8JL0A=\r\n=zeFk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022511155428","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022511155428_1654962914834_0.892493095277962","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022513181240","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"47adcf71ebee9aad76204f016353436766180cbe","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022513181240.tgz","fileCount":11,"integrity":"sha512-1JUnspQAA6YpCiLkI45g8VzuTcWo9W349npD6khwNzlROtPyDTasb5cbG0Hk0wdbMb7spcL7EPOsG9vT83xsFQ==","signatures":[{"sig":"MEYCIQDTLZL+crZMZ8XtgfxEQJBdf4hPsXwbp0yc5fxf0ROiSgIhAIuyZu7Nct1mQAWhifr0uu1t0t7Bor2AdoMWY4H3AphJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip34+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmroxw//ddEo0/W7V/V0hB9pyyCkdZvAcH/J6McwklORSjjwoliSI/lg\r\n80BLXqKJD0HknptkNGwTQ3RPY2zoQ3JwHJWXOOeWsFnoY35fUZKLajTQcsLh\r\nkL4XFBOyC6wlKXl2HmhKjGPHH9PiPGIEr/KEnH6zzVH2TuM075AyizydPXvv\r\n9Fw+KKjmHr/GBjiKcxD6dmdfnHRQyeYYMT2hBCFdPwR6GNuLcCzPQl4XYJe2\r\n+1PghqLzcdaZJckwWtW8zLuZZvNWrtKKUj20FN8O2wwbPG3hK+oqcSkkxz5F\r\n4ZMa2naggMoR8PHewKosfGztXxLUIKXxRiwCNRIe5MvElKQ05sYyRFpCIXf0\r\nFgVIW5lqDT9FGviwHyXhBX86qAt6uwhOoktvmXU55+ftiHsK4BS9U+Ggu7pI\r\nfu0GRG7lQHrV6XHMye9yyJeb8gZ+Aze/3i/B8UJuTH1kTPL2GonzlQPCt2vK\r\nadmGUQPs8iiYUgah1fYD2I9KBt0xSxyXyqEJ0mUlvyigFrFMrjR7OOGh7Wy2\r\nOcp0fPEIuphoJMhPCjMhr+rhUtgz2cQbP6ParfiuBYZ1EiBuHcpyTJY1peop\r\nhdlbflKEkYYQZJs3gT2e9Y8OZFmV4gPOX/dtGQJMfgmWIY01njlezLVbMvaI\r\na6d+xQ0An8hijJYNZ2AyT9Wx5dzQIB8YTPA=\r\n=jLZs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022513181240","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022513181240_1655143998248_0.39296591046886675","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022515163532","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1609d0ff05e5ff0082f0e9d7b3814439ec1ea489","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022515163532.tgz","fileCount":11,"integrity":"sha512-fm9pp2q3JgZPaMWEItuKFpaArRZsk45jX4hqE4Ue/mch47FwMD+FU6ecZ75cardW04R3hD5JDqzuoXRB9EoxMQ==","signatures":[{"sig":"MEUCIG2a81k0iNd1AUYeA8WstNZPolbU5asK1rx8yXHHqYJiAiEA39qnkG/PgdhWQv6xhpEdZE8nquPRtpOTEPwoPvZTYRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgp6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFMhAAnz60cNIuxGvBNcVIxdGXWXNkm9h3xmw8Q9d/1iDTQvBWYUg6\r\n4p/0JlBOUo0wHUX3xtjaDf1s8Q3eupksDr+wpmWfCdkamC0foOaugTDpAom3\r\nEERJzwEhl1rkXqymY/sEBTWmIM9qbSsK+FFIwDyCQJ5sOgXSB5+dntttrqr1\r\n6PhHnPmYI3VJLYnQ4PmLnGc/9vdcuMi4jVlNKyrQx4jZ5tharx/QCrzSKTyj\r\nwIZBzdV44F17XCGOLohFAEX0RbSfW+h0nEKHAOUN5KFpNPhK3C7CNZvO6HVG\r\nMgyC1Erjeh6NqxnakiXf5VWQM4CcxhvzF/6+4XeN8nMIVJRBaL0d2UzHEy1D\r\nNzSODMSVWpJjSsEqK+VzdoLso3whATGKOpTx1NyhZt3NGJ5kqKMk3dItoTX0\r\nT1apgnHN7MzShBV1x/WZyhM2lHFKwgOyWdOXJeRbNs1YVYoBOGdZsohXK4W+\r\njcdNSM8KtLnhXukKYEyXNjIrE+FYb5hx/Md01A9XhRgHnuTJvUgIAj0+uwHZ\r\n5rkVwPe0rbEXBlyqEJeM7iYwkINAGADqE0TrgVtRjUDpdfyQYXhre0rsMJEo\r\nbUQhN07BJHjb9O/5sjBHGoWeUNDNw4GjZ9o4eY2JxxCL9KDGvA1mYCpTQCKh\r\nPE2w6RMdlQe43grFbN1lEka9QIgeDd3JMi8=\r\n=x2cV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022515163532","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022515163532_1655310970606_0.2198087989331603","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022516122241","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4362e32534736e62af1c5cc6e8d72ae072b6bec3","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022516122241.tgz","fileCount":11,"integrity":"sha512-M+sZnc5pLG0goT6DiKzTancaiRDUXJzZcXrANsCzBBcMjCHzpzLYpRs1e6I6n4GFoUW1isYYZJyfSp0c8hqZzg==","signatures":[{"sig":"MEUCIG0qRv+YA/rMMQLOTeU/0Tg5EuWpt8JGIF7Ta+p0W2gvAiEAhdr42ZPNEbICFNFZeLjweeTGEmlN5JiKEFW5iHAp4/0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyC6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr45A/9EDJ6yBZ4YsieSgRnDRvevo3jHd79j+tNgR9866HTolP2WWXX\r\nKXgOx/cNeSWaqAiKPNmkMqXEAM0ttOF7xyNhj8gtpGJgU4SQbI+G8pmyBlZH\r\nu9hoTkurMGt+Lm+0LV0iXLwsaFj7PWxACcJ2vXlRdh4v+tQYGLhse+sSK5Ox\r\ntEEGTQk2LG+KSiKsXLORQNu2mA4NpFmcuK6WlvIiztTglOJYvIUBUdYk1ITK\r\niM42ingJbrm1Zlaf5eZAWrPFtKNrxe4ebZS8maCmqyFJDSUSx0TzzVvSIYAp\r\nvBYFmNBfEdYuSENu8Ef2gM8BAQmUtBPJW0idXp9suSmmk2LS378Rr4PwIWqj\r\n5Kn9T/HmVa+LosENA//shJgPGWtPvfEwRMy1MRmdgKPauN5czLejMDFVXDhV\r\nyNPptz5RX5ublMOKL6aIMp9cvA2+iIDhHJcPTk6W/oWCayMFCb+edw9zyS8/\r\n/NJgrofzJvArIKwHH9srH8vhOu8t7CH/ewrRZA1QgwHfW7XLcZaAZQMFiiGA\r\naWpWEsfLWaSnHhTtNes94N/edgI3qRJRWVYLYkxId256fgbbqoUPa0JXHL7X\r\ngvOFpobLHfVcC5GU26KuICRz7RlqFFFT1kH3iTU+eOB0+EF5TGJyg1Hyst1m\r\nFeXuccBG9jJycAQl+H4lVe62T0I77Dl1Bhc=\r\n=kIpL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022516122241","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022516122241_1655382202313_0.6499444882956638","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022516151633","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1d508a3b206097b59461ff5800f6740aea4401d7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022516151633.tgz","fileCount":11,"integrity":"sha512-0GkfZELGc6Q3XmRTDN+pic+VNr/YE+8lRXkwLQVyFKAQsphYCJA+XoMC9eWyufDLsEXUrlbibg1qgN8ygRtAEg==","signatures":[{"sig":"MEUCIHnDAmL9QvBpO3q5hxcmLNdow0AVj10/Tsq4IG47Ru7iAiEAiIih2A2q/B12PN+/obbY7KJJpFTLoihsqcz691ZVJdc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0l5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6sg//ZycruNpL4jv6iHJ17SruPOF/JsfluzYzHShkVY8X9byiTCHs\r\nZaySEoTW5P4MTeWiNTmMyBdo9IKWIvs9d08TauAedbCoWnx4IIDj0RPzV3ro\r\naw9zuD66U1b2N9PBjrv9lUEmk7FNrmHIKIEDuGuuJbgAfzOEu+rI1n4ZIdjw\r\n5G8dFGeejdUbYCJvLJan5tcrXuQnE/TEuWsvpFk+cfuy68QxlBhb8CDyT5+V\r\nc5zr8XcAiYe15UUhsMevL8Ug54f8iwqHYVKTyJcQu25RIczEozr/03BjmrVi\r\nw7pkZBA3nFyLp2gbW8IYns/+7oaWfEPdCbNSPWxMlC4NPLnRTZEC09xLOh/i\r\n1dANhlT0FJ3QKsNhhFSh5H0oBXXVDmPitlhkBgAJPL9BQOpaR19jv+HMddrt\r\n4gQrvsedH25/y5qc08nr4TtPb9GwSVlFjhFg6dJ5iAbETlY/LgtXGYGNq/72\r\nZq4Gb08AxaB+79/f2fICCK2DyaPMhf3w53jP/AqnYMSCVlYOXfbR5dH14Kuu\r\ng2OX8rk6nBXh+BJjx889V6f/jXqqcgx4TNAIgV8cwCrakjAJbQBS47/gKeyI\r\nLNeaEMZHghVjmNWRuO1RwctBtx4Y45syOoJ6a2hh6J3N5pQpNseOhIyLM09S\r\n8pUalH4wPH2VyMfB3Fw7sjjv2PJuZEoB9UU=\r\n=xQjr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022516151633","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022516151633_1655392632796_0.3040068175483943","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202251616831","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c1ba66c19e74db88191927e44bf10dff39b356aa","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202251616831.tgz","fileCount":11,"integrity":"sha512-pPHM+R2R8w9fanfaU+tzfsHu7s0ZECmbVL36D8zGii2Uzfk5JY+zjB5Soh4jO5kgjvMszQP47x0kX1nKPSyGNw==","signatures":[{"sig":"MEYCIQC3s/moKEYU/ZXDN7AVLpK/KJzKuNcMjUT2Sjp0i0xZRAIhAKh09KSN8WIMPvXMHBq2iGRv1J532nJXHXjD0EIggfnJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9Ug/7BylnfIn5y5sLCBpxbmWy/VvpVRgA7w/PIDblE0BCgiYEc0hg\r\ngE25J5hh2t0KwI55BF/hXXkyDSHGERfB78oOEWC3/h0BFyouT5PTOQMxnE1p\r\nyD9PUw3/iojp95K+u2wPAuzhC+7lVOonsa4Sr6v5Hwd6mWTkhscBpx/v1fZx\r\nDUQhe7k8JDHrpjyn2fmsWFGqNqW+mDY6CSDdEnp3irn/2T57vy3DNcATwAH3\r\nyV8oeOwy1mOFucBE7xc3EnC9k/mEx2FE8w+Xq0dbt0oKg1zBUB+QWhf5WWen\r\n580PR3F08iG8IXgXq9lVWwfP42qXDe0tJKJcQ7LJ4e+jt3pHgP6ZcW9DizYx\r\nm97I0K9SrRPHlYtW6etfDY8Yjc5asKFtOiDDTOPAi7A+lN640Hq1sy19AlZP\r\ngLdp8u7w7LYYIs3cJl3/S6PupqPLQCKwObXXCAko6RO/KkQkEMq5jUaHM5yz\r\ngBf4nJIqe4ip945IuEx80HDwXqyyxjiWScJQxcbWDuuIdnm6KrIQcUYxlIWr\r\nmb3LP9eXrfj9xZDX82j4Hp709kwbdhifRFAPhJ1Qvb3TkD6/mIXmsH68ZiiP\r\n7mb/MvvaDUW5N+dulj+IWSAs+e2vA7ps1KFX+5BvkJ/tZj8UsKmj2uhjygGJ\r\nQ87zzJTlRpiVsA4PBVi7fekxpn0tzLY95ok=\r\n=N8FO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202251616831","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-202251616831_1655395756816_0.3758803912328734","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022518113258","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d3feee7d14b1e0babe82b672a05585e0608f17be","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022518113258.tgz","fileCount":11,"integrity":"sha512-6G2WYMnGWJeG6xwAxaXajjW23zopvmUSl96TOIfbEK9Fkw6GvMwsJkZBLM7n0jTTXykSAE1CJsEtMXlfcNHoNA==","signatures":[{"sig":"MEYCIQCOaTVv0knNoh0GiqRiheYRwddFDqJqQj4ZWhW8Tl8oNgIhAJdiN98hOtTjb0Iz3gCGa9yZA4IJNUZ5jBCZhNvyL8o3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5AA/9FMqSiFE8NWKSIMPS35Yg7eLTh5Oj3n8oJZ0bEJ4uWfQs9Px0\r\nJD6BOFLA1IRn5wENYlZZJGuuOff3Y3zh0HqWbSACSJmHi2XhHYb7Gm9iPs3H\r\n9oyRouuMHT/rJLwoanteLKMXzemScxwyjo9pZyBIPrBZ6R/+TlN5+HBvcExQ\r\nc8lbuII435nURc+qGdd5Ty6CKWAFLdGGz26X0B1PVhLg+MIDIBbhqFV2qxzC\r\nE+7irWSGFovMDwkCBcC2/qOg1ELuQHiHEXhiq+nyuvNahOhIwfeHWhYkfodu\r\nFr5sue9BUO712jc0e/VR22Ml4vaxbYRBE8TZwnBurdJDthedvbIwsaUGItdi\r\nc5KWz2BXoqXfCSt3TDvzf/xk4Isin4NYMkO/nHV8jbAPZ0nx3+FXORTnDL5L\r\nP9GsobXNCSDsZiPAS+kJwihx9XbLBBAkcrXOVl2JVOKKnuaogIoCFjb9mOLN\r\nF/DAkVCXQY7IGPuQKU3A+8ZvZS6rCyCzGZIPE0H1IiulVepI3jSwf3X/7YY5\r\n4QNYnsLXWlKSyBIkrtwac6mrB0oshN7oaZLqEbQCJU/l4ITKDcu2AH1qdH2P\r\nnrq3eR/ty7ado3bA2O/eg5TKEOFfPC82T6778/6e0W29GpLzzaV2ewy5gzI5\r\nk2B7UIy33RMgT34YO6yhEeeibHh17J6rVBQ=\r\n=mbqx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022518113258","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022518113258_1655552018343_0.6683877641295295","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022520143145","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9b4b7b219951b84806d10a26ff46c124afcd69eb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022520143145.tgz","fileCount":11,"integrity":"sha512-h/RCljn4ur0hnm5FbYUy7l1W26OZUXNuEB18MS7kM9a0O5GRWTUHT/NZlTXUVXod6VXSiexRncpdiQNCVjO+PA==","signatures":[{"sig":"MEYCIQDXO8fiDNfGO2OWAEtp/0MqL5k62bJJYvgUAekcR4UmzgIhAPpz9yiWi3J6WNt8tX/rwMSgjzMdasVF1UwFpUftawZ9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisIT1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmorww//WATPCUx3legjF/ukp1oGFsiQ2pSWh3dM3CF8n5YfcxiLOVSX\r\nKgQDyaiqtodB2+Chstd+jFBfSpgW6Fv9KyHTwJDhExYdJS4Suq6EUe8/pFgp\r\ntrr1ujlr+K9YyC97G+ieRYpiMKwic2CaL/iHHs3UyNbVx9qzcJAQb7XeWZM7\r\nI5c+bWj4u2bdUqM5iBoiwsTnKbqClWey7j2Pd4A6LStK1GLY0AcynmjuQRru\r\nYAABStXNe1xq/cvN5g/zKkDsw4r24vDzSUEtwfJey5QZkd5ff/eAgkFC0m4T\r\nHfcZQvAEEHSaJwAYPXHJ2x7O5Dsx50DAvpcfRP+6uXTS5Et6sq0/mUlXubQ3\r\nuKm6SYi3elL5Eope44X3bGf0O2TBSK5+Ntk0pcHa3XGje4UdubVvNmYYQmo0\r\nJEFHQc8530e/4/ZpPd/t4sF+OlFJuxtgtFminhbKM4FMXv05SWFaZQbj8YVS\r\nY50a42LmWLswgUL2IIV/ylpl+2aRH53yBJ68X2i4yJLTExF8thg0TErIwfK3\r\n/DgFArunULtE8uz8HJUfA7vQKRZ5L/ySvbByKMiDXiw4b+TaT5PyIG2+EcNv\r\n3GYXw6HYlYkWi2zBUizniS7SoU4A5ne2/iEXjL6wIg6ZLY8U5TIxHt76Fcca\r\ndidkJRwAc0e/Yza01i2W9pazsTj7T28TJdQ=\r\n=TBJ1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520143145","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022520143145_1655735541672_0.7306716948851597","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022520163758","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"885c83a49ded9c10e7fd1f4b95271225e37e735d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022520163758.tgz","fileCount":11,"integrity":"sha512-y9Krh+ZOGwVwydRLh1IFF/yEkkpano8Uq/sRHesAgKj4AmMpVrtRY9fEyKl/K4vKgOythRsB2kIQno8JIa0byw==","signatures":[{"sig":"MEUCIQDCBhlVdfdqtfj6K3mYj5DV3cJ+iMNMueTHUJbSJ8vYZAIgDJh6xU7M+s4urBp36VpUqyvL5AYNrUcCvrS2Dqc6LZc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjgxAAi2rfjH0hZABNNezK6vR84T35JzIyrOM3GrgZrkLvaOHf4ijp\r\n2mmZ0BztAE1QaqctW+PTYbvt+/4tgy6wUdNlHuuNgUnxoPm/vbomsllYdfmk\r\nuaBwy4jOtqjWvSFL/pRclG5I2yNZqVCb+nY70YXfcyEaJmqdS12uv86vHMN2\r\n8aIXUtWodsaBKqNTwrA+/iphKbIQFjYzP0eNobEe+6jyze3TPlR0g9AL/25o\r\nrx94HNOVDOn3S1DvAVY8G6MOM6R0dMp6mephVvkZVDAAU5DbqYw6TisqoeSa\r\nrIR+OK3/ssrKl2wDojP6GDx3W+A/hezQzbe0EC2dH4ETHe+RI75NvqVASdEL\r\ndyk3cSGhUtzG7Xqv40ljTXBSJytIAYjDzu5RcrAFQaEjKr9LoSU40ZN7O6XT\r\nKUKl0oyEByBdN6uhQn3XheDEUhxmvpu4g+lcmV6LZqc4+380JQDY0019Aq6/\r\nyAfwFzDdN3wewukw1p/TwG6x8mA+LRp8xBzy+hnXwMVx1BZ7s392JFXi1jou\r\nd9iII9A4c+PnsXoDF8h9myXPwn2pUaAzXkBaoqVt3PXkPbRGf5RPrxRoR2CA\r\nWV/yVyswYwVdTNulKSdw1kKzrSTM2KOXc9f31CqpKj3gXhH4o3jVJAMLvlXI\r\naWimcUec6FEMXfADRxA2+EOns64vzarBmXE=\r\n=YSNP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520163758","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022520163758_1655743134835_0.6301583111747013","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022520164715","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"62ab52745a2728243b2bd2e58638c82524739cfc","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022520164715.tgz","fileCount":11,"integrity":"sha512-sKWYiXt7fPvyhVviEhLfJSQRwryamZJmaE5ZWpFFsHCH8yX18A8337Bl2q38wHjEoNr3a1Ec3NRJdEfpgXhswQ==","signatures":[{"sig":"MEUCIQCG7KvE1zG4F7wWL3yrWkYIGFUR/nB009nwwRZa4ftI2gIgF3QH6I9dh4Ht2ZhMsCmBH9NdaQTtK3BKflWD46QXEfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvZBAAmy4k9kNeMETEcBhV8OZgocTtPVRbxsrufujuy/KTs5CxdRHw\r\ndcBXxWqoqFSUJ1LQY1pdG6naCvRolrathGdKdJNisODlafM3i1qodJf+bhRW\r\nk8rNPvwYgAt+DfcKpH5RLkh17+1guD49mk6/G4GkBvvPVCqNI6RwN4+XY2wO\r\npwuZrMMtl4d3CsQbIlnLvTMyIDiwuwDomEJQzG0NyFAW6KCg4//ARPZpdQlU\r\nJUdKC3biHaSGybe0b/w0uZ5kAi7v8LEuY3iD/pXTfsXrfYu9E3YUOguCqj5S\r\nlm1G5tnz8br54g2mQeyUrij/kx+iRNLTRETePRAD90HvnsxoWEQDzv9YwK24\r\nG+Js0BpWRcWEyz7+Elo8ra7P4M/HldHCSrAVhEUqKLeSLRfE8v/QCMr7gUmE\r\nysE4eiJqce4+v1EfNAIK0Cz+WTuuYsJiAh1tCrnN0XJOWCUMq37Pt8mJiCkX\r\n+6oIPq4MQBDGaNZZEhehRgOW+jWc7DVIDwHlWSgcfI1wzPHh5Wnd9d1kk8sD\r\npVnnh0fp53cgCqTjCXE6Vd0kGqSBLrC+QrBYlVjN5PTXQA2c2EsT/IhQZt5o\r\nYgPGgcEAssuvDktUWoVZnCn/euufYcRoiw3D8V5hsiMYqYzUshsb5W6wpFGu\r\nbl9AEI5Qn+LrLgpXbuhlraRTPuzDDJMU3fI=\r\n=QY0R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520164715","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022520164715_1655743680302_0.14755379794775458","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022520164752","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"29e51e68a54e366aff7743e298319baa3fd256f0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022520164752.tgz","fileCount":11,"integrity":"sha512-Y8Vlt345tY6+kItp9wRUszW7zyY2lBM4wvn9ut1iWEt2K3usyldhIBrY4MlfsFX4GS81EpFOk5RO5tzPAoNpLA==","signatures":[{"sig":"MEYCIQC+5dXY66YNEUeTsds+1C0kL3y5mG6SJavWA6xGzlXiewIhALPhXJuq2Ik7BXCihgeprccC0QsN1XdTt2b1jCrYT8++","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18764,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohTQ/+I0ISOlUVr8OkMacgmhxEs/6yctzL6UNDsk3c461UrgzGaotH\r\nuqSnQ2+MOWu3x04Dlr39mB2bTQPod7T1cVwCIwrHdnmIBx4SVsQSyb1sLQi8\r\nEmd+Er8wwakNQ0KALichpH93a6OpeM3HAR7bcu4zqUQdOZEjHnRBXsCV1dYc\r\n4MgkkbTMT0CrKWUXUbywYxyCy1mmZxHg45YGYoVoEqNHELSMXp6yqTcqmuUX\r\ni3iFH0NI/n0ro4nDfb78Rieft3KSvAuix6jn3LtqTxWxGA2hn72EOwMrb78n\r\n6k4NhibLQIvkGifiIJkWwKCeczyHIPL2bKv59SCxFgtf1ol717M/4bSHRsIH\r\nKL1KDJqN/d5tEsVP9eheBorPuNilCQmLzzAqG7fiSPoVPuiHTfTUWAuEjrEl\r\n/alrjb3DZimNmJAJxEJ6FwkNwfkDuBUlXenY3CKPM338bprVXKbBwrOZDNKv\r\n6HHvkEyM9fwAqVLZKwUmbxX1YPGmtVmXv5n8g3Z/JbukAc4E+FVxBVBeiHsu\r\nh/QveqDmLz6kcUTjZeBM3K17MOe6ympC3sRZDnllceP4A04r4m+4TKA86hMT\r\nVpPYRn155/ToQ4AP7V4mnGyEn2bTSaswa/60w3uCm2L6HcMA/pA+J0/esXwG\r\njtwU91WWVvZWqROLJ+na2ApquepgRSkJ0Q4=\r\n=oIV9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022520164752","@chakra-ui/utils":"2.0.2"},"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/tag_0.0.0-dev-2022520164752_1655743716362_0.8637053740592939","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202264144818","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6109fafe5dd70f1fc07e1c1bfe08319c93519704","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202264144818.tgz","fileCount":11,"integrity":"sha512-P47ntINmx7Ellc10wEduJ/G4VjaTezfczUkxpw6LQ3H0/RqVpo0dd5IlhaP/t2Yhi7VDk1KTY/d59jWn/CA2MQ==","signatures":[{"sig":"MEUCIEQsCuRU3M4Yw0khvwrabewOo3n84dhV7ybmKpEBZKfRAiEA4R/zAlRd71GqJTar+gAeVjBEidx0FUIg1/bmsBrZ0mI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVbw/9ESvdZYjx7nShpxIGhjhX6IzOqQ9zsv6BF7AHJhbIoDn8JtQS\r\nfRrDnhSndN2X1KDY5KbWAkzLoC4QVnUJyhw0wIZ2LHTiCSfMoaSiYKBw9jZM\r\n699/+AsIGqmVjsfHHomcI0OeFg41+JSomPVd+KNpiAV8GQ41Z4BbRnnsOXS2\r\n5ejAHd6Aaid1hC7CH4RYqQhb7C/dzWFL3Ne49El6erSEE3206xQzj689eGFe\r\n65XdBQib6KZ8mWSy72rlVz5nnqOPN8DbxfWKUDKXCIW6OBxP2YklXbqkvXCs\r\nv9QG68faDVvyV3Qvj2VHtMYpJYQ1PQMhb4IXLrBWOzXrptO/7y7VA6y2a4k7\r\n3LuUMbP/TW8LbHX09avJLBA6fewLovy4m1EDXNTsiaWF9spQXeyi4yX0Pg9F\r\n7SCRZK+qtEr2sE2BH0dpjfFE5bkq2mP+E7zua4SST6Fd8dhq1BcJ6QVqP5AM\r\n+0VPav+8x4we0YnsOi9dk6FgXc0mnnsJpDJ/FWwLHeS/cy+n3/3GXOK2Q9by\r\nk1CCbWNxUw6hf3CwR0DtuQl2didoAURmwFN27QXA3Ufz7+1ztR6tkF1dP0lF\r\ntLWJWgOtPoCupUeFZNoX8UPLY7BXdyyylnH4cTHYDXQwJpH7XKHexxUg7S7/\r\nBzUGQUD9fRdG5gn94ENXqKiNoLR+9bwuzEo=\r\n=Ghlt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202264144818","@chakra-ui/utils":"0.0.0-dev-202264144818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202264144818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202264144818"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-202264144818_1656946157956_0.17021559658562868","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022659325","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"daee19ec0d08a9bc9332573973c9e84ddcc6818f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022659325.tgz","fileCount":11,"integrity":"sha512-3CzfPuHwvqMnHzQ+WQTLNI2JxV8WhRH9sapndPzIuJ1xd/ODWc8ZRilctNtt7AeRxG0Rl5aiVQO/1+dixoywfQ==","signatures":[{"sig":"MEUCIQCD+MzVdlOiAcuw09O6ir/UNgzkMVGoM84itno3DZg8JwIgJAflLUlZFj9W8u5deRONKbLi+MeBbCWoZuvDeTTDsxI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/6DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxYQ//Wa8khrz2zjfhvGn4wxbyVSoaL3jkPZpWPnRiXFy5d3+pMPSH\r\nUINeoVBeFps155nFq+yg661YO717rM3xwTu16GeZcLc1lIoBlzIheVCsGBwx\r\nEV1O06eC48vErmau1laem69Vzw5We7XLwzch04aWlvcpo1eKLtY/0ojbkB9A\r\nxZf0m7Gs2PgSU5UyX9BwaT4haBsI1vvGQ2j570LdtSeFIBcpCUJJdjQ4PJOB\r\nzWJ46ZW+2OpyBdyK0Z03VsRVVNvtIoBHRSkt09BJVf3UJRjPrH53oyJTgLGR\r\nTg/dq+xrgFXfMMgwsFSQtrugEX3/tgv07IlLv756PHirhSg702xgPqdinnXo\r\nhpD4sMq8nI92MT0hjp3i6JVjrjulS7T2Nj/MQ6uLUtzcrE7lvu7dlAz4idBm\r\n3UcNvDhd2FS26WxYZJQbbcYHD3j04Rd3pt8AUSILDx8WKKvi0z1/LelzRfkg\r\nkDMK1md2yZCQOj716FxTC+M/+rSvaFIWo27R3PZW+G7LRi0XTL3zYrTUlGUx\r\ndiQ2fJLZ/RVIOKf4Kq71wzVIwDnNsHkpMRnltVAhbnziDs6P30dVwbeV0k7K\r\nThPhl71C9r9r+h6CyMorrWg53eSD5qZXd+tRBm/QXrb6rjqRsjxGNkcE5+jQ\r\nOjZYqXmni+vdNC52CXt3fVAr8jxfdIBgNzM=\r\n=SU8U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022659325","@chakra-ui/utils":"0.0.0-dev-2022659325"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022659325"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022659325"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022659325_1657011843426_0.49031991491499993","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022659431","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7845f4581987f8dc9010e36e9d6509f578ff46e7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022659431.tgz","fileCount":11,"integrity":"sha512-5dsyuJrhcucWsziiVu4clE8Ab0fAEVZRjONReY19ABBjq58MeheepWtlspWcGjtIR2rwGxhmPExLIFsKJZAIlA==","signatures":[{"sig":"MEYCIQDBiQ8B1tMPzuAXOppkmrcZqJmkPWIppmRsgoMIdVgq3AIhAO1Z1Libf+FrNjyuUyThffKAfKEh96ZQrpQho0xFhB9q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/7JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBSA/6AnP3vwUcIB0bZ3v+wZoNe2w7r20GqqZ9yvgkzdu2yYTomZCP\r\nY0cXp7W04eFrKzum/eOmzFWPE2FU7DNzF0IZW1GaK3EQQqJkmfmAYW020LJJ\r\nWGpN2wIem9IdMBtzPsdK2SlDaXyyRutzhR9qNKrC4cchwuf/qPs6f0rHMKsr\r\nMHM9FdzyP+nO378fWm+U8AHvHoGTeSHBkfy5rPAmaj/Pob6/zidb6sckH2pt\r\n79utKGIsz6t47IJvHVsEZWTb5pTDx4eoU2e1Irtljr4HqhUV+BDn2TDmpWLt\r\ngNYRDKTtPOUjS1q1fVJvAbjUN0jx6+ETc9CGaES7gkHBEY0+o+2ipPFHad8F\r\nfAfEbSMFUFk7fmpupYPNO+KuqFjrkpFw4DAXg+IqMj8ndsebmSqsKrdLxr8E\r\n7ZbClou3daiURc+sVmcAQhP6S6MOq7ZPdHu0WKfEMNln5CrEOYPA4eyIya00\r\nyw7fTp+NENfYCaV9V7bYIZ3eP8zQolPdb5zePb8607Gr4xFmYCPpABp4CqcR\r\nDlwJ0/WHJCI7mmOTm6UcAu0nMfmo8qz09eeuQKm7wIzVO8IGRJqVz/kPnLhC\r\nHsxlnVJVoVIk7P2pxOXf07QJuJW/tlWLYgR5Be4zBjcvJmPrFMgiuhZZNK7l\r\n+hvQysVxKs5XlGbObS/TdyBmuJMVbUvbvjk=\r\n=NqcS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022659431","@chakra-ui/utils":"0.0.0-dev-2022659431"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022659431"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022659431"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022659431_1657011913141_0.782643087477287","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022669710","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2698105b1ab2fbd2c70199d344f31669e769a761","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022669710.tgz","fileCount":11,"integrity":"sha512-QCHC8g/iXiJKW+6IDrS4kbv6pY7IAJ148bKvDmT+Vusn++7p+cKjzXW0R8THXlal6M2B02fSlPt1NyqcxVpCyw==","signatures":[{"sig":"MEYCIQDqwfNdekQQZiSXHbtYJDZEuqkqojZacRlOFcqEiRHyJQIhAPJNOvtQP6WKLLqtciYncmXf4PtF2bdPan49q8exsA+M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18767,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPXQ/6A11aARvrLKKnKLWurp81IjfXSFt9mwbpyxVW7YBQViSo1UGv\r\nptQ4eD72xPq8cGeg+6rOEVcEbQzQEmxubFxaCBzZL2vPT+poSAAXbhmaFaGt\r\nCFruA9PZ1184PiFQoI6iuF2yo84kpjAp6IXbYPMr1WpDuilBEBMWmZBqpPZA\r\nbEl4wKiWMLPF10IB4RpgrqMVhQlQI5pcC/miMjzcX9wBcLwhIcBzwdWlyVJX\r\nVjtiDMk0yE3xfjDXKoxmz3G9ZfKCao8qx7Iqcx3h6Sq3Ro+5qrVVRb87z6DZ\r\n7aH2X8we1MDSTaniTuUGXnNO3rjoLFOz+y2eN1ki82I1fs6a+234GK+2oPIp\r\nm8WyPTju8RNfowBfXu6KoPLNuU/s5ezpLDFue4E41+mHEcuOypYPv2aOCr4l\r\n0rD962OtQhmk7FBppyKj2UzotZ6ndQg00nY1FfITQLgeScpJBOW59geK3jdG\r\nOry+dSYWdZdNUWJRGW36o0YK1kaqowvdgC6Ea36DsC6jUaUudYtMhYS/SdkP\r\nyBX9J1WBLXq+4Qtj9da+aofHayZD3Fsak+e3C5KsYu4hQLWVwcEMtcav1Xgt\r\nZvg2HCwFM7SFkn74XmsgkWMrvjT/zLirb1tzMFn7+1A2+F08TXvU3jiMVQkV\r\nKkAbvXpU79pdcHyfH5kht8YRWqcGa7Ei3oU=\r\n=fQwo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022669710","@chakra-ui/utils":"0.0.0-dev-2022669710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022669710"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022669710"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022669710_1657098481652_0.03941311088640864","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202268163535","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"784982d6a3804149fdd62ed38864659d8f8404ba","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202268163535.tgz","fileCount":11,"integrity":"sha512-o4qCgqpxeIOAfVqY6LjQHcBrq2fxIUnT2nW+zUDWRSg1FDxpcBA55vuUbHwjZ87GD/nIcUNpdXpamyT3LJYaaA==","signatures":[{"sig":"MEQCIEL0xjEolw0x5NZz2hzfmB9329JjuXTMyJ3XU5SMwP27AiBvAY1HU8OccH9b7oH2Ebap95Pay0WK0/S96ARyn9Pb9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyF0KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxdhAAn1yd8ympc+focnekxZJvY1JRFbVGhwVGiOXBJDX4ab04pSyU\r\n/nZzP1889eP0YNIlVjwX0ZIZIjgJBsPRrc+CwTodfhrEHnTjWNykOvcQCagl\r\nIG0n3N7QoeYPXgOD/7wS4umb2dsJzb87chdyCo1iRxmms5DbcWvOfWnMjwN4\r\nWxVTCc0gKZxTAKxd5fpruHPjD4+bGMqb2Eseb2cgbWW1oX8eLJguvf+PCFNV\r\nTNWUtlmqbS3haxUQN1yi/osF2Pl8q+Fx2mtPNBeMlqD5ASKaAm4q0oTQ4krl\r\npngv6r2BNf9GLoDPYHaRSWkIA4hTk4PK8rZkWEf3DpxXeU5u3rYetzxXMbEm\r\nXJWRt5I3ektATI0nC6MLpcEM2xKkvvD6Fv+9DsmHBa7M11b9UTzNASsj1SUq\r\n6LsyvTazbZA1Q4UzHx8vw1gTQyCHxLO0w4AJYx4XIdThzxdq0J14Ej4YzYcP\r\nesyvuvCvMVCpDxIeFp4dLr15TqlBZ/kCmOTOE0t49uaf2QzBoy3qEZubBcHL\r\nqd3JRVEQYU+1458ypczPDyGmmOp064NsBxtMmSzvHx860nhHQIT7T7Rs7YvY\r\nU0U1HRBS+aIak1L6jXoVzDMgwNfKqjxT9FTz/kKnRR06CJ26UThmmHNeceB2\r\nLIAThAf91M4S4AZq43EjbrCUNSZivaB2K14=\r\n=cjQ8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202268163535","@chakra-ui/utils":"0.0.0-dev-202268163535"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202268163535"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202268163535"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-202268163535_1657298186625_0.5656025605242627","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202268165050","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f9c7552b474c055217d0fa3c454103de6c1c1636","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202268165050.tgz","fileCount":11,"integrity":"sha512-A6beUzCGcHHWg92Jd+NJLFqqR1giC2PkYwi7OSUS5wXt4dS/nW2KQ6SBYqKUnQ/lkuWGsbjiNiztqI8iFnyjqQ==","signatures":[{"sig":"MEUCIQDdNEHeajw1Ll/3q1HReQeOIBG3h53FatzE5VNQOQMAnAIgITDK01+7WCAT7XCjgyNtir2cX+EMf2KOibLZ0M2L4r4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19103,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogKw//bsOxVBk3NgV4hX/duKbSsbfjP7uUgGZHzHTn6Y/Oa37AKB0J\r\nARfMc6IDsBF+wfllruPzp0ddD50H0uSiNEalv8fE3zqqefckPus8UwZ+8WUU\r\nIUpAjynkEzXv1h7Twws4EZbbCnPokq8WJYyZ94hU7CwiXgbWPEv1ZuRIvwd5\r\nNaPYLWgtfkBboOjPUtp0R2MX2LX8+8QdVfz00EbjqbEl5iDaURIGV8Te9G1f\r\nrQeuJmtnLq3bPrDJd8i/LfrY80v7+lW8AVdz+XwOppx8jsSNR1OmIlPfZAPG\r\nIYZ5GzMujf3a7ypikSYG3/gdwx9NS4GVATfVtcLxseqZhhckn5kaGbKWLYzE\r\nQZhg67/S+YsxucPERjtvqTnEirpIj/3StBO3RQtmMmiwr8Z8NRPoclMHpZCy\r\n6N1B95cx9ohSLlBxjgQfN9BPNbann6CWUkLvIwxaWC7/dVZcHTbJQkB8Amhu\r\n1H2cQdzi6iGNhunuvQQ8OwCmxuZ+5iMThTbO8mtg5T/52Vs4cu4N8nyxNJfj\r\neVgfXNXw2PdcIqH5bDPTf4oOw66xAdwyAFIjNszoJbeKGA5fDgdFprBqZGHE\r\nmGL1iEC7H68pIw6pbGQaM1ITAZs/paJRBTjsMhBjyChsjJWUxw6L2n298FpQ\r\nCWaY9Cfcl51RUoWPjtvR+6wS99Z3jcwEWw8=\r\n=5wgk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202268165050","@chakra-ui/utils":"0.0.0-dev-202268165050"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202268165050"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202268165050"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-202268165050_1657299090951_0.5691156354849951","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022610103716","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3d7e2b23e8b422e87b86dd7041d1e73da3f17eaf","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022610103716.tgz","fileCount":11,"integrity":"sha512-Sh5Mx2udm6vvHOfVUraGLk8I6aJShd+rESW3YJ58YMJCTl0WLC88TPiHHNh/wseltnma7J4c30s7srpGSpKsLw==","signatures":[{"sig":"MEUCIEh3fFghMBzS+lTBzCUACAvqly1IrDk7LWq/HCPzxW/TAiEA7AIxr8rsZlMYffYRPrHM//0zR60AFfST00XWyzq9CFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqwGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqmHg/6A7n14DW1TesVp4sLFV1lSmMdutJmcRKA4Q4XPbe9hVIMb3s6\r\nUuzfS5fZskVZP0iY/0d4kI664f9xKnH2MEnAPMqN39C0W6IdUnjJ9vFt2Iy5\r\n/qnmGsaOoQ6dr/H4HT4B704X4idNYHW132QOY0B/6uHHE4K8H7dM1Vjfo51C\r\nXcl61C4yNeZI80m5FeAwGJWQvyTiw4U3JdzamFYUm1eZLMKPGjEyviAQudDS\r\nuo1p5svAtC3GA99PFxl6+fruo02aicz5+Obx9T7kLz7sN9LXVNgugU1OapCm\r\noolFcmk+evj50oPGpfaecVzrp85SNd0TcXq9bygjVFEkGmfFHs9xFtWz43Up\r\nld2eTVwr7T53GJCiobOC3iS7oMZbg+OROvPiyY4nxXEnFdmFylmDpy8r9QFt\r\nxEPvQyHG9BXP9a3Hh142FpmyEO0/DQf7tF/QWKh79NDR0lzN1WC2MPJFBOCM\r\n07oXjZo83hLuJlkNGg1jkNXfHgLfVSDgbrGfzN5fPu2wmo8DChbDfbHtv73W\r\nTrhbYPRf3blKzGAEP/CWVS/ZAvCFX+v05fpzXkfxKEjIttl+PxjR7CJXXXA0\r\nrjwP6Z4X7EnNLJqbsjiT/oSyp6A7iG6qTBWKe++3xEESvo8YJPatqpWJfZS/\r\nzKeDX+jqYEvHfxDliJzTVwKN0ghWYCPH++A=\r\n=V8TZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022610103716","@chakra-ui/utils":"0.0.0-dev-2022610103716"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022610103716"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022610103716"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022610103716_1657449477947_0.21622798558823875","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022610103924","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a73a475ce4126bad8ed9135e45cac006e0346821","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022610103924.tgz","fileCount":11,"integrity":"sha512-ldhCMGR0SvUJzHGDYZ0uTvflgPh4QiYaQ/tpJGJOTCY9L0oE8g3cwEdslKVxS98/FlMR7FdvzaxfrBzODvAKWg==","signatures":[{"sig":"MEYCIQDrs86iZSfu+fqA+w5gyJFKc3MdLg4EpfAWftyc/Sod3QIhAKx7A9xofCy/STCP4eAEpso3sCr28R+4UoL3BpVGd7c5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqyHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoElA//VHBk2N3B9Qmr0bzuAAb/6432K2pNZLqCqQYdBmZR3FjxaxhQ\r\nB5E3u/TkxyzSutUuW+seSqoJbgm9+T49l1tVGgsLZStuEYI3trj+D4T5ZST8\r\nmLPpkhq/SjG+yxEv9YSHQd92ZJRHEJTCGV5TZ4d3TMOs80rLGctcqzmZiNyG\r\n1GcCMUNcpr+15mLTPQBLFfDmiH9pKg1K7taPH086gUoJ6OWM2HGp7ZEsrULM\r\n21jc0BqybeA0fZ8bxfrp72krP+8ArIcwzq0EGxm1YZ8jTvS6weQM5Z7ARVpY\r\n2pCho0cmODZu9T78ePwOZn4nRTjXWeMH8pxnRWPrhq5ylHwJ1/2ztXq04MaK\r\nGIPyn+UEBD+cJk75R5xRgzq9RAyQYs0ST3IwbeNREFN2JY0l5nr8D4/3WKDE\r\nIAMFjjSHlGRNiv4Ysqf5E/eHs8MG3u2J4wKDcdrlz0rWzNs9YUyT7WG6O9z0\r\njveFRDeGJcsihEeAYZER4Co1CyndymrJOcZAX/npMG8h1emBtF33sRmxllkP\r\nTkgaAHvi12ZZqAOn2R/asN/nfpmlblk1aPJYtK4o7kEFJ877A6c8WWC7cAyb\r\njX/v7yCiHwMTR8Ve6541tvwlAEpFEZEukZlLeS3eOvxXHOU4ZO3IMYNCBGfs\r\nZ9Rrh4SO4OYnVQWhzdBkW+LK+lWm9LDx00k=\r\n=oIAO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022610103924","@chakra-ui/utils":"0.0.0-dev-2022610103924"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022610103924"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022610103924"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022610103924_1657449607275_0.3465313985800722","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/tag","version":"2.0.3","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"0107745695b639650005a98cdc90f9a856daf457","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.3.tgz","fileCount":11,"integrity":"sha512-s5ZsoHu6g7SiXSFpK4ON5GFzOwyQ2tzfpr+jRV6KeMoBvJO7j5IXHcS19o0eBtcIn/Q+g0lWuqqubVrGH16cjQ==","signatures":[{"sig":"MEQCIFn224kL7TFGz7PJpo6kyCxk9xwGFhBrVGGjry6xDr67AiAaJgZjae8XVi80ozdAXe4QkTyg3bJ+TnoFtuzqsoxgDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlNg//UnClWWu0WwX0pp5Aq3oGKQ5gckZ6kf4eX2ZcPOJTcEnU4+Yk\r\nZLGpbYUn6kK9mgtIO0+mcCRtYX+CTwepRuHw9Goxs5Kbl5H1x/BAbGhM/upH\r\nKaBk4uO29irNO24zja/s+A1bYwjUpCBfo8ZH9WPhb9dHgbAifZj0zdWDQ7B5\r\nmlidpTK1GhJYBvTpM7DNCJkfQ+kulf7hXLyEY2W89maXfhUekccChDDshDFO\r\nLnXPoL0O5gk8oc4HWNnVAOiqaQqauMB5tTDA6tB/KIEi8uwKRlvgTW7Zuv7D\r\nzrt52PHkk09V037FZ8i4O/NKhh8T6xieOEGn4jybzuaR7CfJoRrHDehXz/TO\r\nCdxjc2HAnPGX8ERsXolHD38Uo9TLNdnxWBVfPpyxFAKLhy88O1CLqhasUa3q\r\nLJXvXN0+wdh0n0uMDVtUGlqzWHSiizl0DeIqjiS5DPeAKhBbOUQ423Sl6uY9\r\nurt3H1l2ZEq/umDcArz3zJBre8SbaszBN1Qwj0h4ObhtDC0zmypbOy1fpQ7t\r\naw7Aj2gc10gesLBft9q9I4Yr7kpJ0MFl5GW8BjJIxlkQa+XIwVN6wflxYThM\r\nWgix3AE98RyDW/0FkHEiLW0Tv2esdS/hnG7sQP5RCNS8fdpgy1TwpjN4GWx/\r\nVJP7lWQH6++xkilZu/nAVkYQjf845KY1C9M=\r\n=mm7d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/icon":"3.0.3","@chakra-ui/utils":"2.0.3"},"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/tag_2.0.3_1657450641780_0.31402800606140735","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/tag","version":"0.0.0-dev-2022612222012","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3484f79ee6399dd94672bc3f1dd1e0efec9ac6ae","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-2022612222012.tgz","fileCount":11,"integrity":"sha512-DnZ5w4gCGWiWFMAa7DhWR+uYDzgSmI55wHSKfM0V601+qDVyy1m5+EFM/BiLlxyqo/CTtvsgNvRIGqEz3Dylmg==","signatures":[{"sig":"MEUCIFxsUzGgbtyGA1zxFAhA+cazyAmHELrfk2tlp9fE4MNMAiEAn3usSq+TUONp7CiVRJWEgzgeGYe9lF/calXtKHFfcCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19108,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfPKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3Bw/+Ni5onw3pT0/vifWs8Ge5L7PbORUBItr0LdRrU6OvVx/9voPi\r\ngAZBuAvdxsuo0zacg7uozHJkA4fMoDmiv5OqmMYFzqzyboWsQeDznjnh0zJt\r\nrsQ1qcMaY+i4KDin/g8fOE7CwbUi4oOPQjHs8oyUhIgPK518dGCiAmG2uvV2\r\n3AENY1UeJTyUhYkZlSZW9TycLxYLERq8Chz9qZ5SrcmjUWq6P0orswuIA3id\r\nZaF9hzo/zEzRN3psLKVmr/WRbSjSY0uBYre4s3ZOn5o1DKzz7KjiNHzm9cvu\r\nOxMiiDIBxQCpMMKKgmgNCphGjFU0uIlqB/mmsRXvFSzFPoyQQTv40/DNeG05\r\n+JcA6fxvvsOYYOkssCMbq7364ETkc/BVZFPF0vCHd33UyvlZDl7w73X/y6AL\r\npZRFyYvOIPN+M0Cui4R5z5h0M8PkxapSBC+a9oYZaB0n5sa/NBZdYIHoJSrl\r\ndzgiFNsXnCjM42Rh1aWPs0MHjspEM+hzLbAUDBcaVyzXwhN3jZnu0Lo72zIW\r\nBZLl3Ax/YC63rdExSnnO1TEZgJg/5AYAzu8+j+L/LkHioWpuj+czMn/YNMIm\r\niqCYaOZRqyrRFe1z7U754LY3Gem4gk9Bl98P9dZkpbsf1KoAAuYHmLkdIkzM\r\nt48yZF6D0+Wl0hY/dwaXbe4WqHtj2B6oloI=\r\n=A9yk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-2022612222012","@chakra-ui/utils":"0.0.0-dev-2022612222012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022612222012"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022612222012"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-2022612222012_1657664458428_0.6827097372316322","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202261316456","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5a77397bf8fcb2fc28b95531a6bb2b74d48c27c9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202261316456.tgz","fileCount":11,"integrity":"sha512-KP/cNdYCkn7PN/CN5G96+yIa8o9vQdCCiT/kAod2SYE/Mca2pZMnKotAWXLedVcizHEw9xNEGpyTnfotY4/2eg==","signatures":[{"sig":"MEUCIAFY4ZmTqVRnj9Vof+CH06NNwq5mdvpfv9AwmaQxB5cfAiEAobr42BpVVk/V24mKDqjivkGyxgMXwdBOVnW/xu2YWaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19103,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizva6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpw6xAApDXGoIwvn5GOPrc5sUF5L4uQsUdANO+7trzxtMqiSDU9CR7d\r\nwB8zC0M/DXGcO2uGIf5jeHQFg4Daf2wnbjJM/vq4201O0yvdYGB6rU2XQACg\r\n90SZBHqwzWEv5MtpytFeTSCkXVmt/HH2611HD5bgnWng8M6EHvG0PhQc+LJc\r\n8P/ukKN989eSaa7Sm7glTRPc/ir5HaEtdtZ/SW47SpQ0X1aeYRiYevvTi5J/\r\ndWZDstmSL8PveCRHKS8+wnMLr7n5ugbG3OO11EDqVN9rPwvS2/d4M6bJ7+Q+\r\nQh3WwQ2Xc4psrJKqO4/ruKW1M5oldzQQsnXySr16TGleM70TDfSqN+oW7JLZ\r\njfGtBN3iGl8yPLrSktNmc7gTBfiPAKjDda+eGdT5VwuoCsxBR4IJ4jcE5HoQ\r\n2wrE83n8TEgQlFlLeFyoUqLFwP4jiS9FAz0YCK+0E2oJnQ107SCQPQZBauYl\r\nOqLeF+ZHqV69mxnqCerdwgfG9xYgsv13mqftCWjXvgKINBlUZZ/k1xN+NkpK\r\nYrZ8qAyMLSXkRob7ibXedbQo9A0nyl0gGdjTKuhZWK/8IbXluOkA7OiVm36x\r\nWapsQqCohUwth+sf09c3xIrZ5CGZnexcVzGyixa7sNJoOr3iuohsLPFMugt4\r\nXV3GSOUP3unG34fvZ6mcLzRQbrQxAQP5oSU=\r\n=hdZf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202261316456","@chakra-ui/utils":"0.0.0-dev-202261316456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202261316456"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202261316456"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-202261316456_1657730746587_0.546292253378988","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/tag","version":"0.0.0-dev-202261317818","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"2ed33867f6fcf58609cecd7e5bde65a8d7e87e1a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-202261317818.tgz","fileCount":11,"integrity":"sha512-+KA8cHSex7MoogKKvH1/efF5MD2me0XqXvnoyWhWeEXsA63sAqudoHdj8miztzunNcs7lrNbPWg06yGb7OIm7Q==","signatures":[{"sig":"MEUCIQClSTgnwbImFIB02CNAecpovRMQlBsWOp0il584dGnk2QIgEsBzsVZYRC8mXA37kvB3KF9FxPdCin9RdbNaB2uKg0E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19103,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW7A/7BOyfH3XL3hjfjkBnt5ytiAbenif2LZgSdQNhxp2THY6IqPhj\r\ncc2iwcenc8Gi7OucKfbcEVYC+PpzhM+kf7qWEgIIPsgHZyt+CbB77hSVfP+0\r\n0tMqLFu42dP+tSYaVbfY+YKD2N7GxMLXPDUz1ulHSMxkTJw5VQQEixwhJjlX\r\nYfGQXNwzUUIvUqVaVUVA1eVFm03ZOZy58yvBQIyQVIPO6mnDzKh83YIDUOVc\r\ne107gFt8x5L55toWQsWmSNuVLXBJ6HokPFDGBQU4DK+AXU27kW678qlgWujc\r\n3/syS0qFP7yad7f69RHj3XeB5x0ejv9/o9imbO14IY1VDF1J6C/V/JG6Hi/E\r\nNgx4qyWbkPcVBaK4hgur8FdWAr9ZV/ajmzmqDZwHmeQalT+JFx7xdo8TLFfW\r\nybYKzbmks+lKiszDxgTzxr51zca8ui5QrClyZgRJQIrZfc8UV3DtT4FUAs3s\r\nl+LVj1Uzdb2rq/M4R+aS44vfQogb0UQH9+LtPmfAljJDHakH+0y/SMMUeSuq\r\nTmDBZSxcZPyOjkvm+KnT9CRr3tox8nyvqznXnnJvcorGV4senXYTMWRwAJTL\r\nvGvF7T4OtiDi23EwNE1iX8A5bcJQqKupLlotFjK+zslYrKJwZx+w9+/eRJ6F\r\nIjGWVyOoXhuKenoyqce6o1/BXuOdnnIyoNg=\r\n=vldg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-202261317818","@chakra-ui/utils":"0.0.0-dev-202261317818"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202261317818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202261317818"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-202261317818_1657732142605_0.025071618103458482","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/tag","version":"2.0.4","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6a43ad942d8c60fd930a786b3e35bb8c84059f5d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.4.tgz","fileCount":11,"integrity":"sha512-OF6jpaDDlgQqN58B3K+pIEbWLRWXDm3LuqzM6Z/YIYL9numMIpxO0mZgyFsJQWvC4ldpGTf3olAvI/3KEHxSvA==","signatures":[{"sig":"MEYCIQDSf/xuIAyfHhnaODTHhYnOdpmGS/DXVLMyNKDAHVzUZQIhAMyGLNqcNLi1NYWQL5DsPwSdyVmU0HVnELZ0WH0CV1e8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxKAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjxhAAnkApetN0ppxJRC4czLrleDW2A1loF0ST39i8mMwY7HuJTfwp\r\nlG0J3bOYeTeWlgNUdzER57vzcS6R9N1ETH2tkiv5eCGktaBRrIJB9Dki8U/h\r\nf1Q2VWdgaj1aMUV/o/2NeKnT/bOarcznYcQQz5THbV5nq8cg5QiyP9tENr40\r\ntTPP1QQe2FzN8CjqrEOgnwGNL0A7i9bGse3HEwZZkwe8pRooS0I0Eu3EhwcY\r\nQsA1yHpSeWAo+ORT+z6/id1XhxagB008tU+O2AYgjgATJnu4oJYd/qfYbYLa\r\nRobIXOWAFgUd4VwC2lhmEcWfy78brPip5sXfNuztXlea7YfDTnWE4WvXsD0o\r\nfBUmATa4f2B2OOnL3qKZQWBHd4J/zMBxLuW9meLsQR3UbA2iA9RW37QV0OAR\r\nwwgGaLKx2gczUVvURnJLvbg10K0JoKHTYVUTQajmlkPNQS6vJV+r1rfaPTqC\r\n4xhOwt5AtEYoxudjwUZKp4fnfLt+SMQw0mgxqH+iMF8K9hFcRTXhnuJvS7J/\r\noY+ASOAq15SjE+kozGwbsPoU0HCzRaVqzCKSzBEuobevKzgXDeOX+SZNecFV\r\n/0AGH1I4j1QBfhfxUIBCQZVqOQgAfVxXrZxZFtoqcNfJunoKn8QpwpFbQN9h\r\nkWVdeGopzQCQrZVYSzrYrAGGGRWgyF0nQrM=\r\n=2No0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-tag.cjs.js","types":"dist/chakra-ui-tag.cjs.d.ts","module":"dist/chakra-ui-tag.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/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.4","@chakra-ui/utils":"2.0.4"},"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/tag_2.0.4_1657737856195_0.11339569273821803","host":"s3://npm-registry-packages"}},"2.0.5":{"name":"@chakra-ui/tag","version":"2.0.5","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"f6adb1631530cbddd9ab788aa07ae377df2e29b6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.5.tgz","fileCount":3,"integrity":"sha512-E3ty4u0CB16wSIzdFLr2fTzWOm1DytKMggW3OgH+HLnxz5gH7F+S6c7oZ8u7iqlR3QHKz68j/bL3Y59sF13Dag==","signatures":[{"sig":"MEQCIA4/X6olpKnKLprse1pxuqpkpeuv8Jl/aKduXOz0QejVAiAxWtftpRFrWY0uRekc7PikWVBPGzNC10yfDaX3Yv74zQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4005,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJVBAAng7I7roctMqGRCj35DEcFnZEWZxnwLPGgJk8n7LYLmIP4xHT\r\ns1Qk9ml5O7TYAfgVQ8LxE271S70p7iYkPCLiiEAUZ9kixiAUOAGpEbzOF/zU\r\nfqgBVkmsAwemkMjW35mXDuAfS3WqTaGc5WwUz0YrEKThefnB4ISsBjDtBmw7\r\njxFfkSaQ5l9OSpxZdlQkseWel/SCM2Zk4Soy3d1Iz3hnGVSakachlL88p+0M\r\nSIySqrR4T1rw6qhIPW6K6fM60JxHYNxRI+uLe5JyAP5ceT4kbMM+MB6mlOen\r\n6xKzEWapBJ/9xD/YBBJrw4ES3cbru6H8IYy62ZGWLdRWB6YZfYjKbM97NfR4\r\nkOUSQNf5utUDwKX7XuKUftBP6h5gOi3hRDE96DgMMlI14zQXVCxrGjemQl9u\r\nyDip/4Ws2aE6I4njJhMdjwcA+xuABZ1PX4jGb+79SDunidsAo9q8MskGgnie\r\npg5+UCYaZMtx1CslDWu1FcpS6SdVyTHYx7abpaGKP/spWuqT6Ix4h5IEpClk\r\n+GcuT6BO3ROKnj2hok2B40tH+m4vcHBzfKFacYbTlz+VXzdQtsE++l2Bo/Xq\r\no1G8Q6J7IPI1Dy/aUL0U4QUPdADw2Z8MLCd07xzxXZZAGmOuhxyJLnvCD/KD\r\n+q9JOIlJJekniBcZyycOyHE0A+wpMMp+fRA=\r\n=baHZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-tag-2.0.5.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/15e773f28b89bacc91e82e23d22c14ad/chakra-ui-tag-2.0.5.tgz","_integrity":"sha512-E3ty4u0CB16wSIzdFLr2fTzWOm1DytKMggW3OgH+HLnxz5gH7F+S6c7oZ8u7iqlR3QHKz68j/bL3Y59sF13Dag==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.5","@chakra-ui/utils":"2.0.5","@chakra-ui/react-utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"2.0.5","@chakra-ui/avatar":"2.0.6","@chakra-ui/system":"2.2.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.5_1658725856649_0.2621569886315074","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220804193103","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4a5901154daa3c801d528c3fec818eed7b5dd781","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-qodp2/2dOb7ARBvGYP0uzQepmq8WqflK4M9GsWFPVDaegSGqIaojf+ln1eHzBVcSMFStfDsAn86mpzB4ALAbcA==","signatures":[{"sig":"MEUCIQDEjjR4iBC+aizCC5BePBHCqC6gUXE4lA8CKM/ml8hDmgIgPqTZ74IrCD2OZdJ6hTJ0jTdUFKOfwZEewOy0NFx8psI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B8EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrO3RAAn5UW/bS8x3i1gvDqrRoRZqcumvJUHTkT0n8A4ivVF6xiDc9R\r\n68/gOjCZyjvOzsjwmJ/ukdTGiHIR7OFlrlAw9v3chcS7qEMX6Q9MmrjfewGR\r\nCGs++ypo+bul4ViJOMuDs+3xNue05xbzlt5zRZn/J+zqE/maJKwhJvecIcMa\r\nM5sSg1sC7VohSIpY0RXlWMsyp92bVwmNN7HN8eawqFQZheNIZRqzIhn+w42D\r\nedmqhROlLrZZksDHSyN4rxymnrq87AS3RCFY/167+USioeXwAicsYyjXPBaf\r\n2FC13lY7uy6R9KdCkO5gS3P47Fg+exz8FmoCQChKPUbeVGBmLgmVqz1By6M9\r\nW7hnL4HvN1idT5z22ybbM+wpvdBuDLbhS2XUBHRINjtBP0icoLxNgndc8xX8\r\nAJ6H/oLww/FDJB2vPP783F8paO/wbwNBor5WVdibLZ15bal+JskYtfdiwuIu\r\nKihQFARE0tyCGAnZ01XUifR5tKrNlPAXNXxJM8I2c6Oh1EmTWoR+4i5lM/2u\r\nhRM+Wbnblt88OW3ar/Hj8jhOFzT2Uc2xYJKu2+2uf1ZiVMGYSTi2+1WlPjYV\r\nRWT0TrEqTjDjXjM51AuT2swpF+sJtXbn8NZ0UOdE1NePaHAvzsgjWCCwuHDw\r\njqzLF2K6avJ5xeGVLIDw8u8CPFvWWSvjyjw=\r\n=mBjB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/98e8d9f53e784aac2f55373df508c082/chakra-ui-tag-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-qodp2/2dOb7ARBvGYP0uzQepmq8WqflK4M9GsWFPVDaegSGqIaojf+ln1eHzBVcSMFStfDsAn86mpzB4ALAbcA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804193103","@chakra-ui/utils":"0.0.0-dev-20220804193103","@chakra-ui/react-utils":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220804193103","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220804193103_1659641604672_0.9526212805930991","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220804193815","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e29040a8f0299c844860fe490a311d3ae4bb3e95","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-DOwA9sK9Sag+7+PTDObOgkmiF3RBHGw1xD37Iia3ORfllZiYz9bPFermfhBVSa5Y4tYz1WcMf7gZu01F7ENRCw==","signatures":[{"sig":"MEQCIDKC7X2zXL0wc8NKglc0oMjZ8pPkunMU7By1fUqWCmLUAiAQ1FI7sJRASqgY2Mt38sAvC47V4XE++ScPFmUu4daTcQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryOw/9GeuyYNeESd5qlAG0OrpdFqJxsuTN4Ykxy9/Mk1GbmTbbG8kS\r\nbb34U/0d7do1Kk3yU03e66iIolCD0W/UEhkl8cJCJ3CMO/2x7/7kzIruC4RS\r\nkTJCtw4l5AwQAe6rUtqpJLSYqC2Dx4omKYbmBTRahIRWaH1YD51sntsT2fWO\r\nL1sp/aGBCb61tpxm67VK5evhDlC3ZUFUXXK7RLPw9kc9eRscbb7PolAfjv5C\r\nWEVRBBISm7mvtp1SMByUut8gNqpeZw1ebtXSWd66nB3wuXEMOW6aKIL/OiYZ\r\n26UfC94IAlPAvaWTmBIvZE/2DEFMAj9l3VorT1EGjkFvQ1XfOT0QKMdna77G\r\nAAAAO1077ctSQGwue0iH1ghRULqQ+bkDyXJp9cowgRXVrw2reJN/IdGLwmAK\r\n03o8AR8aFQ/MQLOFAYKe/l0E66luPtt1XmC14cthmZ3urPin6EkbdztcNuUL\r\na3mNg0oTPtkQFkHrafjMJRNckigQwncEUCauFZqpkkNzUn4j49nKrVBSOt+U\r\nOtEkpJ5SLWR7sgzpSJcCz5QEY7eQNgbYMNoOIT1nHjYE8jCpRlh6egWDRBym\r\nzW1uOHLH+1cDPFNwgix65q++Mkd44teAnxN51fak6Smr90/kqYAMs0xwtOe4\r\nEeqf2Rf8TfL+o7HLwCjgcPrhaj4fLYi8V5I=\r\n=d5nJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/7ce4b0811edc453a8e2cda7319f54d56/chakra-ui-tag-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-DOwA9sK9Sag+7+PTDObOgkmiF3RBHGw1xD37Iia3ORfllZiYz9bPFermfhBVSa5Y4tYz1WcMf7gZu01F7ENRCw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804193815","@chakra-ui/utils":"0.0.0-dev-20220804193815","@chakra-ui/react-utils":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220804193815","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220804193815_1659641944930_0.3410454129075511","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220804194739","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1603ca0625d45dae865c05d369d9b0aad25ea428","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-sODyluybzKOvRJLqYoOtozZBaqvHDSs2OPP1deQUIi/RhPnUe0WyMG4nx2lW6YloSeNZV6oK374bGr7aBNEakg==","signatures":[{"sig":"MEUCIQDLnADGjqxnM76lpXvD+d/VKL5nXwAW1Q6hOGrBLM2B9AIgf1b8RGeLhTj1l/QaLzdHDdEepWVtZDRX2uM90z2RXPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CK3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDthAAkO5ltQ8Isr2rAt5cAHEDF79VrUId4CIXVtJGrJ9urRbneZDT\r\nn+9LvQs9jBgczZkuxZ6KLzsBfUV2z/cBAd9uTWTkGah63T7GWqK+3qZAF+21\r\nzZoVjo+TksSBlcB+YaXFzlXkU3zQWSPgZD7ETjAqWvT+Hccsh2Om2OdxnLuf\r\nP4pad+tOScPegUGoCRM5u3NGQ/U7EQgpHwKIYKrT6XyNlV5SbHZNwTTU8Kck\r\neBwmDEec+HOISpuG4NY24M3cn2BQfJ8qUyEWKvn0M7Y/2+hJFlxejN9uv7VY\r\nnIuer0g9gaNbLO9w+l0UxfhG+XET6z6d4a4vQ0OQkzcRsE0zzYd5Bb6n+uvq\r\nh3PrhVly3Sv6drxR+QHQaaIs5HfvOvYZrC8NnEMpH8pqPdM9RmCNZV0M7E86\r\nSQfA9LiG0AZHkssBnKxnL0nVopt7SYpXRIW3URNdyodYqhyqRye7JvMWm4dZ\r\nGv8DPD1FLwztO9fyJlEw6rEJegtbLlAsmkjzkjbtFpWlSABNGWkJZb8FqKYT\r\nQI2xyDGNbDJ3EsB2JuI+4HKg0gGPcpnbMhyCW43Pzjzen566eY4MJxyDMDzK\r\nsNvCfdMTD3IFhWmRZpiArU7cbIcNrnLECH9U5CuErsKs4V4yjLE0cdLE/R7T\r\nj4N6aZjQI8Gcgvl0nrCQyVgHWc1Me/a/EYE=\r\n=2aol\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/7b88ba1d585c758ab285552dbf08ef93/chakra-ui-tag-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-sODyluybzKOvRJLqYoOtozZBaqvHDSs2OPP1deQUIi/RhPnUe0WyMG4nx2lW6YloSeNZV6oK374bGr7aBNEakg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804194739","@chakra-ui/utils":"0.0.0-dev-20220804194739","@chakra-ui/react-utils":"0.0.0-dev-20220804194739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220804194739","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220804194739_1659642551205_0.6194928622987994","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220804200605","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d3f63235c4fffac16fe09b7724ee1738d7bc9652","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-HI8NWKagcEXxSJg1ScPBxY1gqxhukKbCaOW1BhtAbf8/AstWR8u90F29ZEV8aHwsMrNEdjjX7fvRB1AsprPe/w==","signatures":[{"sig":"MEYCIQDQixYvvHHGGXpZIsAoaiBlQVdLA2+Ux8X82z0krid9fwIhAO1xVhKsEytfm1Vy9YVMcqxLRgeFVZXI5fBgQXkfIhqn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CcLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoo8Q/8CHFvJ9Q1v/roJkqkJwUesYggjkvmB5s4+0gPjAQWIAfqcF63\r\n5AfrBcJSsnmG2snze/QnWjs6WctFmc7SjqXpE4pgw06/Q7gOlo2ECGpQoVrc\r\neSf1wA/s/V6l1DyM3z78lmXEGVioZDTwkl4uhmMljT7FB4DqJSLmg2FHE/Lu\r\n7Naak4dZTZD7f/fhtABueky8M7r1M4jLpWQCprn8uD9iAZs+Raq2P5MgUuHO\r\neT4jaik1FJw9wgfta2R7YYVPx0tUudI7fOVo7Aa252CTy0AjG4v3oTjsFNaO\r\nZbLvdTwoBVu1oRcKrQeAgwqoQSFeK3NSmMMC62awoFHYaiKqt5Rdp2zOGsr2\r\nFlyPvKIOYbc2jmL1JZXrJVfhLprKriWp02QmYfYZ0XhtxBslfyDXgoAFHAcP\r\ntmZg3Fg0GCZe56ZFOpBdHCCg6HSsTjjgfCtEirLnIv4ZCvQ6X7k0ddc4GKcn\r\nWldU2JmnMt9jvosKNzXuI8Fk979JVwvVkPRenaBMVUav+aR/llPDtzje9E5+\r\nQhBwvBtgmI3DyoaJVeFq6j8OjCGFqJd9j2m/xYr7lZs9BYFdbwoZbRvdMvik\r\nN+JzhE08N07qxRpuoX1OZ+RIz0iuLj/yKNdoKsMgwCorbyUuDazGFUO1fogU\r\nLfg2U8dHVTVgLFSwxGLuMdEbtWdMDXZpTuM=\r\n=MzXx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2f03b973ff8358d93f0a1d066fc4aee5/chakra-ui-tag-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-HI8NWKagcEXxSJg1ScPBxY1gqxhukKbCaOW1BhtAbf8/AstWR8u90F29ZEV8aHwsMrNEdjjX7fvRB1AsprPe/w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220804200605","@chakra-ui/utils":"0.0.0-dev-20220804200605","@chakra-ui/react-utils":"0.0.0-dev-20220804200605"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220804200605","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220804200605_1659643659057_0.5537791122913418","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220805062318","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3b44f60798c26565aee8526deea77398c80fa90a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-V7XC7Q2w7zlJGGabnb6icELxV+jMv3D6q8i4rrgrwFph/0zuk/m7HDOLgYOMY8FGXYuyicL0hhAt1dKeDPbmQQ==","signatures":[{"sig":"MEYCIQCGn7o6bl4/03XAARE2Bg3oUwBREWVEIsf1JCnp58kYsQIhAIVZhg1DsJDMvLfkgNyKsOISXR28hCIZlV8S5GlxcP3l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LesACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6Sw//fzs0Qx9xxxoQLqgs+uQtxza0jW3C3I1VWaNQri6M904BmO/k\r\nWD7bl4XmWBIxR78DgelMK20fHLmeIvpw+iyUu8F7W0+KgM3ybb3j6b80X69o\r\nDl6AB8nFLbzW6P7ow9+NGjgwAbHGD0AkSExhBuyqgWVjFuOX4aJm4zfGaSw3\r\nxUSCPzesV9Cl2LJoD1xMXR/mo11xU4s0PTZuOPvo7xe9509LK1xce2U9NLjq\r\nt0S5bmqvlDb3usNS85rnQfvd2iBN6un6AshrtAAgeENcnySkqxtIFoCD8zrU\r\nGAgcXxweJRwKF4sC1v1doOBX3dW/y1c6a1Wbc9ubfSRItm0IX1Vz8npbQMpZ\r\nV2a8SM6fq1hXH3/LBn4PYfWpnkWwzrwnnnRp6pitPenCCBUswbmx2jH1a6X0\r\nZX48vzpdRZkLAUYF5rAUJ9PqmNBhcfSMZ/tBXJ43b4zxpRzjDhMb+LEvXB0D\r\nJLLYXLh9hmyvwGvIVA927G19xvymeYRtCjY/fys3Bl1trW2U+m7HGua5vqD6\r\nxSeYDg+fOWtB1vObGDNEybibaSo7RX24A4yrhKLddnaA0QhUkPg9cE7c2+Zk\r\nx66azkC9BPta5xWbEyw3BDdp/oMXQw/Ybqm8S39sy/5BqHJTYv37shVjbI1B\r\nFKwFy9s6gXj24r8LkH7niRCqRTr/2SquMdw=\r\n=+DUy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/051deec6a979af4d714eea7a4fa986ae/chakra-ui-tag-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-V7XC7Q2w7zlJGGabnb6icELxV+jMv3D6q8i4rrgrwFph/0zuk/m7HDOLgYOMY8FGXYuyicL0hhAt1dKeDPbmQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220805062318","@chakra-ui/utils":"0.0.0-dev-20220805062318","@chakra-ui/react-utils":"0.0.0-dev-20220805062318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220805062318","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220805062318_1659680684169_0.41141972460621923","host":"s3://npm-registry-packages"}},"2.0.6":{"name":"@chakra-ui/tag","version":"2.0.6","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"806687519a0e5854d4580bc9c34b00929accada6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.6.tgz","fileCount":6,"integrity":"sha512-bet5mMllbDq2xgHAYxM6Rj5V/E8010F9Z4ZeeYDHCzgqowFl6yU0EwxfKO480CGe0SiGmMyogildJyt9BStQ1A==","signatures":[{"sig":"MEUCIQCjfjqa9sPLYcNJvcp+JEiy3Sw5gCXYOyxE3NXrDRtZfgIgQ+qjgFNjwpGAWkeoFpsPcik6VFiP95l6lbqdr8e/9ZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O0/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYsRAAhhBhoFzwSLDpfku+hZh5SJaJwjyH4UsIySILHhcPjKVz4EKK\r\nu9ztt+vnutcwf/k7epe2K6OOJ1BtEzuwU3mZp0Ht4RH/z23gSzDt/S7iabF2\r\nThYIaSopXuW2BzmEUr0bv3YXIcPqk5pqS5jdXbk5HlesmJPiw1QGyO9cw6f7\r\ny0HEVC2YDQu4Kx9n3DSU1QBnGpv3/DWNVC0gN4ntS/ombm4eXYnMxMbdk2N0\r\n6LqT2hEva17Gqi0kQjAFFHnZQj0VEiEgd2pyamA6ZOo60PSZi5ThG2Pq0wzW\r\nHO+N4W7cOIskehHF3AjrvKyC4J13SMg71TLktNDsksIW6xPXX0cgzdy2/XhB\r\nPrAw6oNOKjiEKjRnUVjCx5kJTquUSEYl6q1yfJovS7FWadM/pAPOHtx/+xxf\r\nswjib5KDmUEWMYFzWT8C+urpv8l7HjTbGJrNYDxSTSuXjlpBeb9ax5SDawUV\r\neefGyk1Kty7zpZ3Kq8o2lAKE7xrc7vtnkaFDiCLHxEQ5cskrot0hEX7dFb8i\r\n5ZfO7ya6GpeJOn1nW26Wz0aKMCGO2/Wqf86jmai/fdacSUVn2uSI/EIaNdXu\r\nxgzmBq39z06Ly/TovqdSiZ1+On/IvxCq16801uVicE9lTnUz+vA1WNvgWnMs\r\nq0hfFWwVYI34ZiRaqHmEbL8LmLc7nETf0rY=\r\n=GRn8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-2.0.6.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/4eaeacece1b22909f79088fb27e080cf/chakra-ui-tag-2.0.6.tgz","_integrity":"sha512-bet5mMllbDq2xgHAYxM6Rj5V/E8010F9Z4ZeeYDHCzgqowFl6yU0EwxfKO480CGe0SiGmMyogildJyt9BStQ1A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.6","@chakra-ui/utils":"2.0.6","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"2.0.6","@chakra-ui/avatar":"2.0.7","@chakra-ui/system":"2.2.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.6_1659694399261_0.11507834398408567","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220811084042","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4f5437b2f5fc059514c453dcbda2630fb9c67c73","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-1ojpwINcoUHENZxYDZyAiJKMNwGGBSf3cWSvpHQJf3zPA+z15dZiO433NeWLLUNr4Cz/EFIkPJOBHtKZ2KCCSg==","signatures":[{"sig":"MEUCIQC+BTa/tTYUZ1U3zZBzVhlft7UKInzXhS6wIduGs4iB3gIgcW/RNzZdjxy19aqwDplBH/IAS/AlLg0QHtogXLfrNeI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MDZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqaPQ/+OGfkJ8u0tfpJDH204pObyq4UkHOQu2h0a72Puy7Yl5+8KV+k\r\nbuBh5eyCXO0m5IPhSKHz/3plx55ZnUR4P2VfmWvbBF8QGaqC7ILMWmhhOzDn\r\nXBjDnuNFv88Udv/xG7dUDNuFYAa6V7MJGz2ONSJWhut9f6IFZWPNBrJQcqaM\r\nZCTOnWFCCnjAZTagJylvNCOwNpikBIVgZRAX/h1R2ckhaaqzfXERQrUdasZG\r\nSr9B8eySd1xs9wQj36fy+I8upI5bz7p1Vjewe9co/bWkVF93ooJ1E080khan\r\nemMrVbRpPBRID/lPYdiNc/3dpR/f7+OVBjDU+prqJ+ym8EAzu49gZcoMXLIe\r\nCqa/wfGwutX54ZMnLxjfZyK30IRhd5x2mvhtwArBgGWeq5dcaEuh8oqDpBrf\r\npxbPRfnJCXBJei6XRGs5cKI5ZdEhNmrlKBT9Ru/JdMNOPB+mfc4WwIRHCIhm\r\nZ8c8ebHzACa9yR67AIhhSbQs4D8BXC6wQQqr8wPSTBB5F/7LpIGC8sDyZv01\r\nJgWmAYi9ohQJjlWFefME1+rf4bV/N07O7FiKDiDfgo4B83xs95BnXcUWmTiO\r\nG19BZSl4KyUR6tlgHr20gdIz01gv9tdVjTnHIeZ1Yon6ClnUQ/ohyDXpULs6\r\noT3kjluGCj5NznpVFtjKQj6qms2+0ZJCTfM=\r\n=XxdS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/f57954215b74709d8195b5088699bf97/chakra-ui-tag-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-1ojpwINcoUHENZxYDZyAiJKMNwGGBSf3cWSvpHQJf3zPA+z15dZiO433NeWLLUNr4Cz/EFIkPJOBHtKZ2KCCSg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220811084042","@chakra-ui/utils":"0.0.0-dev-20220811084042","@chakra-ui/react-utils":"0.0.0-dev-20220811084042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220811084042","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220811084042_1660207321357_0.06113797066326776","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220811093515","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a0def8621acc91eac413544f356a427f7fb64785","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-exieP6gZigihxdFrmPjOj27C47rmt90DSxTcXTG7EgxKCLLq0tsbWLCPa0YkcvlUDAeJMVsbbXkDijXOqhIrNw==","signatures":[{"sig":"MEUCIQCJ0oOoQ0PYELrppaIxocTVkQGO8pjUAkWwE79f1PPGuQIgPtQ7i5AV+wva04gtafTtwKOriz5iu6wZJg0h+nnKeyA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M2fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzZRAAjUVZDEIsbtwwvoL6aWoEH3tcHTx7SuuSSw0JWAvAkr2zRyeQ\r\nGfHbMjXFyzYdybbiRpZAiHHEpyaggHY38klxPexz4vfNo+It+8yiuewFTdzk\r\n1NKwjx7+eytiDnSaQJWLUkVrgI3XLqorrmv8oMJuBfIW6fEIkqSX0PUmKzY5\r\nqraDvXGSMiZWKbTAxdeftpCDcPrCkLAMz0AqNEPR8DpTLF1Caioci2Pw/+f4\r\nuZqPPG9TWl9iGAKt1MQaifxuys5HrfYauar0D5R9J6cpDSdX0QpHx+9n/U8a\r\naESSLUpduU5MeJoGZNG9sSGQBspKTJsPawz3jdl1Uim/KKaKrhGevZdgfZli\r\naGaDx/xe+5/RFxNluMZ9TC2qo8NpZ1YfhN5RI2sUXnHpdUyUiprzALiLkeOP\r\nDOlxMVtwe3JWtpotHmyg+T6cc9srEPgDH2XIBNRr6XDCDK8ZEnDW1apm2psL\r\nrMorKkNCjbQ0RoJX0EbIQsNylFlsQbwiFloSsq48vNvDwDy+genovCdpGwCF\r\nj8A2P2zt2zXUamCA5MRqh46Pf+KwqUThKBdK7OZEjsRMClKo8zx3HlIGNccO\r\n8L9F7W7c6RAecpGchxhyt0/QyfGYBSD68J3s15+L1GGTQ95dyS9sFusg1BYE\r\nrbbUT025ecqVS/qDpGA7zQXMWg6ZihFw4HU=\r\n=K43V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/56b56ec2989911336701186017e8e4d6/chakra-ui-tag-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-exieP6gZigihxdFrmPjOj27C47rmt90DSxTcXTG7EgxKCLLq0tsbWLCPa0YkcvlUDAeJMVsbbXkDijXOqhIrNw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220811093515","@chakra-ui/utils":"0.0.0-dev-20220811093515","@chakra-ui/react-utils":"0.0.0-dev-20220811093515"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220811093515","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220811093515_1660210591493_0.5532635272628688","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220811160709","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"69e618977cc3de4ac03d8bda3a539d22ce4a50c1","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-VsYUwekIm8Aax1KWv3mjonebaYTbnYuR72HGUKA2yMUTLN5oNgR2pgUPp3Ix0x7PtahffK544hm/SeVGjzyG+Q==","signatures":[{"sig":"MEQCICyYOQqETpIy8tllS28RW11GOnoOfy/x/WQbDRHEHIf+AiBe+zWF9Cz2x1meudIB40C2nDqvWlQ9JzxPSdVdXxK6AQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9SmGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIag//ckpeKeGkl8btzLN/RFgDhtU1JoVJYNgapAmBPE9MW01XBS/2\r\nDHPUOI5fChQhFaz4tUdXN58mgSBcrG3MWP3WdbgjBDfJBLiVuOU+N9P0xLUD\r\ncqW70Crta5ifVJfeGEYisF4jNnzS98CokKMJH5Qx8/Od/ZJfQ48cHDTqfLIB\r\nzilqgWe9agfGaggbIFgWXQKW9bEMsPUaGPlZHWLPfgh1jmXwflNMXri5aXcZ\r\nLlPrwmg0cysKihUnm87M9ZO8E/q8CkyLj1vKBA/cgcKe0sbaDX6U8T0i5/f+\r\nc0BatI4EEgyzGo5xBsi2UkYMY7ypfhKT6eLsEfYLr9qbcnGSz22/lxYy6dlm\r\nv2hU/3lBOX8oic39inNUAqqzWODCwpAvj/VyTczK/20QpEF5eyvZcWaK1bpL\r\nvTgyMrZb6CEbuoHhou44IOi8vYvX6CrC5Jrah3W+FlZeDcHwHMiZtqdgK44g\r\nUmGBGyzPiUOIIo+i5a9kdjnPZSYSSX2/kethZOtm5880uQx2/T2eUKAReaZL\r\nE7kdTSSRHoLI1oIieOPIJ2KSRSpqlvs5zjgiyRVUO35P9dB+vSNBxTagr1qx\r\nzHcV5/UQTDGzLlEjhc8gsm7k1O6bUgKglBrIqUnU5bAjoHZxBpPi2VNwMs7c\r\nh6OMEhboij5oexAXxd6q0eXIshtTX13AKB0=\r\n=AKuN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/05fa12a0fe7462595865cd274f42e98e/chakra-ui-tag-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-VsYUwekIm8Aax1KWv3mjonebaYTbnYuR72HGUKA2yMUTLN5oNgR2pgUPp3Ix0x7PtahffK544hm/SeVGjzyG+Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220811160709","@chakra-ui/utils":"0.0.0-dev-20220811160709","@chakra-ui/react-utils":"0.0.0-dev-20220811160709"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220811160709","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220811160709_1660234118091_0.20974951662513375","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220812060931","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a18425e7b170c3946d3423149fc775b76981fd96","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-WgmJh5n6kR8P8OoE1BLQOv1VRQ9GW4/uHL9xaxWuZ4OetyAqqaKqcu39/fhan5DzRfQeyJNblsd+WzNekJQdkw==","signatures":[{"sig":"MEQCICgxfpmx8Z6VKIqCDNFw/tpmeIYv4RBix4VCjkmmnLyAAiB9/WD2v1JD8JIYbG+SwR22sfK87cWnsIvll/v0cTSyQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJnBAAnFh79W4HW0AorrFhNARHOhQDo2j8dnhnM2GeeWZVtD4WPSlR\r\nYJCD1v63hemW/Zq0H9HxV2pCYAvmKAFzgrMWOJV6ej63w+2QPUodeamxmyvi\r\nwkswpn1K66XeH6ZOCGsZkLcN0cX1jhUebJghsKpugPHf8S2p0yu86hASMwb3\r\nzixsaLPFihAsHRYu1zj9ga0BmutP3UYbwXqU+i5rqWP65pnhemMtR2z6z76B\r\nmC5WgED5DIryRBBtUwKRy9sd0MiHyKD9wLkOid/miHTi/opU2z2MqkSwlBkt\r\nlvwu8Chbo5rgDmr+8fMu0enwbPhAoZlKsvBEhNJOtxrV0N+5XSkmKb/D3HCi\r\n6tsBvVZsZby0nNr7giZSkhuzDKFPmx4IPw66TzubJ/EawNjhEL3W9S47npaJ\r\nClI4wYN8Idk80k/IdOV0IPi6D8jqALQIRa9ZyocRMwKbE3pTOcRpATOOAUDJ\r\nt4AnqmC1ZSo1JfvqYd1s/l4IlgIani77vbjvBFhYKjcvKA1EyrmMCod3NYmG\r\nze/Y4NxDJ5Duc+HXrIlwin0mMAm1o9X+PkfCvzVdncGPgbqBzcmNUstAjr5m\r\n1FlzPQI5NRiLvCEO4Wpcdq0Fk351Yoefgg8v3+dYTB0mXGSiYcxQxI6WBqq2\r\nvv6z74Sy8hF9sDtb2W9LL/Y4KJpF66DAyTc=\r\n=HIvR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/925623ff6ee0c851da9852446c93c728/chakra-ui-tag-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-WgmJh5n6kR8P8OoE1BLQOv1VRQ9GW4/uHL9xaxWuZ4OetyAqqaKqcu39/fhan5DzRfQeyJNblsd+WzNekJQdkw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220812060931","@chakra-ui/utils":"0.0.0-dev-20220812060931","@chakra-ui/react-utils":"0.0.0-dev-20220812060931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220812060931","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220812060931_1660284656511_0.1413439145779476","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220813051625","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"cd40eb9c1c521dab7a53fa146ef16f1a04986305","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-Kdz4CSnClUe8s8pJkbeQp9yM+h21GAAXwBrqmXjECIjbWed/o1LBdv91k1xREAFKFkvrilTIj2wp/BFJbSQGAA==","signatures":[{"sig":"MEQCIGGxa+6qy18XYMUrlgIKjj6SbaH228rjXoR0+udaJwEWAiBXKUy+F+weaZeQAgfydLYh5QXNhvUEfwyYeUkblRU/nA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zP9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnAg//QEMBUxqbFuZSrB6fzuW23oZsqEs4CX+cXtZXwqUzsF+zqo/l\r\nkgmqCY/lY0aiyhrkCJ+KtMwZsBsZ5Wf5B5lHV2AisZN/tw4y81akMI8TUxyu\r\np1fxVMFgYdgichHC5EER49XetXOunan+2tHOda+eJ3XJHZWsQr9wS/mrANRZ\r\n90nlNUz2ApI9xPQDT4cfLS7Ei1kw1Ot0IXH3ID4TjDMCLYslQ+or57CsZGhH\r\npPhnY6qSe650GmY8VozzanBgSKRULYL5nrnudnj8Cd4bqsxf9TGSkI3dYuh3\r\n6Hg4htna5W9zaud86X/82LOLv9CdEwCC4RnXIPLiPloxhsu84BiEhdegvu1t\r\nP8g1m5j23rU8GSk79tKRyZyGTeb/OJAtbe3Tl2Ag4aZaVsuH/drRhF3T48WF\r\n0p9EULDgguanxzsZsOA6V/vnqIZ/Hj4TjjB4ZB9NDfF1HmbVKWZRP4huZFUn\r\n9kmiJbRGecOC0dTVfwQPvwg9jAISXhYe584Pq/3TV1q49w9lLX21tBeqbpTS\r\nNw9VKWM7Qq/NwPILsyGc7JNLBsdrDAfOjtCPAc5cNj2R4hblFQQFBMLrgdWD\r\n7IrRHRlScc8zG4m4+bDHMazKJ3sFcp0fiQ9mmKdOGm+MuZ6UWkaQSWcgxJV/\r\n+F5xCf2pz53F2e1Xv5eSWgA+L5t0Bk9rfDM=\r\n=VnmO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/62d8272db85ea7ce60f343fd6e55c371/chakra-ui-tag-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-Kdz4CSnClUe8s8pJkbeQp9yM+h21GAAXwBrqmXjECIjbWed/o1LBdv91k1xREAFKFkvrilTIj2wp/BFJbSQGAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813051625","@chakra-ui/utils":"0.0.0-dev-20220813051625","@chakra-ui/react-utils":"0.0.0-dev-20220813051625"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220813051625","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220813051625_1660367869395_0.564016353946633","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220813052715","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d53604afbb80322e86b206dcd4a2211c9ca2e98a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-g6FyPNhzXfdQBgJxGqsONhvtMTC1Et86IgyWC4lznQZYc5TEIIJe41SgZn6u+NH3motAfgBR4yTXZGXI01+1ww==","signatures":[{"sig":"MEYCIQDFCrUuS5qBT2TWtu7ur+YvJaOUlo+9Gwj1J4oFAvGvdgIhAMYogTMVbhKYY0B1iaPaH/RPfp/tbo6H76C33zjE9TXW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zaFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVGA//XhKpNi8yUCK9e+2hYZR8DbE2QXIZytrCZIYZ/ZmvP9GtHQh6\r\ncAxOC44iUTjslVGN69UV06IDkWtev+75eLspAVhuUv2yigP5lGGmxBj8ITTB\r\n2/tdLHKUAimOPSBrvAmIUBv3N+mmqVZpd4Eq5XS0fqkwFTrvjNgiw2iTw97O\r\nCvGKDftznSJniDhi36HTuR0f5OolkFWbFkK57AXqsE5Ew/pOgDpMkQEsr6eL\r\nWnSnsLM54fPyyymf/PAbsKAyxIYphu5bCn5APkUFMHBA5uLft6Ix8eqMnIYK\r\nRzUB9q5RDumYtgEaGeUobwj5rRdJs12mRTkbD8MM+NfxJevwg2TciLn3Z6XJ\r\nYYe2pIb+wOGsby16BHxQft11r3sHFbAzFe/AWU0DYXb94j8AOEsLNcnmvPhU\r\nuJ/PGvW1Y4hwyavbKrX+3eKShx97yHKjAq8iiO0D184IBxf8K2Aj1nh5rw01\r\nX8N5pUVWE0xz/i35f0USPcVVgJ/yR2oxNwq6d4YTEzRXi1hsCbHtMaJdpWwb\r\nfEav2LOEUMaqw3LWJx/BPnsvuyEVn6wCdwL045v4Heqazy/5wDOEooKEzDSn\r\nB/NTwHU7WeOGk11QIAkpvqSBkzGxBMeEIhZQiuTAjdIkumZNFrWj7cQn/Lz7\r\nGQzJYW77046qzX/qyXDojPupdIA7vF+ESAM=\r\n=ucEa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/75e96797dab4c6f993ab736c7b542178/chakra-ui-tag-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-g6FyPNhzXfdQBgJxGqsONhvtMTC1Et86IgyWC4lznQZYc5TEIIJe41SgZn6u+NH3motAfgBR4yTXZGXI01+1ww==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813052715","@chakra-ui/utils":"0.0.0-dev-20220813052715","@chakra-ui/react-utils":"0.0.0-dev-20220813052715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220813052715","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220813052715_1660368516900_0.35569209629561316","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220813053727","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5994c54a4b597cb734628c0869fa65d2dab54d42","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-q6mECrvu0CwNScR6BFkrrHusnbwqSkcT/CS8u7LF0PKX6P6fKPuj7nwNjbi16QvBgDBJ5SdkiFHm+5D9kWPvcA==","signatures":[{"sig":"MEYCIQD0lK3dYSQF/9TmTWx28yXned9a3N6Xi4zH7epvIXHHnQIhAKc3u5cikJYS4mHXaCZkCHQ1x29DWfi8bGtnGuVGS42B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zj1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/HQ/7B2WOkTVww3d5jLSRlogVYx7IBMZbZ/bTU8BgPxarr5ng7bB2\r\ncUIUCjOuvu3SP4VoG8yhtlp/Q30SCkwiDALOW9xEmjI1z8l9PKzKtNDDdcxi\r\nZ+XPgiHNLYgSXaDawNSAx6x1v9Lj4Z4KJnmqeSR8zb27+iFMsj1m+1BKt7JA\r\nFINwoAK8Dkk2H2w20eD7+Fcv+SuMdA+ZoUqSNthuLqSiunMD4HZyffsw5wMw\r\nMRVRjeBQj0LOOXg4GvmBNZFO7Cwyao4Nr50OIvFDFE9byjn05p82zlDuURBv\r\nhUZ3ha/KwtMsq5sX0raU/izlsbBfyVO7a70oCec8+0F+qBvJl6bCm4f9+0yE\r\n9DOf/5wgg2zn5lhBPwCYE/RXtNkPzeGycyiK1zq1PdQ1nPIWkUg7+6oBNjPQ\r\noWUbn+NJ2F6icgpzAHx1NhqnvOKinhUPSNNrdJvHtef2zVZsjNGysNnjM7PU\r\ndUQ6XqSIzOkdgLXP5qlJWiJzfnLnZKztSYmlPRMIrF3UsCif3217TFJCaGku\r\n6w2ryLnQJoJXzVE5U00MfDZp0GPPJyI14VoIPMcxmRKCNJKaUp16CzWT3eC/\r\nn8jnUksI8/xy4V3z71iKJrJcgZj3iIHsLgdLYPTndcGw9VpfjqQIAcp88Dnq\r\nO3g5MvOZj0UMWv+Cx7EfOcTR1Gtp97J5vEU=\r\n=1qbE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/06fc9d4dff2505099e5c799aa85ed265/chakra-ui-tag-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-q6mECrvu0CwNScR6BFkrrHusnbwqSkcT/CS8u7LF0PKX6P6fKPuj7nwNjbi16QvBgDBJ5SdkiFHm+5D9kWPvcA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813053727","@chakra-ui/utils":"0.0.0-dev-20220813053727","@chakra-ui/react-utils":"0.0.0-dev-20220813053727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220813053727","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220813053727_1660369141605_0.8273462178153312","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220813055957","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8080d8fc6304b5a8dc68942db4465f23bcd6498b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-bVdxW/NaNk+oMguBj4bFUnnx6Tl3QPvO69MdAnwyUuC6V8Szi277uMC2iemYBurjU34Hek5Y7oc6Isq7vf8wbg==","signatures":[{"sig":"MEYCIQCcExvN1kZ8Klhc17gQYCGKu3c4jlsJ4aTN8HDKyMo9FAIhALiXdeEFAsTlnZPgx5ZPKGBph63EEIMpw+/jqFZAaCj7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwZw//e1Ck1HXY1PBLp9d3TDXUnEj/XfvmLHQzYLo/JcxFOQZCAHK1\r\nYbgqSb8yOisb9j75HkPPFeSkMfwG3/Ee7lHYkWV047slBxqgcTNLXI/8wffm\r\nB2x70pChiDKQoohgY0XMKJfS3bXwxWH/z/dy2zzZBRJJorYre1RzuEjrxan6\r\n1AW+EFiQyw0rRSmM9cuVqaqlf3zipCgvbU1WA/BBXUtECuH+RGeLrC/gLniF\r\nYAbiOkFZDEQS82azlGC+eBe1klq8Hsaa5j28wpM1524m5Z3GxNYdajxotSJm\r\n3Z8DwbuRMDWNWrRqsSRfBB02WDu93Bdv8n+zPndYCNvMvVY7uF0qoUQ3QVec\r\nr4JaKQNRHjjdXDKWT/HiJ5KlpPdCnoTP5Zkwipa3foKytQu6sKFrzQZWPdme\r\nbWtc6LuTYGCtaTrALDwxbpiE/8dXw/xJFxTRrhHe0dcpTjsot5NVYOhelQns\r\nkTqLs/EmbBFguSHqltgKbFFYkAagIV0YfZt/QQfY3wab0MjhFNjgPZmm7Zcd\r\nv4Qf/eVgZuPAz7exxZ3ZZW1rfTFIUvAGVGn9TcoG3lJ7I/Ft1ybN3hw2r42g\r\nXyBm7CBr64dAF1jROLKpSr9DzfQb3NuLLw2ghG0SoCeHBXbETZC4e7E1rQ7C\r\nyYaVupfrP+JS5+BS+LGqU6ot8C7tVNWSkH0=\r\n=WDpT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/37636134ebdab0a282855edc6936f561/chakra-ui-tag-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-bVdxW/NaNk+oMguBj4bFUnnx6Tl3QPvO69MdAnwyUuC6V8Szi277uMC2iemYBurjU34Hek5Y7oc6Isq7vf8wbg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813055957","@chakra-ui/utils":"0.0.0-dev-20220813055957","@chakra-ui/react-utils":"0.0.0-dev-20220813055957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220813055957","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220813055957_1660370481043_0.1274639101589632","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220813063717","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d7b2cb35612ab052039017671db23f30cbad5d14","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-gWUQ3pa68DFfNQ8jp32YYthyWdOBMSzL9WlokPXJFKcRvgXDAkwdYrq3RHh4Zz51pWs0/AKLrh82w/C0/d62Rw==","signatures":[{"sig":"MEYCIQCZwhwBeNTZ8+tYrNScw88ixDb+wl77U0MXGOkntoXa/wIhAIu/PzoJ1kcVToqhBPoqNMkOFK0F8EZQ9fr3Zwf/Yz1F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90bpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXXxAAlULIc36I7XzDKdKrNHzfENY3mVkXnbauSSS7CTRYQaytO1aL\r\nl70wuzaKpmyQkNgK2d3TGGd/SRFpQxdNJFA/jV1hdK4ZvOwkDRmZnWm+8v/A\r\n1dC5bfLXKUG7Q3IwX+74HHJpyHfRh7FeVm8ADEKR3s5CI4b69q/YMoog8xNk\r\nHRX8DNBhwAiu/kPwDjK/y/gQP6Z9FslIozorVaXzqQ9542p3Fwszljmm06ao\r\nYq0IX1fRRY2JyTtVhK1ZR7gb5S7TZbs9x7PybsmGx3zyks/rvzQ2EPavADxl\r\nJZvDMzfMYJQj+KGR7bznZmNteapN00UZEOKpcd4VQRwl5r+VwVtpC4f6Dsax\r\n2uzKbf1dNc7nW4b7gFzMV+MGCAysFpj2dPLpisxJb+GPOeI0QmkYKrZND2ZZ\r\nWeXBZj/fuhnZpSJQHZxJ+YK+W0stifpf9e6cOm4N0jA3e5+5cVdd5cEzAFB5\r\nOEVZ2RSmkx/LZPVTOMz5sCLoue2KuUEAL99pyHdom9lWIoWoaEqLHjDOYsmd\r\nVQgqrvA01uabrKLlwD8wzF9MqQYAl7FMEG0sltPDC2EUUvT2DvfIqF+aV5bQ\r\n/k5AqmPiPTuQb9r52YwV7J3IkGPe+ptjKyuKAyfF8IUykjLQYNP3obXMnAES\r\nOSyoUQ2ZOMBYPWBz9SnS4UgNoMzJDDa7dNI=\r\n=qL1I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/c60bbb99c9555bc62d2e081dd4db20f7/chakra-ui-tag-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-gWUQ3pa68DFfNQ8jp32YYthyWdOBMSzL9WlokPXJFKcRvgXDAkwdYrq3RHh4Zz51pWs0/AKLrh82w/C0/d62Rw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813063717","@chakra-ui/utils":"0.0.0-dev-20220813063717","@chakra-ui/react-utils":"0.0.0-dev-20220813063717"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220813063717","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220813063717_1660372713464_0.5568780302892165","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220813070741","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d7ceaa57f6d3c56375a2ebaf629d88be402931da","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-5yixBVE43jdPFWzp9athmGr+IZV5DAoFE3VGmDkGAgeIKUJUcF2CcJ8jJlcQvKYSihgynEwIPZoY5FernIhNfA==","signatures":[{"sig":"MEYCIQDHDJE2A+tWBKRUaU65qITEBtd8y1TThJnZkSuIC/uFUgIhAJDyYsRaaARRATx0Spt1hsoO290omou/eUKjIVOkcRvp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi904NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp21w/+KVrI4PTrFKDrAF7SLlwCgqwm5sSgE0WfW+NkFeMeROClA002\r\nBaCmtnoEJVm6fDun/+Dq/YD8AsqEaeCYYxj5xkDW6R8Gn6JGRdRBgtm2UgmM\r\nr5tUsJ3zlSrpC29rsgXdl82vrRmVQ4JyOljWD25jw1L0VJOSermX+n5cSJjK\r\neHDIiNGtr+H9Wh9pIdB8WlKMJokc+yjePG9bdcJoIUUsswwIyEUWC5GV0AgK\r\nLk6wHuac8pVbvj25zFflUoOmw5ebp6mw8OZ/J9aLbyrukwMxCoqk3LrC0x5k\r\njRI4tGToCTmp77oYECBswUMlkrbDwQfTpYP00Dx6D3q8QVJJdCIz1hIunhuk\r\n2+Le4WZPSNAbQlEPIWHKNR3bMXNci491/vF+iiF2VXLutN0tdjG4ciZ6Fe+i\r\nat6Xme6L2ZprSX3jcsIr/K/cLTXiKjVny3GeB1cKOfAJSU08WRbhzsBU88OZ\r\nU9t6lQF/oaDZc21CVWlSlJO26oc3AKBCuPGuh1/B0OG1zR2vAdoDnhr1X898\r\n6pszzfGVTDPN2anUi5zP+P8rD59iyb0jhBaHIPIrHv4a6JMR2/prCBXVs2rl\r\naHsWRNJU5XNMcmYFIHquY2rJlwscd6jGb+n37MCOC/pB2jj5y6NSfBEHHM44\r\ngKsvg8MG7je41WGZ7tJgo5s82sBPriPe+zo=\r\n=Awz0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/3cb0a60a16b187d976c72803362769ec/chakra-ui-tag-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-5yixBVE43jdPFWzp9athmGr+IZV5DAoFE3VGmDkGAgeIKUJUcF2CcJ8jJlcQvKYSihgynEwIPZoY5FernIhNfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813070741","@chakra-ui/utils":"0.0.0-dev-20220813070741","@chakra-ui/react-utils":"0.0.0-dev-20220813070741"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220813070741","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220813070741_1660374541154_0.9801297045268587","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220813083358","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4481ac3b4ba94b3995a6a0925c2f91cf79a1d0eb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-2xiltYDkVgXGG9LY4aMFaN0gx7zw7w1aAOYXm2P+Ywe3SXtKvT5o07XDgdTIKoJlCsanxWAb5RfoF/0HYaM8Jg==","signatures":[{"sig":"MEUCIG9Jy7UBCBR0+529I13WlTxrQIdY2l8UUoAAaAhKOA9cAiEAo7r4hN4TBTnh1L7Du2LW7BtrKdvm4OMKpbRfR/Lb42o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92JEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzuA/+LZiW77AV5HDdsv1MgQypi3D4XbjHcXatb0ECoFnOp4yPqdi0\r\nC5HKdS694xnmFNvSqCAFv77ywixdWC8tXio7TghFvEmIaMNSEj4c9TvzraR7\r\nt/PMOSQNA1FACSZ+Er+STwEwZR5HDhNZYUbL3e5xuHkEB7u1TPhRIv46X9IF\r\nojTwAAxFUnrcYC5I0XRkYgAXMnG8wviz7qfEgG3iVf2b1RoW5Uf6GfZLoVGm\r\nFPs2LKya+zYGpjlLFXAM3gaoHsD+M4p1dJ8P5O+GMRcu7Si5EiC8VVQTjwo1\r\nsWaj21UBV9lmWRMDEmAxbjKKM10/LgRJNnuE3YxFFTY6nXKcNv4Frl6fSzLs\r\nQpyL0QWfj3tjgQTVe351StGvJ85PXmDrp8XdAhgmLUEYCftVA2lHdvM7mGwC\r\nL1hyaohbUeoXmmycJCsNLhgxZkdC8LgXH90MuNerBvtosXAH7hVgY4PLgxlq\r\n1UrOIOcfAEwTKy8E7ZPuk4NLQ1HzyzzMYeoY2LMLcMhAAJR26iX98J6GPVdj\r\nF5fH2Ryw2t9boFAotB3Du7n6cOSvp+va7ofQ3sSifPTUB3fDv3Epo6W9eLws\r\n0kTYVUKRp497AJPHI4ggBCj8viVrz9mrYpkSkqkQXdjSRXRpTWmJX1RgnIll\r\ncopXeLbYKOP9i9UfKI0ngBnL9Y3nFqV+S8Q=\r\n=0wH8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/bc921a532fd10e4f07df8206ff29b4a1/chakra-ui-tag-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-2xiltYDkVgXGG9LY4aMFaN0gx7zw7w1aAOYXm2P+Ywe3SXtKvT5o07XDgdTIKoJlCsanxWAb5RfoF/0HYaM8Jg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220813083358","@chakra-ui/utils":"0.0.0-dev-20220813083358","@chakra-ui/react-utils":"0.0.0-dev-20220813083358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220813083358","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220813083358_1660379716524_0.006067528626262586","host":"s3://npm-registry-packages"}},"2.0.7":{"name":"@chakra-ui/tag","version":"2.0.7","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8a1ae544a33eb718a19b9ff5c2574d4ec329e42d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.7.tgz","fileCount":3,"integrity":"sha512-tZlI8WtpHNsIUDPUa+Wucmwz8oCENIv5uxS+AVwTRGM9Xld1lwW5W4cELlxtZNO1uLL9mppgrZIAVQ0lTXYbtQ==","signatures":[{"sig":"MEUCIQDHwEt+KRrJ7mhzF9KGjNkXk5Uz8JPhk9u5K61KIckDbgIgdhpiLSUJ5TGnQECL0Zlwt2q71nsChydSm0Hi6pE0q7M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3990,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94H2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqhRAAoQKJigdtRIFcRi4Og++KR3C5ZP+dE/8RA014bgUvTBwO87mz\r\nKNXYZ9IcUJoPGoMHMAdOiOirSeLYHj3wxEPplwcYtgIqJQnTxkq8U169JO87\r\ngIr54XsYQxwCqnrl+1oQyRlBukQMlh+EHdInTaqjV99BOM1H8tiqNeMeNb9f\r\nNYuMgKCEQPISZr9FglrBuD090S37xY7hMta41krVrcCt6sBS8DhCsqdHvr/Y\r\nvYDgRgvJE5F8zELsDuTxPPs4veWSQRVtwZpuuxV8dw12T2xQem5K5g1QagK9\r\nVEVwpQExXroWcAtg3X63CUIm+L/oPTHiMc1xP/99MdUXh/iVIeWD++IYduiA\r\njoNHJb9Sxnc11d8vEKOYeSnZ5pd8Afoen0WUKIPpLTd6Cggj/+BShkp+h/jq\r\n+Kh/S6R933G/AuF80Px9OGoZd+3q5wgeELctkpnEB2iqQqAPScJycanXnHsT\r\nEx9TA2BV+ZJmY3YU1hf6ia/WEWwHSu3ch1g/Mrtbh6Jit+bfKJIfX8AwCjG5\r\nz9aHVhRa5T9eCUntYBsQv7buO5ROolm15IQE/7cMxO3sPwH5DHAihbcGugr/\r\nkjuwht8IkNq7OnO4LOT6Y66sAzv22LnHZ2CD6Byzdds/tbOiK3/Oizcon9Ob\r\nFzk0oFMiSHE7Z+erBB6sqybCb1Y93G8vhDA=\r\n=L7/O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-2.0.7.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/c5534519f846fd4993a026c1640d40d7/chakra-ui-tag-2.0.7.tgz","_integrity":"sha512-tZlI8WtpHNsIUDPUa+Wucmwz8oCENIv5uxS+AVwTRGM9Xld1lwW5W4cELlxtZNO1uLL9mppgrZIAVQ0lTXYbtQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.7","@chakra-ui/utils":"2.0.7","@chakra-ui/react-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"2.0.7","@chakra-ui/avatar":"2.0.8","@chakra-ui/system":"2.2.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.7_1660387830192_0.35076364553098816","host":"s3://npm-registry-packages"}},"2.0.8":{"name":"@chakra-ui/tag","version":"2.0.8","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"0c15e457f470eb8088d0bad584eb6dd942889e4c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.8.tgz","fileCount":6,"integrity":"sha512-TfAehlhq+peluH2xsj5KS43IggFRHX8m7FyewdRuacL6ZOCQW3qDtJpTP/hF2maqavIgdzdWN87Y6gbtnS4Kqw==","signatures":[{"sig":"MEUCIQCfoaZ/IIhHL7MoBygzxKWtOPPNYf6aatjtB5LY6jfkqwIgNQLlf5KN0CqaQdDm1MMKHJYPORyLdHSCKqa0+ddnZyA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+KAPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrB2w//XIytkugUuGIKQU8L4p3L/af3cLAIRntyKUgkqIlyvq9bKYAr\r\nQ/4iUN/6qfqnTBhg2FyLv/tL6cF9rehA1OkY8GwduUW3/j7RqL1MuVkKfYVj\r\nTW0MGFa5UoL2jrpQw54IKl6Q8QtoaIUswQY8qAFiCqiGjE9xEwRsaJ2ObAkn\r\nBswV6q5Jf+GqtrATXWlnTRD6Yra2c6w3Gnc7JKplMCQI0gHzw8gpsHzkywz6\r\nZAA0pkYOD4M1VMSCjuKnPCY7905WNz/SKrdi1Wz5Hmd9rbRcyKfw25I2C7Cr\r\nBgUw2M5AooCvRhA897pTbegs/GSYqztAwikDzk5zUUWA4whwewY43KC9T8gT\r\nSNWVIY8MRv1NI56kDhEwjDQSOrJRyfVTI7W6e7KMTjlWH1ojVrAnML8EBHlm\r\nLkbSoX7qVfSvXbQnB8ZAtx2VoFAoxeqMT4FkyD5OYe6e7cH44dlYENNoPYuz\r\nA3vp/oC9X1bzfdMIsVijXrIwF7M30ry62pgKPIc8XevjreSy9BAh5hWojrq4\r\n4cQBopxWh5EQIpItPejjGytR9GvIK8ecZ2ppNaskxe5HWuwkslfn1Lystbtm\r\nL55xxtgwymJLrYirrIXE7oH5j0eHaPtWeSJEfpJHpf2mOGpNE2yudS4dJd5I\r\nKp6awS4IkF0dkjI2lAwK5Mh8zxe1e4qrWok=\r\n=YLJy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-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/f6d3a944c621fde9f6895fdb0e5ee329/chakra-ui-tag-2.0.8.tgz","_integrity":"sha512-TfAehlhq+peluH2xsj5KS43IggFRHX8m7FyewdRuacL6ZOCQW3qDtJpTP/hF2maqavIgdzdWN87Y6gbtnS4Kqw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"2.0.8","@chakra-ui/avatar":"2.0.9","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.8_1660461071146_0.9250512620661557","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220819125800","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1d74bd93fbef6cb4d523f6c9876140bcdcd34fd7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-b5ANt71MK3trJP8TYWwYn8tMG2MqSKWThMRT/UbV/mtyR27hs6v1tIAEIcbSN8mXIUXZOLdPsRt6n4ejXrtRbg==","signatures":[{"sig":"MEYCIQCRgLWBNBJsqKWEQ9S50y9dT8VlZGHilxut1NRxq3i8JgIhAMYnRtrWO09Byw9nvQqeWZzPTQr+QXBnmgSik3yGOUbN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmotfg//XpyDQlMP4gJDpbnny8pGbuZ27eNy4n4DjNNxxaQxuDkjqHFR\r\nFO6aiob5KASk+LaNj9NuoFErqTgcjGX0nMhwFnMMGWehX+hvE4v5AHwk0+tp\r\nRIHb5O+8n/mrLwdOFqn3ZvJyWxJLPiHFAPXM/fce4AbX9rO8Dzsp71/GYpMq\r\nb9v/khARLMKyXes99qEyQ96jXs62o7+Rb5xumYauSAaTWA/OjY7QnPBbxPNi\r\ntexacMKo8bxUfh3dNzPuwOvguAt815yzD17R7poZL0CCqqkOE/HeJ5OEWrGr\r\nhNDGecFOsvIkrCHV6r0fX1GjrTbJXGr00xfmUtnYbSMizAIGEf21AJWlTnun\r\nJ7ki47cwNHxzo3fgp1fF9fDx+4yiNuJb1ubJJYRKnADzEQke04Es4onJo4bK\r\nmynWuzuN5vzINj8PpHn/+0oMj4y6K7DPYksvC21x4SCyo40L6UPnqyq01P3P\r\nceSQBz4i5dEdi5y8CHtwvUZZpJgJq1ImanLjY2PJl1UJcl6RICtrlQh6CyLe\r\nvgj+x8YzVGVQ57QMsH4bPPLGuPq1gs0aCWeKayuQaxH7Z8jUqUZ7huYTV2Ur\r\ngwXLikMbal8hqu3bzuqOv89u9hhXTVO4Tdc9dDyeatJ/me2+ABFA4stsiPDM\r\n41zywSsnxQi4L4ZhC2Tq7+jbZ3d43WeKXK0=\r\n=0cF9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/5ba0b40762146646a1517b535a91ed34/chakra-ui-tag-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-b5ANt71MK3trJP8TYWwYn8tMG2MqSKWThMRT/UbV/mtyR27hs6v1tIAEIcbSN8mXIUXZOLdPsRt6n4ejXrtRbg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819125800","@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220819125800","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220819125800_1660913960954_0.05578717514698761","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220819132034","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"73c43d62049763a6c51a213533d31554e51f33cd","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-mxDDCCKdKO1SAIGPde1jJVXspYpznXm2u75MbOtvSIfLGu3WnUStwoHvPYq6bz4UiAtnnj+6iBifESErpoQreA==","signatures":[{"sig":"MEUCIQCZ/eAc2Iwu84HDjcRm5qxIaO7iFvOCy3Wt8nHN74dfdgIgLUI13VzQ19h5sqpY8Gm9tqaKXDZnJ4roTJ8CTtDQLzA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQNg/+LHL8HGEHBonJp9lBfOT4SK/ZrUiDPhE/KqPkKoH0vWPJ8VkH\r\nlxuADbM374X7nURomcuNl7mlS+1LwhT+JfSNZeRxl863cb/W3Vx/DltE4/x6\r\nva5iDiqGyFYL/iDGXwlP4sV91kpOquurpVcBYLCLKFudtCKHuQdJ+U1UJP6C\r\nSY3gY0vzbjKuKp0sZYaqdKicB6cbtaVgwSjC9bYgJUAb+TMr0neiYTGL5kkW\r\nJkMl++tZSbldyCY4iRizm061ccAGoJZE1hB/pc8p32juXnb1PCuDKrl+XIyw\r\nw6yvW0r8otGXeCYN1s0csASyMEs3224s/24GEl0TPnXtiZrAtb/bmy8P5pFm\r\nOrxFogmvZ4b41vaJhI72I79djk2YwJuA41aPxGnT8Pq6Rv4MBS4aMZHjq2yM\r\n83pmd7E2rKq+4quUWIhUrZFs7R7QZOTBHiVgj1cY/ThfUm6dMYjJ8BvzHikI\r\n3zXJOZ4Uki/NR2GfdqnGKFHhwuyscfVuzjL+XTbZX0FFYMYMip3aumk+yj0l\r\nGYfO3w3c/He/RId3zFlUBJLOk3bFPQQadq6ajkPNalgF96ehnEjiHCGo81XU\r\nW1lVWHAayRu/QH7afErTOsF7UZRJB9ghpx8O1hDsrEHtICSq2iJhhqSdZ7E3\r\n/YFjD6fvuziCFhA9YIftr7hKpuVfPEXXMts=\r\n=4BfU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/ae98a14c33223d3f0a9cd4fc61d9f4c2/chakra-ui-tag-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-mxDDCCKdKO1SAIGPde1jJVXspYpznXm2u75MbOtvSIfLGu3WnUStwoHvPYq6bz4UiAtnnj+6iBifESErpoQreA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819132034","@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220819132034","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220819132034_1660915297896_0.5679181215761899","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220819142048","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"71514a57fda4e2d83a0c1ad1a3e2c82596c4f437","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-GiQV1ea53OERw7NGKrp6kOTG2DJYRj/j51ePFh1kur7/MST/KfR/s4Tja+XCVHUDgUUbxQEp3C3lQcCbcCMRaA==","signatures":[{"sig":"MEUCIQDatabaqx3JhCDy09XmVlYc4IpHAu+5UfCt+UsNUIyy1gIgHlU8IS0vhjm5FZ2uCebTzHHkugeDlOoeIEc6aEGFUgE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5yEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqBBAAhLxwhl9qWp3oaSs5CeOp64MIYDgiFF30DyD7TXJxVko7wxFG\r\nWbpNJ+adPb5BaOMUBGfAgAU9lsyTf6ciDpT2k71vMeF/sryByzO2i4USRtLZ\r\nTUkIb2KLghzpkAQ3Zr9iEin12J4IL2ASNe4754GrMswwZPyzAnz/e6UZA+s0\r\nJ0Kl6JgTTc4dSTMyE1Yt1OhUfn76sOJrEql1PULO5mgl52fsOJqXMwWeNH1S\r\nREKcjHkFBZh+UurJ55Hg4qOg/mC7It+l2coGklW8jzrMlTgHFlUWejHtxtV6\r\nfg+vecMjtcL8fj7LnTU+47Obmv9kVULpbcRlIIRPB6OSZty0NvTcbqsr/zLh\r\nYtN9PfKDmGFwbxw8Cvi7N3PI27CcrXaqWuwfbnuWrcDbWBvUsdgLw+3q0Z/R\r\nAatheFIjcdB67dzRVDGjlvbf6UZXAuKRz50bBFrJ6cKg4pC4NroV3IqpJXqT\r\n9n630oaCmzwmZFCx2xqP7eeyKBu0GcWmLwusrHK09JlZ3qLhxs07mfnPjsYI\r\nSqtt+ti13jyAXHdAwZt15QkztWwwhJTgg3XbhHxpwieg9wsvGAOdkPNh0jh7\r\nDdF1WwEvI/cPIbhDM2Ls55rDPn/NvZ9i5E86ivWsnMSC3dTOJkJKU6sOkDt0\r\njdoiomdU+QCxnGrgBUeSoJInT7pPudi54dQ=\r\n=jWlN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/db82f48d1b121e687de3081747c6127f/chakra-ui-tag-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-GiQV1ea53OERw7NGKrp6kOTG2DJYRj/j51ePFh1kur7/MST/KfR/s4Tja+XCVHUDgUUbxQEp3C3lQcCbcCMRaA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819142048","@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220819142048","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220819142048_1660918916009_0.7014505893846956","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220819143632","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8bab88a6b1675e19f607c409c248e5b05cd58e81","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-hGgOJRpY5zufhMQYlyIKiq5Lstun51Byzm8FM2pSuinq5ZugF2jXyF/AnwOuM0cm7Uy0KdfODD16E2LSkj3bbA==","signatures":[{"sig":"MEUCIQDBtJqtYI+ig21rYRKCSfEyVYLiSmLjZofs2X/UTiLtdwIgKxe++d26EdcG8YG8cFAyHxzN1dUJxa/S6ltuc7ciCaE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6A2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdGA/9FtpuP15d1XFKR7+BUXk5WDyiW+VALVW8/4EmU0SgnQWauEcv\r\nAXSvLY6XhbQApHb8o2MKSG5tRN7kFmhHrEcXCV5Jdjq7SyeAFncf269+u5/A\r\nGbYDj2OtTw9u3A/JUr/GwA/ELzmJfZDxga1TBMDe4S5DPXYNEGLOt5Ec1hni\r\nFDa4J6rkoYogO4DCqABF3B6zuc7XfVggLwXv+u5KVRkg/A78P8jOwkNZCEPL\r\nUeo43zCoRN5AQinoNqK9kwqloS7oEZpJCR8KR3dICKBPJGnl4dONkB/CRve4\r\n75Rn6/wpa6v9w3/FY4srgjjfoAXQiwmQ778AnDoqGt0qpMSfjoYPcK5T8GUf\r\nGH9rQYFx3GHt93VvG5dsnPdPW3IKWZZksSv2zxqaWzSyZfPZBYW/itTz3G+C\r\n6TNM5v3gHHfDiyQwr/kbrRb90JhHoCuG3EMZWQqobf5ePOQvms7qIkzCxC2d\r\nfv0A1012fEbKDChDcNveuXBK/CYFFEphKdd1i/czn3opp4UtfvuavA57064O\r\n9/E9CGloVz5c8Vt6utRk5THPm49QJomj5AYR6zN8vdUZRRASxgSsTHOTeASQ\r\n8FHbIfISLj+icqf/dHJ+QCCNF+hodgyPhTO7QIvvjaDSFpLMaQoHqEXnS0iI\r\nT1j5w9p6zxtRJvPJ4DArJz/GVD5ocBFupko=\r\n=rSI6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/9e83ca8c9196b47b9a3f50e41b2c16b3/chakra-ui-tag-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-hGgOJRpY5zufhMQYlyIKiq5Lstun51Byzm8FM2pSuinq5ZugF2jXyF/AnwOuM0cm7Uy0KdfODD16E2LSkj3bbA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819143632","@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220819143632","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220819143632_1660919861894_0.19585752623645214","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220819191103","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8b86603859bdc194f04cf1e2b2acd40d3d1728ae","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-e2njW/h0xMb91vodKtWv6FforS5FGph6cBawKGIZxBAjQrECH/pnCNoaxD+sYQNoteu02ko1e0skgWNlZ9IQkg==","signatures":[{"sig":"MEQCIDFLy5vznG7pMiUGFqGOD0DtWyvzCBLAKNgS273qVmIAAiA+klfy7RiblFy5AsD2vq0ckLWI+Wgc3zFgtJsT9g6Xog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+CQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPBA//b5tEAFaaTB/UIBPhKtd/4LNydzjVixTeoER2F4+bC8yQRj2v\r\nhzj5WGJb8CbxzGkZbB6hNMoRtgmGWkQ2dsjmy8W0NmVT3jgHEA5qnQp2vdr7\r\nxgzexbGHUghb8CvD7/RTAW2fAsHclaaOSL2V0rlUtP7R4vRGtfOp8tCjoe9A\r\njxHWzOZYFpHL0ZkYfnJXjM8CQZKM9pk3yEMS6aQyRZ//EPVuoTnrgaIyPiCS\r\nN1PMNlkqw3mRl8Q+yi+hZwd4vgeDbpqxIA7D6BOKabWlGDylWl7Yf+Pl6vJ+\r\nNWgri2HYTV0TEeHPugpDGKGYJ0oeajtJ8B83KSCLfdsRGuoc+UppcTPwMyYH\r\nFLSuik/DunalssW8tr+kSm0Bn5lmrmEXM7XZD8JFTgE8/YjWM3GGXcUdsA5f\r\ndDk+p4fq0Y/i2PsvXVtL9rKNdHoV0AA5nQFUeUHrjffhPIucI0H2PpCut+S2\r\nsThVnHL2ciiCHBK3lwUhWM8luFGnKMlOR6K70Bm/9xvid/j99UW4TNI60wt6\r\n9gr6KdeqWnwo9wAJ9c0SyB7Lc3tjzN3cHGHE5FJFpny14iv+6b84vBB+lZLH\r\nhAqe5seeHo39Ne/NUR/jEyQ/0F0oLgEGHgEWXaTZcpFbUL3Cw4knfve8zC21\r\nnNVTAlkdLQIjbsOAz7xvGdNwTjrywdOZfuo=\r\n=EtX5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2a771bd03b3108a72efb89047409be6e/chakra-ui-tag-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-e2njW/h0xMb91vodKtWv6FforS5FGph6cBawKGIZxBAjQrECH/pnCNoaxD+sYQNoteu02ko1e0skgWNlZ9IQkg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220819191103","@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220819191103","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220819191103_1660936336558_0.406549754934147","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820120308","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"542423ef59ad5d19fa6254d07a460f9858fa6a90","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-d/yUcS4MeRyjWVF/gKbgrDeaDVg240YSGZZSVUxz+CDyLdrTy58C+29JC5JqdDQ/hNXy66ny63c/QEw6h1d3UQ==","signatures":[{"sig":"MEYCIQCLx+FtoknAYgUSO0dO01t4RBjM0VKOyH1eEERI5/V1tAIhAPU/eQ6QeinwkyBxda39zttYoOsLbkiUQl84TBJFOcRE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12555,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM22ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsvA/5Ad4xhW9P3+nH/V/FAyzMWN0OaG+6kJN79Ia8QhNLC0EtFV8H\r\nD/YqsEoem/oq2KxLMulRnc2JeU0bBY6cB83tvfA0awZd2VLJVr2rlpJk63bZ\r\nGWHfs3C7ltSyTkSJ6TTYnmvYj4+WfgoKMvxRoVtbtjIvYHrp9Ck+pUoVGghC\r\nzIM6L0vww0NIX3zbL5RuH0stZOra7e10Fxdlqg6yOmocsGpK2AxrxYYAihS+\r\nSAhoJMhldjoMb6Lfqn5RgBtxI79egpPD5+XiMiqNxJ2yaQK9OYHY8w1NDUl5\r\nRtC1slL47M9ELEFQDK3WpO7y2vgnk6WV5hJodv9L7asjf8uAz48mh0hN22bD\r\nyFTzGZ8mUdvmRGMIdNBMWjhU9Q7DBgzFSTdVp/Ky6SApQPqwh0ykuuSzbnJn\r\nLgPxCs3vRVm/eP3UT1ClAWYZPcQnjdnt+uuKBdpTWOgThfSHzpPRmmOj4drG\r\nrM/1hUd8T2dw5H5mbLskNSkSZMlAUdDy5mWAq4z9omMHJLC4z9m2jOhYiA94\r\nQb5WpgAHmF13vUZmsjqR/768cpLUsFlFIMUEbx+0p8EF25KYz5Gs0pyHh+yq\r\nw26Z4bf7jbs9xWpZNyYfJ7Lrr33agP8dJiBFsGOPWd1ON9jJupf0bD4ySMkS\r\nVWYCTDM/tqPIR3JbqN+/aSbMlJpdAOaGMO4=\r\n=pk9i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/6c8db810ec56c68d2c8570f07f4d48be/chakra-ui-tag-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-d/yUcS4MeRyjWVF/gKbgrDeaDVg240YSGZZSVUxz+CDyLdrTy58C+29JC5JqdDQ/hNXy66ny63c/QEw6h1d3UQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820120308","@chakra-ui/react-context":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820120308","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820120308_1660997046346_0.6767411191384975","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820124231","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ac50b4cee4ef61d82a3605c3854a6a53b184a032","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-IbhfKuy1/54ahQ5rjX6DGRurMkDmZMGHN5+8lSBBc8NwV4bdeYOrrxFseVaWvYtz0P2SduLjL2yyquzbkH+plQ==","signatures":[{"sig":"MEYCIQC5vsSBQtsAU0U9dH5IuEFr2Kjf35LBKJFkphJT5CEBrAIhALzlPguEfg8tWQc3S3mo679otZW9EUOkSkzrPcuxsNfS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANcXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrw2A//aiyJD9ufEisdUBvFlYzyB+YJVsghf/CAYvPDdTdA4L+S+8/F\r\nno06NFjlJefJjhBbUUTluaKagl+3rEoaQOxwf0QCwCkCa4EJocPi2MxQrky4\r\nKTM4VHBUZGuDyyw1Dn7dFHkzipko4xZBT6JNUjUiQnsRgUOz7I4ugaHp9s7N\r\nECRse/qYqexSFRJEiC6cq77p3mrksaEhqCeiJVH2X1KRT/E7Lyk/ODmVtAK5\r\nirP7WEtU+rn/40sF0ezbCZyxWTUVtK1QAgObjICjZF/bDdMllAN6X+ea1K6i\r\nl2I50o0WErhxqxzsaRm9ZJP8BAM8ESGteKXrPS/rqNHg+D3Isie6wEVnPuN+\r\npG45nIjEbxzg8eygYoqRazI/lBz5CXNpr2Vzt76r9GSNiSe4dOW+Ft9sAXcf\r\nHkpEf4F/6LKSF+PpdG3DJL4WDI/ZpSkIyxm6emSXY0WKtQT5QagsWymqWwu+\r\nBXP9+Ci8CWgLjHUhtnWach1U4QdYfFtCNa+croRzcWS2GRCfJ32I5E5gE4e4\r\njj4UteZ6eMzkqb7ZsLQkSRFR2PqMmisWc9cYDazJ/ASREBO8gYj71s+4YodX\r\ncnP7TL1XO3KRCKjmXfPyZ07w8DSRAii+/6Xv8zPyumV/DV/e4RtJMEboRw8l\r\nWMC5N7uba/WCTgCQxCM6RedbMWLGKNTMMcU=\r\n=769t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/9e3e1bc212fd0cca6a9484c01cbfa375/chakra-ui-tag-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-IbhfKuy1/54ahQ5rjX6DGRurMkDmZMGHN5+8lSBBc8NwV4bdeYOrrxFseVaWvYtz0P2SduLjL2yyquzbkH+plQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820124231","@chakra-ui/react-context":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820124231","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820124231_1660999447466_0.15509045382728393","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820152257","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"831bb82d89b8125272b128733f1026d26baa945c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-A2oGsPuIAbOQqeAA8+3QKmgQ0dA8USpOrLaZkgDc/7bQiYdIx67JOzTxMoBGFJcnHdplBCmH+uoSmlkkwPZggQ==","signatures":[{"sig":"MEUCICD/2YM1L5uM2KIzqDSaQ0x/DTO0wZkXr5XhbuHIUzRYAiEAqjJAktWiR30Xl0pBKDH1Dhq6FqOUJESPenqThsdhOWM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPyyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFkRAAh8i6tovKfut0Ophfqsde6iA2y7k/s/TWZE3Nu3de8/jEQzcX\r\nCwdK3j0KUN5mynWIHzFupYE4T+lWH6DeTlwe8yDTu7ZAiJc59jbpQfU0fR/R\r\nIEFy2Pa1M1RO22jrxL5nGiMebV4F0tUXnlDKiJte4rrciZiCp+YxKKSia4Ze\r\n+mblEeKCLqJmqTMNGzk452Vm5nXc1kGsU9lfxP0Ou+fQol7oKa0d5Mfq8RA9\r\neJxx2+eSCt2vEjxeWski4UI7ZT0Vwwvx57pTCUgAuws/kt1lSwrOjCKIly87\r\n2FKkNgs5+UAFQHq6zfCVAb0m92Pcyazp7bJc6LCVHJ/Thh/wsdlw8Dn/b/pD\r\nieulTThbXqhyx9WmCw+gRd9C1LWRN2Tnn5BOlBXfsHJL9tsbcVLKSrZ8TLFq\r\nmj9coeukPutF++sq2a4LnKbKBuYSzwGgF/nOcAFaW8U8fdvBKuYai+C/e6if\r\nYUK7O8hogaUenujxIU1/MD2TMU9zs4+TDlN3Gb090cE+rDhngc91rBDSzwLt\r\nvMndvNrxXl8wfou/ZKmZk3dqqrM6fc8Fztf2E332MVq/s9oagmU6LpePxOkP\r\n5nNhadpWIHGTJ8OHaUI/VkpPPKtQOMdx3ja7uMR6Y4VoCD1xAHoDaEusYlM5\r\ndYK+5DEKHNYFMEsWocowF1QMWxalYwLMra8=\r\n=hLta\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/d8c70a6696ab88311c035fad568dd494/chakra-ui-tag-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-A2oGsPuIAbOQqeAA8+3QKmgQ0dA8USpOrLaZkgDc/7bQiYdIx67JOzTxMoBGFJcnHdplBCmH+uoSmlkkwPZggQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820152257","@chakra-ui/react-context":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820152257","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820152257_1661009074235_0.973047446665311","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820165925","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"cbec8174c4aaf6709c61144165f65d4e46968a7c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-t4lE7FOcRnMW2SQxEeARv9WaSiQOjiGDIWClRWAtGMOfw3e1OL3JvW2Xni1tls/cYKrfSP1vpEAIcnTl3JMprA==","signatures":[{"sig":"MEQCIE/C5fMu7HFPWRGb2HOKwFjD6irYyodXoQKzo05kQB0vAiApMEEveSbet8vKlqpUuBLv8w4bGpKbvBqZJPLXOgsvNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARNFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvBw/+I7JBK2ydIizYHclq7kqOYlRx/Lg/IVbD9jQHbJgGFHvafQIY\r\nlDC2b1kC8pgXrPDqF5QDg/Peq038Af8wope2dtE8jY86OBszUyNJjoSSWoz6\r\nmSbyChXTqf+Dr/69pT4V2/36EeBB5HXEWh/ZqC4LI621+RFAQuE+jvLFz0ga\r\ni/Gr6+4dMaNEHkaIskXICGqRUKuhUsIGVXKKQPxfN8YXRNnwmCDIwp2p6HBD\r\noNhCGZn5oL2mCfTeZD2x9C28X4YrqMFzh5dhhHkeQNOZ6mG5elgbWXAkd57F\r\n8pX98mgaFkoHCDQKFXYP/5FLIkE9rEQCfF3iJLKRVDtZBkdRpeaMy+yMuh5W\r\n/bycP9Rkd9ZZf85RqchgxXCpz0WdodsxJX3gNWh9vq8CTOggQcd5RexakY8G\r\nOdgTWG4+t3UZmu+rhtxmoG25pxPq0fa06u4O44PP+B74rfIszFPql4uZ2mwW\r\nhj/5xHEuNPTmGFIksUob/O1rsr/Z2KrbHZaSeaIUFfpap2FlpSU6l7nxZOy6\r\ngS6nMPedh9esTFExfqXKRaJsM2lhatdO42ReE3lTcgrnojVC10y5zNH6yhZn\r\npaOnjGI7UHXrSF2PM5P5xSzm6I7JG7bQbley7axKeUD0fpqJImLDgxU939jL\r\nhXdT/vsF5Cpq9V84oEFsz62ZwAhXci2Ur+I=\r\n=f8oy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/bf6a15615d0960498f9f5577b6c35167/chakra-ui-tag-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-t4lE7FOcRnMW2SQxEeARv9WaSiQOjiGDIWClRWAtGMOfw3e1OL3JvW2Xni1tls/cYKrfSP1vpEAIcnTl3JMprA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820165925","@chakra-ui/react-context":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820165925","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820165925_1661014853229_0.8751337124349743","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820172220","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"634cd09af5275c7fc5305afe5d52c37b7d63373b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-nn2WR8cAVuCK9IkGoydT1Dh6H/viCT0EdsGPzctZCkg6bUxKcKGNVUCZIWuU+FaPvGptMPfyQqA48beB3j6MDw==","signatures":[{"sig":"MEUCIQCdme1+dEdpm0BWPw9GfbSGRgAmzB4NsGVfJEHOWTKQYQIgdeNSIt/Lj0PUXUhxwd+yH33pUzbSZfJRqJIyvrh6mHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARilACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpwaxAAmoKxPWtThHzynman28r1G+gyRYYdQt0n/NfEb1FxAC3I+0oD\r\nSIdYWnS+iV8V2JLmythGJmW1imPVB3XvAgaovKKlCAQiSEsMwz/q9X6ykPMd\r\n/7CsFI38/FgcKMW9Xrepja2AJRRBYYzCNfb9hbQ2rXLDYeToo68vPK6/yAIw\r\nhnNKNe+TZWqPMdyG57dgFoHpVHsoXmxuVoZB0jbTkxz+aUvR9vMsPoq01fqz\r\nheadzFyVW9iTF+WYRT41yPD8YbSudANaIaOzK2ZEl2pmqJWEsZG3LW3XOMJd\r\n8tFdZu8nWrTsRAxeIpBEZefSv8BxNWG1+JN2IicgCtRfKguF4dKpHmDfIctM\r\nDETcqG+2IDirh24X574kOeDmZPaPoxTTy4UFu/9hz2klEdqZxDCW3jdOyEIm\r\nidKIi+TmtxQ78hjttu5l+tRtxa+7UXbva+JpR54cmCvEdRKDZjWBG70cCn0I\r\nvVe4t4y9CQp2/l2erDJU9EqxESodpU+kZJHndCmV2xcnJYgYaOLy38wqRFqh\r\npvnwnQLx9WW4pRWOU1w7yOlVOQrcDuX7uIAD8+7F/hhuiFw7sfuu5A44UxH4\r\nam1YIKr9TlpnuHCop50A27WZGzz7V1zqp9EBDvNYHy2xBFQTKuKCxX1Y9TiL\r\nXyEf1JD8/wLF0GfnyTvRR0qUQ3F9Lri+XTQ=\r\n=fx/j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/3da8b754b1c77360fce8b81e3c75bc11/chakra-ui-tag-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-nn2WR8cAVuCK9IkGoydT1Dh6H/viCT0EdsGPzctZCkg6bUxKcKGNVUCZIWuU+FaPvGptMPfyQqA48beB3j6MDw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820172220","@chakra-ui/react-context":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820172220","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820172220_1661016229214_0.33700113762228656","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820173639","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"31b7f2f40972943b4aca14a5693e3d4634905512","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-OvI8ZGbIXMLXdi7VAX1GfmX/A4alAf3ZMfpY1DmI2Yduzyn7MJtYsgYsIsjpMdCgEdUEraV34ZsRKRewdv4xgQ==","signatures":[{"sig":"MEQCIEYDvmjGDVR4rCmNyWgRY/1lK+urtdrhAsR35v1SG+zrAiAUfUN1lEYPKvOd0RBtrskwmt47TMJlMAV8MrLUMmYZWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARv3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDsA//Xsxq2AJ+q1n5442wUcXdvJ6Ftq90Emb5fOX4hvUOxfeT7UXl\r\nF179mxJ7WsLBCet7ShGp/D5XvO2VCZrgD+pqvppkFTPih2KrdXHsYOtyvwSl\r\nwpDqRwCQsuOiua32TkO9v7NQbLIFNAwMQYZirUuPdULRV6iF9hdcvRxk1lQB\r\naK3Jp1udLb/7jiJ6xOBC7vU9jZDjlJcLUfUPDFuaPn1zcwiLKPfrMHUl97bm\r\nlMd2fIMhDOKNsuJCLjbxt57SXwFATEXuhFe3/1XuRJ6GfhoO8WAbk/Xwpp+w\r\nuocrAxYf3r9B3ZckRVjyLEDe2K8DjKiIjRNiiRM97gbHBfPCo1wHb3Pe7QL6\r\nVHm5mofkyJjQ6quaEvKMacNIoe/fU9XP1AAg1PBHUXIuLTVkqARWZb8IjBEb\r\ngKBMG4pYpo+9/kqhqZfltHM5aHHawH2WcLxZzvU+oOe3s0HOlQH3U4jTZXD/\r\nE7c64kL0hkzT0z1kWw4OTeqHxtMZJKpITn6hAVxrqHLv74l7bD5H5riT/tqz\r\nTloirPMRYmpTwJjCAf+uQseRw49sdWNBrGzMNNJolfxthCFnGXaBp0EFlP2U\r\nDA1lG9W5fLQCpHjE7Xp6wcDerAEg3STOOwviDWAPppU1OMe3muu5kGafjz3H\r\n2UPX7jl0Ooc4RymTk6sLOPr28OLgeodC//o=\r\n=5ncL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/a2e8ac7f25e830daef9d3aaa3185f865/chakra-ui-tag-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-OvI8ZGbIXMLXdi7VAX1GfmX/A4alAf3ZMfpY1DmI2Yduzyn7MJtYsgYsIsjpMdCgEdUEraV34ZsRKRewdv4xgQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820173639","@chakra-ui/react-context":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820173639","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820173639_1661017079162_0.9527467503149873","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820185458","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"288b446001ea9dad97d8ea106a254c7a61fc1385","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-zHsUhcEODi85YSLen7VYcT8v6e6RuZ9S2f4JMznha8sR15CM3YcFLCpsvphpPDSIxWBwDBrgYusb0iNqFcb5dQ==","signatures":[{"sig":"MEQCICwVjGJ97r26rK8/Y5+KoSkZkKhp0ZB4LGnk1K4+sKHZAiAvogYECPR9ZsSVwxuApK08w5PMsE5E9xwJ7TB1ZSt4Hg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS5UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmor6xAAo8IZ3c1oK18bWE/Ed2U5ARjWtXviWui7S7OuiUuLMg33uK5x\r\nl9MqNxwoasiRVeKVOKleyZhGceqGTxvqOIVdS6ewc3Q5vCzfYOnvlH3sJmMl\r\nZl1JeImPz7fDJF8y2ctb8XYeYsSv5dszmnztj32ikglerZoKGMDJfV5z5XKw\r\nUAKz2igazDu+ZJoLln23ZO8mKAIUR8Bd/Vjl54asCL6LVyXkWsHo8ekYFG4D\r\nCA58nDk60B+Edgb78z32JtYNf0R8bglzvJRbZH1WLFLBOVc74JLmGJNzOcMT\r\nj9BLeYbDie2IlfVE+JzLanY35Ifzqr5VaP7TwMCrD0MSV73GBJYWKZIo+kJh\r\nruS8qz+rRx4UPd5P1D3etkGY3/AD7tB/ciIV7CQr0eR8URiRu1QuqzG8z88I\r\nlgebzQbKTyoXxpd5KkAlmOHN5Y0oEZTQtUtwvEzgh66LrNrUT/zFno8x1txp\r\nQr6Mn7pbmPRnDxGDWwT1tYoj6YS6+qyHRJmHjf5yUAOOTyYR7jQ44fAXc8d7\r\n5xKBx/jqEn6Vfa3RkylWRbgdHuv0SSoVmvitsvONYo1oxg6unMyut/EGm7rx\r\nAwMUWTFJd/NyfT3vNnZRW6IynTQvD2A6k/mHWRplhgFSqFN/I1GUHdU0iFa9\r\n+3GugjKNh2HzMrLBTu6U0/vfLWvKVpFcmXw=\r\n=TIBE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/3534558f070561f88240a1f6c4f40b66/chakra-ui-tag-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-zHsUhcEODi85YSLen7VYcT8v6e6RuZ9S2f4JMznha8sR15CM3YcFLCpsvphpPDSIxWBwDBrgYusb0iNqFcb5dQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820185458","@chakra-ui/react-context":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820185458","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820185458_1661021780100_0.21564853045777643","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820193723","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1e120d4a36867c2570a2151b4a1f46d440048043","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-Of3py98lHhwne8E9SVyM4uck9NSSobZHQYrP1R8ZieoVpo7bePDyNgsfIY1c8twSBaRmPZj7LhHxn5GMNubQnQ==","signatures":[{"sig":"MEUCIBQKejPhvrTnUzecgqIRrSIyRCwgdiByZTuil4mBDciGAiEAjq5sVRdzG+KnHOY5uLJIkkP8+opn9fQCZpgjdJhJdKo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAThFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW1Q//X4SUykMVVrz2P3aU8xgrN3dmc+sktgVw0HpzGd8cRYayQApe\r\nMpN0mS3dXNL0hQXGd6SYw1lE1+1A/dqwdOBDRzowF55cUVn13su51JMMdoHA\r\ndo//PfFLgPVsTbEv6rynbO1Ap/IdBpN3NyZcLfQk2ZuGDk5fEi+OdCbqbxIU\r\niWdKkDStarP4Ow/j08mGPOUKC0qhvo8uiAUhelHsBNXO8B/lWzQruQS+p+Qb\r\nkNW1koLP06kenxTRvsW+6JpW7oB47V72mEwYAhaXOzqOPQrJnscwpmI5O2Ep\r\nx5W1KwXt7DK82sGuwQ/d9ZQBU9QGCXJOG3b19RRioK1jCDHo3fP0Rf66pA7B\r\n4igosg5ETh3OSV6QxutOnJi/DpAITYe/Eg4Qf0BvO5cvpaiSz+X5yc00hECx\r\nQEln4p3U3jIVRHnyxrp4m2knnwk9VS9MhvppTAX7DBlJ+MXONPihF5YcOeaY\r\nUhAlP3dw/4RWfFGhsuK7c/O30XmwiIoOGgfm5AuYY61b1BJGsvMX0qYi9G7b\r\n3SsmogCk+Sw4CM/7vuBFpX+1pwiclL2BSMYEWKqGnW3tS1DhC9AzmnVaMKFU\r\nom2xJZNctOgVcd4ZXm9feEjMHPKtDVzTyqTePJhbciJ85QWem6SuwXUrWNzN\r\nQiv1qW9LnZzqaJwP2NHAzr45IYbdIaYHbIc=\r\n=7rxN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/eb73de45b8f9074fd8455fa7c9f8e905/chakra-ui-tag-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-Of3py98lHhwne8E9SVyM4uck9NSSobZHQYrP1R8ZieoVpo7bePDyNgsfIY1c8twSBaRmPZj7LhHxn5GMNubQnQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820193723","@chakra-ui/react-context":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820193723","@chakra-ui/avatar":"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/tag_0.0.0-dev-20220820193723_1661024325721_0.4665798522034821","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220820195548","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d9ebeab361fa167a188307c7f323834cfc48ee14","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-dt+73udt7bVzoBiw1Gk3GfgbBED2hgGNTorv8A5UlGBBOO6T9rrM12a2SqwHc1/KEMKyZAYQwJEEPu6gr8roLg==","signatures":[{"sig":"MEUCIQC0942LPcMfHGKq+qhiwn7CQd0kQI+Xhfvm92PDf23YWQIgBS5OyiCXzNP8lkRjXEdAK8sT0ldMdLe4Ygg8hL73/2A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATyWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBYA/9FEUlgJfb/0nfF9VP5OKFIPQwoEQYzeEjXStoDuVFH/qp0Z0K\r\n2VdDEdKzpQgjJDgWw/DacEHZg6FSYK7va2g4qQIAzALo5AmEpSuqi5RzAOAR\r\n6dbiNO5GDYC/1IBMLeZFbewpMq22HLSH799W8FWPQxCYQw1ARVXPD5aLmvGL\r\nToXsmB0BVD9ssr4FZ1qKFehgHojw1v2xcaSIUibAGev9/ycpskYUJA1k9KO/\r\nwBZyaRmONuP0B4PxYkF3YMvFKtN77yHbzyCKS7JL2YD3WbTekLWFk8GEGJoN\r\nCy/+Kz4bY4/LuPxi6zU7PXrjxa1V+GpiDqeHrKfffqDizWvWSpdhZkkTOyXO\r\nNVLMTJndo/aExWExnR93ym6uWtr5z9qBW9FyIV5ViFtmlpRMQIJoqs3CvDiv\r\nt6bklVC917CHKmDX+yiqpQFrn5DlIYj/Ds9pGCy8pwTyW0oXttPHJQOnzDYx\r\newLuerpQY8sJhzTxpvIBj1gZeRMXMudeL6nHv/vKmmnA+oReaaLcXOKBJGZb\r\nmafWS1FWccTZafU6sX+/scnTmytyzOh87KioJEc4kkb5ii9ZD04GdlrJnQZ+\r\nultUeJVMDq+lybzkrKuDDfCxe4aGBp4koyUGLmTojvhTaP87dfU16WViW/0b\r\nK/JI24zTroOh5C0sfBlwoVUy0C+ncR9kJbQ=\r\n=BQsn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/ab2c28376de79b2dc1391ed283a0c762/chakra-ui-tag-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-dt+73udt7bVzoBiw1Gk3GfgbBED2hgGNTorv8A5UlGBBOO6T9rrM12a2SqwHc1/KEMKyZAYQwJEEPu6gr8roLg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220820195548","@chakra-ui/react-context":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220820195548","@chakra-ui/avatar":"0.0.0-dev-20220820195548","@chakra-ui/system":"0.0.0-dev-20220820195548"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820195548"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220820195548_1661025430516_0.9690753876615845","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220822051456","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1bf20dfa9da6f4ad270ef9c09c6d76973d7e0785","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-IOkDv5uX8iLS49sL5wKskvnOyWa2nGC3dQ9dE9jqpiZZn0Wjfc5XmNPk323iMkdH5UWd0oF8eOWpPkPqQlIfNw==","signatures":[{"sig":"MEYCIQCNdYpa9fZLDlANEKmiZGwfxulqnPzRFaJvjy+9sh8WvAIhAJ7OsTpSn5qJT3IW6tpNWalsi66IknlmQCQH93e57X1N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKkQ//cJr1WC8CEe4ayzSCBRioe1OvTFDgLlvw9i5K70rm0O2eKT6l\r\nLaGvhZBA/7O1fVcrvew/3clnWaiLpGQ9Esd6abh+tzlAtv4s0E8c8uUVRypQ\r\nfbRQzs4ZESLVoHNhcsyGnbj+IcR2KJ4JI+gUyhrU7/WVEfABpF5w1fPdVu4Z\r\nQ5oBYJ9mjoFdnHw5oahnwrkMTOo0BRm47kgZu7ODoN6KSZGJfsk2TQvBWlRB\r\n2SMb1SaZ9jHyxP3lJtyelvgynutfa62XGitX5VwK4I5vDmTDqwY1paQn5LIE\r\nDiXmvq6YKVJdOy3cZd99/ucSrVGZI7GOLjhEhG/hGg28XVTIyWlKfXrba6V2\r\nddiQWNM7NMeXDBV7fTwsKxOIImbuIMP6lmqcx/WXasjXW+nbCE5fz9iKTDw8\r\n9A8Apkhi0HRYczqjKHNdScAJYZOGL2ynQpbwReULTOcoZ0E0pYiJW2r6A1B8\r\ne6iI4xk92k/bDBL95BbKzbi1W2//9Fl3ceF51RobgNcO3uFNP9eodu0BajJ+\r\nw/u8YV0dFD5zfxdYO8xsjkI9WZ3mBqeIRHgbSEMGmQ9k7e4XTK1pax3gY0DJ\r\n6D2gldBr3SKb4S4PNJQxvrm8Clf+xiA6zIfrtxgzAb+xE8/vE+PGEY1rFX0h\r\n2nGUly82INlG+ELNomQQ8gsKuIAOmBk49Tk=\r\n=khjh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/a09bc4b08053636bbb44a68c9d0a9444/chakra-ui-tag-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-IOkDv5uX8iLS49sL5wKskvnOyWa2nGC3dQ9dE9jqpiZZn0Wjfc5XmNPk323iMkdH5UWd0oF8eOWpPkPqQlIfNw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822051456","@chakra-ui/react-context":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220822051456","@chakra-ui/avatar":"0.0.0-dev-20220822051456","@chakra-ui/system":"0.0.0-dev-20220822051456"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822051456"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220822051456_1661145384756_0.6446996031303158","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220822054045","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"42ae46acfea37fe50a42662471e98d0bfb068d5f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-Q9vQ6I8cnMG8LGydRfQvp/FybKbu60a4NaE37P4z8gFq1HQvQtbEQEMWj9DVGBBK5j4YoqTcgwaipqfOPqgVuA==","signatures":[{"sig":"MEYCIQDIePmRsjtuWUaR4AfNMDN1Of8kQPAFF7OjnuKCJ6HVnQIhAKG0/78sI0EfsgWyQuION7McrXb/vVyQYWm02WBbeu93","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxcyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprnA//V3MCtCNYZRa3SNfcmtb8FudUIa18VKdDCUnMsGxx5bSicinp\r\nATG5sMkDBp5f/JS2RtoMkD8hK56ycEpdilYiexcrNeSiy07vAMehQZs4W4Ng\r\n45+p3NE/Ar/WfjJSGbpJ5AihoW65KcsW8PtlA6K6KSTQXpfDhcejGywGz9jG\r\nTbm1BVdsvW8NxQ4cd0cEodZKfLDUGGe+/wfdkEk982NX2nVe2v1OOaGzbZFu\r\nyKG2dcG9YdOza7v4xm0Av3EgbCfI+4Zo8BuCLOUyY9JlbUQSdU/r1n4ZAmrk\r\njTQyYONNWO8SpIMYiladdRVZN2c+nzAM0nzg/5FfUTPHwjCV0reVKqee/b6i\r\n9pp47pREYT3gRZHuR94SqnAG0nuHszTcuYV67M1teqDt+YVCfH2n8N3ItB1x\r\n5ZymGtAKwLpoIaM3V53zw5c4VrfEL1tPpzFZyCnYpk0ImQp+cBcJ088raexg\r\nOY7chqu8UYKqEMMj7CHdKAzRzxr5hNL/VaUXWqXFyKNQNWcdT2wRh3QWTIcY\r\nt9Pnr4EtTwHRMGvc1J4CPGFuJh+3wWAGnpyAa6Pcqe8Ltu4X48rl7foY0hd+\r\nitvTjrnGVAmdVAL66Gw8Wl2JvS2+4ZAw1PIHWSAKnh3BGVBDmYYx16HIw+gq\r\nh26E9JRrOiVDVXNZ4UI7e/LvzhL9QdW89L8=\r\n=fULk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/70c00326001a4c965769f0c855f4d071/chakra-ui-tag-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-Q9vQ6I8cnMG8LGydRfQvp/FybKbu60a4NaE37P4z8gFq1HQvQtbEQEMWj9DVGBBK5j4YoqTcgwaipqfOPqgVuA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822054045","@chakra-ui/react-context":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220822054045","@chakra-ui/avatar":"0.0.0-dev-20220822054045","@chakra-ui/system":"0.0.0-dev-20220822054045"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822054045"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220822054045_1661146930227_0.9659331405949343","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220822055339","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"30172af928f581bb41e2bd1f218aaa8cd279863a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-8VKufAEEDCebDvCFAUUexXqg7j/cAS7sgJ0UhFMyew377yzUw7FzOOv/OYUwsh32ra1bqjToNApKEjugw6aORA==","signatures":[{"sig":"MEQCIAGOZwVXJKMlgrVhWKgJW+xO0Wa5NYk40lAaSql2N2UhAiAJVA92+EHjcTKqBD1KiiZ6MBjxwon0Rpyor5YZBlAphQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxpMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqW5RAAgYoiQXVFnzwKyiUnE4Ngl4KrKcIbz4deqPZjKPMBeGs8j/VC\r\nX1fKDLliMHzTBdkz5pPlnO2XbvrPdOWc3xj5179Np8xFOBNsQeNB9CwKjQTV\r\nKlHa9wS7q24C2yCca0URLrlI22219IdIMo62FGTH7nwuHAIM5X/9Fzr8s0ZA\r\n5EaXxyAy1YU4dV5VikjSkUqfIlGuZ53jS85oYLym2jPB9a9GO0Z31iGceZ+X\r\nX6XTTQ/5jBOS9ZIFmRFEHPLPL3p+lvbPavEEPpDs3kn0eo5KQJs3OeAqZp7c\r\nq7m7eiMBeEs5YsuddqgWPFkxazqT1N/iUov9Ut5MVl2VlmAGiIBGDqU35/5b\r\n/VBT1/oZ8og+DB7uoFcP0zOuZF+lSJt2+IDxjGKVEmIaG3ZETcrWazcKLqC3\r\n1f7WQzkGI6bCaq1xAU9DqMKQYA7K3CMx28KJ5A5zweLKnK7CmRVv+cPU8Z8w\r\nJfrgiearOvWgPhIAZoArVxhBWyFIJihsusSqfSK0kq9q31mxohZXe6ZNSRio\r\n7lUAClQ/6K9ZrsrrwWUSLm+2N4FP7V8r8sfl8ZrGtfuLpkYzr2QwLqX0Z11l\r\nxN3LUj3gtLx5JS9Vz2MeuOwBkWbisTkTOcWIaiHg7F0GJMpJuPIsv8GVDRkS\r\n/CzzB/cRRLtTyOniZU/EPQdtjDZJmrCeE4o=\r\n=ZStJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/40dd913d8481fa66a74fde4a7186587d/chakra-ui-tag-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-8VKufAEEDCebDvCFAUUexXqg7j/cAS7sgJ0UhFMyew377yzUw7FzOOv/OYUwsh32ra1bqjToNApKEjugw6aORA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822055339","@chakra-ui/react-context":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220822055339","@chakra-ui/avatar":"0.0.0-dev-20220822055339","@chakra-ui/system":"0.0.0-dev-20220822055339"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822055339"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220822055339_1661147724520_0.0022816228299500363","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220822103611","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c592bccf01867a788a00dee4d1423a80cc3b7e43","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-M+3zu/NbCjXhLbDNh32WqH81hP8XsbAsN5ylhKhJB4W+1G+/WvXQjsK96nHdW5C63DNYRkd08ipCFcb2y9tBOw==","signatures":[{"sig":"MEUCIQCOXyfEXRLlnscTGYxoTwYHg9HpXTJVZH4iJxBzryy4lAIgVhWFKsRn76UemwEb/bxQrvExsYVQUSod82k2pFIX6MI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1yFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUTRAAm8AektDoryopBV+RNlcOdns2Fx5PN4VI525/S56JCPfszjlP\r\n8nXj9EUxmbppPcCzZ8g6RdWIcSM+tc2jcpT8yQxgFMUv5y1k0AkoxLysJvHZ\r\nXaND6d6UET4H1ko9heu+V7DjEvLl4BTIU/ttyLUsIjKeYWLU5/RUvMEwUHwy\r\npPiN4F2mRqCnCztHzGViEAnWozsT9H3MGT9B2hFHaRehML7rIfxUjGqlGUCZ\r\nnkGqNt3JE+rZj6a4sNCUqnapE6X0lRbjOS1wB/LJJVtBxmEPy7gbgQk9DV56\r\nFqYEB4Bdl/Sv/OhTRfMFQhLXtQ7DkIckmuYE0SWFTMTeirX2d9gY6LJTIg6B\r\n+rjs4e8llg9wPYgbUrXfKVp4kOPRcX4hxljHDKQFK8Tkw1qNbBuRuL2Af7AM\r\n42BmBCF3uHUTVFl08MJ05A5ME1ERMkywHbI4JkY/HLuz5xpNWoIrdX0YVHLD\r\nJMnW6fkqf92hmcaQAf6A1CeXNxuDw5bgMSID16bZdXdZo+xYrCQO2rc03h4f\r\nLUJcfAq/EXWYqbmZRbyIB5EyXWA+fdJAGKvDzbmOnnuNaHahDL0YMjcBmh9T\r\nYGNi4j52JOEEicrs8/ucLAK7gmZTprpXOwqZNeMYw96oTVrF0PrZFIrLSPL6\r\nsxyzX+YR1d+rEYANyO3qNwovZpTDWB8Tn4k=\r\n=db7F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/f9a83e5b1110455c18ea4633dbe2a5df/chakra-ui-tag-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-M+3zu/NbCjXhLbDNh32WqH81hP8XsbAsN5ylhKhJB4W+1G+/WvXQjsK96nHdW5C63DNYRkd08ipCFcb2y9tBOw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822103611","@chakra-ui/react-context":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220822103611","@chakra-ui/avatar":"0.0.0-dev-20220822103611","@chakra-ui/system":"0.0.0-dev-20220822103611"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822103611"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220822103611_1661164677045_0.8887032235638734","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220822184448","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e7e72f25472614bdd648a818718c8283d6902589","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-PwMID8y6zb9f/mYW1SVFE5xKZwkwoQzDxLeHfpXyShELcKHvP3+eaybKEdwH9rx+RNePmX1ObT7XGc7a0Nlmeg==","signatures":[{"sig":"MEUCIQCF1CZeIfuYeEES3O6ylB7Hmv/0Z/A79ZN45DH9cuGmlwIgZ5QPUXigWKB0eXGi8SSnzkyr7guwgBuG73edG0I1wdI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA88GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5KA/+PxX/Wd+qBzI4p7PRhWU2TgslJ0Fyz748P+TUwBNYrOp9X16C\r\ngoopL4xirYSTm5fxE1ScvrAD5g9RC5g7gBhmBv/+D/RguwOtXvXwDCXfZkH0\r\nYimh5H6pp44rZrgelcKIOTnXKlm8azitc1Lk06gh7xtxntA8mDMp2UPWQ21U\r\n1atOzUFdIiY+jOx8mW2UuyCRBFoPw20wkxiT54F+c249+rCQsB9LemiTKAcC\r\nXKrmQGocMYdv6UzL2Ai8OatK89xWYbBK+Dy99McJgqPXhDh6J7g7DCVJV8tj\r\nT8c/P4TLthw/fadYkaJSSnRPCECSaThHhLLtIbYdrg+1iBK+l0T/vlQzUhBr\r\nigYtJTQpnliNIvXBdjb3c019shu9TS1gMvJSAOBYWyImDHSil5ITqsUvgfpa\r\n3dzlcc0s3XmmM12ByBlTyvZeA91GK87igYu28Vln22BMxmifOiEVj2Zw5qQD\r\nhhFsc7xDTunU8vUo2rkereQTSqS50arIiJKbXkFnNmFyfTRXvO0sXw1MEdPE\r\nYIqu8/C6AscQPXt/e71tiaDuqWFd0juRhUMBOLP2fS8tG7MVgmTNKOx11MIg\r\nORg0/QC9fuWvI6XA8q0Cl5YHALHLoT4ph3cLLznsGcwWrGpbeDzZjNT9sQoy\r\n5iqx8t1HWWLCrLTOlVaN8VCYqWm5rHm7O1c=\r\n=kGuM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/dbb76bf58858e5e8283879fb4201240e/chakra-ui-tag-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-PwMID8y6zb9f/mYW1SVFE5xKZwkwoQzDxLeHfpXyShELcKHvP3+eaybKEdwH9rx+RNePmX1ObT7XGc7a0Nlmeg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220822184448","@chakra-ui/react-context":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220822184448","@chakra-ui/avatar":"0.0.0-dev-20220822184448","@chakra-ui/system":"0.0.0-dev-20220822184448"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822184448"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220822184448_1661193990170_0.9160816340858857","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220823150801","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"6216759228774a719f6e05e85ec288a8c218d49f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-sogbDqN83zXaz3v+OIWWH9o8akIxi2H3PqRvxYkYnDtsIMw1hKeBjNW5x4xb6LLS2i3DkkSXfX9lG6m0nQzEcg==","signatures":[{"sig":"MEUCIFzTxKgMjBSHC7F+JSEQJO1vrvg+zxYu62JjCkYVFdrhAiEAr8VAw3Net++A6BlRE9UEyK//Vuamf1TITcsdoIV9j4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLdA//eEtiQ8iBtIlRFF0YpkhIponPgQKVqOpVd0SAEA0pe7NLQBeW\r\nrUMVbf1GfSxUUgwwzOZHEYVzK6W8o9IPk7pT5qiSrQV6X5FeSYgCdQh7mVps\r\n79YVkP3XFNqSTuANOkUeDeN7h7tglXgM/GmobFwO+hIXKmrkTO7lKC0N3PJ5\r\nSjGX3sZ0VIHgIRhw1s+w6PNEcIiz5rPO1wxZueWsr6aQbadoXs7vr2pwbDPm\r\njlfDM7u+7UivVeazU1W5lacGlR6D/1/6vRrrv7zbou/A7a7Ix/MZGZ2TTs33\r\nyX7Q6wEHUh1Q1YqDZaT8uXRwhE3xLVR6dyBqnPnVLoupr0GfW7qV3k3tCAFy\r\nNC90ZTqL8T9SwehN8UvALWjDFUZ7260hrbK/7SmKJeA3wwzfcgGVgJ/VH0IN\r\n5+vJian18vO7k7oGog+8SkyHlm31Vgh72sU08ISGq2+pg0vWf0Kw1rEoQrGu\r\nQZhRRPFkMjWcPA/vIgrmck6Go2rPcFNMVEmPNNQVkiTnvonbqYe2sMawAdee\r\nJ+Y8e1+p5fDxrXT1A2nrhcgiEUuItQj/gaur3E4KkTGubUQZAIqkMvOl05i/\r\nyvGswOnSps0QpMU5WinUxsjF2yrN67lUz9rRLCM7vsMmMlf28AU8gyGol5zo\r\nKlkNxhKxWtuXl6efa2I/zjB/2cnzny53OVI=\r\n=4sPc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/7ef5659cb88528a0eeb151b22c7f54e4/chakra-ui-tag-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-sogbDqN83zXaz3v+OIWWH9o8akIxi2H3PqRvxYkYnDtsIMw1hKeBjNW5x4xb6LLS2i3DkkSXfX9lG6m0nQzEcg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823150801","@chakra-ui/react-context":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220823150801","@chakra-ui/avatar":"0.0.0-dev-20220823150801","@chakra-ui/system":"0.0.0-dev-20220823150801"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823150801"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220823150801_1661267366953_0.995601820278847","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220823165602","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"be7b0b3c38e84578efdf390226c58fe9ba92b8d5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-YQzFuI+wxweMmkNbqLZWadUs+gtbDhVHd1liKV3Bsj9HNqXTpTiktrApWO+a3EwJMsrlHdACkoIaa5JDlbSzlg==","signatures":[{"sig":"MEUCIQDZ5VGKQeBPpACJ8oB2pL09aWEG/eBcEDDFafv+7jQGDQIgRH/5+EhzvzeWKDXQsYY046LucVFLMhOSyfKUigIPKy8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQb7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrr4A//fYwl/nNjoP9XCHg3zJpzUz6EWRRkfVQtktBKbWR9pJFHh4qH\r\nDC7PPW0gc7J5Ie0pWZ2ChudS54H9yQQYXixTYAmHJqkpWyU4SjVJip5oLn1Y\r\n+nzUG0A5N7MnClJlAlS8X1CirbPWJYJWW9aQYQ+Hfq5T82N8Q8s5FcI1UHzt\r\nLN+gvBtIheX6txQfW1pGUqjX1z3uSSOy9IcEYZyZM75Rfsy50+wOY5mBbnOA\r\nLXBNZ//jZaMwg9n7G1TWYq7V8yPQoEQndbY/zUlpC3C2pvH0ZpfZlJ+scl8A\r\neljeteczQ9jvDYsihTtErY0WCFGlNngtn1hlvwYlpDUJIC3iU1LR2yHkBhaz\r\nsrQYUtrKfLw9CpFRtkGDlgmaw8ZdX80RYR70qdcXRt9tz8fKgHve2hLpiy8W\r\ngf5Yh/jOjXubehoTr00UnQKju25+IO9vJnj4uo5OigOywfaVWxhoKeT1KKP4\r\nZWzkWSA2JCMITpN4zfvMwEeNk23zAfK6zXNS3yvNmT3Gt4vvus9s1sCCOi7N\r\n80IBD0Sh7lFuFNal+WGYdlgzIP5MqMGUgPTu9ncNXqxv/fRMgY40u9vlRwKy\r\nru8GR7Be4HdFarXH021RJ5978JP/DTbiuDOAiXt/TkKkyF5sPJBICqtekw7f\r\nG6+fqFHK9f0Bi7kivBIIlk40FjHJP3Rs6/E=\r\n=OpHK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/ac80c7da986bd89aa649b16736689f36/chakra-ui-tag-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-YQzFuI+wxweMmkNbqLZWadUs+gtbDhVHd1liKV3Bsj9HNqXTpTiktrApWO+a3EwJMsrlHdACkoIaa5JDlbSzlg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823165602","@chakra-ui/react-context":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220823165602","@chakra-ui/avatar":"0.0.0-dev-20220823165602","@chakra-ui/system":"0.0.0-dev-20220823165602"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823165602"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220823165602_1661273851608_0.7187739689035788","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220823192757","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"727bd3128398eabea421560e9045c50d1467d553","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-1ja2L+gJyi1WpN1X/4Zt6YlZl5Rei3ppDfVcEL+XunubeiYn/T3UZTAGqLvZXmV4Y0EQTjlDOYIYwePTzH9CuQ==","signatures":[{"sig":"MEUCIDUggBXu7CnagbhoponzUkrK49dGxbXNK+rvfZ/MZ78xAiEAie0IYCG+5yQYYHLcynPkmzqMz69VFU9x2RtoHzy0KKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpj+hAAka37qlhwhV9LT+LOG9Onm5UlEUKJg/5NmOYQ0+QCrO+QsdiK\r\nc6Sdd5fwcr+HHjW0G4COgHoKaAkFQrOPd2xfunjMzpUZXn5qA95BXm0H/EI9\r\nC0fXWxrXJf49PA5J91T7I5KujBl5aDOOb1/dHp3nhdXXCcx2l/YbdNuZMsC0\r\nbu4Q84XuyXtT2SuveCqRnxUjnOcGhR02Ypkau6AZERM1TetiRhYzmh8f72Lf\r\nsZ8bCU2OUUpaL8dKmseWdZXyP350kbrAQo43FkLcVexUDlRAdmyWLv0SXcQu\r\n0/QlZzxkZ9j8bXR5ip70VigiAGPw2GSz89yRLAFgBgAeZjWOtdXCLGhpe6ZN\r\n1qqFsbYvS0ZLS30zAN5EbnX1P4CfiCi/Q1ZBy7Mmry7H0dHBIPKcYjUSwgNQ\r\nPUSsxulKRxm64TN/B5CY8y+SJfu8cuf9ipZHsS20xyatV7kDQPM9CFn7RpIf\r\n5z+dx0AmCfNYPSqRzi0N4FCf/DRCaVFHCamldaZLScDwMqBiQD+0eq7zF0z9\r\n4E/6q9ByVQV/UsG4pnjjQgJiefhgqhog9KTS30lKpJL8ufwBWp4UMtAzcceN\r\nYNdFe9CPxYhL8raQro9t/rA38uJFvnNXuGwQNAgDtDTy7O/XiW5JcmcdxjRk\r\nlqzwGa1+4lmpCwWy3dTk3K1KyBvA5U4ZCaE=\r\n=hwPZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/f5fc3e50293285a2824e60d539d5f0d3/chakra-ui-tag-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-1ja2L+gJyi1WpN1X/4Zt6YlZl5Rei3ppDfVcEL+XunubeiYn/T3UZTAGqLvZXmV4Y0EQTjlDOYIYwePTzH9CuQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823192757","@chakra-ui/react-context":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220823192757","@chakra-ui/avatar":"0.0.0-dev-20220823192757","@chakra-ui/system":"0.0.0-dev-20220823192757"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823192757"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220823192757_1661282987133_0.7088602050667931","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220823195046","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4070ddb583d69bdca374ceee95a4484ae323f5dc","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-ylGLmdTQuG+8DZF1+9i6HYIiJ2DUqPCTYxmxmK30hXEEP9yDP92GS6ocXoe2t3G6yP6h/uM7sCuX9bVN6GRdZw==","signatures":[{"sig":"MEUCIC/LD67PGV7zpYDrr3wAbMsm1tgsuBAO0zx0DvR74sjNAiEA1b9MEuIDHzq8RxpwDT40TZ0MzATZoEIl1B6aukhjocs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBTAXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNTw//Q3vHSLojCJGnPFV90ldvra6K7eFvswfVNGQQAsonYET717oq\r\nOYIFBMWQOiCr386MLhbk96sTzB/cuPioAvCtpLg1b2wcKcM8HdBdCBMIhGYY\r\nKAtfR6D4xQzHcNeOXy6YfEeDgiMxRrk8zHJ9PXGK4DfmowImEJwCnelYFix2\r\nOBp5h8CoWN1HcfOooC5D8wQNAQZvQe/SSBBhoCSYcbG65OEo0Lj40IQIrViC\r\nkfxhhJ3v/LiMDH56jl8SGs7/nc9bTpstDA4bzV+FFI92dkNV+DlRyYPdwD9k\r\nJc8sPWzPkUefo+8tRyXP117jUaPXszJBS3/sdmujP2iqH9HUYADbJz+9O93s\r\np6UezgkW9fi5XI/8l+/C+JemIx0A2ZhcgKyzKCCCFROBeBjSj19lD2TrATTS\r\ni5hqzkGx8qqLE61Rvfw85Pmqq/6W6tFSe1rZYny+c9IL44KPlNdtm+PFIMsl\r\nDW20sSnLwRQ4XLYFAOTuQ1WtZ8qYE0q48rJfeE9icU7eTY/QZfn+sNwzauZV\r\nA1LVqlOuIDBXNrX3TKJFYLBe6VXQkos4k/wtZhGTwa/b25M2lI3YpqtCHVC1\r\noPOvl52Zys0VauwTbZLVXiTTbUrDflxKFJ2BmmYwVQwLLeWPXDwWPKkCaT7L\r\nJXCavAQkP6HWjAJaMhOD4V/ULGOAKk9CqlQ=\r\n=Io8G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/d483d2d53260de1d7dec0bb2c521761b/chakra-ui-tag-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-ylGLmdTQuG+8DZF1+9i6HYIiJ2DUqPCTYxmxmK30hXEEP9yDP92GS6ocXoe2t3G6yP6h/uM7sCuX9bVN6GRdZw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220823195046","@chakra-ui/react-context":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220823195046","@chakra-ui/avatar":"0.0.0-dev-20220823195046","@chakra-ui/system":"0.0.0-dev-20220823195046"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823195046"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220823195046_1661284375068_0.7595475935014739","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220824074122","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9e52e3614285efa9679bd418687aad610b299569","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-r81sukpMuVECaDFObK0qkjCB6L1l757fxcIJ/iQuDiDyGLp/+ceCPQ8+NxejV4U64GkZe37OlNNZsvw1xGixJQ==","signatures":[{"sig":"MEYCIQD3VfBNYu2t+WYrN9mU7NLHFUDt0KykaM5hnStviZUsQgIhAN36xFaDPly+esgKwr631yTFXsgzUmkgmZePQqU3FJJ3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZ6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUJw/9HBN13oYmqQ5pjhXCP7Kmf4Z1w82z/jBfDmbujwGRZzgyFsYh\r\nX9j0Y8EOImpZjiDFrEG/R9YEW5bH9+QmJ7feSC09ajelU6LTp+JC23SYHAvY\r\nQnutDtNxztoW/Seed/4fS/0hM1bDx+y1EpZvnLSqcDrvAlUNd+YaoYZgMmht\r\n0l7wgy38w63d6tO0FG6qTf47vY1VPHcVGDMiedR5+PR31EVIUfVzDTx44QSt\r\n5iEMREd+1wnqr20TOFTgRFyIdVJ221jdQ8kXABEkZi/hEAVtaLnQH9FxdYP7\r\nDYYDGHZVIg6cE7sAhRDoyaHnTUXCT+QmT7Q89YY9E43V2vJnTW+fj8QXA8Iw\r\nrZt+cuq5qFdOru0h2ptsLHRF8TeeoG53bqxO2WVwKZiHdxGDCJWQm6aSVRnY\r\nAeYKE3l+fA8vJ8Cg4s1FqVUeaz5K3TFwxaiicWHofT+NflO1gWY8zBDeHf9W\r\n384WE00emLDQQVpoyGqvNzcXDN6SRQT8nTfmzz3sv/lGOZDXc5DnYY+eAgld\r\nGN4AjTGMmb2xVqzVHKyUtzfhpe1Yk+ZKoxGnElhV4RW06hTXS31YMIs9j10+\r\nawqMQlIcHUBnAUgVvHpSUZ+vF7T9aylB1HjfJNVK6TkhQdDvGrPk6N14H4lJ\r\nTemJiefFQAcUnyCn5vNFRUO2azy1/DvLq8c=\r\n=ShRG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/efa9c85d57a535e6e023f3dab1f47473/chakra-ui-tag-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-r81sukpMuVECaDFObK0qkjCB6L1l757fxcIJ/iQuDiDyGLp/+ceCPQ8+NxejV4U64GkZe37OlNNZsvw1xGixJQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220824074122","@chakra-ui/react-context":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220824074122","@chakra-ui/avatar":"0.0.0-dev-20220824074122","@chakra-ui/system":"0.0.0-dev-20220824074122"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824074122"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220824074122_1661326969884_0.3821125419822695","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220824080240","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"28540502c812e82c55515be688746b00ace5ee23","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-BPB3/0nePaEM7vah7g94UUzmTMV1ihLvWUD6A6OkP9/SLACcSM8QfVbAR9Q82CqZoN5Nlgouwi1YE9ljlC31yA==","signatures":[{"sig":"MEUCIQDxJYFWfVeV1toiuKCDlmPpdLZ1PbN7gxlPMFKu4JizlwIgUYBP4NtMU+zX/VS/xdL+Xm0IeCyEMHgFg4w2CSiHLtI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdt3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosbA//YBJddd+RFa8Mj0mT95x5sJaRogqL7SMHP7XMYiyzBD8zf16u\r\nGsFSF0lWUnQueplVqIkCfKXu2oj3YSaLlEZOsTa6Z8eiL0EUPEoM9jWpovpa\r\nidVFFN3aSb4KWM1y05drITtk3jCTEKSCXWWRBV65qr8dJcT/8on3TR+Vtth+\r\n5Xa1cjGi+sZD3OvnY6aCYYQym3YGwooDvimfdBlka1AhCmW0+wLxuCumr8XM\r\n2unpqgNsxbVDc7QrRKJyQPfodTjBjO+BQDPnK3Qo2juE7OhKX0nVce+UzgSG\r\nDAmN77CxoKig/UrNQRkQ4srdO8UnmkKINbkmA9dvqlxpwktuhAWQg+6h9PaI\r\nD4wUpihRWVwX12vc4lxknGYxLndX8jqNeYXHvghnukRxeDEuJc+WpCjLTpFJ\r\ngRWwME0gDDyqgJOybkng9BvCrhWUbAmbJuH8KSMtLEhRdysgypfh2xClncee\r\nTCgULY/IvDclks0280LStgpY/0pLQ+R+6z1Q5FVMZfBo1qe26DRgiaQC3xEa\r\nY4errZdhEmOMav6lGBZrI178i4HELATzSinozLzVzqP6XWKe7JyhKG33/ZcM\r\neuS69tcMT589CL3Hy6xTes1uKkcpgVO0DC9UJXH+VcJq96gNTCkXwY5E9v1o\r\n/077vXjM0CzDClfHXSPfkcD3mJAmLRSDltw=\r\n=lCGE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/aebf455ca28e1e4dc40dff3bdb818ce3/chakra-ui-tag-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-BPB3/0nePaEM7vah7g94UUzmTMV1ihLvWUD6A6OkP9/SLACcSM8QfVbAR9Q82CqZoN5Nlgouwi1YE9ljlC31yA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220824080240","@chakra-ui/react-context":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220824080240","@chakra-ui/avatar":"0.0.0-dev-20220824080240","@chakra-ui/system":"0.0.0-dev-20220824080240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824080240"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220824080240_1661328247639_0.8652338186732338","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220824082222","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"65552390dcb35a9be3f7e7b2476c25b9f32c57bd","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-PECnRNSsBSTKpsp47TkHfurRLRZjlEVE/L4Cv6DZokBL1aW4bLV9FX9eP5k4B3ouA+3J0eSB+41xApOa599ZgQ==","signatures":[{"sig":"MEYCIQCNG9Uf+aeQyw03DN6sIst30hlaZ+oQGD0CPm6vL6gmowIhAJJo+KGAECMjks9o4L/IemeCPLUq1Yd+nzsPMVpV7Fg/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12574,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeA/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr//hAAkVaMXRJegHp9oXIu9F1xLWKoC7Fk2Nhz9VdQurYXHYnhIkMM\r\nWWwyOYI2SdHsigY0zFjr6DQ9tG+ehhvJcr7ewwCz08pSOBrA1MWVoii7a+TB\r\n84CTgNeKEqmTEJOZW/MiL4D7cl7iumxvneH0dapXe0BK8TwhP23dWTgLaf1d\r\niD3r95yY7sXJMALy3Nk+uWXCohN27FRyiSahx8hnNhqrbHwn5BkwpLb/AzvH\r\nlsXm33V2zJGaAbX8bqlQ8UrRFaux2lWkS7n62JHpyzsXTJg767mWriRTdYx3\r\ngRhPnY9MOkamz7zJRJ/Xl6+lsAco7oE4bMJl0mrurbbYHE2LpoPaMQaftiSl\r\nrY/07UXcwPBkn9CATaQuw5YVvu9EAsUH+7HNEHOVDq6nMdwrjPnjzLD6pJlG\r\nmQLZxPe494Z8ouot0zhpOXWf5tAuLSuFNgP1lXO1yh+11GmPHdpuJwSWwFBt\r\nRVhBFbkyeZzayI7j4bwzvzuCSiahsuflIGvBim36yPidlPYtsP82BsdVlJf4\r\nyRMqqTyuxth560jaezk12O4V+5sOH8gYg8JKEp/056g6rsOTi2w8I0xJBnG4\r\nio0pftDrLQrFTULym1hVRiHj9YGccIo2y0gtrVIWe/Tz18intaAN9E/e09js\r\nIv1ua0uZdjoJdL17F9p1nj6szC9YT5qNtm4=\r\n=vz04\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/4be509657c661c671980830bf1ffb0a9/chakra-ui-tag-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-PECnRNSsBSTKpsp47TkHfurRLRZjlEVE/L4Cv6DZokBL1aW4bLV9FX9eP5k4B3ouA+3J0eSB+41xApOa599ZgQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220824082222","@chakra-ui/react-context":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220824082222","@chakra-ui/avatar":"0.0.0-dev-20220824082222","@chakra-ui/system":"0.0.0-dev-20220824082222"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824082222"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220824082222_1661329471362_0.812023604949355","host":"s3://npm-registry-packages"}},"2.0.9":{"name":"@chakra-ui/tag","version":"2.0.9","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"bf8530aa766bd6b9196d374ff75b0b1ce62cd0d3","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.9.tgz","fileCount":6,"integrity":"sha512-NKARwhsZ04t2vkrdRhNcakEiVtg1q44yUUsDw2Jwdu4idAWQupZGGochQI2Ac4T2MI1b66zQUkaGnm3l1mhTtg==","signatures":[{"sig":"MEUCIQCLQ3az1phLsteM5cLR/p808jvUst/rShCHFUGXIUIghQIgKmLdRg4Lr//DuBh9+OIzP1RP2cg4t3FhqfK4oRWW74Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeWaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1tw/8D/WyqCcHyrk/eH9TqSIgEcZf0APxNMmbWeqkKIxjyp91q5j+\r\n9l6RCVOvbmSEU0S0Rd+82HFwEyA9ZpRTNBYHUePcZO3vM4fM33tSfoqA771I\r\nEJw8jOSKKC6SPQ3+YzPCHYPFqaizp/Km1zPedylyjVPF7IHkasX5Hz+KBGOg\r\noGn3YFkhmoB/Q27rAyf2qv8HZQuXXYR/V9RRjlibvuls/oHdWwbk8JZXDUX8\r\niR7TKL6jkLqbhQHN9zxl0ZNVxyEQsgXQxdcJ3IwZXnaSu7HXbG1Z+5L8mzkt\r\ntk/tFriRZmmuBJqr4Rw9NlFP4+N4OTCSrD19amKQq6O9kZ+7+veMn/GvXakU\r\nSk5wKwXZI+h2sHd46Hzt7nyewv0ooAAQ/we/npi2IJpiJo7U+z5MuOaPrTmx\r\n78KoDFivA2nqvJX1Zj5UAf8mbhv/PC/SuNonHbrqNUqW8WhOL6w6OWiOQp8i\r\nz60Li6W575O61d7CrKQlcG3gE+RI/3J4HXjdn/xpOdSoC48UHXTZ/Bbf1z1w\r\nGF3NWsPo6HG7cnmRkPVNvQeN7HZ2p1zgqs94Un34Wz0flCcNvXsQZRu/3NhU\r\nCaR5rVroRSikhRQcfmI0I3UJUxQTpQ15+oaTk6ObMvHABR5E/0USBEH6FSRB\r\naZArxEh6qfDJTFjC99MFhEtugQhSV6RotBE=\r\n=EQRR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-2.0.9.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d03b1ce8480ce02b4180c51958229ff3/chakra-ui-tag-2.0.9.tgz","_integrity":"sha512-NKARwhsZ04t2vkrdRhNcakEiVtg1q44yUUsDw2Jwdu4idAWQupZGGochQI2Ac4T2MI1b66zQUkaGnm3l1mhTtg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/tag"},"_npmVersion":"8.11.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/icon":"3.0.9","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"2.0.9","@chakra-ui/avatar":"2.0.10","@chakra-ui/system":"2.2.7"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.9_1661330842081_0.37892890409438706","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220912120959","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"515323f9cf45c0ebe17c608c4725a5df5bfc29ee","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-BY5nMfYKCy7jg+U2V52nmXtT8XqDQEtapjkBFG53dYsFn0gsjoJDtnKvajOYi1sq2nppQNxPAl7g9nXcS3cilw==","signatures":[{"sig":"MEYCIQDihnEVBneblR42ejXZILT7cERriVaMcvgiERH0F2dvxAIhAJrSBEy0l06OHTKzSsPIVrv/cySo404pe3sQM8a5NBx0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVpA/9HGhbF5PBT7UA6n9Xuxe/LnMdzsk4UOGqgL48Xu4h1DPmOD3L\r\nzu3iSiSDMv3GEoC9g0wT//bNBNKzXo2eDPNSv66bfLy71IhRPORmuIjGfCFW\r\nOn8QbGIYey2m7B75yeJzkArGIXkbLxBMCjZUM4UreNFBHW/YKUuJN3tKel2Q\r\nlMnp+vNiN68GLQeBXBIgiBht8NilGwzUzGZtwMs8eeQTFn2fPktuG/XPWOsO\r\n8Ug/d7iza5T2dPOc9mxmpYykwtSgZ2XHCh/Ay8AUq6+AXWOHPMz/XWJsb1z9\r\noQV0r1jgJk0ZtLp7Nnn+YVuTppel+XutT+HqFe//SegvtCU6cSeqcj2Ygkou\r\nrrZxumsOrYIlX1qFa/tcg6ehpWBG24ft9Dl7XPWAXuXF0c/rGFDqCfyXx2Xo\r\nQEgrmSNHTmaa//m9QEVtwobWaXqRGIWpKArpmlki53wbxsjLkwVubxlrQhW6\r\niLDYamg0o6gJJkSE10Dx/+/q3T0ScrZxkUpS6Ea/UXmRgoVyfirZlpt+UOhn\r\nev+zoQ7zn+hA5rToGc0TmsVGdu2CzferQBSAsunksvyNq51ZE+8QIg9mbVUd\r\nRk7Au/hAqCKZKm8mKewMVkQSN1EJG0J3X9BsiODrEr8qONqYxwc955eQVh8C\r\nFVebzzo3hHxyibpV5lepVULSAef7arRXOYA=\r\n=7dp/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/e650129b158daa3cd9fd80fb706175ff/chakra-ui-tag-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-BY5nMfYKCy7jg+U2V52nmXtT8XqDQEtapjkBFG53dYsFn0gsjoJDtnKvajOYi1sq2nppQNxPAl7g9nXcS3cilw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220912120959","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220912120959","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220912120959"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912120959"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220912120959_1662984679231_0.747118862962552","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220912132201","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"37a6ec68faa7b62424539f0fe3edf06745072277","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-dE7sR916lVDpDcTiJqqcflv8A8Hvpxh3RRlAqRvg3uNW5cplSml1cyVRLXqllhr9R5GIZr4CUwW85BvLt1lkQQ==","signatures":[{"sig":"MEUCIQDtgrJtP+evAQm7+c7dmnXfQWaFnTIbEj/o3QM7lwQ1IAIgC8ej+KHCR01K314kVvewXVG0TwmyWohpwJQQN1yY0rI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzK+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2XxAAlXcP6m1dH6ILvrFKkB89qjMR+9SDIiN5s/Xr480T2V8cmoNK\r\n1hblMz2guhhvoY2mip0vn2AUgPAc15I8ggTkOu9yJ3bWl2VDQraUYXIW0rHr\r\nIEM0Ypi3oz1lzbELiqtNxovGaC+g08PQBKs2ocahaFqFreNyRFcyxYXQBFlN\r\nt6A4usGWaigTIfWj/tmLPkhoom93T4TC/Nh0R5fxSwSUOvKnoDgrdkfPFvtl\r\nKuLDDzmLxJhUJ7xHYIe1AiKqmm2oT3daWpdLEvitR3eZrlnq5n1uqpfG7ZVZ\r\ngE3m1MtAOdbtbLT9Mc3M4aSGp7CvgR/BM2a0c3qNCoo0NxXMrMSusbG5TiAW\r\nk/+rtvPtg1W6GQdwLxgYq/Wx02DGwXhK7TjJf3geACh9yIaDxu1s7rCQSlpa\r\nKVeilvxQAodjZ4cfZCCNkDNUNY9InjR7l0y1f+IweTAaq+nezeXP4Zj9hIJK\r\nzsKCxn2NR7H1XFQrOrWtU+9Kfh0woJBMT7s8sXHq5TLRZUotf86+TVix06LE\r\nDQGHOZG+HpFIFb1z7PbE3r98Bpl6DqxIF7a6NJVI5nndibak602eOg1CFzAt\r\nt0dUiM/ZXULyk93/97d4HuI0OWutaUWDL96BVQwc3y+a/pBoPsNug0JMHdBk\r\nzH9hnddqJtveDfz7uVYEg/qehyHWs7AbJc8=\r\n=MBv+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/7fb7cfdc5bf3cc36f41d62ba93cded1a/chakra-ui-tag-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-dE7sR916lVDpDcTiJqqcflv8A8Hvpxh3RRlAqRvg3uNW5cplSml1cyVRLXqllhr9R5GIZr4CUwW85BvLt1lkQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220912132201","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220912132201","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220912132201"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912132201"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220912132201_1662988990803_0.7628234988895213","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220912133211","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d933cc028c62ef1d501418e69388ac2f907c2dfa","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-BuY5w/EsGA6rto8ED6N7ES0GI7OMpRQbcqQWWEcNPT1xP4bcvVcDvoFWM3+cGu+ggXqMDyXLMzYRTPIHwlFvNw==","signatures":[{"sig":"MEYCIQDIsJcgbu7bHT7EZ0Tq4pZLOh0kw/ZDhJWsy7sK4iQyxAIhAP5MWOPSUKgmP28xgbixM95if5ZZYcAUYG/03hcT9KAV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzUwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOUA/+IbF9MEj8chXKMreVGS46GzD2pKl3NFuvglZOLNdsw3oOkCdO\r\nlUkgM8JQtGlKSh/Wvga4OPG4DD4/9ggfUohDw6FgduESRRbIIO8ohqyyKTSy\r\ng4AFl25cK1lN2iMTblCrI13YBQXoNu+sVcSw+o9Otg9Kugcn76xt75MmaVlu\r\n7HSvSb+bhx6HX/symwjajteihS7basGBGEa1NnWrT291uZpdIVe00r2OJYy+\r\nR/VfiBjK71Na7y44sOyxqU1lRP6bOEToFjZIqiRf3V4U3GJE0i7f404S67yw\r\nG746/X1By4/GzcPKIxNyEOtg2m08jd+CmyJttnOgjNjqYiCbVRXBOzyn37OO\r\nBFNxyNDcB9b3PcpQBhhSGsIfkV7HTWosPmLHcVSi7yLJrZPjbePTb4Qr0zG0\r\n7opNOM1XgaAbcTISmah55TIf5aDrd8XBY8P7aBvy8Aw9ISbEO+A+4ywwRKWh\r\n1ULE57ryF3KRBlLPJyPoH+Av3SXaMxYmuf2LzZxIwWCcwgbF/yMcOEAnvUEL\r\n6+myXJHo7nOIlqzcGncn67cOHSN8NDWEy2pynK+5hoq70tT68jcxf83TJyOZ\r\nLAfcd8guhjchX1Y8+55gTvf05+hZEcBSR2WE7Bt1jMHpS87Ll3zyXf54Hi0x\r\n/V9HsQo64/4WJXhpmlnD+TDFZ4t5U+Msc8Y=\r\n=ZIUT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/69b27820a894ac23ec8227a3cc703ea3/chakra-ui-tag-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-BuY5w/EsGA6rto8ED6N7ES0GI7OMpRQbcqQWWEcNPT1xP4bcvVcDvoFWM3+cGu+ggXqMDyXLMzYRTPIHwlFvNw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220912133211","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220912133211","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220912133211"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912133211"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220912133211_1662989616819_0.7522479939852851","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220914090509","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"75db7b2cc27dc628f83faa7689d912eaba35bf31","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-Y9sMq60/zfoaC4cCW2AOdsFt1E4ssBvOJqZcP9a56+XGKvY0pX/cvzbbXoJrlHy8pr8L9p2dCrJ17agoceLyEg==","signatures":[{"sig":"MEUCIQCLrCxSWH6bU4hphfq7XI1vQ1oQSMqwymxHCGhPhsJs/AIgHE0YpQDM9lI1/cbd9IRe+WQktyGD7fAytL1usb1u0U4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZmkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrxxQ//RiQqSWsRcZdsJFiKdeqHQB4DJvI3GdtnfnpvmcqAHFaJ9n9o\r\nBz024FJ6ZcFPeIm2dbU0R9U97Y/KvZhDHpWl9dWu+JFWJC0rXUq1DfhBK/4X\r\nR0vA0e6PrYjgJvDk5rVWELuhLhgjnkiO68oDyijiNHBLzD+aDtjSDPd7nqvW\r\nqCOBkIxLXVqg7iBIxgfJX3FHDqUEOEUNuTEh3xENyKRgLILFQrUXkS0fQW2s\r\n6+NZXdN8jnJBIvNLAS0H6FJJUuptk8x7qbZDHzp9l+0b5F/pqKJ+q+Mc6Sb+\r\nOwrIEzq2f2N/D4ACZBizYv+6lk7LI/riVDsJxrqe/Dru1Hh+rNoG7ld2fCx5\r\nq6iTVmfKPSYkphnAq8Bak7A3TCTtk9ez6kWNkHFGQT13zCg9sz6FpHlyOgXg\r\n4dZwz1ZLIHQvsA9e5saXXcl9q8uQxfxrVCTBixMS6YCqYVA10du3EOKlDg4i\r\ncAGK3DF2EOyDuu13xiF/GCmIp5AL1oMrEY2c+Myz1NGNq/5xBbmMPw3PT3ib\r\nUJxpTOgC/Fka4G6vg5jV5cFLzI8wPvQfSH0Q6k74gdn2LcxzNyinBAWPRvWj\r\nxEQzVYSZ7Oj3utH4A4N5vWEVuBoH3CfbZexD6vKv8ZG3kWm02Y2hPCIgN6Zr\r\nLS7Wz7DHrjl/FbLHQQZ6UJjuVuOIsRffoU4=\r\n=FPeY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/aee7808d4b01b290172da2284f6d351e/chakra-ui-tag-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-Y9sMq60/zfoaC4cCW2AOdsFt1E4ssBvOJqZcP9a56+XGKvY0pX/cvzbbXoJrlHy8pr8L9p2dCrJ17agoceLyEg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220914090509","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220914090509","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220914090509"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914090509"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220914090509_1663146404392_0.834188596932735","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220914105014","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3083d74f62bfcca5d1d409f4bc971345e13cf8ee","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-T3rJUgyYqG3Ns5kxAuJ60+jTv/qkeFWANykFzcUW3ySexnFBTVrqRy7QTms4WmGhAVVudX/ZeGMY+2gWE7MfyA==","signatures":[{"sig":"MEQCIADH9SJuO+Vo7yiBAqLeZ5veMVEpcoDXrp7FstUUqzQzAiBz0UhesxTNnyB4/f0ML3lXrQB04k70v8eiKqGQUV5rZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbIpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/SxAAnHLrMJ4u6AT38vtXjb/2vM8AFtDZrbxSIozMwGgpddrglLhe\r\nE86guDG/C7TneUJFXpHDJtI020hohdGd8Mc8QD97BUYnGnUKiYbLCJ+nSxDI\r\nybonqOwStYV4aOSpmxx6mXHfoSr9g8f1wJDqe18HtFcCCpKDUSKiCUwLtDb7\r\nq5KzVqT/PpAxqbjSLqvK4Rs+fREGTWnqGBw1eRLnMLlfwrjh8J6/ip3yW5xm\r\nIe9avsjXgfF2QwNBzfVlsmB2UW0OXgOkohpQGyOki4Xz3D+Aca0z81AEpkCL\r\n/NgexbhZhQ8WBatSeubkecRp3MaFdtPcqeoJ0SVBYxmS7vLldMJuZLBZ/nsq\r\nkY9O57hdUTF6rh9gwwyZyoFV3+DiipeZUccthAYHDbiXBmTJl2OZ1rEHsak/\r\nol9i+wLWBGz7fZlPxrEE/8V1SdPbQ/skh9DIcap0uTyxIszG3r3/81tOmL1F\r\n/LbvavdyYnelgGF2IvATfaKms3KWVhBPGA9lP2bomxDg1J6GwgsZiVQQMwDZ\r\nCFh8h26Wpjf/tEBESyFxpDzUsmlkNcutOBe/h4NhYv10AMkTfGxWmQ54jlaX\r\nD6/TCufQO6uryWeVkP3krib8+hZgYWk2l50w2me4k26n066AnpK5s4LZB9wl\r\n8/2ZFUvGRpUPvzRsBCraKMnF8LBYPXmxqMc=\r\n=/Hjn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/ecd1387af83fc4b9694746a88b78daf7/chakra-ui-tag-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-T3rJUgyYqG3Ns5kxAuJ60+jTv/qkeFWANykFzcUW3ySexnFBTVrqRy7QTms4WmGhAVVudX/ZeGMY+2gWE7MfyA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220914105014","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220914105014","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220914105014"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914105014"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220914105014_1663152681540_0.33826218470600433","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220916140800","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b9ff51fcbcb4b2e132c8df7f6e98ead49636d861","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-BSGPr19pEua3dflzZY52W6YJ1cnwbR1eulgYTDQXMLN6EhLzs6uQlo/W+BuEBONymKjTTwz44Lfm7p1ziC4Fag==","signatures":[{"sig":"MEUCIQCWlXQg4WfuRVh0SKSsgg5E/cl61IUn/kmByyzGRAlgIQIgJ3e8+RzK3sueRxFlnA83UhxZuCaTi9PMBom2S+zfPGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIN7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQtRAAjXDXdzwVL3AtTVkeXFiHMJI9bDj3u0b+fXpZXEByNdT8msWJ\r\nd7Zmk8FpGv/o3nblM7ddPuGpCb5m5qD4qsWXBI5JDTPwXNDAcn5W+42jBZdk\r\nMlEVxPByOAFSFS/+dZ4GeOY7QIbM0rK+8WQzb7iIA3zPYaL6iPkhl37fAQW2\r\nM3p9Z90yz20YU+RI60inAG+or4s8GrWElTsXjxBWdpah81GHHfzB6dh2sCIy\r\n4AnGGOZbpzGgZOhlUj7ixoA1FmQ5AsJe/oUWRbiU3r0UaJbNL1qZxItpiTap\r\nWbCPLnXSzee2GKniORp2vKGkTXX4KDvQe+D4FapeRpbsR3MVxkfI/yW52rBQ\r\npRsK9WYADN/vTpbpMHT240fF8tynpWp54RYQhv2XfskEvgYDLC4sTF03KiMv\r\n2uaUlL/MZxFVhyjxGtMN6VWO4VhKFBD7/VAX1zBXDQiDIbNnriCvHVHYaou3\r\nth7Scg7iMQCnX/ztjCi7oHw/ECxn4Te8foCFy1OUeVJqBznVS3q3LdRlezgx\r\n2sN81GqjJYVUvkw/XQqgJ40eo5Pu+0UlJXDpLO9rWvjF5mdNsTjvbUtDhn6Q\r\nLVFaN1FQLx3dsz5Tp3ZRrrtu3G6alYvj3Wo33l1FafO7znHXwY8i8Gz2End8\r\n/VonD4nfjKonCfW1N6pRcZRqWRB2kYfdtfY=\r\n=wWyw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/0f37ca7d9cbb33bd06d420978f861530/chakra-ui-tag-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-BSGPr19pEua3dflzZY52W6YJ1cnwbR1eulgYTDQXMLN6EhLzs6uQlo/W+BuEBONymKjTTwz44Lfm7p1ziC4Fag==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916140800","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220916140800","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220916140800"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916140800"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220916140800_1663337339309_0.5810947401290025","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220916141616","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"57f0b4b5971ee0293f469eb678d7a47d73a0ef40","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-AvTRUP2nCyYQ22bitjRgNKJxK1u7a4LCsJ2iGizagizIkg9i5TYFIOPnOuLGt2SuiIx57p0yvKZMRxvkBj/mEg==","signatures":[{"sig":"MEYCIQDVTm405gRmdkh9JQWo2HUxmEXv5RgO/G28czxfVDdtJwIhAJOkkIDzRPfQUJY29G3ejlF63dMhNnFNHr+Il4rCPUtd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIV5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2oA//bi3+BJj2SwD+AdZoUW1bTAE2IQbAzaM5Q8JWDwpEpbSaYWmP\r\nz17GJUjPU+bqU5BjFd0OLg0k3kqsNR0W0jDmNO0XL3NFl8Qzq5ILJSy3ybhk\r\nCdA5+ejjPI6E+66mepfzj1rcNdRr5SUPepZWROYvg3rBHfiM/am7wRbHJ9ru\r\n63qYBHi9g4RuJFTAs610SbVAh4ijBX4Sz793FunfQwmUQjuxefq1yHfwl+QU\r\naxuSB9wr2RdFI/hKVZF8FXtCd5Y7BKmcCLyN+6Sc1iSQ/neFTB//IqG3M3ve\r\naB7dKE1sjzNDs/lDo4k/Wymol77bPOIm0N0sBI3O4OQsAphDPLQPv4499PQY\r\nP80WtWYAYVxZ1meoexH298UmpUZOguS6gvYPckF2ezMzK8FQAcIWk7GVwANr\r\n5/ZsVoGSHOn1BP6ctB8lGnMwmrv8tqMB+XRZPo/fW4k3OQTmOK/wtIUSyrX9\r\n90BN/M+DlP5W5LBFOETJTQyrY+LRRw54qhRzWJEncBK0TZzXSySJkmJz8LP6\r\nkpExSzVyO7UV5HjP2jEMPN1t9pOqQoKcbOtkpzh4kpDUmUJ6d7uWvzXVu6Yl\r\n9rjI0GOTPWP/OtpkqaCxMxzPUSOFS46ZeXeWggq+4WusT41i2TMvFewAY5D4\r\n0fM6TXkctM5IL2iaSy0AV7Gw/u8jnRuVIZI=\r\n=SA2l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/3953d35d9a21607b1bd09242f2bbf484/chakra-ui-tag-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-AvTRUP2nCyYQ22bitjRgNKJxK1u7a4LCsJ2iGizagizIkg9i5TYFIOPnOuLGt2SuiIx57p0yvKZMRxvkBj/mEg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916141616","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220916141616","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220916141616"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916141616"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220916141616_1663337849120_0.020838597781037027","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220916144141","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"00671a420be5ddcd3fd7f9261f3a53b438d6dae2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-sWtTeQA3u+T0n8Q6T5qUp4QAsF6LC/FWPNxO5CL6xMoov5nVI45LjoFpM0XyhdSDqBVGd6fdaoFXcNkU0NfBkg==","signatures":[{"sig":"MEUCIAxXVriEpuKyMzRM3QvUEvgFxtQINUC0IKfIDlKantbPAiEAzwEclpse6ovg0PQ6XPi0QCa8Y/XHHhQOKQFpCA0QsHY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdMw/9HgdsdQY7LzdguF2yU0S2wzqyb1QupKDgdbbSxm8BoTlcvR/j\r\nHGXicasPaorbTuqdad+IWWUnB3nNDLi0Q54r3DRSNuswA21vffh7LJa9sD7K\r\nqhpt7g7onLMLxiFJvxxgYIOyj1nQOsLTwyDmwmxnT/AZARWUWXDClnme2ADw\r\nO23/EdGqxggsAKt/Ep2wdLV01XvVVHQDvVS06y4rOJrMip+aWJPUtQinwP6Z\r\njhVzQVvsqlWHFqaS94TGIQgx9s/vVu81pO3OHMLBtT/rw/YQvNyS1JfoHWJa\r\nSPZn9F1vqE++3e0A5/Y7o7Ry3wAO9So0H8faZWDrkPmH7lzJgRFmzRIzfdNV\r\nf6vNR3hVTwQPSkQCrVncLqSZvnUOzma4sdzQBbiWBlRe+2LrjvLuYtxGHTuq\r\nv7a00/wp+wlb5KRY0bar2/htYLyit+4aQfSXYCy1pJUvUWeQGqtrA0IiZ0Sc\r\nmaYmopqENe2FkXYFsOF6ofPHjNWqvDXYlp3yUG+oUn5OeuufAYHY2ZspOKL8\r\nwOkcXqHHfGD1xBXNVA/7YtYN6LLZb7aPWYcrhGjfnx4typDFjM2z1EaruP62\r\ni8+ewQli7UPK6Bty65OZSHVaJ0fExln0S9QkrY4itGCCxCBKl7TAMkhaLy8u\r\nYRzBDDm7WvfYOTt63l3Q6TDDjiXZTah4Ug4=\r\n=pbLY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/b170001557c7144756d628a0e9c0df6c/chakra-ui-tag-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-sWtTeQA3u+T0n8Q6T5qUp4QAsF6LC/FWPNxO5CL6xMoov5nVI45LjoFpM0XyhdSDqBVGd6fdaoFXcNkU0NfBkg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916144141","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220916144141","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220916144141"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916144141"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220916144141_1663339375930_0.0440491347041676","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220916164745","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7f5628ee05b0115463118a4454e040abf064db64","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-B1WP1EBn9JDnJdBBtnFyfVzu8wxNKNAQ8t+rtXauOaPtnfMh+JnHgofp+VCoET47INv25sTi0JMacAGAy69zEA==","signatures":[{"sig":"MEUCIAELmK8aZAzAeO8wT2hFAvI/QYgNzVps1KIiE5SUhIVJAiEA15Ifs4JfThpOsDocXOyHB6KXCVQMBtEHWSrZRCCrnFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12553,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKj/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZWg//emXN4mRkZL7hXSntRtuiEDM+7QUj7c3kBdDLnCeOAch/42I5\r\n6pU5/xBhVS4hsRphpctHC4/2UdHMcKNGOF2o1+/10UGMCVcrq7N1YKaMZECA\r\n/X4rIhtAxNg5Hpq8cjDNeT/gMemHahWP95FQ2j9XtcjH21QrOz/5EjUTX9cS\r\n4653L8IJqyQDckeSm6C1fXwLv7rV2bYVrYiYElbs8rCyyZutirx/+iUTro4w\r\nIyeVNPbcTB1fe2ilnwaAqssYWMEzXujeHiACWe+pnd6dasfI3raBhbD9mOwx\r\n913g1rY3z4yu9IVITt1zWrblIumquhnJSjIs4JrqmfUp+pa8orURX6pIO2km\r\nn7oV8P49or8nXsegwRDlme/9A1+mpcksJpTUSWUcwlIoMzZx73daakNVasPO\r\nkTTjNKxEvAdi4AVYIZ+Q41GRETJuvq82NXXziDVkr89Kpa6gzcjJGuTDotbQ\r\nZKo+pFtr7u+gnIf0a5/0rlCZbtwOJvLinGPiQkF4SjdQtHkVez/zZEdvKF9Y\r\ni9/Jtugz6GMWtoU5LLiwuFqX5T4i07PP5bPPE64YI1oJP/nR0xu6+Bjrsh2s\r\nfALvyu/NWUx65xInFOrNp1M5jkr6IyosLJE8tR6NM7PtZOi+3sjRyVThBimO\r\n8t6CLULd1jyMeIQ3ytZ/8AZaGsAX0lfoqzM=\r\n=n0zm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/4ad8f727149fc4917e292154fa3ed195/chakra-ui-tag-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-B1WP1EBn9JDnJdBBtnFyfVzu8wxNKNAQ8t+rtXauOaPtnfMh+JnHgofp+VCoET47INv25sTi0JMacAGAy69zEA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220916164745","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220916164745","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220916164745"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916164745"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220916164745_1663346943087_0.6067088357606809","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220919061024","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7043bfd2fdf4eea37c11d426dc42c965e446f1e5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-TRGRyK+rMdwIBfeE0CiSJlKdC4Awl9UTCHQFRPhPOLYFiEpKSFtpmYY0ZQXHpYp1TJ8YcDgaY8t/XOOKE4Nx2g==","signatures":[{"sig":"MEQCIAWb2/4JURTQzS1sTC5+HvWuu3iry1H5fUahvSOujHt6AiAHkcM6NRABT4ENO5sHusbx7VtwMBW78HuO7iCUaFxrKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12659,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsuQ/+L/VeP0xL5CIvW0VXkWYG+LpEEXk/os1BkdyY98FDLldBqtyJ\r\nmF2EZuoete8Vm6IMj9ljJoPATLk55wg2vATA3gSKIHzJGXY1JlB9nRARp6O4\r\n09IlKhlvEqe8gtjdfOFXvD+Zb4ftCMp2Jo5MLg0nyijM2XUiG3O0GyThm10u\r\n3JpYnYFIGgUGeq/+dlNrZib39F8bL9/qDh72b6McwwQGkmY+Zs1OZETubFe6\r\nKHUB+usef2Shr0DWI1yIvOKqwHneiJ531roBLu2wnQKiptFymvqbMR0kc0kL\r\nZs+I4lDSqoYLG0BqN7H7CzHr0MY0WYllsf94CfmS/fr6OSKNDwoIakrEXB/w\r\nx7cR/VKRZhzyB02+Demfeys3mBuPUtvehC8NsM/7cGO3cIu2YRvB8218OTX+\r\nl4xoy+4YDIikMTvS5P3d/JSljM/h+k8oL/NSBItzUr4TXr3mSCzLJwCU15Uw\r\n6uF/xaVTByrJ7/NLxVQlLVW9ZsQZFyNa5wzw0X9V0Tduw6mIn+pbbgFITvI4\r\n1od5/AWbSvsGmR1iMOG7zzdTlCb724fab8FFI9D2Ni3I3cYN4D6X/NWAzfFu\r\np+mu5bAKONkjybQifHu0/idbCq//DX5QopWvzdoOtl6jNxcPpieQDdTIOLcJ\r\nSJrdd1jy1a+CgV5fDEjaQ8Hk1tIft9XhOFs=\r\n=S/92\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/d658990d1a2508bbb792f1f37f9aed66/chakra-ui-tag-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-TRGRyK+rMdwIBfeE0CiSJlKdC4Awl9UTCHQFRPhPOLYFiEpKSFtpmYY0ZQXHpYp1TJ8YcDgaY8t/XOOKE4Nx2g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220919061024","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"0.0.0-dev-20220919061024","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"0.0.0-dev-20220919061024"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220919061024"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220919061024_1663567895019_0.04049190551538828","host":"s3://npm-registry-packages"}},"2.0.10":{"name":"@chakra-ui/tag","version":"2.0.10","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"681e78b0fafc002b02eb2205427ea2e0c266078c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.10.tgz","fileCount":6,"integrity":"sha512-DEiuuZ2BRDp9XkK1tbcdI7gso6XdvC019YGc7bC9as1uz42X6Sr11jqRZFrgI2ctxOoy9UECJEFUhFDCnWvukg==","signatures":[{"sig":"MEUCIQCbi9vQ2d4qGCEEuzCixveidGW8rUKTfAdoVmI3pvYOfgIgIVyDFTTPhEnkBFCzgPwCnGs39ynJJ/seZ37FcD+/byk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBw6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGHg//fmjbZtJMmBtkFpVg4xZVwirIMyUtZ4Z3Qk9Y6toM8kfHaZT6\r\nDeS1RiFjLBlZ78IRYx2dnwKftehZdJ6CptHgh5g7s6DBBqExx2MxA+25Klty\r\nZ4BnOcgTfaWmnO6KQpiE2DLjXGma4NC3bDeCWY01DkPAccKW9sjU3FMk9yWq\r\nICsV0Qpp+5c+TfGthU6tokde5431JsL2v00lruv/XQ++Vquk1jysMgh0UZKv\r\nKwN+teArJC0D6Wg8rePzs7YEEYT9hEx/8AnO4j5XnhuV+FFzdYqUEMvwjgyI\r\n/eX2HP+v9Tg3NSbqMMCysrOsdXp3boTCLWUX2HPoFdLzy6z+H/X/1y59CYUT\r\nb9YNib2o5uBazymWhyIgV2Iuj84t4WnEWz+xgf296vBZOcmWvQCdoG66OzrJ\r\nL7955bNXp//kXOroZEPOleAa2GJ1ipFBV1Dw5ixkdoateG8YgsJfi8abjoeH\r\nUDcKIhs21P6+URYZixqbK4Zi5u4N194eIwIL1peFRhBS52UY0EuDnJ2veMal\r\nCdraz//RrURMCySqTLIF4mrllJXwqpgS2DXRxduZUUN5HzhoUzlTN1W48XKk\r\nOk+gWzO0n/8S2ArXFTvc7npB6MHpjxsvZUox4umVCaP0/UiVY/uSY7FmjJRy\r\nhwKSW/+Nbyar0//w3SA2OuWGdEpLjKlKTKk=\r\n=h7oc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-2.0.10.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d56dcc7f74c0d4b4650ca567602c77cc/chakra-ui-tag-2.0.10.tgz","_integrity":"sha512-DEiuuZ2BRDp9XkK1tbcdI7gso6XdvC019YGc7bC9as1uz42X6Sr11jqRZFrgI2ctxOoy9UECJEFUhFDCnWvukg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"3.0.10","@chakra-ui/react-context":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","@chakra-ui/icons":"2.0.10","@chakra-ui/avatar":"2.1.0","@chakra-ui/system":"2.2.10"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.10_1663573050750_0.18380285096220295","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220920121057","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"825f95c1a949d4bd378aa65a64d91c2720939068","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-5qk1Q6WggWXxcG31leWkIxoYnSH4mWSkXzr/LFQ4D66AgD579NAoGGG+ZbPYYfAxIyK62dsOC9mJTvGk1YAG3w==","signatures":[{"sig":"MEYCIQCKHBM8vXPrlHmMB088uWkWP1d7Nvrj+qsUMQghUAotfgIhAInZ59B95rdkXXz3gyVnNRu6NPgafDqWVfcCxTp0yuoi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa4jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBqRAAhiafVm91IBOBDgFd89k14wrZB7/rUdewlw4Oy7D+BtfYPnK5\r\nUODJNIVF98rDNjb14LwpSyHcXHXLRpV2UvxOufpqE9viBaIaZrd0Ydt5KkJA\r\nRXPmse1KFjW/i7S1EVVDuBoRgUk81GHE8OKJz8kzlDe+EbM6wjuSx0CWiXUW\r\nEixRWCKSuflihXauHhFYzFU2HIcG/Dk3ovLHtd4CIHfplazreWAMmjfwy35R\r\nIrIkP8FL95lnCCKvrZqZd4ohEpWBL3xnp526LOJEHaxaIsoRZTg/fwdjRBOT\r\nSmjEwuGSvBrcV3QPyoQ6gJJKVXBK4It26H9aKa0wJjMBX9mc07GiHdkPWWR4\r\njDmRDeflEVveMKfntHZSYPSFRtyPgJ/eFaniipDVujz5axRozFrXIc9eUHTP\r\nJIcwRTUizEw+gPh7IXgFYouUgdaUXRy/cHsv+ODzMDF9023VSLmN2sHgod5W\r\nD7xF53pNLsr+BOpNchGZ6qODlERso6+IIqfOGcdDYjFI5CuiI9Jwj+kWjprA\r\nUeWr/z4D+VeJF9OSwEoOdzFonn1Npwvy+ImPD8jJ+oewF+JIcRtKMOtynalZ\r\nVxfKLcKxCCLglnvFOwUt029HfSA5GY71CKtMmO4CGVitFzdh/v7UfltQVmBD\r\nv+agklKH2lBxgoUeM2503D5Y7bqX1WpYf3M=\r\n=ZfFM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/cdea7f26d85b27f741a85d06d89a2a67/chakra-ui-tag-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-5qk1Q6WggWXxcG31leWkIxoYnSH4mWSkXzr/LFQ4D66AgD579NAoGGG+ZbPYYfAxIyK62dsOC9mJTvGk1YAG3w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220920121057","@chakra-ui/react-context":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220920121057","@chakra-ui/avatar":"0.0.0-dev-20220920121057","@chakra-ui/system":"0.0.0-dev-20220920121057"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220920121057"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220920121057_1663675938962_0.8795112741745141","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220921093814","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"908542a77dec80263ee5a6e943156fa37b7cb0b2","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-ksW01vnwVvsSNPBEz7Kx8QOKJwnaDJYAWwIG3cHZuuGnTDIMs5HrMuTNwPmLZFVPMsjo9qdqVgycC5ecQ62S1Q==","signatures":[{"sig":"MEQCIAzJgQMLYSUSOsqEwYP7faEEOTjBwKEGvNbwpQG7raR+AiBbiMMoUpuKLQz/AWs3xYUIqRnMy+Jw9lCyndj13y/bUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtv0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0Mw/8DftV7wNmrheU2roJiJQyMwpivgkdwcqlLnGwsb2Bkb3MkzMa\r\njPB27NeIHCBqQUyIfBKa4skwNj8G1sq7mWafhKoD5QvGsjn2i5UjYvNqKpBk\r\ngaFagnQpIVJIm5Tkyi4PYhA+6P6uPe0nrxiKoAKyVAZFHjaB29cbSeIoKhyP\r\nK9OebqyZ3QUTQ7QtV4PRRQ04My8ItCNpX3hq/5ptBKAFUvWooNzqs2TOVWCS\r\nrnml037oRrPw0altPHt79VH6guUmhcTVkq+5jBbwnWHlVNJPjU3isGwx/iTP\r\nw4uc19zh0V7ycpc2BXcW6qJLl6gig6smktljBP4WKtxMNtf32Xexbvx0wJyp\r\nIMRomuYzt+Dm9r2gCLYTZdw2OruHmXAb5bLQo1OSrB+pIsr4o2OxaxuLvwgh\r\n7szca1pzUqPxVjvy+2ifpDfyv4uOJ14od0pGurHZD2wUP7v8SMhq8BtK68bf\r\nfp4r4MlKuy/UHF4j8Og3Y6vAWpGHXdbOmEa+n9eGWgfkVeDrITLZE5+lCrc+\r\nWpMyN1aaKaCr+E5uk5wsbq4466SzWySJE0DNpggaXlS9W9jU9Usc2dUMfJ8R\r\n+D3d9zxw3la+c1uKQoMIKcsJyyTRGqiqqcUrfNn9j0734eeAcAXTnzAzjhr/\r\nMO+PHEZE4VoOGsQ65LyTOw7YtmSsmUnqh+s=\r\n=fope\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/1c72da3a25b0991cfb22825fad182e4e/chakra-ui-tag-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-ksW01vnwVvsSNPBEz7Kx8QOKJwnaDJYAWwIG3cHZuuGnTDIMs5HrMuTNwPmLZFVPMsjo9qdqVgycC5ecQ62S1Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220921093814","@chakra-ui/react-context":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220921093814","@chakra-ui/avatar":"0.0.0-dev-20220921093814","@chakra-ui/system":"0.0.0-dev-20220921093814"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220921093814"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220921093814_1663753204740_0.449856403023845","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220922114557","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"496da99ec16d7011fd84a98f043f690360480bb8","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-WR0/fAAlydD9CmGhBbohGsJlXUVicfPpq7IlJacgBdmkMaytlSaEDB1ceRLNMGPU7CSIDiu7cfpdMKJ+l6z/aw==","signatures":[{"sig":"MEUCIHD6lIta/10qgATJcfLIg7vZxOdX2LvrctmaiScxqhdxAiEA4N+RJ1Lzer+f5f86aZCilfORT02wefimrrng0l2s4FQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEtFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpBvw//XS3SiRdThiKZ5l9GeJPwpeJi/IRRqCjz+NL28/W80g4LmeGZ\r\nw8Pft5J2Dbi/s19YVORc+hqFBVHNjRlj2Vzr+nc9H/oE4CiL1LVCJDDtTA++\r\nGlI//MsINWgCrurl2TNnDu0BuV4Xgukad6g5VtHFnECus5/NQ1RFj84Hx3HT\r\n/xUgsQsSAlEYbpJ/h3d5AKVU/FKpqLfhv9Ds1VYPXTgH+lalZiHMAnvkvPlm\r\n7Gq7cBlpRroi5deHB8JAedIbsMzIIXGDi74UMO+dsf9MLHe+xQ13y4+tgHf8\r\nugIt2/yU8Ga4M8adUVis8SvgPd6NGO5+9I2yjUB8MTfvxyscE+yZlmHYFLXY\r\nmXFFg6LZ0tCfct7FSO8o+lVwKqCNQKpVK0RBD88bCXYWEXwvRGEeIQu5B/w+\r\n3PpL5ZhucLq5CAH0U4kRt4/tft6u3O8VDksGGavlIyPtIjcNU6h5rhkTX8Ys\r\n0c65fmZsxCaSBhlPHdl8rsZbqPOugtyI1pzuATMYvmzX8NWUGPi4Jtw4YCHM\r\n3hmEpDmpE0OcgfiGA1o89f18BHO7JT/f9gLk9e+Wpr1RYnseB/jalv/OBzYw\r\nIOyozs2UWI1XDrcCxFMZPlSQ32AOeP9CsKxylB9vLwmvBj2FLRl+8Vc32qWy\r\nUNzpRaxddr2W89RxOaF9yUvMk0vcbnE779M=\r\n=P17G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/981f32d1c9a35bd6ceaab5cdeef75d02/chakra-ui-tag-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-WR0/fAAlydD9CmGhBbohGsJlXUVicfPpq7IlJacgBdmkMaytlSaEDB1ceRLNMGPU7CSIDiu7cfpdMKJ+l6z/aw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220922114557","@chakra-ui/react-context":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220922114557","@chakra-ui/avatar":"0.0.0-dev-20220922114557","@chakra-ui/system":"0.0.0-dev-20220922114557"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922114557"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220922114557_1663847236954_0.2497193269848348","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220922115811","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"ef0380ea3851be8af82ecb421dce04de759caa9b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-1R9EpHv6AgzkmJyDPuMbSQniZDTH/AxunGzOLxWtjXimQiGBfYPmejelTAws3hN7oWX6Vbb4vE5I2brA9lXddQ==","signatures":[{"sig":"MEUCIQDRkCK4j/cqHxpdcmoWQH6cVIpvOALDXA9PUFqFaMDGsgIgaytl+jpdo1zuuOmsy5zXcGpINDV5lst/f2ANkfBNnSM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrsQg//VCuaOzzrAtCu3+v1uLR2m5S+SVndzJFvPDifHCq9yd5nqal7\r\ny5uJaWgzLuUZDrHmKqYWjYfJIq+mu49TBlpkV/lk6PvKHJwYmiC8raU9ZFzv\r\nTFz1jnpIzmR5eo67qr+bmVFgmV0zdG4dmJcYPzcFoow121OYICKQKkzok/PY\r\nor31G7XIyF527k65titynBMqeTS4aT+QZdLHQh29Jb016zlCXZSEty50/5P9\r\n/gcZgR9LYXhVxo8Q3O0C8v2X3CjPmnpHZDOKtPwXr35vQ6M/AVW8UycaFQhL\r\n7LtgklUbXLy7zNq+TkNcXZEvkj9/jxuAp5gEXsmQ6zx7E0+ozbbDQs8fpyhD\r\nkq0G/oW28c5yvO+GIXvE9VJiLz6zA6BGSHDAhlQXVtbD+xK4LDOvry6EcyRg\r\n5uS9Ks8Fqm7+wxSyZTM7d4liX2mmeq3SpUEwaeevjDCxNJ+f1qffiXQKexfT\r\nE/sPTRYpW2ppgpDsIIvqi3r2P2Ihs3slnx2oin1o9YkqVAqNII3anuLwuYJG\r\nHJKAShN9lIHvSH7K6Jo+ASxiOxfEIdKLtqErJPmkC5fQ4jw56CoESSRWPDVw\r\njZn9GhJhNErQF8lxWJ3UYlShHgyjs9paqBq49AAc2Dxbwp0wNXVKx3fnZ/te\r\nmGHSHYEK2WxHqrYd8ZVfe3oCUZfQTHN9lwM=\r\n=uQaI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/c7bfd1b2603d8c8dbce7065cb3a2e12d/chakra-ui-tag-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-1R9EpHv6AgzkmJyDPuMbSQniZDTH/AxunGzOLxWtjXimQiGBfYPmejelTAws3hN7oWX6Vbb4vE5I2brA9lXddQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220922115811","@chakra-ui/react-context":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220922115811","@chakra-ui/avatar":"0.0.0-dev-20220922115811","@chakra-ui/system":"0.0.0-dev-20220922115811"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922115811"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220922115811_1663847978198_0.8603869877330526","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220926164115","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3ba1203759fc039bab3c04aa3818fca92b014090","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-9u4a7LIipb38DA0db34evMtGEYXjwenLVYEg9qloy1arFjxaU5LEmlrMlCiPgvUgLmK/TMsIY9qdo+LUigMnPA==","signatures":[{"sig":"MEYCIQCSYj3g4vijGiGrahivtkLTV4Bt1hC3uENd5QBhJi82xgIhAPsYqTWh1nm2AJg0rw75XgZy7pbK9w1nLJfQ++EzbELw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdaWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMLw/6A0UpMJfXW5NODPRLg85ktGRL2FV+FR5SAPVppdjaQlAAtrCq\r\nlTn8JZ77kyo+4KdAeYAIrzBEoi+mrdw1s+/DpEQa3H/oPTzSyUmNKVEht507\r\n+dtClIPYijg8Cu2K0t4X3+wT6RJRSTzBTKvOtYbWjWBtZiZNWpnULPFGyUJv\r\nrJcVnmw+HZU8isDCocpQWpS7ZehZKWXgxguqCuBYMB1SCh5ZfbmqKlI7aHfo\r\nsmuJeimMLP5BoN4WFALdcsLssGCTy67DI4nioztToAt9ksovI7GJcUdOfpv5\r\n6UvpOQ5wcKl8OF1LaXqu9k4hJIwQ1poTIriT8+yuLtvNTea84y5AwmnpmcHr\r\n6u4hH/igphWcos5p4dXa9mW76TQb/lrQlpwrSyRIPaC7hjanRl8zqzZ4Rvh2\r\n65hTG8v/zMeayAunAQMRPsr3PQGvwczdQWpSmk7PcpDGEdyLOCla/pGzLhL5\r\nux/jPBgbqKaYXL1bmXQ8BasBk7SF0Zqmp5Ln+aIAtfclZqndX8wOVzgi0JVm\r\nJDjD4h3ba2fDUHRvrdpIif0Y7vOuGeSKbjW4nqRreV0eyRuMpMIS5nvlX+SN\r\noEHec1ESer8/QbgKIk8cpEryW73gsNdBUb82nWf+XQzIUTdBd2WmIdUSDS4f\r\nxU4hj5cOLSWfTJBO2aGHANMB+XSyN7QeQ1g=\r\n=D5h6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/9c8dc84a43a0de5c1da917569a64ee9f/chakra-ui-tag-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-9u4a7LIipb38DA0db34evMtGEYXjwenLVYEg9qloy1arFjxaU5LEmlrMlCiPgvUgLmK/TMsIY9qdo+LUigMnPA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220926164115","@chakra-ui/react-context":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220926164115","@chakra-ui/avatar":"0.0.0-dev-20220926164115","@chakra-ui/system":"0.0.0-dev-20220926164115"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926164115"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220926164115_1664210582281_0.4497752417563601","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220926165450","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e821c052cc5ddc6ece3eb5a8b890f9d83a3a3011","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-JF8cp72x9BoHvvzl1cYkBb3/out5q25SvoxDxYUqX4D902Fdq83IXbOtMVmG2ltD/xl9cl44FkHcGZ3VnO2Glw==","signatures":[{"sig":"MEYCIQCmpvc/CWnJHrSfasZRJ0jzrniu4GRRjMXqF412yWnvuQIhAMvTY1d+fOMavc45stAgKeTe+kvesu0+rbkXCmcmfyRE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpveA//Th87hGjxdBqPaoMs7ChPhhRbElja71/tnKm7YJWoSSWtbpaW\r\nSLaPyPAONa9yL5Y1aIi7S/qKeXg1VFe8Z5dTm3k7VPByRbChANaG17T29kZH\r\nH2cePncNhR7YSylAiORm9TZ9yY/UGsffJkUppqrV8VNE1ReLPec2OqNYStMT\r\n2Q06Sdz8IWPc6aMRlvH2NfbNS+yld6IXh1KHBaCQ7JyG+b9uTy7XtjQB8oR3\r\n83aDqIS6pS7uzNM2ojZRj9uHSNoyOeAInAs0NgBetOI88hIgFL5tKI/kbvEo\r\n/pKaIS5HbOSTaiVMSxfUTssxAoE9o+UbGQupbYgFMNwE21WZ0WGiq88qtmcw\r\n/6LMPxasgUXYY65+ZytKQpMlgvcimjpChGonT3BiOQ/TpGiE1S6cCHdMxfzg\r\n46X9p+FUWW2W1mImLkN/IPnA9HVnBgAbIoKnXea3O8XLCYTqMshWt47w09Wx\r\nyOwbMbXC8DVjZg/WBn0jvVnIrdksPSkIzgnIVQ4ArBVibVRLiuJhBK90Z0iM\r\nKU2C3d3KuU2a8CMsqTEto5g/x///WVCPiYpzt+oPYoqATz22nsScaI6S4JOu\r\nKujM1A8/oET4+s/k86T4X4zffqjV+m1EA2LcLvzzuzW3zBG05ZtYVHuYGOt0\r\nUdy90etQpvM6gikval8N+tBofyhgYvdLwJc=\r\n=QwCA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/ca5f95db5e54cbe0492a6c4acb3535ca/chakra-ui-tag-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-JF8cp72x9BoHvvzl1cYkBb3/out5q25SvoxDxYUqX4D902Fdq83IXbOtMVmG2ltD/xl9cl44FkHcGZ3VnO2Glw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220926165450","@chakra-ui/react-context":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220926165450","@chakra-ui/avatar":"0.0.0-dev-20220926165450","@chakra-ui/system":"0.0.0-dev-20220926165450"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926165450"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220926165450_1664211368945_0.6605331488021904","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220929105632","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"4a4d2f538f243c4a7cf304e46dc4b5e7a86acb88","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-7ysogzhhUcP995czQ9aNN1ksXlrLdlypv5BBO+tSDQXI8FuNmBR9sgmysEzqaw73KK61CzAcv4nIrSWiD1P10w==","signatures":[{"sig":"MEYCIQDO6CUM9wllBhIV9ZePvHSEOTGe77okY6n5LQlPRWnhqQIhAInTH/BdXfqpPKtFxY5sfNN9lHFImq2F6/huIjSyWQ0w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXozACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwyQ/+M3qSV+QsR0MbmjI9JB+a4prys8+lkUWG/WIkCkjKo4mooYPv\r\nP42iv9lZxPk6vy7WPnZpBoIE2dhdpEUWtbDcdW314N8rhR7RfM4pf8MDbElH\r\nxtpwWNAAfzbKXbyvDvuiELbbNeFobcemMUjrBgDqBlkr4FlbPelY+Be6PEFa\r\nXUjhNbOj1Kq8W8NhDtqUIsr1/S84YxBZVxzwfP6Tw3QJTgrNnpihNU44tFe5\r\n0coDaVpBNDDA9w5klTPCPVU/GdQVjvN7erQT2KZwdPqG9cRQHbDKkT2SJXry\r\nmeuDGZH0mIeGr/bVmefrI7i6WVe3Jmy3OSnjOojPQ82K5P00YihkpcdZLj0a\r\nXdY7AGu7KYIpZsFXdCFBxCIkZ0JrSeJ7U4GzSyUK41FsdxRiVhTlme2SogAj\r\n50m1ktkD1Xdu/e5H4tF/m/vGyClzg0lbRnX612KtRAM5y18zLD1E7T5s1NlX\r\nxFwFMxqAeGYXh1xjS/dXV4hJmsZQwta6wPwWj4KGMlZ8iKh8yUCWHhhG7OIK\r\n5OUFz7xDpaDvHpGTJLaClFfOL8TCQR+G5ZVSa0eju6Br1/K89N/U/9qtj2oT\r\nZYZk95EuO4ooGgzaZMG941foUWdyDIbLrln2Scp/m+FeQwE3XEJ8W0S2S5wD\r\nH1OZFYslJuLflPZ56wFa1AOvBkunv9M/bNo=\r\n=QlzK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/bcfd333a9e493d040524de9ac0cdec18/chakra-ui-tag-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-7ysogzhhUcP995czQ9aNN1ksXlrLdlypv5BBO+tSDQXI8FuNmBR9sgmysEzqaw73KK61CzAcv4nIrSWiD1P10w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220929105632","@chakra-ui/react-context":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220929105632","@chakra-ui/avatar":"0.0.0-dev-20220929105632","@chakra-ui/system":"0.0.0-dev-20220929105632"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929105632"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220929105632_1664449075292_0.9809987165502476","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20220929132459","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"31e5f4b345b253cfddfa97ed9d3e576374c27206","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-kxIM2WwmFsnoBw0EJWKDXD35Yc3JSs1pPN2ls6xIDyATSSUCr4zFZgOr7cS0N1g/sNLf7D6rasEuTMLD2XNrVg==","signatures":[{"sig":"MEQCIDw4LTNWfiLwZ3ku4ZN+Q/iqGEzQoLG/P+Ltf4dmwd2aAiBY8jx1WM3tbXvfMWTIctkJecM4NBq5S3UPxCZt7Y4uJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZ0QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3xA/+MkbbB1t6rZJUAiZm5MpAC6d6ctRHiZRu7YREnbvGQgdVHLzl\r\n+zrdqN4YzZjE3lzjgKl6CA0/wfrC7S47oSLruHqu56992qqwKKwPTkk0ST+f\r\n5qGL19prO/ZbhbnxJmSVK2R71/+IjETSH2L49law8/2/cY/emcxdB2Sru+UC\r\nXnrr8kINzQkf4OP007uMalyh3S22+58z9cBPuB04+R9ZDxMn+6tmuToCDzpK\r\nvZLY5ulexDH2DRM7Upbwi9Bv5P1pZB6SSN5E+puG0acXB+jl5Is6deaTrZKf\r\nBicoGLwDK/v7MSIJbb1TmSqbIQl/y4U3w0XtDGTaJiyB9SSUpwr/bjAW4iT8\r\nCtrz4VtnNrZFJxwaYLYvW+c+aKY8zmBet6dtja8HCsJiOgA5RUuWOSXjm2VJ\r\nLDGpwaeN1lgPwCOtCD95grXwIi803diDYreJhas4ez23VlLY2F9q6n55MCez\r\nY4LBGG6VaRJ+IiGKqAf0AWGMrtwI7dVZhpWJo7KfV5NFA8IVFeWwaB6vxlsv\r\njhAFI6tb2pmTtDaBLVDm2W/v4Jbv0zuTIjFFSa2NsY4LPNa7BuMN+ARBJdNI\r\nzBHxMkVQQb21gg5xTqZHwEzpFcGlPBYkerSKLPXf4hrjAfEecGRQtER4IVL9\r\nKAHC7No82Xp2SgqecFsjvircfbR2/WzVUp8=\r\n=BTnt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/70823d1fc2fbc1a3b5b3a8bb459f43e7/chakra-ui-tag-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-kxIM2WwmFsnoBw0EJWKDXD35Yc3JSs1pPN2ls6xIDyATSSUCr4zFZgOr7cS0N1g/sNLf7D6rasEuTMLD2XNrVg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20220929132459","@chakra-ui/react-context":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20220929132459","@chakra-ui/avatar":"0.0.0-dev-20220929132459","@chakra-ui/system":"0.0.0-dev-20220929132459"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929132459"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20220929132459_1664458000644_0.23269822391374606","host":"s3://npm-registry-packages"}},"2.0.11":{"name":"@chakra-ui/tag","version":"2.0.11","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.11","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"14702adf5d1456dbbb84ea7a4b314953b92c323f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.11.tgz","fileCount":6,"integrity":"sha512-iJJcX+4hl+6Se/8eCRzG+xxDwZfiYgc4Ly/8s93M0uW2GLb+ybbfSE2DjeKSyk3mQVeGzuxGkBfDHH2c2v26ew==","signatures":[{"sig":"MEYCIQDjG92dI4EUtijtPdMmlxwN72/oiqNO5mSsRDXegf+N8AIhAJREfiOg0iU6QHvG3lbr3C6U7LOpceaLsh9FzS3bX/qX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqebACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2vQ//Vlj6DIPoOZeINoNq5a9WnhMHaJB7ipU/DZ+nAHMglIlMpT/r\r\ncRuIOj+QowTohaLd8ctKmmEFf5dubUqHZswze41Gjf2CxK/wnLQ6VSomdk7b\r\nxJ6FrAvce4Y/zMqKiY8C1qK5m1fq/azvJld1mtHiNODJ7MjYOYKigROSU9/b\r\n8DvqVcv43v70lyVFcyLopnwl9ge/Ka7Ro8vqy79dXSz9EjyMOykukQuKQj3S\r\newbW1Krokjh57AzJQikjpSmjz40a79Mi0jAjY3GfTFhpqPHo4T8xbQpBBmQ4\r\n+qc8zs+S5eMJXiFnA0eZlZe0onSplgLaDeDRXRLa8P4XuU7triELxwMZngVR\r\nBsKUsvyrEntFO8LdK9N2tNc5K1wjVeS74xK03cEdM40KMkUa8O1akrfoxSGF\r\nnsHOPrmKSNYcVcZ3HWFR3uBZgrdDCZc0WryCFU7/e9CwwOZvFJMr/35XbdvJ\r\niQ1IN+Z1tYnZ+QsZB8r7vqs1TGKrG7paICJM7QcAYNiblpm4uYt+VFssK5se\r\n2dy7+mHiK2+6skGvrXjWr+qz2T/PStAmQrbvAKJa6yaDCj96ph/S0/lZ6yBI\r\nNJnDWuWall3ACv4+PQ+NpeXjnsMlVyc8Okj59iDYEiLGFAOMUccBrJ2hzn0/\r\nRPoIlxkJBKqkdn0xSXXiga48SG/RqMFbEKg=\r\n=MGN/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-2.0.11.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/817f2dfd818a6bda5663c6d86ae3b06e/chakra-ui-tag-2.0.11.tgz","_integrity":"sha512-iJJcX+4hl+6Se/8eCRzG+xxDwZfiYgc4Ly/8s93M0uW2GLb+ybbfSE2DjeKSyk3mQVeGzuxGkBfDHH2c2v26ew==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.15.0","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/icon":"3.0.11","@chakra-ui/react-context":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.11","@chakra-ui/avatar":"2.1.1","@chakra-ui/system":"2.2.12"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.11_1664788378817_0.9228175593289629","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221107161407","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"5ab1f15014555ddd60d663652b140d9c945d3061","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-WpvlXjyBca3BdsOyh3YIUTtRxrhSDy/pTcmX102clG03+NBTSyKc4w8uNLe4JCrO1BmtPlVPQfb9SVE3jm+ndg==","signatures":[{"sig":"MEUCIEcG+EVqr3mwATawRJf21q2l3o8zMNU5F4i3Rh/2++YrAiEA+saZ5fZbZ42lbPtrOeqPByl1a4c9brX+XVAhzY1dA10=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS80ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmof8w/9Gzp0fe7kIWYFzAIFq1sB/k2Gl1Eoa3mMshsfiGBQCTwgadwS\r\nLT3T6ixqHoIUgmofEjuyDG7jqg+CDME1rbwPxg2VCj9snVhPXw/QI86/gvVL\r\nL5BT8h2VlrqKfzNW4PyxsV/6mHr8/eHfh/4cqSFTRH6qloUaiT+hOKh2J7lZ\r\nMba7/9ehUONW2ZxBKF6KAB0BLjK2GF6CUOfD+G91qgS5YiXe/irfyWEWOnel\r\noKfH4tnM+/3WmZF2RB88/+IWW+ew53b5FJRTxIXIWH15n6VTK1wp1AgNDW2l\r\nmIrCAVd0M1W8rgMv/WmQ3WiJiwMbj6yigWbQ3AnxPEZgpwni1d4I5i7+coS/\r\nST1BnnusE7FOvNXv+bHDLaFoYU0uw3QicRcED4JCfzOesy3NEHa+5wnTzX9v\r\nuV5eNu8RYedJajTYt69q1pU9gYCRGletGKTXsBx9MIF4L7d5PzewxbmFMCPD\r\nM999aytKwdF1Y8rYseqQrvGDmFywzf2bd8+hQjAXhllbUmgaFq7dAHksD5oD\r\nI9qWMrp7HgAWNaDlBNBzuSZM6oW0/40zkutZj/ZGGgrgkdIi5f+Dg2/+L/QL\r\nAt2C59dGYA+/YWH2S2bnp5nVIhS3c+w6Q75FkTh0Hx3v7plDnivHVvt42hzL\r\ngO754+EtjQRwiIaOp9vce4Sd1JK2jU/3q00=\r\n=5Dnq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/c609446b98db210b41a2a845b8e79b52/chakra-ui-tag-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-WpvlXjyBca3BdsOyh3YIUTtRxrhSDy/pTcmX102clG03+NBTSyKc4w8uNLe4JCrO1BmtPlVPQfb9SVE3jm+ndg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221107161407","@chakra-ui/react-context":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221107161407","@chakra-ui/avatar":"0.0.0-dev-20221107161407","@chakra-ui/system":"0.0.0-dev-20221107161407"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107161407"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221107161407_1667837748217_0.21054010393408795","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221107181117","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"107539b3fdb3072b1e95abb76d0f17e02b00f140","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-GvKzwiee26+1zgvWOOFAYLTS8Hp88QpFmZoeuVNXXyFnvT3iDUfa0MP0sv6t2pQL9HQ/wE5vtaua6o4pia+tvQ==","signatures":[{"sig":"MEYCIQC807M8W2AidOe7tn6Sj3W/X811aG9Sej1R6M7anuTgEQIhAKhO/cVDTzWLKRur7yYtChOp1OdGR818UtiHrtWuJ2XC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUqXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQag/+N66MkA3cV+lUM/VzvuqUY/RLwld4o7l92sZWTusrR4zakMAk\r\nfU4pANSfLsLxkrSubVRw2i/alIyFcwvc08SbeXd7EeXzt2YNtYC+GHy0LsZU\r\ndMfhxntsn7pDEzIljnhM5FevQudB7Sdz1kwRrPca1UdWAtWMjn2gz4yXkQJM\r\nYB+r79eQWKcyEGsbAd1IvSRaWZrQZs1hisli6VZIYkwmJb1Lzxe+8i2zlQGK\r\nVVsHFIlwgp2e0HIRG6QqkthTM1J3d+6wEfT/r1e0yxFmD0+9L24V8h7bSVWd\r\n/g5lmGsfumryYXhJQzCR8c7wGbVplMqjfb/J16jFllSf/2KAnC68CNzru7U6\r\nb+ZXQNqVAM3lShKmo/gecFYIj9Xav6ppsXJVe2D0FgKn9JuaXrjc+itjN5jc\r\n4XccSYGpCGM0WK0fCxMrbmNASfwQZL4rRjIRRZlDUsHBIqfW+WjuR/jQRB1+\r\n5r9Cm06CmKoANwgFSA3vA6PvJWn9VVZn+OxMIG/AKDWcD0U7RPRL+XEhD+ih\r\ndJ7B/5DQ0rPlJ7szMZqqaUmZdfgNodoXxUW2bBP04XmCcMloY4Axrk+ZDL/8\r\nR4ePKGk5Bna0Tl3XwaVFI6ixjULCtcPCKRhZHZBND9SmBX2cmYH9AyxPScTi\r\n5n495A8aAj+H/mlbUCdlHEswrOG9CShRZIY=\r\n=dcsJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/ab40c7637d0ffe023c15ea9cc9e1c119/chakra-ui-tag-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-GvKzwiee26+1zgvWOOFAYLTS8Hp88QpFmZoeuVNXXyFnvT3iDUfa0MP0sv6t2pQL9HQ/wE5vtaua6o4pia+tvQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221107181117","@chakra-ui/react-context":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221107181117","@chakra-ui/avatar":"0.0.0-dev-20221107181117","@chakra-ui/system":"0.0.0-dev-20221107181117"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107181117"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221107181117_1667844759182_0.5758094203468862","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221107182607","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"badd2289f8bf7324d73aad7ea98a07b34e762cd7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-Gpw5s1JTLItnD7g027IhgBUpCnWHXUphBE326U8amajXzyT+NYp3P64P/omhREwMF/AdnivO6nR7BD2vj7ytZA==","signatures":[{"sig":"MEQCIEE4J2GaZ63eJpjDi4qdvOTjvIqRsQoR36NPZAafAPw7AiBQoAqEqvsBOKtniPic73WSqQKJ9ZsASXhtva2TM5RoMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU4PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp58A//bSBjCBvbk4ycreZTu/5kz96kKUNh53LdevAUz/BrAUVwVGag\r\n/oULJcoBbdtidSLjp8XYZAT/kQJhn4S60lK6R7XJ84o/rsjJoGEurV3op4jx\r\nE6MRrBqkx7wJtiTzYYy495fo2EBaLtIzHCNjnhzF3rlFEeMaA1hEQK+iXVbQ\r\n5kSbwZximgaPOawcPgOvX7zpaZ1CN5GphL/oionT3GtaWBL2SW8IVdjJJ3dk\r\nELgv3hAGF/Tvg8+eI2ULo1xwKZgIljNk6exH4xtlza+JFA0FlAFqyRLynock\r\nGnGPZJSNPfxYNW1uiTgogdaQfUcWgS+rK2FK3GtRZfIim5JHs1FOvVvjnP/f\r\n7BLir2N91esAVf+4DXs3nTvnJz69WqueMHwX9dPH53le+jWk+zA+zlBB7UGC\r\nRDAge8Jp/sKwjJ5FxIo6a41sKyHhJmUyNZoLjeP/lZtkwLqh6Z6Zl2FRCTRR\r\n8P35eil4zYFN5u/QMfdms3f6UgAlPboX2wkNkhBVKRHWurnD625xrBcLxsIu\r\n5p4VBaEmnV5YtIQv6H+01Cyg/Jo/TilvL9oj7kFSwT2dmd39cw7sMekSoOL8\r\n30kULn+fj8cfwBS5xFvw5d6jwGz9NXGrq1kN2HQG+Vfk7duJwp+YpY1juJRb\r\nlY+cb7SByZg5KUGO4ROtEidyztKcCR8KpOY=\r\n=ysEV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/4b6fee7402e9d3a0d6a50f9b0d023991/chakra-ui-tag-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-Gpw5s1JTLItnD7g027IhgBUpCnWHXUphBE326U8amajXzyT+NYp3P64P/omhREwMF/AdnivO6nR7BD2vj7ytZA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221107182607","@chakra-ui/react-context":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221107182607","@chakra-ui/avatar":"0.0.0-dev-20221107182607","@chakra-ui/system":"0.0.0-dev-20221107182607"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107182607"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221107182607_1667845647557_0.44297711102540904","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108071844","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"781f3df24e424b91a950cae3a9b6135dc517ca30","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-FHXLsjLdAT9YLkexHPfBMANX6XDTV9eqO4VAQKK+eE8U+LQ1IVKLEM4MUx2dhMPZ9gVFlWBS320LMTwYZXZUCA==","signatures":[{"sig":"MEYCIQCRocWavZnx6oIa9KYGLo7qIkJGVzKSZiTaT2twS81ysgIhAJAx7e8/dVCS2d3JUV0MHgIOZOSO6FB/0lRInpO1+roT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU6Q//ePqXKi9v5idSbpPfjrybPqB33A1dWbk0op/eJHko7CHRgOSV\r\nIDLC68Bq7SO7O5KlMFjeBXV4r7vmi01uTGdv08/HFuSAQ7By6yH0SyL0v0VN\r\nmz8UBzthxFlc4003u4znSavZul8AsUIgrklx+aaZLpi6vlcA5WvszpaG+tY1\r\ns5XCAHdv4b8l3Rdl+ud5MVhN62m/XKwgDmUEgfyn9ijyOod5Ur6SF6gxEBiX\r\n5ygxdE5y8sctBevEvb/OUzC05TBm7nGFEmZs0HVatv7YYiu2yEPV3ezz2XiI\r\nujAk5qokpnbQnn1JQ1VSdrpQRT+QEdG2FXv2pKI2SIMSKbuNoI+93/wTKwUx\r\ngBp36A8o2wL235Ho2nIt5iIwm1icNNkjyeUkAFuEelSdzzyMhkQzLeUwGuIW\r\nE5Qt94EWQf3Sbs8CRwXDbds1xGgABp5ccZfHfABGLcTKrKrEovoVgHrvayxw\r\nPJGlMcFiRmDJ2vaHC8vOklcQRlpqGrh/eP0oGDJLE+Ye/fPaGdOg9V/VN/Ys\r\nniVxywQ8MCxmeE3AffII5Cl3YeONmZbr1n95eyVUg1WZNOVBiBA/6Yt8Tu88\r\nk3Zi1w94JZzi1wXymO7O/tGujEIondTDl2coZ+k3NDlwpMHqPBdL7Tu3A7HO\r\n/43yuc8vxBwXaMFriJ3dhPrXgLvfUEPZ9ko=\r\n=Ua6O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/cee17b36f36d57303fd5ad6e1ae461a3/chakra-ui-tag-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-FHXLsjLdAT9YLkexHPfBMANX6XDTV9eqO4VAQKK+eE8U+LQ1IVKLEM4MUx2dhMPZ9gVFlWBS320LMTwYZXZUCA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108071844","@chakra-ui/react-context":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108071844","@chakra-ui/avatar":"0.0.0-dev-20221108071844","@chakra-ui/system":"0.0.0-dev-20221108071844"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108071844"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108071844_1667892007051_0.7532205055264991","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108073543","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b48d014c4c7c7ecdbedf12b1ef62e9eb0a93fb41","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-MsVnwEjW4rsu5Tf9atkWHrBj9xWXq9oFKKkX1nuJqhTn4efOmUnG/vVw/57LOmVybUuXTxtVt+vzx0NwYz6Nog==","signatures":[{"sig":"MEUCIQC4QR4cakDe2QIjzb2PHcIcitvTb8ruN/k2Lm1Zpn1IOwIgazU/I6e1nWelcjzvBznlRMtn/UNAHR12IlD3CumEhxw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+EBAAkUSi6YMHUiLx19Kdul6NCJqz1e3K5MbSDigfPxFGcjpB6eCG\r\ny1jGWxtUko/0rBoAbxd5t4kAx28RmQ0c6jDdoRQkgjBZWrLgIswynA9T2VRw\r\naLdMuqciwC8rosaQmsRGm6OQoXTQUTO2z57bYDbmevCcJA3qhinDUkQCVVPM\r\nSc8na3YlxcA6ZOLb6b/FYR8JFHzB1P+Ys9c3WVs+0CuCI7kwvZ01KWImeplR\r\nStkz55ukhG9e67RFQETM93LQYkb0xOoRMvEPBWiLP1Q4PfP6zGD0uUEh0EKv\r\n8PK1j050P+2j/l9b3Weplg8n0M2GCUgfozzsBHYMEtkOChPQz2W+37bYp2XL\r\nkjqzYq8PvBv30teSiA+nTTm1CK+V2Q7NVMFXhMG93yqjnWGWfzEBQCorXMK5\r\njEW3ZDw0VbmfUfLU+OgGleqkFMsCHsOF5yi7FiwP2pdZMooVJjM/sOw+DlfX\r\nuE2fJFZfdkIkoQaB4ba0TvyVsR6pZjMB+9FvjW1pILltGTTNC+KC23n2VSz1\r\nT+abu0pmcIw5Du4QVFwrIVSHNA35mCkjZ+3BPNiA3kCA6eWTsUX6OTw0T7KD\r\n5DIyoeYIHJiINpbMVP8R4niAb4ggu9n68n3ZspX35wf8oGIclevTaLiOwKL1\r\nWlf0CWPBxKPhqYDW/EH+K5Kn2F+IxYbBXqM=\r\n=b6KH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/43e03dd3806618a1f1c67f52592553ce/chakra-ui-tag-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-MsVnwEjW4rsu5Tf9atkWHrBj9xWXq9oFKKkX1nuJqhTn4efOmUnG/vVw/57LOmVybUuXTxtVt+vzx0NwYz6Nog==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108073543","@chakra-ui/react-context":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108073543","@chakra-ui/avatar":"0.0.0-dev-20221108073543","@chakra-ui/system":"0.0.0-dev-20221108073543"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108073543"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108073543_1667893040855_0.23307441818760144","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108075029","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"933dfb266cc81695655f67e56d40803bdab4b9cb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-SXd5aLJOGdJl9O1VtBqhLFGdy2rGk6/Z3DLNGfzoxG1YvW9h8ykLZ5lHo+eRRPgjQslS38d00oY06juj4Nk7Bg==","signatures":[{"sig":"MEUCIG8V0X1ScDbXnHOgybeNwsmg5wIa7nxcSVnwXxnSG6swAiEA/6bJsvHuoLDpqWsnG1RYroQV2Xb4DCFMFMYedDrZxM0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagqkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGHQ/7BIpRs6hCKdvDdbebqvFkaEv5ouLBEouVCJxo1bdRrTtD/Kau\r\nEY5SVtxTg7G2ZPj7oJYK7mE67Bu7YMzui5FHBATIArr2xuqqmQ5q+M0RsGYm\r\nUZBuWPA1Kg17X0/rHlDaxk6uqzpYhwrxUN5etqjrDBHnGfj2qyfNEubyKXuN\r\nkj4IIY3SPokWx1e2736GDGunZhTlEmMFIli4B7Y8mzf4t0TxHczpgE3w74A1\r\nNA90y9cmHu7SkPZoYc1pX6q3UzcyIhTxKFBsqJVbE6nTke6jdNnkN9ODqlYn\r\nM1yF7btIl7BRG21vfPBtemlKY8PE/ggJSn0A92FcP8Z5n+xp9Kf7zejicQZ6\r\nWLFi/nRbAKQd9i3d2c2pPwuLVAHAcRH+maRh3i6HRZlbOHevhiK//qsM6ZHk\r\nZsiDUWaKWls9/wsT8nyqGFOftpefXLneBqTQnsbki5k5i3JU4xqR7c3B/v92\r\n/r+yqEwEIp6Gwj0owvQuca3SLIbdMljakW8MHOzWYX3cHfY6YE1IKXOrmg1W\r\nIzn2dY2fkyBlxXDl2H40S2yrUmVPEBqLOQkn9K2gDIhp3MuubIhQj/KtvsR9\r\nmTPGLEtI2SdVyuwRazR7FCHcndBAU5vUfAKyiKM5EWdaxaZRbVHs9xU6bkr1\r\nxbrM/+BjV56TAdiAg1nz4rVbAeoPtvh1jok=\r\n=JnkC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/299c6c24a405949f482d989dda19166d/chakra-ui-tag-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-SXd5aLJOGdJl9O1VtBqhLFGdy2rGk6/Z3DLNGfzoxG1YvW9h8ykLZ5lHo+eRRPgjQslS38d00oY06juj4Nk7Bg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108075029","@chakra-ui/react-context":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108075029","@chakra-ui/avatar":"0.0.0-dev-20221108075029","@chakra-ui/system":"0.0.0-dev-20221108075029"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108075029"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108075029_1667893924236_0.7071192950294614","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108083411","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e145b130bee421bd29874bff7e9d6e980d86e891","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-gv+uFxGaL0jcMLKPC2ePS/TzbiMw9MZUwBAV49kplGiA3RyEcOXe0TwnnfHlDoYgb9sej8J7Je2zl8Kh6lLyiA==","signatures":[{"sig":"MEYCIQDXQDi2g9Sp01ILY3TYCpA8Qr5iZrjnLD0tjXlRvWnWAgIhAMjxUEXmsr5e9rj5Zr24+LG8V/Qon4qIBelUx34kudyn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahTIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXSw/8DDes2ckZX7LzR9VFodnGu8Le/FlwiqECYP9+Qm9EwcreHKW9\r\nmGAxBXa9x0koN9PYQNtI4nbWd3aYdacLKph8+HHQxF4AovlDDgXxGLL4yN9k\r\nDEzDL96FHb4ZRmR2TG0HxE8n4rkx/m84MsykO8ggM8GTkfZ+ussB7Zh/XIWJ\r\ngy/yJXlwQaxc4n/rLi+jcgnUoTwmGHvqEe9vqb+qf6x35r9t4UnnYvAHQ2cJ\r\n2w0NhfJLFaQMNCtFtnfyRnah/UVbtfgZK5AOL8f99EFoPDc2BVCFU2Gix7gq\r\n05bz6i4AaNOCPewORBDyKlBLI7BJlsbCrwfgxs8NLGPWo5vsRx3iz/INYxQ1\r\n6OZNmKlpXkMpjuwzfKfNJcUxeduzrm7m1MoDZyTK97eue9hVGp4pr+8js5mR\r\nX74yZTeBsru1GHo4Cy/wjWcG5yRnYrNF4VQwkNUULonEbDnAW/BlRJQAeqyz\r\nKVDXmRn65NuDbcEQhvQSUHT1cvr1eHYDCt6MsWeklmCfEdnXat1IV+R2EaK4\r\ncwrbc6PqsqmMOLHnOZ/5ItnZOhXFR2NsBJIjOuDytB04kFEHyMi0jMYKKIIC\r\niuDgxLZAkhOm5nWTuknPbLGS6Ta+KGiTjmG/RXblksq606UGdN2DJJIbsxce\r\n9WVJsQrQRDjsflFqkXI7q76CZ+DxOofz/x4=\r\n=wmR1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/d7e64c2302bdbfd173fe51f93cc73a32/chakra-ui-tag-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-gv+uFxGaL0jcMLKPC2ePS/TzbiMw9MZUwBAV49kplGiA3RyEcOXe0TwnnfHlDoYgb9sej8J7Je2zl8Kh6lLyiA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108083411","@chakra-ui/react-context":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108083411","@chakra-ui/avatar":"0.0.0-dev-20221108083411","@chakra-ui/system":"0.0.0-dev-20221108083411"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108083411"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108083411_1667896520786_0.5403450738733704","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108090938","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"c0e884378af21a7660946e6c1d6ad160f14234f4","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-BdyVCEISS/gJiB6SVf1Dp3W6oFoLkA9x1EuTkLR3tG6EHh33FF8c/0Sp3fPDuKFf2Y6pB4Ow0NpQyQ6m64msZA==","signatures":[{"sig":"MEUCIQC7gxRQav7BGRyRge3SmZkqQx4rH8gm/pX/oF8Az5ka2wIgX3v4ztwF01lmg35PqiFH2ECPW6yIPGhyKH6J7U41fjA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbWRAAhGrf+bSem72GLek7OXdLkG0Kgc5UO7yVXbzE5U8biRaPJxeJ\r\nLeu1x1Y/g1XprCflxXJjO68e+CDsB2i7oe6jZrAc12Xn8aZaIA8UWeNTj8Nc\r\n46QsKMhbo8kvekarOn8gGIIFzry4/RwKUQJ1CLR5yNVt59BJVG5o7kYl14MB\r\nAd7o0R7sCjPLPzHcRdsSuiiGFUHElqRoUYq0BaYDoQMyrwfi7zqitx4+w4/7\r\nHTCVuh5Jqe1e1w72sgCpXMGmD5chRAVwQZk0M+3u8qDWirxxuNyrH34jcXtm\r\nE7KT/VZhz27TH/h5hy6zAcULg1CYghuzdf9zONvVgSx6RCk2KLBSUAGM7+EN\r\nNi/2yFgVXCQ5LuZvaviK+FYm1s54ihEF5e7LJ/CXlaOYM6gf+kFJQmgje89y\r\n1lW8znCD2YesjOV4pGpWL+MhBRP0TWEhoP1agFBgMt6Ac1uvZ7NXN+hawF7R\r\nfzg6/tDAkWdlhwtXB4/E6g6YiUZz0UoZkwRzVgi6Ol8hDWcMAi3Q7W2LJbOw\r\n1MR/z+0wAnTYsr7avkIno7zdp+RRK0HG4qrplpzw8w/Y1ji2+3FJ9OfF2QqM\r\nDmd8Lkt0sPtCMqtkTd+sVfl34C7Fu9W62YEkqIttRXWXhPkTXLr6DPGHEZoI\r\nexnZq2LytFUDdkAZyEPMtJRsz5Z4QMZ5Ol4=\r\n=D4pj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/8fa7d49ec68d6a740286e7e225dde057/chakra-ui-tag-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-BdyVCEISS/gJiB6SVf1Dp3W6oFoLkA9x1EuTkLR3tG6EHh33FF8c/0Sp3fPDuKFf2Y6pB4Ow0NpQyQ6m64msZA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108090938","@chakra-ui/react-context":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108090938","@chakra-ui/avatar":"0.0.0-dev-20221108090938","@chakra-ui/system":"0.0.0-dev-20221108090938"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108090938"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108090938_1667898669300_0.7854978847209864","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108093520","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"929f5cb46ca7b54b8c6722e1ce62df876f9cc740","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-z5RZw32xUY6P/zDIFtMd3Q2wR2cfXAVWf2QuHG9r63U0Iv241vJQnCgwCbnnQqv1t/aMI7vMojuOpktHScyLBA==","signatures":[{"sig":"MEUCIQDpROEuvakbali4w3DpiamfS86XMcwQKxGYV8JDzXDh3gIgKvfhZmyciVAsNNBdI+kWQ1exc9iy8GGV5DdhQSkRguo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiNCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3SQ/+NPKQNvA0kUum7/h3vEQxgfo9QfKb+n7ZXdxnUdw/+B61eTkV\r\nVLh7AetQ02MLTDSXJS+amj5fXSysjVS/I83f842nIgXFtnkCZAbzsb+wWHo4\r\nO9CAUcBmSFwp9px8roWGpKRqEdl0N4INil1WbaU50mBpXAiy+xYzENbPxnyg\r\n1jaKebc20JKNMlXdvoxfZ8YmfjUzF2scl9ufz+lh0V2iVoFOMXxN5ZhfwZDW\r\nMCfnGz5x9bxvxyh3nfxcNygAt/AUqA8U1An47F1V0yc/Tn5bI4bqsAhZNn6/\r\n28uao7jNdut++3BbLRioIbIVcCL4Go7a0awH9tDZwI976dC3TeDN8Ozd/HKi\r\nXIDer6TO/6ckw1xG4Ywz7hEp1fD2Uc+UhCIe1c+9iaLL1eK+OQEOexz8Vrz1\r\nZQrzY7M7YZvlFRz+3jfTFVsjwyYZrMjj5eJqqLH2ybJLjgBaAe+7xcved+tm\r\nzmlSpLHDK3JSxqx0Xg92BciWeWZJ0MZoz2LS8bVKXXNIopH1PCSagGq5n7M9\r\nJIucKQCDwpfvIc4blbpFlBo+2qkXiqf/m7Rwji0AEN+bwOe2MHgpygtA8VCW\r\nYS5TA80FQorRD7YoGkj+d3Ofm9DHaMorbCxWU1xdeLsnH81A9hnE1D8wEpQt\r\nTi8PWr0HDW7lffBcp23VPP6PHRyw0bzrIa4=\r\n=Jzzh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/8eace3fd70ed73355afd3467eea2f910/chakra-ui-tag-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-z5RZw32xUY6P/zDIFtMd3Q2wR2cfXAVWf2QuHG9r63U0Iv241vJQnCgwCbnnQqv1t/aMI7vMojuOpktHScyLBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108093520","@chakra-ui/react-context":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108093520","@chakra-ui/avatar":"0.0.0-dev-20221108093520","@chakra-ui/system":"0.0.0-dev-20221108093520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108093520"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108093520_1667900226282_0.41251088950450154","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108100218","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3d049b5ec220ac430582892033a0be34f3084e9e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-/hJ+XfckZ0Sa82yfnU8rvQLvod7SQgmx2gzdLtsxL42YrzLZFy5vG7ns7h5suLly6i7un+CQ0I/29B/6Zj8ceA==","signatures":[{"sig":"MEQCIEijNkSvFI7+8T/hJ20LgaOIbB1yK3KwY+pJrHuXa0MNAiBzSQMktIDF8bVVgbBOu2pioQ9LqjJgkdbvPUApd57A4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaimVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTGRAAmJAjoPA8RAob/CuBV+UWRmd4iH1mDlRpa3pH9a5y4vvHPyVV\r\nPsT5Mq30RMTuun9X7wdSN06I7YIHPofvHtSH4lpREzrctLATOAzh4yRsUfrG\r\nPBbfRENzKTvs/qroyKRlKtT9yd/KocakvMW2wsgvfsryry6YaS0yqe0BlAXF\r\n0sixrCooW43xKTbc6zot7f9Oo6DtmxHTS7i69k3i5wGZWRBXpiFCBFHg7xK5\r\nASANsC4FtcENWTYsTT3pJyjlf9WN0iZsPucVCIokf5ygjVzE5a5pdgGzzm0F\r\nCkTeoyKaCICEpk1Atg3v78cNiNgE9upA+6fXJrWZtVhISup5TxMAxWlE7KiZ\r\njEESCu85mV6nRVVTtHUzPPg39Z9a1ZCQAotw3ou86BO1y6CS+X+JO4AHY4mV\r\nSIiC1ztoN31O73mRjlkemnsIcQkR/SMNkVWIG7VKcwGIubkzPh5K2OJerFto\r\nxjti0MthTtbckJ0XffUYkJaXmdGfKi2M4eCdAcT0DzNHjWcHDJsapbjytdDW\r\nocQYLMf2tyHLgOtLuMTtaJt0E8jAldnJTk27x3+3Kzm8CcsyzDhEWKUKfCw+\r\noYhKN9w3lStMuqFqA2TvHnVzf5t4oxcQBg8P9JstuXThJ5qq8fcU5zgLzXxL\r\nyA0MDfb/YbrDNFvCX5WE4FC8RedHeJZP6CI=\r\n=xocd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2c0e3f65a6c910789082c675355bb54f/chakra-ui-tag-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-/hJ+XfckZ0Sa82yfnU8rvQLvod7SQgmx2gzdLtsxL42YrzLZFy5vG7ns7h5suLly6i7un+CQ0I/29B/6Zj8ceA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108100218","@chakra-ui/react-context":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108100218","@chakra-ui/avatar":"0.0.0-dev-20221108100218","@chakra-ui/system":"0.0.0-dev-20221108100218"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108100218"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108100218_1667901845724_0.6064141786222976","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221108124603","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"a8fc0f44671e80d9ab8fd9a960e4030f8486f895","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-5T1PvmHZAnhUymQ8WDX8wyGYJV1w02ToFPbU5CnNGJCgFGvFmL+FSFE8oV+X0jFRLyBye3DAOqYMZXiNE2rv6A==","signatures":[{"sig":"MEYCIQCtA44ruF7DqjnQLKaIWDPnR0o53/n5qD1sg4fRMN5k9AIhAJOLwgf5hxvsX4pR01YO3pqhRsrXsmf+j1vfw9y+cAR9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12923,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak/WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaJg//cxpQckG7ts1RHqpYBnYDsVzOhXTceZ3XtVwT7elVQiq9Mei1\r\nFQhJY5IGyLi7qc301OQ4uzXo7jibcWa/mNp1BGp8iVgWYzmrwe3xdSMetdpf\r\nwDW0edBjE31cBYgTRz3iWkTOAFNvShjXbxC0qFdRlokRuxJveZTdrnxjrdgd\r\n/eQZAVoBjLwxXGpwcf6IcOHAYUzRYEqMQ2OIqdE6HXF3TV+7BlBdpPOBferA\r\ni9SbFWSM9V+xbhQv+zSQw38IeeIV1sB8nRx+3qHMH6mdtAbCCvubCD21Qsg0\r\nPTVWFQHjkUSCT5n02/h1kTQ6bs3JChY+shZUXrTXYj9palXfCDrCH5JG3gNt\r\nN1qlOlGw/tXNLqwBw8t4vBWLIvwubz17qCz+c2r1u4FzvIwY9RjJwNZpoQLx\r\nwD6KZNxyErLcB4TF4v77yETtrE4VXkfgxDMz96iV6FO/HXL0Y6Pm8b0SQNir\r\nXCUCwOoximWbNP3AdjFUnJbu1OBGxxI0rCrb4uzvsqFPVhRxZ7yt+EephHxv\r\nXoWWUQzn872XQLQzDy5WyUwPZRCTWv2WUCaOhjqgymvpad/7gP4LfMNJDDHt\r\n2BHlbMYWtGOBxPsiWN4/wfeQ0uyqtRyDWJVzN4XO6lef58t3sePS0p72uh73\r\no+VLCWF0XbtDIwoXDu7KLShCm0ZrkvikwZE=\r\n=xftx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/9985327bc133ce145959db5c63f5896a/chakra-ui-tag-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-5T1PvmHZAnhUymQ8WDX8wyGYJV1w02ToFPbU5CnNGJCgFGvFmL+FSFE8oV+X0jFRLyBye3DAOqYMZXiNE2rv6A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221108124603","@chakra-ui/react-context":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221108124603","@chakra-ui/avatar":"0.0.0-dev-20221108124603","@chakra-ui/system":"0.0.0-dev-20221108124603"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108124603"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221108124603_1667911637923_0.486202647042248","host":"s3://npm-registry-packages"}},"2.0.12":{"name":"@chakra-ui/tag","version":"2.0.12","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.12","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8f8e838efc1c9c504c92bbfd36f2435e8cdcfa6d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.12.tgz","fileCount":6,"integrity":"sha512-LmPnE6aFF0pfscgYRKZbkWvG7detszwNdcmalQJdp2C8E/xuqi9Vj9RWU/bmRyWHJN+8R603mvPVWj5oN0rarA==","signatures":[{"sig":"MEQCIGt/8nARbSbNwzalus/nIU/mWi0b5aHcizY2va5UlB5pAiA+7MJXa090l3+U6RamWnUAlPjvGpch1xeJnbdm1VAtUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciw7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJ2RAAj2cu9Gz++P2SJ0DQd1SbQFSDNkBJp1llZtKrNcr3wG0ZHvBO\r\nIi6n20o5WSxVwow2XhFJx80COzWhK8I2rtnInCFrPNdR6SPXwRAjlyyXcAns\r\nvnELjno99vIPmbbH+mBPD0rHOos/9wxQ3QK9xFaCO3sA0/ewHttq31Jt3XnW\r\nxd+0qxQPcSYiaPOsLKDCZaAYDW8bgmj94cW0Ijwr854tUFl2B8Ekki0ZaSqv\r\nP6qDLYz8YPZ/KoUSDIZ9c/1ildSkYjqVnBvZiUmYnD4lyQr9VeoVcFSW74hw\r\nPWwLF1kXK4sEPKnhKxcnfcXtvDjMYBZNPe88pMAXYKcclYLyOzHwl3yJfQlr\r\nMumRv3e8+2DTR9glJ664BnRFpyEJwhXFBKKwc2arUT7pPsCmOrMdVdn2p6Mc\r\n6Rgr/AX1xtRh6/JzYiUTdkb98cB5X3xWrApdcPe3k2u7Fv3OpBlu3jurOzuK\r\nas5FDEk919IEY0K42PBpgzlR43UeIA19xmBA3BX0RQgd2cglCtj81yxMSVJG\r\nldqb/2zZLfGjOxielGlqWPTvSSa7S6fGGCqUvF5kpdFCsSRfec3j4EMGJ3TR\r\nGwfOCI11gffketPhACuwkx41NhXcHrjKiIp+BKV9N5a45AROtIGomGGhtEdR\r\n3/VCPMxueroYk6XRUd0ioNZCQRS2I6SfBKk=\r\n=DYEZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-2.0.12.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/841e6058e4f5c328278224bc939d9a0f/chakra-ui-tag-2.0.12.tgz","_integrity":"sha512-LmPnE6aFF0pfscgYRKZbkWvG7detszwNdcmalQJdp2C8E/xuqi9Vj9RWU/bmRyWHJN+8R603mvPVWj5oN0rarA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"3.0.12","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.12","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"2.3.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.12_1668426811704_0.2108418478655818","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221115102409":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221115102409","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221115102409","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2b059543400208f0cd5c55fda4e8058f7b0a9b40","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221115102409.tgz","fileCount":6,"integrity":"sha512-Irkz5ps2Z6rMF4frCRvnLOTMGZBxvppMl4Cu4BRwm/WhSf5BMtmLddOGBBJ60wm18OZcryIJfkbArFC9nFn8dQ==","signatures":[{"sig":"MEUCIQCuVh0CVSTPGsoGJ1RLrfQcqQPv9q6TeiDDU7P7//akMQIgOM/kFsG4i6Tnug/VLWlHmpNMozxGVZYJTzxW8vqQy1U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc2kLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoX5w/+NWpNaxzvfCE6UzyEmpeK9wqqfxLK0sTHQVKGTvopYFNhVApy\r\nTmBeqTaWND4JGCRvDSMUsaBJg4KtzXLe5EEqNaUaauIrAEwmX/oyHwVH2JBU\r\n7f5b2Rb2unB5eyYFpN6AG+/8jO7YLC6VdpbH4dQwsUGZVgjDqK+N/xlkl9p5\r\n/rUTWr2CFkACRF77gNRVUhiq1Lv30dgfYxGATuYU6fOXhh7dbHz1LYe8UTsT\r\nfx45j5Bt4+Vy3ZTp22N7lpL/be/nGwPiFivSO6P90QNee0+NjHqVw+OSt8VZ\r\nc/FDs2jBf06tJLIbaeODGbmXokq4s0XcjbzhzIkHPQYEI9A5EJxlcBjDXFQw\r\n6ZeBdEO/EnuK39jV9y7Cy+SZegdsYkqfFWaRDaBn7qCt+vvUaDg39+/StN4V\r\nUL13Ke1siNnBgrk5rgfpebpui8naY5drKzZlljtPcB1ZCbRum0Y/IGElhwEB\r\nZ6fP4urBXIlcpcr5yT70SaLGu7843Kjjz0R2iaG9+58VZqDbYkd22E6aVn9q\r\nTNCW83AKNNEIGegWjI8t+A8N20iVU3dqHGxLzBCeF0kYgYHJSjQrh3qcgYoU\r\nY2OwPFro1UWJxcegcp+G3oR10gChsi15hiNUKu4wevRHAGvbyxRtdistwtFv\r\nJznMwBfwg1kVUK4DGog4cNXq6ygAiuTudVQ=\r\n=PINA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221115102409.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/4e29f79e0ea0fcdfb63acb28c5c2561d/chakra-ui-tag-0.0.0-dev-20221115102409.tgz","_integrity":"sha512-Irkz5ps2Z6rMF4frCRvnLOTMGZBxvppMl4Cu4BRwm/WhSf5BMtmLddOGBBJ60wm18OZcryIJfkbArFC9nFn8dQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221115102409","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221115102409","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"2.3.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221115102409_1668507915231_0.5559143916627223","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116102301":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221116102301","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221116102301","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2e30e9ddb4818bd52009899526175e1ddfb3778e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221116102301.tgz","fileCount":6,"integrity":"sha512-r2p1nV+z50mwf8C1hGbgY7yPwmIbMKUsCS9bMRD6VsgNfNrfuMWCxmPpi4zlfrdHu+yrclBytH54sAlcmlyy3Q==","signatures":[{"sig":"MEQCIG5ekROdsVP6TkaajM67svccBW7gkPM2piBejkGrOIgiAiBQsYTbbMXFQvjkysT9b86quUZb2/eOPZVLIFS6ckIPxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12849,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdLo/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0LQ//S4OyrV0QGwHJ70gIEL6XYNlphcWeFI9N8LAesUDvFJ/T4paW\r\nrtu1C/UWqKZH64ei7z2KkCxkgAYQOMbXr6F9gcqZNb0uTHjX2QVgAn82rmEZ\r\n6Bw0Kuon6qo07ZAQUkkiENOtQgNv6tr5clOjte8q7VRoFOKseAXDj3+UYXUf\r\nI3hPtqGuJG1lVDdUHFAmKIEMZKHw4k3oqq9xPmdnjYSZQESQu9wx/yNKuZG/\r\nx/8sUbfzk4AamglGX7zt3Usp3FAQ1PPfOCcJUCF15kyCFr4aHsHaGxXVytGB\r\n8V5uCPx750IUO8ePcdppZmfBHTslCqqxxCFoOt8TKeXqtMXy59XhnGojaNvO\r\npArnpvm/+ypesjvelpl6xqO6gui7hnx7a4dnNHHiuxX+EviwaW5jvIJO94eR\r\nI1FEnZwwA7Zkb1f1XupFMZ9bFs62tJhy7z9Nw3rQ6GH4TEGaPCNxGdtu/f16\r\n94qB+vb/avJfxi5aRBdtzj2WlAd9iPBxxZKBhSQ+PjFxrPgrcOmYOh3lplzQ\r\nM7eZHRF+hqPntZf81jYm6AQmRf6F8x+Fo4adN0LP8mKJ3L4X0dRHobXTeJB/\r\nXlV45pkT7dPAkmF2xnW5EAWzXENjbtrnrwTt/q3azNvAYJYBSc7mZrtitw+F\r\njZ5Zl27GKufKBjlkX1N+5tkCVObztzegQHE=\r\n=9fnF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221116102301.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/3c93c2496d2f2b9f91253afecabc0c6e/chakra-ui-tag-0.0.0-dev-20221116102301.tgz","_integrity":"sha512-r2p1nV+z50mwf8C1hGbgY7yPwmIbMKUsCS9bMRD6VsgNfNrfuMWCxmPpi4zlfrdHu+yrclBytH54sAlcmlyy3Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221116102301","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221116102301","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"2.3.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221116102301_1668594239370_0.19810391336636468","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116103758":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221116103758","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221116103758","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f73d0a157aac07094408d460c4aff603618a4b19","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221116103758.tgz","fileCount":6,"integrity":"sha512-GXz7LPDnMArksL9xdIv4rktv4p0V6ZlobDtsnozkEZjANRFQvkysgF7BAVyr76r7v38TbgB0/Zu58WNPVrNTxA==","signatures":[{"sig":"MEUCIQC4Y5U9d0Xkbt7Q71/VpmG96NHEBSpN2MeFyV9zbqloDgIgFV0PPPr+ahsap7Jzanis9jhxF2++fsSb+Iqcve/CQYo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdL3DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8fw/+KuHx5yFifi2yrdLNqiWzC8X2+KBCukF/Kdxk2qIz9CtQ4GLI\r\ny1Lw9E9evc1tng6piXKwC/qduzfMgUGgiH7GWLZXum4Hlpwm1d7+IU4pWT25\r\nuU52V437Fb3uNA3KsIDABb1x3Gnkz71GfFMoXgWv2hXzChBJeefIAlznZc/G\r\njVPnwnUfJwaCAF3i5U6xEduZ2bvdZ3t++VTOIh4cVABfyTYPeXCDTsIXBb9r\r\nozyMO+DgnkWPitrYrGSsQQUyHEhi3ltcHwqL3c8YwqZmb8m1tqhO8VUgiyW1\r\nWJsyxq8MaWIWeak0HqXBtY1mcgtJiZwYOHFHpSELKOeWM4taFDrVSBj4GmPT\r\neUYpDfMFkNyXnNsEvxQi7vwTycVHLfj0w7bIUhFScZIRQDNEAYAN8A/690F4\r\nf8dPXoBTuuH7dP5j03RwtldLwFUTUj0r3LZiPzzu8A5tybKTZM62WiKXq4Pu\r\nehkG/e4b4rOOMVETVrO70jmEFJmaeRjoKw2oSJPJEyYxZprOuNzEKLVEEFLr\r\nlmpRBUfEWMHSFHXZ41c/x5dkePDHOHDyFcYOdED+Bti+Pa5gRB6F9dlK1zI2\r\nTjstjt9XT64SC+Q8QmiJnO4DNMbtcv2B76xGbT28lyzlUdd4gIIxp//m2R9H\r\nA86G4cZBdAGwNqe7OwdJ+Ejw5iTO6iE+c/o=\r\n=4hgI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221116103758.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/35b203993a602eedad9bb66875eb5d0e/chakra-ui-tag-0.0.0-dev-20221116103758.tgz","_integrity":"sha512-GXz7LPDnMArksL9xdIv4rktv4p0V6ZlobDtsnozkEZjANRFQvkysgF7BAVyr76r7v38TbgB0/Zu58WNPVrNTxA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221116103758","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221116103758","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221116103758"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221116103758"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221116103758_1668595138862_0.5418119556986136","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116105413":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221116105413","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221116105413","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0bd56199057eba5803627a0b02c2bf04af020d84","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221116105413.tgz","fileCount":6,"integrity":"sha512-oF4HyQwh4v1fpedUjvOUgEhbMOuBwzUbA20wwM4Lc6WB96b6RkQYFPDjea9AVPF9QIeU6uGk4uCwJM88nssIhQ==","signatures":[{"sig":"MEYCIQC9qSTKHSCAjPR82L0W32LxzvcH3pJ6cWdw7qh4ToMdrAIhALw6zxDrb+3ezJT86z1wSIxPX+f1YRSH2V4T9XdVYH4b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdMGRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyPA//SvpM5gGfNsIeLOYKgn+aXNaQ+ZBtMLna+OXRgZoIS6cpl6Bi\r\npgAjemi1keUvrpOEEmZrq/S4v3mRxG3mHnz12d2xyOn+7ywgAQq48quLEqpj\r\nyP8oameHZ50QbaUKo1cPJTkyaguBN22AFUBmq7S22sSpcAIbje3n2+nCVZjZ\r\n66awhi4lDGEyJiyhOseny8io+eCnPQ1uuRTkhjyHiQ2n32IejxLEii+spV7T\r\n/kgyT210J6TQdlUzqifji5xbbvE8tVsIRPRDXIU+cSvZ2hzCwrILS6XLnEAI\r\nOE+8iGh2J8io6DBTcqEkG4pJezLhWSBcsvSBbN0h660Vy8hl2ba602UOcMhW\r\n0mGYCSBNnNewC3T5NAaQJpxI8MLSYxZo9l3RuNy7CuSj30kL/2WoigK2P6/0\r\nFOwTJQmi378RLY8PHE+4dku5vKpTI/fpmZGpg2fZpujQ5nbX+gc+UpakNshv\r\nriaVocpqON3wl2eBw8LsjeOOMsn9pmzw/GnEStTZHhQNiSuzr4gULAAEkx25\r\nWRbfld/dvSCcxZka+cP7BcUufeNNMQMQlzF9VEID2W0dbpGGp3+K6V0JUlxF\r\nOn30ljIBkWLGFkecVvNrdFzX9/OuSrfOJYY5E0VWaVl8sTPRC1R/2rWvQvB+\r\nsHgSg/HSJvNduVL9WkM1+8oVFRVFDf1m6Zc=\r\n=uMRz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221116105413.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/76d269df2adb13006e4f95491885a4b7/chakra-ui-tag-0.0.0-dev-20221116105413.tgz","_integrity":"sha512-oF4HyQwh4v1fpedUjvOUgEhbMOuBwzUbA20wwM4Lc6WB96b6RkQYFPDjea9AVPF9QIeU6uGk4uCwJM88nssIhQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221116105413","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221116105413","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221116105413"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221116105413"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221116105413_1668596113552_0.24622291227436843","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117065458":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221117065458","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221117065458","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"54e6e761104999eaaf0a63e639a117dc4c12574a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221117065458.tgz","fileCount":6,"integrity":"sha512-SbnzVjmxZxSRF6r22RtQZwRgm8PrUgD939w8GvHTa05zZJh6bLRabnS1EttA5394eoC04Of57bXo21TuaRKtkw==","signatures":[{"sig":"MEUCIEFU/xP8XfiQFa5h3yG5LLm5LtUvbRRdb+DGGm9TtxlSAiEA3ziM+jpH0b8PrFOPnxeiNDYK9WsWcOOxb6ZgFMemH84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjddr9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLDxAAohysYg6GZ7o+jnSlUtN9pizddEh49YeFmswHfTbvMu2/nLpf\r\nu0A1Zh1K5o2cQYTBTtjnmi13q8i0jbCrFrQtQTtEeGuD6F0MDg95fvuPtuj/\r\nMhXdWpFhajynv157ngAJM0uGv3vW83qzSeB/e3eUbXiZEhDNYz84pkM8UO04\r\nFcC5gAf/B0Cbjtwjg9C06Z1ddtZVguqf8lNONJmy5AwNswf23dUb3Sl4mU/u\r\nbzGTY6G6cf8pc9eD+U7I6txE4tZRW5GYTwaurVLmQKE0U+QYFP7HOqsGDNQh\r\nZyBknejS7mvtpCX5B+NQ/ij8xfRKofCVaKUuTTL95NZVHvXwHVpQ4bHXv2cw\r\njWLesW8o4llqs6Hv7ninUPQrq7jiGU3wCQSeVJy1JfTq7uPwaYdBAlHxZ+H/\r\nAb4iuKvsdgbjaOsu5SGiRjqZqjyKtPXapXbAuVceh8ymGGQtEon0jSQ9QLJ6\r\n6SgWhHIAjJRSJmu5XPA9Swjns3NRG13R97BA3pWDcw2Pta5IYv6NH2v7EzOw\r\nvlnS6utOTWc7wWBQTfcTKNtym1dRsnCvt6N+3Ol0GfX5AEqGOksTZuu5NQ1X\r\nRBqyZw294AYIdY5z0VwnFmnbh6cvYT5Repkw9VT6fJK7ZxQ3vRtnKBU8plSl\r\nRmjACiWVESHnfnRWDLKLocBKN/nEgvejBBA=\r\n=aY7H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221117065458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/891a5981c88dc698c0bb0ef1f2263027/chakra-ui-tag-0.0.0-dev-20221117065458.tgz","_integrity":"sha512-SbnzVjmxZxSRF6r22RtQZwRgm8PrUgD939w8GvHTa05zZJh6bLRabnS1EttA5394eoC04Of57bXo21TuaRKtkw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221117065458","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221117065458","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221117065458"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221117065458"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221117065458_1668668157052_0.3165153105614762","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117150258":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221117150258","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221117150258","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"448b217a673f884307e48775744b24007fdd98ee","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221117150258.tgz","fileCount":6,"integrity":"sha512-AOZwHzg0c3OlKxBK3/fenQbG1uNBHYEFYHpzMx1hH1PSIbbMvaxLeOa4JeoGAItQ4riFr6txjVr/C2Q5LIYq+A==","signatures":[{"sig":"MEQCIApu/CMNG2bYypnSIx1XeZKFfcLr1LSmMj0T2rpqvT29AiBEBkrQgcogDugyZz0BAMKKXhFthBisulRIWuxsiFGwmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdk1nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpiug/8C3W45P5MJNR3EDH7Hd1d2oH1Trg25j5MkC/q1UhXxQ1ah5IW\r\n2Z18xgjZBATqwvPqJ6S44nUG7R9Ny8Kl0g0BQMQeRWJw6s7bBO/N8jCfS38l\r\n662ICtFXG5YDGWqMCnow/dQR1Pc0CARskGpPIgw+an6ZMxbfc/29FMIdSVyk\r\n/9MxcIyVqVHMNs5irr/hvL9QtdvMBehXbA9CIUcye4mTyFM0/hXj8KlKIYgC\r\nwqmcvBhQ/jUOHgYatZJqNj8RrwJkN0+z5YgvsND3NRv/RLxfn1M/J6lN+d9A\r\nc388v1lEO8iHdu8OHJzY62szeh9Q3o4KHLltqyOwK+8WjES/NHNeytGapYX5\r\nTuIltlPXPzDjtWaUbXVipTIr/WV/iDsaI6H/lMPzjZ1fiFeep+RKPGEx6Dwy\r\nEGKndI49tXE16Eo/OqTVBijoZnjrAaD1Y04kIx3QtFbR+GGVkm+gtV/H02Sv\r\n2FlMSfg+uAw8ryiTM2NL1QsTnkSbtgk6JIXGcDPBkfoZm5D3dhYMgFWMD59Z\r\nWiFIUY5X7O6C/qAxlVVJscpr3XbrCjFOyxxYV9qizJr8Ua9hejiWwHktg9Dg\r\n4QzdELbg0wdSHdwywybZTu1mpsqO8tGZjFzitUvMWDIf0tIMPgRPZx8otFOU\r\nYl/sh7rzesO08qHqjfYbeW2PHz2OfeyEY/c=\r\n=BxiC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221117150258.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/b9974e3c9db790bc964e5926c98d8907/chakra-ui-tag-0.0.0-dev-20221117150258.tgz","_integrity":"sha512-AOZwHzg0c3OlKxBK3/fenQbG1uNBHYEFYHpzMx1hH1PSIbbMvaxLeOa4JeoGAItQ4riFr6txjVr/C2Q5LIYq+A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221117150258","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221117150258","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221117150258"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221117150258"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221117150258_1668697447555_0.26913256906674765","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122115819":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221122115819","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221122115819","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"65635b7042b96c3ae068851710511d5f41cd2b24","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221122115819.tgz","fileCount":6,"integrity":"sha512-/+TwTkX36SGDU2kthiqzcrVV4dJoy+pCAlAhhfrMejGv8g5eug6c5+miky+Ba4wMRm4nMLRGL7M79yfPhlJvAw==","signatures":[{"sig":"MEYCIQDeqg4aLCy4Ab3Hx8zmptaIif2Yi2ftWaFO+4UJJXR5uwIhAMsj/lAf4g6I37oocHGkz4uZx35QYrbvPOVU9JdivPO5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfLmOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHGBAAiIPpcoPYunz/KCV0/XF6+XXoC4QhTMymN0lpZAK73dnHy4be\r\nzCs5LjQ/HEgHOZSO7TIKAT20cBpIwEeQn+k4dotqcjrN5wJRpUZ83cGoN9Zv\r\ndXIqjdd/s3k5jpyi1gUhKWArjG4h3fmbu18XnPDNFRZK3m9TQCTDKz2/KR0O\r\naqCEyATve7tCypT+qFxv489ydh4RA3XSpmhk5i3sCHZlATUyu4blLBQgmqQV\r\nZTvHyUYFadsibrZsy6Ui9B7uqrzOJj6bSdYsTCZD+AeWmjLfTwFiO4ybqxj5\r\n2cZ00dEmLnUusSwxnjadZYbr2Q3652+AuARHGmwjHGo/5ULF0y9hNF03fOux\r\npYXZKeQC2pyDR/UPbc1d8/+L0viD8ir2fxPXUf+5BKE9DoX4ZuduOZUQM9Fl\r\niYyLlBxqiehntsxginLAWa/JIiJqlQFDbQj14g4QdMjbajo8iYBnimVGPtJN\r\ngM9DTbOcogKCBCH4Hyq2LlwIt5sNNi7VkWnj4lnx2VAxnqNCYTiCEPwsavyI\r\nF4mq7t+ZVMC3fYvoVqrFjDLfhtA+WAj0NOAcbVj4B6Sdfq/pbISp13bkH0P7\r\ngbKxStV8VJi9cBXbrepTyxV7jjGd87YMj0TTXOEqOa0DaIyQzTAZr2I3l+ah\r\nYFj2Or6OHLVmu7gYbJRy1/hTG5ZPSMEehD0=\r\n=qXMn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221122115819.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/d5467995a15c08392b025c668c0c6554/chakra-ui-tag-0.0.0-dev-20221122115819.tgz","_integrity":"sha512-/+TwTkX36SGDU2kthiqzcrVV4dJoy+pCAlAhhfrMejGv8g5eug6c5+miky+Ba4wMRm4nMLRGL7M79yfPhlJvAw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221122115819","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221122115819","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221122115819"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221122115819"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221122115819_1669118350542_0.39992008951387215","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122135803":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221122135803","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221122135803","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d093515e47985b4e9df92cc1bd246ce5d0b8da71","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221122135803.tgz","fileCount":6,"integrity":"sha512-qz3u3XUDrpyXikgPKm+l59YeUO/9uT9wwLJmMLEVGgOBi5aofj0HoVpQLNvhIrI8x4I5JNWp1xVbXbBopPsyYQ==","signatures":[{"sig":"MEYCIQDwo+FZAEA4GLOkHDMSZcY+ykkZiNdwZfFhQdbW3G5NCQIhANJctG0A4PjEtexqJiSRskAp231PBl46mSnL78o+wVVw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfNWoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6yhAAi3vszpkaJPN5h1Snu5vFAZxQtTLwQNBqpidJxbaKgNk1tKQj\r\nenRhHv/Z9ce/5GNc+J8hDMd2Om0PNIBkV7spdPTwoYyqkPhhI7a0AUCz/C9Z\r\ngh/xvPm7y096rxozRx9R1CDafTAxA0IbM05MHx9yPz5RLXJtN9LQc0ks00dZ\r\nJ2EKklbzl9JUydfuH7oIWMpEdO7KXECnKApABaBLCKoj5nK8DRABKGjaZ2c0\r\n2M7AO9S8RYKeTCwliLY6xlhD1kM2S90MNHW3tT8+2ND6XJtH21TpmKO0hjuy\r\nPN+oevfQ2TeQkPFzGXIbaBw5qFJk7KbhR/cWn+zSiEOw92hYJUhC/N9UDKm6\r\ndZEsAC1M0Fehn8Gr/Rb8FJHxWXLUtF8t533D/qUe9ZnTbnY4nxAfqxeLLLPV\r\nulbxahsXRIHLHbKbaKnZdQxnAF661yc4yCJ9rjlftunXpyO7vHtzDATCpPhX\r\njm8F4MH/xdgjTC/tSgo6vyGCHTMMtj8+dg6+u+MmrIHrcDPCLfsxhveqNzY+\r\nrSyZMjU2pzV9vPIFeRTnDWpoiaVnYDA1Ycpxxh8c0DaOaVLATtQlx187FOrd\r\nSxlIeWtS/GuRMvQKYrOBdYh5lSLC3U5AgU7AlLFFMFAlSdEXMzN7BOQviiVQ\r\n0itjZLh5olJF3+Ujm2Mpe/ejrEUIVPvRqBg=\r\n=qAYG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221122135803.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/f1b01191c32aec334cd74c73c4825a3b/chakra-ui-tag-0.0.0-dev-20221122135803.tgz","_integrity":"sha512-qz3u3XUDrpyXikgPKm+l59YeUO/9uT9wwLJmMLEVGgOBi5aofj0HoVpQLNvhIrI8x4I5JNWp1xVbXbBopPsyYQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221122135803","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221122135803","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221122135803"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221122135803"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221122135803_1669125544803_0.19448805696798854","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123123308":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221123123308","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221123123308","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ee40450a187853368c6cf69ce9bbb572245711df","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221123123308.tgz","fileCount":6,"integrity":"sha512-RH13jTwm5aLVct4pJkpbhqPY2qNsuqS3CQVLEtipWVTIElGg1EO99F23xJkgzYA24QFc7iCZNyCxmz/hBr0q6A==","signatures":[{"sig":"MEYCIQCtx51x4TV2UWkCackkxMrnLyp++h0lBRpZdILL68tU/AIhANjGygT3H3VxLKIUJEBFLCPny81VdpDipoxMuqBMWL/U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhNIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/8A/8D3A2518XopCILSNd2bHV1TV00GovSYsSIWtbmrXAEmryJ/Oq\r\nSGi9CvcqkFjalFVln47Vi+TEAbvALGa30FKhY8ttRkWT1HvwNF9NxCxhUfT9\r\npzlooETdead64LQ76gCgdfYWpjaIPNM2aldg1ImShpFZaA7cwgN4+fqlUmuI\r\npIo9HVUmkd4WWYZtTZbvlGEgCAFYGlzaMbbWUpsbgW3IGe6mbTabbKDpDmTb\r\ns9O8Ogxe5bPuHt3TMJsha4BOQAJ2236IPTz8GzCjeqV+nAMuSYPQ6UuYi9Hi\r\nRsARF/zHIUE3Ag2UkKFCg2BNOjkhlSIrSCLtImgCHY8btMiWLakWyvFAs2C1\r\ni7lgVh/Ccyaczc0kjqKHGA/fLDzQ3TB+01ABksL177PVJhCRWwfp7qaJs7o+\r\nFQ4WuGTEOgDGqbj+xKpHe43eMnI74V6YERY8ndTczDMem/qSeDXJekz7YO9H\r\nsoddv0rlrpGGt2pqypILrva0c7YkbVOg9N6ohMZDbyZHOaBgGsInYRc27yHx\r\n3L+Tp7eVrh3Tevh6iEDzTUhxk8Ma2xbCBbL8o+N+igp39LmU20lDJ2huaUdJ\r\n9TXLEwbHxbMQvymcQyz9SwKvyX6sVJrr16c7a+F8U6etkqVakLe7cUOdgUac\r\n4WiDzdVvDMeLyOP+7pcx62T8RG7SGHTL92A=\r\n=2yot\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221123123308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/565c798995e0631603b615bd6edc75eb/chakra-ui-tag-0.0.0-dev-20221123123308.tgz","_integrity":"sha512-RH13jTwm5aLVct4pJkpbhqPY2qNsuqS3CQVLEtipWVTIElGg1EO99F23xJkgzYA24QFc7iCZNyCxmz/hBr0q6A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221123123308","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221123123308","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221123123308"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221123123308"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221123123308_1669206855930_0.5189078315225186","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123130515":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221123130515","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221123130515","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f5a7fb3f719e809e33f57cab1d675fce5ef8567f","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221123130515.tgz","fileCount":6,"integrity":"sha512-VvhxyaJpifnX5gzUSCt3PNq8N01+9+xh0XqDU+m6Fme3B9IDVZMKOK6+RsyLN2nu8kgn80vvNlxi/xyusqUFLw==","signatures":[{"sig":"MEYCIQCDXHPN9Rh9GnOWREr1Ami3T65HQpCMx0713CaI4Rg69QIhAPl8L/3zTwd15g6UQk/gCjAzJQX3+t7CqQQgQVa+Bt+N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhrFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpqpg//brfOvuSQYSIIXfZDE0yL5okUztafcPdyhAB/TuC5ylz44hGL\r\n5JLEeU5WbxHU4xB3PnBKGReVuKnXKvuiH8wYOBRaJkON3/SkDZfbSIEgawU8\r\nXoPhDNYYcm8jcXkNyiqbKzjcrabX2t6tXfc2Wiifp1T9jX4yNKVei4z3E168\r\nSFQjeU6C2eD3opaJ6LGu2mnBLzPRr6Dn0Z63xml3Pp77x6uqfK/71WcCSWeq\r\nsANdLsvSMBbOCQLjqIv/Ap4rUkJkqaa0O/c7lWw0HD/3N/8lbNm2Iae5Z2eE\r\nHBtb90M6zEa4gAHB+jAQXQc/fgseA4MMPzQAQeo6idvOAdtv+jbeAyMJoQvT\r\nU6yN7BfpeCbVpLg5j/M36upsotxBgHirMUJHt5IjqVpwEeo0PZTRnc0j0rkc\r\nWwkqsusox7LK4ObaN/FGn23PZ+wcx650frmR1rTNHnRKptmS8tjz5c84kflx\r\noyTDFdou+6B6cHUzIjjVevcf0GOjx1Vdn2PVtLGfLALP6SkDYnjjGGhvnMPm\r\nb3yJ8FUi7tl+S6iW8xkVSnf+VLeyJ49x5nYNIwKQ9eqEHAzeErif3OfpGe78\r\nPWQbOzR3xU5riJvY2Eu6Vb8euwio8oTGS5nLbL9p3YRFwVMHIQKnvvUYH4r1\r\nsp3JWdQ/Tjd1p3ZeHgavU/QCWj2cN8fu068=\r\n=OMdR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221123130515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/25d055517a40d73ef53b00ebd0f19e28/chakra-ui-tag-0.0.0-dev-20221123130515.tgz","_integrity":"sha512-VvhxyaJpifnX5gzUSCt3PNq8N01+9+xh0XqDU+m6Fme3B9IDVZMKOK6+RsyLN2nu8kgn80vvNlxi/xyusqUFLw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221123130515","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221123130515","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221123130515"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221123130515"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221123130515_1669208773273_0.1503541202144314","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124103928":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221124103928","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221124103928","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ccc4f9bff9cf51f5c1bf133b01d5c7591587982c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221124103928.tgz","fileCount":6,"integrity":"sha512-agtiUbTl0pkmGUkrXrbAnk+/n3y7eBf3a5DVkjVagykXqbaQFPy/nFlLS8chYYY2dLv8ghjIucQfvCvQILVhMg==","signatures":[{"sig":"MEUCIQD/ZdIMl5CcV+0ISXHyVqzZwOj6S+YWccWU0JHMSL6WZwIgKYWMWu+Xfclt9T8rrYQpZKStlMjB4WxkBDmalxE2rHY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0oVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNTg//V7/y9tRHKhT1afPQk60ixU5j11lozB68NKG/0lpBQjbAzc5i\r\nBZwmYOTHaFO7qjMcraNh9jQRgdaXRqUxLerfJjVl6BJoAKYkEGACX4hQ4FXl\r\nKcEJy0zP2OAizbU3JfmO+WRqdbJL6054rFZE3VNy3ko7tEZsaFqYdEZ44v6o\r\nbYl/1mcyShOFYxEVb+p+Zq7Mj1zn17gmDAwMbIr/heaOFmPogANRwz9m0mDP\r\nc77Ci2WGuvoMDmKpltlxJtCU3YUPOVK1Q9XC3lggs06mhWyU5sPWfQxEvlal\r\nhFMnKcCul1MtNZTtyLu5BU1fwAwR73N4IUK+9mJ+25VewKZqNT9PJCpJ+iKx\r\nBmTEf8aLEGZ95OaPmXhO6QUxDDHvSt4EhdTtGF/YJXKRyUChqhpEON44+t3o\r\nC4JuT6sEV/3mDtAPfVo15HWT1YydtEdnjp8NsIayim3QPiKuoKgtrmqz1YEe\r\nOl24TFSPt4KsBiINCMk9T87LaxVgFLAnQSrgxfCLGZ0ok7XVWtY8ByWrQHCm\r\n0gVU5XG9qfxntU5BkYkSFkkqlZSVR5yh697Y//FKQ5KrcAxyKyniAQUXiQdd\r\nvBlLrWpONdF7OXZpwILYvy6KF9b72vwkvqBeMvGrfNxK6l774iEd/eyJ827b\r\ncyeJFsAdDwKpsOUg+sJLpHZzc65QXMfZ/eM=\r\n=aISk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221124103928.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2ffdd5cec720ecc50d1a2a79e4c5a072/chakra-ui-tag-0.0.0-dev-20221124103928.tgz","_integrity":"sha512-agtiUbTl0pkmGUkrXrbAnk+/n3y7eBf3a5DVkjVagykXqbaQFPy/nFlLS8chYYY2dLv8ghjIucQfvCvQILVhMg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221124103928","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221124103928","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221124103928"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221124103928"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221124103928_1669286421160_0.1736763072782006","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124105520":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221124105520","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221124105520","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"04401d662aad4b2505b096266c9cef8c47d58d21","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221124105520.tgz","fileCount":6,"integrity":"sha512-MhrPUQcH1ZXNcGhi0Ku1jSVR3VNi0bO/PpzSpew7xjsXyJLcKOWbS3V9r2eGGJnP1J8L+WCXQeQ5oyxRj0oGmA==","signatures":[{"sig":"MEYCIQDzL/HBPleeMklCh5dk8vveiRzUgMO8atG7Jbv2R96/+AIhANrpIRsORXztwXMa59HwYpJgY3PMCtH3dexsErggcE5Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf03WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmolhg//cZHApryFkLUWEX1615aKMKenbcfPXxxr1jBFQFFT4/HsT6FR\r\nht/gu638+eM/kwdLVosYAYNoZzLsRfIxNgqTMxJs4IH3hbwN8XX2PK63pgKI\r\nwjepELrWIT6vCU6CfdmS0drJ3F+S95sapaBEd27aMq4FVK4arsO8I7pAnuif\r\nf0MsHb44WARonfAl6wIMtwizF8ai+KtJ7kC9LOg3zL8DElLX8VAoP66ZGna0\r\nU/2y8EY5WyQule0rFpsOVFyMqulLqv8JfX735w/LXtxzHMgu4Kf1il90eHME\r\n0GB0s30plBv/zL74aPvgaQYLGDSk4piupKQxKs0MynqyJRMqPRLD1+IIS/KS\r\n5ezlTKBiasMDTb7jiYXcj0u8avE1omz1jxpUR49jGfM3JjsiHDVsPH9ol0gU\r\ncSahsnSdgaXawPMpGgNqvmTUlx3lreJzw1lfMQrhMsnRc75TjTRuMWv0ipsC\r\ndWGOw0WUK1T7zSMQVWuBqrwa9slMxAZX2EvXlBio5Kyyw0OzXtbaAWLl2yqZ\r\njimm4RAFLg6/FWNJF0sLDET3dneCEQb63iI3nsPX9IpKXeXnnfCHNQb2EF4E\r\n2xdt0DO0D5sbteMCdUkBE3Tdes6DOOgYKt5nTST4I2TH5bcsp/ott5f56Xd7\r\nvTx6qoYc7xShcHAT+E6JKXEOjui2KIdZw28=\r\n=AC3S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221124105520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/563738dc9059cd812dc578b9bcf54e21/chakra-ui-tag-0.0.0-dev-20221124105520.tgz","_integrity":"sha512-MhrPUQcH1ZXNcGhi0Ku1jSVR3VNi0bO/PpzSpew7xjsXyJLcKOWbS3V9r2eGGJnP1J8L+WCXQeQ5oyxRj0oGmA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221124105520","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221124105520","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221124105520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221124105520"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221124105520_1669287382427_0.43737059450463556","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128164126":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221128164126","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221128164126","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f42ea7ebe4a0fbc795fc058c2f8022385fefb91a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221128164126.tgz","fileCount":6,"integrity":"sha512-ZoaCKqIa5xbt5jdW5nSQ/RiwxK0iDXrghtUnLODUHIKpxiJ61MGcCPf4sO1wSznAW9lujLAlneHJt0yf8sTvSw==","signatures":[{"sig":"MEQCIFZYDUebZx9AcBVBXrM1N6z0beXAVgFU1B0YpXCpS1aTAiB5v0XBXCS0yIk9SdE1Nob3/meXXzTVoGLVzqbUYBxE+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOT1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1cA/+PljREfZwOq6oxbthXGork0zUKHHHBld9+CQOIY34uWODLE8l\r\ne1Fc+4BCZ2QJx+VPPWZaSnh9Wk2fzsWYvLb6XLKJnHkicoJYbHUNqgeiP6rN\r\nH8me9nzRMDWBoA+ApY1RLboKI7Z3FrRf+Hi3sKC2aU0ugJEkezq2Ev7QKkQF\r\ns0i46L0q6/W4m80qsa4Ne2t0ONcTqfYHMybNxN7LJjsoDKEkmg/ztSHs76BG\r\nxurRHi0T9CrjD/9T0XOhkChxRU8vEZeiuFcjkiJLqZvotNw9joHIJuJVc4YB\r\nHnuplFTHt/doQG+2d91N6BOeGFQlZOmm8XbA0GaVam29yX1u+O+4hFMuckkf\r\nSo9dPaMoQeATC0oX2+W+s8qx/HJrpK223Mcgo/Gx+wJU5IgItF8AYZq/QW67\r\n2E4N4FEoIg1YeUMgrbnpLrHp62PTKq0P0Ag66tBQ28FsXQN+Dgt2wI50UsZ+\r\nnStxxQv9NB5mx6GszT48olH2SbVKrKPf62c1rwYRhRvNedVxBRAjKC64tNuR\r\nYPfH97ZnveDEw0nxyHOSx9LL5f5fR2O5vWhUoWLNlBvX2OjKx3J62Hb4yrcY\r\nFFe2SrK7JsZJhTt015/6y/pKcpA/nO4b1c2SyHnb1V7fuzF7rLoQ25ORDEOa\r\nH0/p97JUsW4V1IBBpLYZGqln4/1btKdQntM=\r\n=sPR/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221128164126.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/193b80dfb3ccde3a01818a756b6a7ff2/chakra-ui-tag-0.0.0-dev-20221128164126.tgz","_integrity":"sha512-ZoaCKqIa5xbt5jdW5nSQ/RiwxK0iDXrghtUnLODUHIKpxiJ61MGcCPf4sO1wSznAW9lujLAlneHJt0yf8sTvSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128164126","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221128164126","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221128164126"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128164126"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221128164126_1669653749097_0.4832756817938746","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128182021":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221128182021","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221128182021","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6f18217114b6c78b9eb85c680dd447ea18b47684","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221128182021.tgz","fileCount":6,"integrity":"sha512-O59e0stZ8th8Ov2apNM5pTAJORdFT1fGpdqz73ykmIlwcNCdrK18hpsl5cg/DYdWYj0SuSV+12FUPp++Q+0Xsw==","signatures":[{"sig":"MEYCIQDcNREFEKidkue4yidCacEzQEtBldZq/t+lZrVKcfO+EgIhAOSwghAJmFTT/ZJzbVl6ZsxzrnR6pgCC0+WG9b8hPcZQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhPw2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWZQ/+OXoXIqUj76hmhV+q7MOX7vI1XLVgNlf/NQlsPRJCQVYFTNlY\r\nufF6wFDtiCvX922nLea7BUkFhP8pkJPLMdkD75t5cj0+RyyNH0ohnp3YhlWh\r\nz24D4UZZ1yZs2nv2CP49RDVW7UBHC1P+eyQ97lnHTlia6XFGR81P2SPO+hLA\r\nvmTOjYO+QDCd65AnkK3iDOoQ0Z4G5UTaLnlD2CmlB3pUmK9qiQ5NuHkIpQOX\r\nQGAMm71okLlQ7XqKkzfLZp4vdNcfZ7kjaIu7ckMSv/MrrTWw00xQ23OMGMXV\r\nn+zu0Qz4VSYQT+dwF8dvkbG6TgYr0xO+X6F4BPyMA3IRad4gi5Gbtugj0nzR\r\n9/FS6g1/aznKgUzQ3gK0O5GtS1FzsLidBIf9GLLONPwjlijFONhMeprURmRT\r\n9OYOyco556gTCfiADzmRuQXx571fp/wPBo7BdZibT8fo/2PnwirkeEprsisD\r\nSlb7DjkPA2nneUGW0feJtSRfyfkSpbqs4aqs6Ld2aJxPRG4iPaah5C51GKeq\r\n0Yi640CKSxC7xMl2kpijUEcH1FpsthXfIC36EneXmCxn1wV5iR/f40NKpKZi\r\n7mYzmszFnzW2XV0AXlqXXLlKTmwbcluXzpioGpjihvIvzq72gqbcYSZBpiGa\r\n+2zIzX5khw33+0S2nxpuEMXTNr2aPKdyEQA=\r\n=MFIO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221128182021.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/872045094d5c2f4aeb0e26793007b30b/chakra-ui-tag-0.0.0-dev-20221128182021.tgz","_integrity":"sha512-O59e0stZ8th8Ov2apNM5pTAJORdFT1fGpdqz73ykmIlwcNCdrK18hpsl5cg/DYdWYj0SuSV+12FUPp++Q+0Xsw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128182021","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221128182021","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221128182021"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128182021"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221128182021_1669659702148_0.8265740463830835","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128183433":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221128183433","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221128183433","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4589ed48c36ae8dffb99df2cafb8ae7679a5fc9a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221128183433.tgz","fileCount":6,"integrity":"sha512-b+q2W/c7aBJPDQneeAIdAKC/dtEWrJEdjW/AEcLO+Ut9WxRdvwWKYNIoKwoi4U6YwVyQ/LVZRakD3eD22kYxWw==","signatures":[{"sig":"MEUCIBCSscgJLExBMUYEUaPgaywiZW14OHKzLi9jEXwcZCizAiEAqB1O2g2N9UtnoUcejP9QBxN3oRuuDZfqj2JUPDizOUk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhP95ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqw2RAAnC2aznpItm1DKxMgTq/aDWyI1v2ANryVK3vB5nVH4GmrnUkr\r\n7Op4oEH1W+mtdhE9eq1QvFzbM/0RjJsqrygn75iZsvQNvBU8Job9lxrGBeic\r\nIsKZN3UQKHcQMRyLk7CZFBe8WaI3kR8Aw77WkGLGv360QlqwoZ2jPm1eVVjT\r\nmc2RuOwalOZgYg387j49l8kf1/6Dq2bKArcxFa0SxccCVeYFG66nx3bH7UTL\r\nKWP4rNusd2NfphnlF8R4xVrGNsDJ13hsc0DaYGVetqzoj8zIeHUnvRRoLy1W\r\nLu0T7SfLCT8tkBLDeeiEvbu2Qmo2SFGd4SGbk9A/0Ki6+phpWB9z1vHaMy2+\r\ngEHJGpdL7ZSdEVMh9xWTUeIWZCs9uVvo6/pT0T/JG7cbPR0PVazHXV6xE6rF\r\nczmdplLsDkzCpzqwR49Ntch+khM2R+0vchsJ72c8yxDgii/IXFi78vNz1sOf\r\n8ZjQpRJzwA5rWN0dQ8CMy5JebxTpgNtum/XVntRX2n5XfI3GiWDe92mk1WYf\r\nYgZJvyR9rDyLOtzGW7RMwe20oeMru//eF7WXJxd9bKVF0XLOnj4gehvjlViS\r\n9gO0aPLqi9hNx97k9dA7p2859Kz4ZqY/ATxpwoXVtyLNp5fEtQcIWPbrZPCl\r\nvn8vysazPHuhJFvnFl5NCX8q/1odirqUCP0=\r\n=4cWU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221128183433.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2eecdb59b4c22598338810246f0cc32b/chakra-ui-tag-0.0.0-dev-20221128183433.tgz","_integrity":"sha512-b+q2W/c7aBJPDQneeAIdAKC/dtEWrJEdjW/AEcLO+Ut9WxRdvwWKYNIoKwoi4U6YwVyQ/LVZRakD3eD22kYxWw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128183433","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221128183433","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221128183433"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128183433"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221128183433_1669660537697_0.2678275677419104","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128185230":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221128185230","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20221128185230","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9ae80a13dd229fde1203e47472c7afe911f87251","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221128185230.tgz","fileCount":6,"integrity":"sha512-722uhtv8Fl9iuZ8zpwDHLbVrhDFbLpM/y7WkhaUDbwbLqc/4ZyQkOY8JIpePGsqOB4HQzS/sOKt2e9WqDSL/KA==","signatures":[{"sig":"MEUCIH1QpKUOKOeQ3iXYKUio/voM47rK7z3gzoB3I7zY6MNoAiEA7gV/WhoTsEEEc9060Gfagnb/ksHGMMJGVIHc7HlC8tM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQOoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDQQ/9E2C5bpUP3+Jg7IRJkAS1KnGGnlsHQ5K18f0Tgr4A4wVHOkkj\r\nbVJJmKCrza6DOn5mBY8M0LHU0YnHKlQewwFHLNd6jv1IgUYBpUlLMTZI7lAh\r\nkFDTi8Hqi7r+AVdvWSfnemg+TPhXDhu/36IlJBtteauO/QIR2aYvHvgNTKne\r\nDN6X4Hwsb2H2qBOstiMBzIoGdItRCNy8p47XQOfFpria9XBpi07H+hgrvwrw\r\nra7sbzvUMLqR6wziTtnVJ5B/SHZZVW3zPFEwk48Iu4r2pCYSN9Qwk5hIiVNR\r\n6tU4NDix0HpAfAXXxnVWz92pWgeE655BhsPlOsyCOPf2Erznza0Inpflpbm3\r\nY8ZwdqGAXyD7byrSU1YfGJXIOzJkweEOyLb7Y4L1STz5VPX6Co3w9FZ1f/BE\r\nULiOZovSJr8tUSmZABqyjfRictaUqijuzEPz0B1UeyooF6+a2sw8616fCIpS\r\n74AbtPbzyzTON31asBA0TSSWQ228olUtGEK4DtOWH7LtG56mptFXIPQianQ2\r\np2PQThLw7i+o2qMXrQ+D9E6o4ajuVNdiB0eeBHt8PaQoL/h5GfX+kMiD2/9/\r\nSmLO5dAg66N72uuob//e+0G187KAvQ3ajZcE92LBfEEFauc4Z1hD8FDWG3EJ\r\n2uL3FYSnfPOS6xTNmVKrOIv3HDXLdWWOEAo=\r\n=vi9f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-0.0.0-dev-20221128185230.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/34d20fb9c2fc96fcb0fd43512ca75992/chakra-ui-tag-0.0.0-dev-20221128185230.tgz","_integrity":"sha512-722uhtv8Fl9iuZ8zpwDHLbVrhDFbLpM/y7WkhaUDbwbLqc/4ZyQkOY8JIpePGsqOB4HQzS/sOKt2e9WqDSL/KA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221128185230","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221128185230","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"0.0.0-dev-20221128185230"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128185230"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221128185230_1669661608292_0.8723961850403654","host":"s3://npm-registry-packages"}},"2.0.13":{"name":"@chakra-ui/tag","version":"2.0.13","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.13","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ad7349bfcdd5642d3894fadb43728acc0f061101","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.13.tgz","fileCount":6,"integrity":"sha512-W1urf+tvGMt6J3cc31HudybYSl+B5jYUP5DJxzXM9p+n3JrvXWAo4D6LmpLBHY5zT2mNne14JF1rVeRcG4Rtdg==","signatures":[{"sig":"MEUCIQDqcVsn2GaX9TXuoSqyGU2+PiOheqV4LKaiG7tLMImMqAIgWb2O86F06oBmohhZx9J+S6c9xlZrlEXqgg+gEtWzLQI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhaLQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmojIw//YrxuP8GfYqMQxK6OjF7NBhW3vmQNDqxjTGe5NwIfWfgDZ1t7\r\n21Xe7JP31WS72BT+m5hOFeebTTgYJVNDJ3Nzchpl627g08VUQ2KEzN161e5u\r\n5lcF7xyx762gwhrQdFbIkqNAg9+n+eulF2/2jb0wNLMJ+e9c4T7uAAIRH0qS\r\nBftqewGNak2NQcRePvczYzoU1JSsJseCJ4QF77eXt06IRh+Z3eueFLy5aT2F\r\n7m3tjWoozQXAhAgz1JTLe9/mtQ5ZX9Acmb9xopQ/u1TYd1d6eqrkaTj76pQn\r\nIR4XqSUbc+Ep4jIUuHCLl5W/OC504hPVvNAwYfCEZMbDYGJe3aJCUb4dZz7Q\r\nSdTlh4j6i5QMbHzH/8xtzwBAm/aSQM+JN5tMAAtBiw8+b+Syb7M3SA3u9L6X\r\nuzNaeC2c0McfrkgHaCZZOGcef9LdRsx96mt6/BGpjlSGHPL6QydRZcK8otbT\r\nsa0htJhaBVb0MV9CuSJ/k794LghUdWHzX0QZdAFQi9VbBS2hLIt9OotDnmQy\r\niVhpSrb3qpmJa94TlyybJUuWssizaf3cX4p9/Pjq0FfaZWmT6d+WHkZNSXns\r\nybVjciPrEpOvaCTouiYweKf6DIct7mqb8Sr+vOR3IxNK9sB7tjHGFwZ32r4a\r\nF/FEJFEjkNiwzTyH7rC6E/7Bn81sNa5SMTg=\r\n=B8+M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-tag-2.0.13.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a8f0ff990ac46d2d1c9ef021aa3054cb/chakra-ui-tag-2.0.13.tgz","_integrity":"sha512-W1urf+tvGMt6J3cc31HudybYSl+B5jYUP5DJxzXM9p+n3JrvXWAo4D6LmpLBHY5zT2mNne14JF1rVeRcG4Rtdg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"3.0.13","@chakra-ui/react-context":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.13","@chakra-ui/avatar":"2.2.1","@chakra-ui/system":"2.3.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.13_1669702352770_0.7881295304641438","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20221223180742","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"44683d86aeb91db69d2ac18477f253347147d61e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20221223180742.tgz","fileCount":10,"integrity":"sha512-9umdDAuUpzWmAkcN9AUyUwz0CUBSMnXScjVc3j4MWUE6QXWAGupKYpQOLFHJm7vhfCiojGL8K4bMr21f+r+Exg==","signatures":[{"sig":"MEQCIFG+D/5ch66l8D2fCmJUwS2R6e7ctsp7s9T0cU5AHXNuAiAFRkab0NXjFRAkAfoj00nlJbI4VVu2h3mtJfQaLbur3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe69ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKbQ/+J07o8JPxEtwgAEdvlD3RYiGYcaKd+tWu3PRsy1X0Nov6lYG3\r\nsT1w2/7RfhEIeFnfAEvlnJatGNxQ0orhe9ajHQjzoMyJS7kxMndIcllwygvs\r\nGArdp+j3de7Z7v1e+5t3M+mtkwjYaK4JFiy2kY2ht4bKSz2J8qM3RDDZbQsa\r\naj/p1k13jCx697yt/dZuJIRocz5BJahmt2cjT7Og7xP9Hy54MBbeL5yZzfUE\r\n9l3HhPenJiTPUQ36/R1rXkZI8KwwcNHqyX5ySplGxG0S2yr384VrsOtLMpC+\r\no8V/+vroMkNIm3kuaFMXLvuRTh1PFwLM6qLQ8ouxhww7ZFF6ozfsEsPpNl6t\r\nIkVG00rOXZI+X/D+zsYP1N7VsRjxn+bWFCHbn8xlAz/zHEuTIH8FgzxEriTC\r\nXVrlWy8wvZAMXwH5ZZ2U2iQeQJX85gP7c6kBttoOVcHUn/kLjt8pCEVi5Jd7\r\nIZhsrQJ+hi6IUrxFG6PLjVVtgbKe+lTTp+lVDJRoR2ZXsZyjgnirntAuOC4x\r\nU42+az+v1hRjeFfVSC98WPleP+QacPTNIFqmheTNyGdgku8dkFwochgyQYFc\r\nFyEe6TuAcDK6SgxsYMSmb1qFoaPW4ben91lA2uLiCdLV8yWDuOdZR6UGZHY1\r\nVki2DB7LdSxUrwKjVGQUbQDJPg/Z1nRVr4Q=\r\n=Mj/U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/a626e39e54259ea18ca0e2a1cd03ce83/chakra-ui-tag-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-9umdDAuUpzWmAkcN9AUyUwz0CUBSMnXScjVc3j4MWUE6QXWAGupKYpQOLFHJm7vhfCiojGL8K4bMr21f+r+Exg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20221223180742","@chakra-ui/react-context":"0.0.0-dev-20221223180742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20221223180742","@chakra-ui/avatar":"0.0.0-dev-20221223180742","@chakra-ui/system":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221223180742"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20221223180742_1671818941132_0.7587348322021001","host":"s3://npm-registry-packages"}},"2.0.14":{"name":"@chakra-ui/tag","version":"2.0.14","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.14","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"39962486af69e2bb548a5678095762e67e41369d","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.14.tgz","fileCount":10,"integrity":"sha512-f6XU7GwTJkPDXU66Qbq8sS2i4dNb1pmeW2T1AFnzDZLI3kNLjw5B6tgW1HGr26/oq9Xu8aGNqAp0yGy9bAfeAA==","signatures":[{"sig":"MEQCIH1g7cPU0gYp6fO4VziKdyV/OcZsVZRQ+3S4mj45els8AiBPSjG0cMTtiOaZGl2QjWK0qK+/xUX5Iz9PWNcJV2DbsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1ZQ/9EhHv8J90no/APT9n635cqr21hO9VD3RHeM8ZszzJWuOy3UZT\r\neaZUV3i4KbTykBPgGv+pxEPCZdlOgLZotnbdvHZKyof3VuM8VjaiVRdvEj1D\r\nVD7L/3jDD114KAZG+xcvzNwaq9uTBxAR1u3Ykb7FM9xbFVZfoII3D3NOi91x\r\npfuCFvpe9/7bSauGwYiz68iqgXik5ol3h6hwNz4cba1XG/qqb/HLItJhC3Qh\r\n4lmb2Rz0LfEAy4mecIqd6V4c0AeWoGMNzAXImeaeN1FKWyB7TvSVeCv0+Vgq\r\n3VKA0recCa3SBQC5p7it/Ls6dULO2II9oMCKG1ILpbI55xnCdCyCGd6InNkx\r\n52ASoQV2B/HLqFbPPCwFkZ65y2jbpue/aPZYpz8ZsTbntMV1+vA1YPEJTSee\r\nnXTQRreMrD9s7J/uTkC68tucRBOD9ra4T5LjI9qrz+Xe+UIIVqLQ6WlnE4nx\r\nngPs+m+FznYafctkUvH41BIBqqoUiblFhA/2ExoGZ8dMnoGnrfQMnNzox850\r\nbkVrQXBq7BgM7lt+/FEr6bZ3RUp6qMGVngLKoeDMV1gihkkkmo4/cIgtyFqg\r\nNfbmyIoCtRhtaXXIZdycTe8KQpVxHbj5mRzNdTcRi7rtpJbPI3yMJ9fLJ1Q0\r\n7ctgVaT8qQh85inOMxA9g5faF0LT9xVE0Us=\r\n=yGKL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-2.0.14.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fe0849b58251f165e783afae6545c448/chakra-ui-tag-2.0.14.tgz","_integrity":"sha512-f6XU7GwTJkPDXU66Qbq8sS2i4dNb1pmeW2T1AFnzDZLI3kNLjw5B6tgW1HGr26/oq9Xu8aGNqAp0yGy9bAfeAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"3.0.14","@chakra-ui/react-context":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.15","@chakra-ui/avatar":"2.2.2","@chakra-ui/system":"2.3.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.14_1672060457382_0.555705572207315","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230106083209":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230106083209","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20230106083209","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"741c04cc66225688857db207574b29689a18eab9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230106083209.tgz","fileCount":10,"integrity":"sha512-kn71cHwfE0IBejqYpw2mWmzm48LEAa1XKCB4EyP+P2MBazFoRuY9mQbywFmDSoC4sCVRgLtH14GTLzRtaB9nuQ==","signatures":[{"sig":"MEUCIGQZDnIvxj9wUWVv9DgW5lG4xFykn5uYtCnTG9jFjWwZAiEAmZ4oMlvV1OMFVTjkJDI+lrShjAceHEX0SDkQI93tQto=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjt9zNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUUg//TPXDR6dZ3PduQ7XiR/Q+uXg+WscAjJDDpE/k2PXjC+/RryG3\r\nT4aF3zz9i4yEQd2u9sWtz3ut7wJX81bMZDUzvu3TAR6VgyDxSjQgMkYb8ZgI\r\ni7kyjAeSFOdPTadNa9OVD8LMYj786n8tL2w4owxSLFvOFNt20kH8JR3Mgh6S\r\nOo+mUeb4IvKstL6JglY605cfvshMEO4afIBCgxpJ4Yczy9ZFihJAAxLMYuen\r\nBb2zu2woTftH/ZcNhCfnlGvaw7HSYM7X9qufnDAZ2Kby2udawN6h8O4mIoso\r\nzeBx4aBJqfD15P+5j7O/joasibMkGz86izI3y8tsMCWdXoLhip6+ZJY9ZaBr\r\nw9TZHsDtYdwam3MeOegnCDXCQB3tMySECOeuk3n8gV4PMvRAjyWGv9ruBKC8\r\nRjEDYwN1S1QPiPRoPj6sOlDPttp3CsStQePguepAxVnqDBE2AVeWnVwp/ULx\r\naa5DZC5+ytzXJ0XJH1l4d64cLIxoa+w2uZPGWe/ri4Dzs3AxmNtP6fgc0ghz\r\nqsUOooOH1ebBTlzFkOe0Kp5SELdZX8VxapJjaVlE6coZ5lh4fkVhzHKaHDar\r\nVnrWUstlValNR1XU2d0kJ9Bt4Pd4EQRnG8XC6oQ3VDkXU0zU5rAgHCETkN7A\r\n+kcXa/SxsPcnCu4yMYb98rYzyPqFF7gL2nU=\r\n=tZrm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230106083209.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/7f78635cae29879f2a8d3d0794d750e9/chakra-ui-tag-0.0.0-dev-20230106083209.tgz","_integrity":"sha512-kn71cHwfE0IBejqYpw2mWmzm48LEAa1XKCB4EyP+P2MBazFoRuY9mQbywFmDSoC4sCVRgLtH14GTLzRtaB9nuQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230106083209","@chakra-ui/react-context":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230106083209","@chakra-ui/avatar":"2.2.2","@chakra-ui/system":"0.0.0-dev-20230106083209"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230106083209"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230106083209_1672993997561_0.6373817176772507","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111055325":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230111055325","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20230111055325","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"53050a6c84968a8255afdb9adfb6217909a1c71a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230111055325.tgz","fileCount":10,"integrity":"sha512-KxCxJLvoZxFp13Gj/QEoqCqGXPlmOmf8Kbx47rHlgGX9W50PBeolE6yvVCf2TBBeFUcDRvQTsZz6ew5724WHfA==","signatures":[{"sig":"MEYCIQDA+3p8Dk4VisymbPXP1bo17VOgJ3oujk8ZRzCjonk+wQIhAKQdIQtSGUCWylYntrHcKwsnLkjG8FC3zWFEQdqxWDkp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17425,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvk8XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgYhAAoq0LJDgF3g+jyHZbAJnHbFEWGveAQYTs/pAMjQPgNNpsgsaK\r\nV/qqNyfgvbDa04Y9TwdMz7YplQXqTT4VBS8fx7DVY0tkbW9TWJCUWOFcMMnF\r\nten+CeRz/2mYzcj8xazC0cnPZhOJGWx3NhqIQnASjGqsyBajIdC3aaYgC7XT\r\n/lOmVHHpOTheLrE+oqCorpVlI0Z8UFhrSnw0gBRSCHRzAbzxiGBd1PhqQ7Xv\r\nN3ZXk/x/xx2CChlA0VD45SMSKnJNlgePrksvzDBZU/XfpUc0g+597Z3pwBJ6\r\nNlxmwhzbsi9aporz112foUR84U6Y+OVPATbsQE9E8GVpl54/WlxLua3YW8a7\r\nwJZ77gaE/5HNEIxbM0Pyc6Ks681ukvsE84gmUhkX0V6mu/o8N8UHxCw+Pxy/\r\nmXBmixytpVMPdEdgEUMYRQH2QLgnkF+g93tAY/DNkERS/VnnupbxFTaNmGAq\r\nKSxDGE/tgB6L3tn7uWv5Ubp9rtNJg2rboTYevuW1s+xEsieneXbBWN0q5o4Y\r\n+2ez9+0DDuCToaEiZPMMllcS63N6Ogfaa6C6LHae2T9RGRDjSecnsnabbUSu\r\nd2TuHIK/H/pGL/HtsqlMT8ZXD4jiEoGThOSik8ngxEznxq4uRKnLxxe+M9ph\r\n+MIbRT/gLJxulRMCax3oK7w6xkDdgT/jWzc=\r\n=zOvY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230111055325.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/4dffd1cdb154dae453445d289a4213be/chakra-ui-tag-0.0.0-dev-20230111055325.tgz","_integrity":"sha512-KxCxJLvoZxFp13Gj/QEoqCqGXPlmOmf8Kbx47rHlgGX9W50PBeolE6yvVCf2TBBeFUcDRvQTsZz6ew5724WHfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230111055325","@chakra-ui/react-context":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230111055325","@chakra-ui/avatar":"2.2.2","@chakra-ui/system":"0.0.0-dev-20230111055325"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230111055325"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230111055325_1673416471174_0.27277106066961054","host":"s3://npm-registry-packages"}},"2.0.15":{"name":"@chakra-ui/tag","version":"2.0.15","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.15","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f50861f33b6561117daa4ec8235fba77a196a9fc","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.15.tgz","fileCount":10,"integrity":"sha512-CwL4jjFELk/7ijckxsaTTv3RKV+fQLvXPabLtr4oBktkz6tDfBLd+hhfPdCHdGAOLhyKY799EDd3ms0dvejTyQ==","signatures":[{"sig":"MEUCIGfmnUPV6kVpvKQh/jIBXGmRGu89zsq5nAfjyfpglfgEAiEA4CcN1sFlncSYUceq/uV2TflrUvYUbG8DbmSUJaNepxg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17335,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvmXkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnTRAAlOvaELETFCdaZ62f4Nq6EtDao7NnmEeINomLcWLMYULMpW4G\r\nwUd9yODJege460uz7e++Rqa/EgxXz8H6HjMVew/NmAlHamH9CrWYIWVJxItR\r\n5GLsfuZua/7RPZroD3MnvnJiPBw1FWL2xALkRzjEw3gUhR9hQvjP0zZ4y9cU\r\nn28P2D/vbh87fHgbeQUbEUbBcFuelzxha6bMWBhTxazIpciCFGO3ddMribof\r\nvpj/xQsXzDRbVl1FGVQrNGWOq1bQaxCMD22E2p/Ld2ztqgAvSQo63UTlHq1p\r\ntg7w7AfHiHHh5HC/INHSzbxGUGjzhPjScCFcMHqGUwrVSVxJ9AjwAjs5VXsS\r\nYvUpM2ecqmG9IPTXQr40IqjvJiwCGbDMTPXviQkpoob9KEEf+SfY/inJaJl4\r\nEdox28MjvAH0sqsWz3pwgYWhJpnm4zqe74SCNG+oPHQqo4dSa+Zd/DJALT34\r\nlnYXLGRdCvKxCZvS9vEvpQ6ztKrifoHpZ8GVoKbvujNrdoh6LoNm/r9MIb9j\r\nfJb0Rbhe3EABmrTnLrAK4jNPsKTLJfCWO5C9XBzO7fQMtCLmTstml5ZFGiK2\r\nIc+7ye5+Y4BghXnMCYZbSCOaXeikO+ka8m8sognd/yeRoXnJUT3sOc5Z6gIl\r\nw4fbQT7iNwYEvK+LQT6fE+iont/yHgSv/fQ=\r\n=204d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-2.0.15.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/a25a1c15e35fb001f8e2771052ccbb52/chakra-ui-tag-2.0.15.tgz","_integrity":"sha512-CwL4jjFELk/7ijckxsaTTv3RKV+fQLvXPabLtr4oBktkz6tDfBLd+hhfPdCHdGAOLhyKY799EDd3ms0dvejTyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"3.0.15","@chakra-ui/react-context":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.16","@chakra-ui/avatar":"2.2.2","@chakra-ui/system":"2.3.8"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.15_1673422307993_0.2117579490455177","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230111211417","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"8f7a744fede3f53d8dfb930a7fd92010c041155b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230111211417.tgz","fileCount":10,"integrity":"sha512-9uKHkUhAdisHNUuTot91ghN+2TJOzP1kUn/V4PxDZGwDowbbqE4aN0G/7ay4/USXgL6P7aReAoDBLgkSnNgxsA==","signatures":[{"sig":"MEYCIQCe4H8rF+M+si5Jjg60GfS5zUuTenL4jPVrgLxsv9N2QAIhAK+ZFCUYWFYVqrjQg1eNugbUK+T3HF5WnF8vNInYGdwc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyb/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriaA/8CSeT+1Fh+YxdDSI5wQMsO2O/vHMN0oFXzCE4k8u5RKUDfsic\r\nDjcvSEF5di3pS1Cwpyg5bI1swMOrUle1P24+jfCFngdFBBkwNNA3qNMpunXO\r\nUqCnCbH2184t9W2K3AZHK9YE4knAradCx0KiqpOPA8ojNdzzqTCRftsfYJ80\r\nJUJx1veECwGLAlhuR0dSbba9CETqcyXIQ++EO3QuoRyflvWiLv6HpHK5LaiK\r\nv9QS70lJBpsqmwg9Zyt0m9HJo05idZvsnUH20flaxb/WA6EWKqAEeTtUerLY\r\nhSztKl1RjGc5ftEqO2+IZvYt79LpW78WPP92BeNkEF+cvuTxhRdyjqkPUJ63\r\nM9eyE0nvWNWVo70XH6IL87PfWDal+WuiEEUgheAF6OCs0EkG6RfcyP0IvwzF\r\nOEaSgkZVLjKvaxhdAEzsaxY/0qDmb2aqR5w2a50RG2msRb1kOJ6G8Y1kU8pw\r\n8hHfHKnBfnaSh3a7YzO1N7KlsUQC/6w9oH+l8OHcxj6iejYZ9N82vdUFfGzo\r\nuCdrQS1wdT3zyfbJmceX8IGx/KMxaKSedOIZ0fm5CAKaGq8RTo4z3jsXniZv\r\nKMP0cuPOxr0Pq+I1k8i9GN3ayXfQ/fJ/3d8pHTfgOnYrmlW9wo4tamgGntdv\r\nnXexNbLW0Pna203ciGuCdYWRNp3CqrR6aRs=\r\n=YalK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/752e6f95d59896e2c240211dbaaa9b0f/chakra-ui-tag-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-9uKHkUhAdisHNUuTot91ghN+2TJOzP1kUn/V4PxDZGwDowbbqE4aN0G/7ay4/USXgL6P7aReAoDBLgkSnNgxsA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230111211417","@chakra-ui/react-context":"0.0.0-dev-20230111211417"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230111211417","@chakra-ui/avatar":"0.0.0-dev-20230111211417","@chakra-ui/system":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230111211417"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230111211417_1673471742877_0.25280662105758367","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230112113621","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9a1476eab973f5facd01eeb59b50b188ef7dd00b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230112113621.tgz","fileCount":10,"integrity":"sha512-+0IloZ4ABci+5eidi5VG0H7hrPJktlG/jCuin6Us0+qomAMUJ8citUvAXOfr5iDbU05NSHK4y3uZQDNB6TY01Q==","signatures":[{"sig":"MEUCIGynE2m3v/ac+HFrU8hIVhWNxYYzUEXHf4OifS1x3PP7AiEA74wWHC5kN8eehAwpAsPP0ikI1g8WIjjCcgJdpC1oX8w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/EXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAjw/+PHBqatxSENbVggpvdeynumlIVKgBeOfQhCDBM3O8Mw5ARnwI\r\n79ItEouFqB+ib3ZUkIFEpiYSCprhKCJzPoyhdEoN68JLV8Il/vDYeNIifpsO\r\nWnt7AynYm0jz+wgPeKxm8FT7EBUyXHKyL8RsCf0ludOf/FTl9e9vqlAxQZ30\r\nHfpBsmpcfnTtTS4YSQUoAa3cgX7wkNa0piUXBil+1V1wma8W0jgLj6N7uPx2\r\npnxFEiEBYG6yU04g4/Z2yJCSmZB/QD0GU37hvQvE61OWhpJXHdvhcvxdq3rA\r\nBmYeMho20b6vlz1GKJAFN0IyoT5IMvvGEeQ+B0kffPa2RpcazBa+W0fj2RRZ\r\nLVQlXeKijVTLvP2hDSoOvlzjRtt6z6R5Irym8dYcJb4J+1pF35f49fOvwfN8\r\naRJM/L6ty+i894zqGFlmreOwhELSoPSZYSrLpq700sg86a55ciD/XZnoUWsc\r\nCDGsAA2eGxffgegYshuUTB2m9qibWwpb2591d8XJuPzJneE3OqPnVI3O3LLA\r\nWBVV+0w26k7BgeUdvl4ZcpmTm2xR7Sc3az1NzgoOW2M43p2foY/2I4UQE0Zr\r\nk5HeQHcxTEgwG8eCf9ni09Ab6ojhXnI6qjUp4VIZkuULouJL1JeMObPcCpQ7\r\ndm84X51yRyqCOV+jxkSug5m3OI0wkoZmZiE=\r\n=vfBP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/0981ac5372a27a3a74d2314ac4cd0f1b/chakra-ui-tag-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-+0IloZ4ABci+5eidi5VG0H7hrPJktlG/jCuin6Us0+qomAMUJ8citUvAXOfr5iDbU05NSHK4y3uZQDNB6TY01Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.2","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112113621","@chakra-ui/react-context":"0.0.0-dev-20230112113621"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230112113621","@chakra-ui/avatar":"0.0.0-dev-20230112113621","@chakra-ui/system":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112113621"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230112113621_1673523478861_0.43792854261735337","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230112141201","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7fbf9c0bd45d1673a94f38ba7845e9d341eecca0","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230112141201.tgz","fileCount":10,"integrity":"sha512-wjJ+4t7PMIPAAoRkXdGQUKAh+VKjph0IADQjXk8NTPIaoj0so58WCllMBSNRbf68qKkZ1GjCvCqlmsVUc8Y43A==","signatures":[{"sig":"MEUCIQD3ATe2wgbVRScIo/QOiPydjL5vuU7wN4YAmhClqTk7CwIgNBVtQXudLySW0sD0UM64GfRAuGsPYljlvLwcJUtgAd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBWlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSxg//aqrGDHH1xCH8XlWG76459cEoU1LpIdNoo3qXKhQDKaYu10RA\r\nHLQNFYOlteiQEOMWMEFCm1/ynk/5UUb7EBgAwP5eGSKmc+DM8eMqshBMHxq+\r\nyjoCuW3OeSIDydfu4TDnorCnRu8KT+DFrOEyCbiD8JbPYy7bIqhy024g7TAN\r\n2dJ/TbmwyElad0YpoYe7qBLK0zF/PRgaDYoGYQD66MYDv+5n5z7zINpUFBbJ\r\nyu09r7wadZz40wbVJ/iYmWMuAE5yjB6KIrc0+D0kVHKDra9JXlC5hraMCnAm\r\nrhPclweAonTPHJZEOiCSkG0Fn0nkUI5Tuw+fap1Vb0c/mD4bLZxdwGtOZBSA\r\nrBLgqWo/HJPJXxVGbP4pAW6yvQMoBi4gC/c1FOFkjO2H6NepIQl8fK7L+BJO\r\nNfpuOTbWBlDYlbwZkf8RF/85JB6pQHqONsf3UtkBGe16aDIDxQNVpQWNlYsB\r\nbc95G6gE5Qh3hVjK/6lR4dvUEO3X4/be38GZPZsT3CjVH+XXs3h5AKxbccWP\r\nguQAziY9jPHInIKAPmCZPujvILNKUuIKWg8FtdvNGIRyRwUKpgr1a4RwVJ4h\r\nZWjNqjn7dwzDTOzXO5JMSqG/u58kY9o+sLkVnlFGhfmA9OveqtEZ4+96OVUn\r\nFScZN/Hd+sleQNfMN92uo4hFO0Ul4EBqoJs=\r\n=Cnpq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/74a2486ee987599aebf0fdfb07a1c5af/chakra-ui-tag-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-wjJ+4t7PMIPAAoRkXdGQUKAh+VKjph0IADQjXk8NTPIaoj0so58WCllMBSNRbf68qKkZ1GjCvCqlmsVUc8Y43A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112141201","@chakra-ui/react-context":"0.0.0-dev-20230112141201"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230112141201","@chakra-ui/avatar":"0.0.0-dev-20230112141201","@chakra-ui/system":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112141201"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230112141201_1673532836912_0.7924510356004468","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230112143332","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"78f96801d19a8bd54ea6497c04e133143274369e","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230112143332.tgz","fileCount":10,"integrity":"sha512-CuTe9q6RB97lWSdBJYQv8eFtAl8L9wWLhvdkhd1NdDOf+N+GcZMsi+ynR1HGnZgfGySYuXMBTHozI2hHb/qBcg==","signatures":[{"sig":"MEQCICnFNRcZdY1aLeg+K879itmS/vhaN0SO9/VZhAwWu10GAiB+jmG+TzdOpnPZmldav01orxTQfvOUXOJv2/qiMhLZpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBqnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0Hg//QZ2tVmZ0h/CA8U3Y205h3Tr5sB8xGy9r7WLdoSQ+sK86kkBx\r\ntwjHWZKrb/5uoWXxZnXS5K+gvNBeLSsFdbCPcdmp/4FuRY/RF9USitq///3f\r\ndL+AiCtszMyxVqk9c87zywbSFr74LizDSxk7yNp4xSfSws/qc7hJoUbaeJeb\r\npWdiKUIPWSfrEaGeO5YA0CKI00vXtFGOs6D5Jc0TS5bkNGPxYvV21AwZFGYp\r\n8S55t/4667RdEK5J6xucMNBFIXH55uAgcek6MG44GYoG/hHxfexCX2LNUVUp\r\naDNet55mnuSsNIz6AGKciLo/o7l1G2V17i6T8poQFxgwMM12zWOM0oCMj83Y\r\nCH9W9jvgL/jgAo/h8ndwH98iIquY2iDf+7DqPo5O2K4C5m3059A9QJxIEmcc\r\nHhSIQp02FXSbexawthvvbjhudO/5hZ1Pwiqfkf9GbopwPjGW6Uw5Hsp9/SGs\r\nxwX7TA32sTJEoVcoNYX8VvHVLSiV8jDqVtE3pPAH1VQKTD/4ygZv0QO32hay\r\nGKeJzJ2OUkxnRBpohuG7nIIROsYM8waLtNLhFe5VIQoNxTrrsKIZVjvc4ns6\r\ndK1T15TD+GoRCzS5do2vy2BGTbOB5K5IX8OcrHmRF8nBRjeIlc/PxnLsXD3l\r\nVsym4u5sHWkYguCQzgkMlJNyFiEmrDu2acI=\r\n=N6QM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/ef3178c92afe3fb9c7dbdc0e8c7a5825/chakra-ui-tag-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-CuTe9q6RB97lWSdBJYQv8eFtAl8L9wWLhvdkhd1NdDOf+N+GcZMsi+ynR1HGnZgfGySYuXMBTHozI2hHb/qBcg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112143332","@chakra-ui/react-context":"0.0.0-dev-20230112143332"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230112143332","@chakra-ui/avatar":"0.0.0-dev-20230112143332","@chakra-ui/system":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112143332"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230112143332_1673534119453_0.5102944614155069","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230112145104","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e2962aef962e9b26e5173fdf49744f953487faa9","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230112145104.tgz","fileCount":10,"integrity":"sha512-a1bYoj9gC3OXhTgaE4WyCbNN0fkHrqDLpvE73Vk4j4eXuK6pKRhAQH4KbOjC1B9CGWq0lfXuxYr+GwnJ5sPfaA==","signatures":[{"sig":"MEUCIQCv/p2eEJPDiJLzKP5KoUHLQVkbgf5flHS1eu8sBYlhKgIgdOx2sZy3QkOuF/rWvxMbYzHaHY2dZSplotJ84mYwk+c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqD0g/+OnRMboxjv8uKjzvT5jDtC8zWFNSCAp23eZup8KUbU1dm9TmF\r\nCNewsGG96xSjUJXU8P69hZuOzlLvgoPR4kCK9WL3HhEqHNk529pBJcr1dc7u\r\njU8yvA92QHUWzRm0azTKPMJgRtxZZU4wSoM0N2B468ej80H4zBaxuqa33AV0\r\nQaLNG/N/KNkyWqVZDo8Z4fcCs5/Ht5m4G8f15stUQ22rMej5wkPdZGaSghPw\r\n2ONevbSQQiv8592j871/bPnUhzlxK5vv0YiH0upqRlSdg67KFWbeZtN15iTY\r\nNioQbKrU52tJv94IsoHupY1ipTO9yqyMXhgK0xVc/1xU6nSv0z5BUZv/5JYJ\r\n+VljtrgyL6EsncgBnJSQmDJxNApTDP8sX/bdvfktZ9THK+2msRoOwK6Zs4Ma\r\n5CX7rcAtfOt5/aFJqiGh5pDp6yYM228/PucU+kdKCKZizJHKa57o+++x/Wr9\r\nXlQ+WdC4GdczbSOimP8pvkYRiWLxre8l3bnZwOgirleFiyKq06JP4KUjs8aM\r\nUr/f+UQ9AhTLJNEYMbvkZmaHsgIW7eQrCV9uS1F0D9Ez8lProbSy1kS0X7YF\r\nOyoERpqtFAoqqtH4bsgE99ujBUwPy4Mazn9fi6qVW9tozRnH6O53LGG3m/tS\r\nFXogH1IULyuyj/zURCQtMUtLfgWEATRiLZs=\r\n=paKk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/cde8151e15665e0ba322bd8d73a5565a/chakra-ui-tag-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-a1bYoj9gC3OXhTgaE4WyCbNN0fkHrqDLpvE73Vk4j4eXuK6pKRhAQH4KbOjC1B9CGWq0lfXuxYr+GwnJ5sPfaA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112145104","@chakra-ui/react-context":"0.0.0-dev-20230112145104"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230112145104","@chakra-ui/avatar":"0.0.0-dev-20230112145104","@chakra-ui/system":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112145104"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230112145104_1673535145040_0.5633401064257373","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230112152756","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"d00b7c5e8049af6cc79a88c563e8cee15c76e182","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230112152756.tgz","fileCount":10,"integrity":"sha512-Iy/1WHyiiYzv82TkUPPrpTq9y/yagE+BKUcRxJYGgjqzOt4usslSF2wLqIRBkBc98U0ALViaXz63f5MfT2MnBA==","signatures":[{"sig":"MEQCIEbqcRekUrOUSGT0HyVBY/DI8vovwBlABUfFltO/+BqqAiADiJFucr0hDK+3NH3kR4A7Va5yQJr3ibWTIHrGFRCw8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCdhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU6BAAn4nnY9myUJYN25tnkGMXiEUyhCiDvfNp2vlQO8qAsbssNz3r\r\nYEHC0PxJF4TCAQj0frGknYRaVQwdOzjBfCM3vFJcs9rZ2it3DZZH16GWwoc4\r\nGRC9ee3z56Z1fPeZxVCx2eL8GV3bhabB+B6akLmHrqV4Y3XdFhzg3/26ccbX\r\nziLsqtmIqxsBeuswCuuNWpYBe9N8yPKYssWdsHAgiAC7D9kqMyyQG1CUQ3bv\r\nAfd2vs/wkAE6UlNGkKDquxJuSNI6CMH2yWDdBbKh5s7MyO3z1Zvb+DSn1jOJ\r\nS9zqyPz66niMZg+XwPGRm8u95/c5LJ4qCMBQlU9NmBjbLsEz17vZulB010Oe\r\nO29vRjpoyKBaP4Wn2n3wOfZZrRulLGAxnVvpNMufICPG4gRkz4iTR7+638P6\r\nF5wxMhjSJYQ832TwP9Dve09auivz7rzi7y/EkOQFa1rs86xQn18Sdim567Dl\r\nLgVtk40gK3XQ4zJs7CeiV7QVghU8GSgTEUu8aSGT8iV9LJeSWRqQ1BGOkKBM\r\npVdUG2AiPQambzrdy/XFxVaL9k+PhZF8y/kyX0RrPV9zYwUG5oJG8tZylkDH\r\n3VItX5RRHfDTWrk8R8uyZhsheviOnljElCgGBi/vSZmbaiZoaOkID6TJJdYV\r\n935PmoZQrJ071ixGYxvFDIMlV7O82gKf97g=\r\n=Qo4l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2081580b22d5cf35998cbca775a8152c/chakra-ui-tag-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-Iy/1WHyiiYzv82TkUPPrpTq9y/yagE+BKUcRxJYGgjqzOt4usslSF2wLqIRBkBc98U0ALViaXz63f5MfT2MnBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112152756","@chakra-ui/react-context":"0.0.0-dev-20230112152756"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230112152756","@chakra-ui/avatar":"0.0.0-dev-20230112152756","@chakra-ui/system":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112152756"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230112152756_1673537377624_0.7762598013292836","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230112154520","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"29be69e662a466e4d8f06ee658509d858f161369","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230112154520.tgz","fileCount":10,"integrity":"sha512-Fo4oHTBZTWDxYO1xey+cMemiZe48RK6isree6kWP9jqkyAhGNVKcX7IxETjBF+dFZZ7NO5DRXH98BdxfHbT5AQ==","signatures":[{"sig":"MEUCIQC+FMivp+2jMJXTB+oqqnUChr9YKzfv65zKKkcaB7PR6gIgAIRx2skV/NybrjFJGqZb2s11iaYR3eyPKNXXdaI0Uc4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17525,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCtpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBOg//W578kEpfjY/HDqUm7xnk7Qks5tgH2b1S0Mef3jT86jki3Ssv\r\ndbdNe/JjCBjbMxjydbBeRbNsMTHGNsPmRlOsVb90XZQlzKpqeCJgSBxiQGsM\r\nafFGGfmFQGLtWdjBaLC+R9UJ8sttcp8A1cPr2O9Eackxpompx1gddIkyNn/R\r\nL8wO/8uK2wgiQqF2c0zeduK7uETlxRkR61BnRnf0HLgUQ1+dJTsOEtDaFQRS\r\nxag//x0Xuog4NVPDOxKuSTUbSVyqGUKAGivIinoLPgjXJl+6CZICSP0GP9+l\r\nFBJmCDVkDAWnYRaVczc6YN2uZ9BerQN+1j2SBoOhhqVAtRgttZp6PXWYT1pN\r\n9FEK7xAzt9LCgLwpX+BG9MvHvpyhoIr+D7lvOxWN2D1XHzP6Ikc7POU623Qz\r\nfoHeKxYEHNr1JvhUVC5nb2PV7wDyx/vfVhY0cGvQLMnxSE/lFugDctGrx2cC\r\nLd+vnPjRCSHuYc7Y/hD5u+OPaqLVdIdZSnyQ9ALMJBj8OHisVuZtPtTmo6wt\r\nZ5McTzFMbvvOWT7fHRZOKkHRSFF/DxYpvAoCPBJoVzjwxBkkQFHeCKY59n02\r\nKHMdvwI+aQ26BEfV+KCMa0vdbORZyRUvHIjIgtlFO54G6RMgVFtt6j7wKQ9q\r\nc4JjFJZ5vLtz/sMgX4i+1271fANdfIIFhbQ=\r\n=UZGu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2de98e371147f1da9f2dba22c30c3f1c/chakra-ui-tag-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-Fo4oHTBZTWDxYO1xey+cMemiZe48RK6isree6kWP9jqkyAhGNVKcX7IxETjBF+dFZZ7NO5DRXH98BdxfHbT5AQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230112154520","@chakra-ui/react-context":"0.0.0-dev-20230112154520"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"0.0.0-dev-20230112154520","@chakra-ui/avatar":"0.0.0-dev-20230112154520","@chakra-ui/system":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112154520"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230112154520_1673538409144_0.9224824883801857","host":"s3://npm-registry-packages"}},"2.0.16":{"name":"@chakra-ui/tag","version":"2.0.16","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.16","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"053625c0f7efe7b2e7acd3f4f3ec70c3bfbf78fb","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.16.tgz","fileCount":10,"integrity":"sha512-o3mhyFC4oz58sN1168ufgJaGARJgmpHqJ201Gm+rj0tkIPS9cF0bCvNW9RO8X28IhzXt4vzVBwEfkN9uj4QkUw==","signatures":[{"sig":"MEUCIA8hFqsbAo4a0lRs9gBIxYCaRSsXOwsOlpi/ORH3pCqHAiEAzgd4Iesx6wKxYEF6MjsuyB+AuEjwwiRF/zHc7AaIxv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17397,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmonng//X6ZMbLeVi5ydLqcEGxwCeDG3pkg3jUFrMpaMkSMwlD8PzLqC\r\njVs/MV5CNqoVbksZ7O06SwTklBkCpBCtS8AprcP2lGx/QQw0XFfAxRfW3DfJ\r\nmfIMRsL/4+n6dR4JFNK/ZyNcJugJqCWoRmE3X7enDRjO4+1dqdC+gvDQvDRD\r\na0YRJ4Dt8ykrNrMaiz08meAvenxlZpw1rYVArCoglSnyiip650e6o3LPMqJc\r\nGxbFUSpxpncbBOJ3kGgj/WYTlZHJCnHuX5CZfzRPXmanYA31wdzaGEADW3Ah\r\naHRJM9fSY3Qmu/Jn+0OobYzHnHyjbrfBm3quccWTWHCro4dKoAc7UvdtVxX6\r\nEoCJpsgxuxIs8wlQIOspZif+EM4U4xcL+iVvXO3T9UhH/mNnOySBb2bq5n3Z\r\nxe6ExDCL2TPfyRAVGzS9USW6Lgh5fkXF6XwgUN1wLeQWwFdugSGoQwFdfItI\r\ncmMnOxRicsTQ/15J/60cjnB9YgNF92lu1x/F2vUnRj0o8D6jNBdsWNORcxVi\r\nEA+g01h0qi651Ena0RG0/rg+i1NADuLeENVocMa5edJVXdAEudk0grbxmv2d\r\n8ox783h3AR6uWUXzcWdjJK/v+cJBNhJXkZiH9YRwiqShiVtyotlhmWMLTS2K\r\nFlCRGLnoAVtbxBy4w9s0EkaUR0oXF9MpemY=\r\n=VsKq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-2.0.16.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/41bf8834a5178a9fb94d7834f3485717/chakra-ui-tag-2.0.16.tgz","_integrity":"sha512-o3mhyFC4oz58sN1168ufgJaGARJgmpHqJ201Gm+rj0tkIPS9cF0bCvNW9RO8X28IhzXt4vzVBwEfkN9uj4QkUw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.3","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.16_1673539575482_0.7235520576518073","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116120206":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230116120206","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"851f9375e39560ba6bbef9b828247b11219c627a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230116120206.tgz","fileCount":10,"integrity":"sha512-nRb0h06SOK3YwzB1J+2SpePW7XWj0QsBIeZ8zu7mtdtXxm0ai5qs2SUTE4/BDJ8x7vGc/gU2J/b5IMNS9QaOqg==","signatures":[{"sig":"MEUCIHXGM7Z5NACpsd2ehTqwL2qvDaHe1UoMDXMFqS3zNi1mAiEArLL5lO2pOH/O5+p+eGf7IJBTOw1S4IxVtnx+PD3pmgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxT0CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofFQ/+Lj2ViPMbbmNQsWcaBjTdVerN7gVzf+RcLWplgE2AVDCEtrtx\r\n1iW1iXDOy4jCer6q6SVrdqaxVnPTUejz3UCaf/bmA5WfOFLMosSRGbllfSpV\r\nLjJk6w8ytPMjpxjixkx6YBMGRDO/PBBZbi0R+eJmcJl3h5bL4vJiOI0nUESK\r\nxRoxxoe/7QOtxRywwkThCWv46xTgQQ8v48iSnED5gRelj3rtgMEi+k3utE21\r\nwRw0A0HTGPR0LkMSrewgGLHUwzQTbM9cJm3Zshe90qtxph7YB2NzDajE45HF\r\n/+lcR39pMvymnM27M8Uvqj0UysQQiI0W4/mJDc8a3pyY7jCjo/9+X/dcOPXy\r\nJf8w+b5ps3A5ooHGoYVmbEwu2A7Xuu6HjpATLYHTHJyfAIqJe/Raviham5DC\r\np+O/Ui+fUmtTOtWRtQWbfy64dHZvU3LvcMTLSonFCRKBB0Tcpp/0ihd4rEzY\r\nIcAPICtBvhCraCHDzYvOA7lutJZRiUjstLtrb1KwaZ5qxdz4oRQivx9H4gxa\r\nIwGNNVA5bAVcZXw4U2K4rpXUFjrCLF4xWEtKLHfzk41oNlgXu1ZeGyweNDFi\r\ndtEA5ldahB95ufWw8n5czX2X9LbUhDu5lmAFW5v4T7PYlykhK/afWUodM8Vw\r\nEneHfL0iu3dTwynF2NhOyYlOare1SW2rn6o=\r\n=piO/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230116120206.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/91592801bb299a1ab6bdde2ed943a492/chakra-ui-tag-0.0.0-dev-20230116120206.tgz","_integrity":"sha512-nRb0h06SOK3YwzB1J+2SpePW7XWj0QsBIeZ8zu7mtdtXxm0ai5qs2SUTE4/BDJ8x7vGc/gU2J/b5IMNS9QaOqg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"0.0.0-dev-20230116120206","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230116120206_1673870593908_0.44584058548414784","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116122157":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230116122157","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"3d2355db1d2cf9c4c2437b6c67169e34f446a6ce","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230116122157.tgz","fileCount":10,"integrity":"sha512-ZhalcUmJ/EZ9AX65EEQsBFnt4/fH+AxOf6gv/8bHdJBXOC1c+uU7LoVOjrQKvZCW4j+AtvQkgKSpUpUVQTC5ug==","signatures":[{"sig":"MEUCIQC/s/0CyIrS96jTsKam1df5VtJYH21BLYydLnlcX9/2AgIgRjam9k4wfcK0zD6mC/WMWLLhSsI/xFZX9t3RqkfDQhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUG+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVNRAAnBqmqCJGDsQ6kanAPt757oiv+r3ZYiHMTVhYPd4hwc/s5ml9\r\n5KFQaN+vcY74CnmWF9yQowkWdaHsGxlOCOhQzh0AXij2O6hGGQu0LoEXXIjr\r\n4YkIbliOTeeNzpag+5fIUScDpwfDU0neApmyC+BnKaYRvW8uFNmbpcDflPk1\r\n573QskMIDewc9ehFLNNDM89fm/aN9nkPYYbOEdLHLEWkaWu7v68MxGTMHaEX\r\non7EcxQj2w+iF18DekU7ZJfFPyJTv101ytSOaJjEW0Tz2xNmpUqCarQcw2WI\r\nPMglzHEcIX7TF+r0EjrpzErnYHXF0uk/VBl5EchhPKMPLIbxre6JBgJKppIG\r\niKpQpncok26KwSUulTd+z+5BFgKM1xcr/fXtgwiuhW9ABZYAkJyoA+rCKrnW\r\nPA6Qfp9+a3fe59MpbjRrrRkVqKfrU3pkJqqUssZNbhu466ywZKgvS3+7n1sL\r\nkr+K3TBP+A81px+MLuMDeZ9KnHDKVjWihFjG+X+yjuwZCHzBXSUgfzFinm4K\r\nZ/BztkduP8wyLLAD5qOgp1K+v9Byvetw1BLJK6GYwLe2TjBWg2zFoSlIhwDy\r\n4S06Mu4x0EwB146VkGWyzYbvL89MhmrzzxZFFxxgEhWsKXqB5vH6oyA1+QGi\r\nKbMFuPnG5iL12ebj/2MK1hzgSEPymx4UAEs=\r\n=Xt5B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230116122157.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/91b6cda5d713804a758e0bce55556eac/chakra-ui-tag-0.0.0-dev-20230116122157.tgz","_integrity":"sha512-ZhalcUmJ/EZ9AX65EEQsBFnt4/fH+AxOf6gv/8bHdJBXOC1c+uU7LoVOjrQKvZCW4j+AtvQkgKSpUpUVQTC5ug==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"0.0.0-dev-20230116122157","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230116122157_1673871806047_0.7923884549696305","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116124502":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230116124502","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9e59d85c362f0eea9f53a80d5cb6b25db6a9512a","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230116124502.tgz","fileCount":10,"integrity":"sha512-C6gAoFZLvpLfSn+Iy/yraV5qk7hJokSf9tOfCQRfpvnvwHGReY+EsgVTi+UoS3uqPJDyQ5svaRhU/zIkRCqDMA==","signatures":[{"sig":"MEUCIBrGVg7S5lbF8V+oIXsoLwfaLH3SfoOaCAy9qpKcmN7wAiEAh9nDMzMTZBKhqmn8ZkXSZUXixYLo12crUifxrZRZZAg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17472,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUcWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpzww/8DbQebnpZwXzEdI0qlkcN0jULh6w8tJLLmii3aK/DVBWpT0/o\r\n6FAKwC7aI+qm1T1OFASRL1EaWeP2mnzSezNXOotV5OTQDT6uZtELmBUw3SXB\r\nP6p260PJNEXFQJwngBJw6NL2rUDk6mtowrTPqF6xjNm5mdjIQLAb8Nd29Fo/\r\nHGVfB5NZrUj48n/zLuz5eblMkTbuTU6zbR16hh1QsX+I3+FUOPXaGyM2Mpl9\r\nB88aosz7sC02b9WDiYV1xDxxiJZYglLPUY8vrmsYNJh8v2lmlgHL8dQuyspY\r\nLYbsrukJwsalHyYs51jfP5His+IuOAJnC4aFBhnLnUQ4E8lDqEYa52hfZvw/\r\ngUjCney0t3mS8IS8ghuDn2E4R4k8fB/xwyppLftHrMUpvMtXcHzOUp7kr7HW\r\nZdPm+bHekOXEHgTIT7k2VI1obfimN1FGLQ3aGOd59kwBfldseiNdgpQTkO3J\r\ncSUy/30J0eg8Dr6IwslSf2RRse/tKEXli/iBn/UOo5EdCs10TjL4Xq3gdqkx\r\nud5eKA+LRtu375oqx0RtfG3VHvp8a7Q39mfipQpCxNO1lZjSFuhPCHp19RUS\r\nL1fnBKIOu3E6j4Siue3Si/C4e1RCskPO8+RWEi0CImRAVsSYJY/wofCD4YMo\r\npoOOVXenmrNtQ86CsHkbs6WWHyAeJ5MCufI=\r\n=fb7i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230116124502.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/9a00b68f4a65afb379b3e18859d7cb25/chakra-ui-tag-0.0.0-dev-20230116124502.tgz","_integrity":"sha512-C6gAoFZLvpLfSn+Iy/yraV5qk7hJokSf9tOfCQRfpvnvwHGReY+EsgVTi+UoS3uqPJDyQ5svaRhU/zIkRCqDMA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"0.0.0-dev-20230116124502","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230116124502_1673873173802_0.5737669200641269","host":"s3://npm-registry-packages"}},"2.0.17":{"name":"@chakra-ui/tag","version":"2.0.17","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.17","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"97adb86db190ddb3526060b78c590392e0ac8b4c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.17.tgz","fileCount":10,"integrity":"sha512-A47zE9Ft9qxOJ+5r1cUseKRCoEdqCRzFm0pOtZgRcckqavglk75Xjgz8HbBpUO2zqqd49MlqdOwR8o87fXS1vg==","signatures":[{"sig":"MEUCIQD6hxGTA/6SX0BXdwzf/KI6mapeEe4fptZqIp73+TQb8wIgeyR+G9qM2lxT6QnxmnvT3vU8cU5xEeO+B4C8Uzu8dF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxWg1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYow/8CcLFyZXWyc+gtXBKr7JT02bAHbNUJHhn4X/b08d+s/T6Wpy3\r\ncmZskt122wvi3GIWxUv3xyib8ewQjdrLakkERtRnW9Dd/Td3l9iUsir34tYY\r\nxFwXiZmMmQ1Ew35bQrpNwsbNJC4kA5ZWoi3ulsiGK6N2rCDfHKvTIspldX9E\r\nicSgYO6P+L2QV/Uapx4Pc6FR1zxkfMd5TVlvFrttEpkP0BfbC65vX9oZmkqO\r\niOpUg72DUKieHFGhPJS8qE1GabU7dPHRk6KvfS33gUArLHktB2U8gaSFa1ok\r\nAU0z5ZyNyQKKcz8rrEpGZp9H9+hbBBqmJSc78wazxavY0TwtV5FY0PvMVZ36\r\nocWlAs5YmPmTmQUSus06Z4+ckl5t3CpG3mOdoQPlg/oVjAD678h/ex7eb+cD\r\nAjJH6tBodifik+qZ3OMe7jzFMCanCY4eD9YtMpXK4dzV9fyjcPoXSqnmpD6x\r\nT9e1SkaNBN8hNAbXHvV0Lr2dJ92BveEPiyC0lD5W+iTPkXIxy992AOQorUIi\r\nvRASNJQZ2OZ9gxQXZHNFifAD6STVs9NuvzWQgMBT6l/cpjQMu2xcALQZ+nLp\r\nZ1EkdYVDWv0saxJFUTUVPnZbCAjskUtXSKjg8x7dBZP7/Xr4dWz85COAhHQ/\r\nKBo+YwXS9or7D7kcrHeONNXJwC/MXm3rZI4=\r\n=4yRf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-2.0.17.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b17cca4d48cca41dbfbcb31b8f077dbf/chakra-ui-tag-2.0.17.tgz","_integrity":"sha512-A47zE9Ft9qxOJ+5r1cUseKRCoEdqCRzFm0pOtZgRcckqavglk75Xjgz8HbBpUO2zqqd49MlqdOwR8o87fXS1vg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.1.1","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.4","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.17_1673881652998_0.9469805449192004","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320183136":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230320183136","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"1ee02d1deb874cfef28d3c293a2b8a7756cda2c5","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230320183136.tgz","fileCount":10,"integrity":"sha512-U9pnwr4m+rw0tbDOWUOBoclo8fq7RToygBC8GJ7z7JXVNJHqeSxuGZYTdWXQtOl10kzsuiL+uX4EhG/NhhtZ0w==","signatures":[{"sig":"MEYCIQDUmdy2GA+z4ZOfrcFZK1m5nukfL3Q7xtkLT0KjgwUvpgIhANWuWbLOAqUanit2+xKysaXIfj09eCpvZbYgmE2rJ53q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKbSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+QQ/9FRU5apTIkPjz5UrbpljxlztlEeXuv7XGmrWoC1gyvOVrXPTX\r\nkcN8HK83kPwxzu8TDMpJvfw9CgfRGzg8TVRf3cURQdeTe5+JIV/mOH7w9K89\r\nAoXty9Rf2Dk+07GS2y+KwENgxfRbchuNUdc606LBNhd26M3+DFIbDl6N/6NY\r\nGZsz2Y/+TReems7rBEYrU9bc1rlFv+W63oW9OSYyy7mys29aLPY1XCS0vAuc\r\n7hsKq5uAUz2CRMa/1+LiLdnxWzjo/W1eqeaAiyn1M3oaZFqIID0894x2k2pc\r\n4rBRckT0epR0AKutcnRlnPaiRf6cHLlLHYApG/DU/bxCDNsH8RN5x3lWBBe6\r\nFh1a+elejy0ZmxQ6fTilY7+6bhuCBpkWcW5Id6+cZxmmGwVlfnc8+jE3F13v\r\nnYaPOHDS1oLMsX3Nw2y0Zwh967l3UnvFGndXFw9vB5Nn2k8QzQu6Rgy27Vv2\r\n5FqFPRVTW/YsaI0flH42EkhUZS6Tg/87Hgr4nYh2kGRzNapzDEa2f1oRx6VY\r\nL7l0U12gKg4uhmb9ailkZ2GiX27Q4qfLxO0rC+PF6s2Ty1Wo9w+itjy7MrOX\r\n4ZFhvsrRQPnbe+jk0/p2Zw5rPEKAqDVtUFkiHc3Vx5oG8Wb747CUmZrk+0Qe\r\nX10AEeNYJP0gxRFt6aycCrhU1i1XVwLLwrY=\r\n=MJCv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230320183136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/a21b4685adbcee2755eadfaf18bcdbb2/chakra-ui-tag-0.0.0-dev-20230320183136.tgz","_integrity":"sha512-U9pnwr4m+rw0tbDOWUOBoclo8fq7RToygBC8GJ7z7JXVNJHqeSxuGZYTdWXQtOl10kzsuiL+uX4EhG/NhhtZ0w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"0.0.0-dev-20230320183136"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"0.0.0-dev-20230320183136","@chakra-ui/system":"0.0.0-dev-20230320183136"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320183136"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230320183136_1679337169788_0.3626716625088835","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320184810":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230320184810","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"acb9dd16de1a612f9994aec0cae06dccf88c7207","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230320184810.tgz","fileCount":10,"integrity":"sha512-zAtdSkTLzXPmxQP+chj9Fq5HskaBEK/OR87DDrwnjfmhz/6dI95iYTkY6z6C/thaGuLFgxy3cMvh+x4225EmuQ==","signatures":[{"sig":"MEYCIQDFbfVvqZtWymP1XCbPHVF0aFUVhjBHnB2EsZUhuCefCgIhAJWsHrLJ8mC/mtI3wwqJryINyzMOYXSc0ehkKG+kcpRP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17527,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKqqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFXBAAkFGoyO3YAX7+GgZEHsk8NTR0ltHYa29KWJRrGdryu4qXLuJo\r\n441ksLNt6yt0gQ41a/z3daugkiTgGa4jRjnoqajxEBHPrR1xAFkjGsEGoK9Q\r\ne5eypO2+2kUhh1e+ks7qvgDjh/352Aj//sw9XsduNlXcMAwybwDO8vgSAPyJ\r\nCYhgtr54Cpod0ujz4JEfo26kcmwWLbMAUc131G8tkqaxlPa40EHzZNz9HquZ\r\nTHHK7ry7UnR9uNRnueCAMWcNF3udMWINdAsyjff9sturJ4xSB58+DMVQJggw\r\n8TDwUeG6wUaFNfC0iPAQiMNNfdu+oN/DW+IkoMQUo5H3tJtvD+M7ku+zQeXV\r\nDFOifaLj4TbyJ3nxY2a/IhZoGdjf6erBp1naHbTZAgEJlrIwbi2IekTFKBdI\r\nPwuaXI4iiqUE7sthWfNbWGebB0jUBOof+oRVT/FZe+HXi+4KxsaAbbrIGMxh\r\nj/MZngbHd3jGvSXKi1yF7N4LZ3Fq5dNSwLE549jhlO/5SRwGmM7pOid697aj\r\nUlXP36+MskEBklJitqjGKT3yLBU1UYhk1OEMwU+Q+IYrmZsATpSqfVbBXii5\r\nrYkX3BLbRUiX9lDlSopBB24LX3l7cAzNOJLcYIOrxJV+endc/bEd1M2d5CMJ\r\nKmsd84TQoXLJ151TZV6hzs7qSoDNVH3EaIQ=\r\n=7wGI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230320184810.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/fb4683e141570d9f38fe153f98761156/chakra-ui-tag-0.0.0-dev-20230320184810.tgz","_integrity":"sha512-zAtdSkTLzXPmxQP+chj9Fq5HskaBEK/OR87DDrwnjfmhz/6dI95iYTkY6z6C/thaGuLFgxy3cMvh+x4225EmuQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"0.0.0-dev-20230320184810"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"0.0.0-dev-20230320184810","@chakra-ui/system":"0.0.0-dev-20230320184810"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320184810"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230320184810_1679338154227_0.4433364020414112","host":"s3://npm-registry-packages"}},"2.0.18":{"name":"@chakra-ui/tag","version":"2.0.18","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@2.0.18","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"26d3de2a318bd21927add9877070ca2eca8f3552","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-2.0.18.tgz","fileCount":10,"integrity":"sha512-7BKxsQhITx4TXWkf0BGovW5vzxwYSAm5HsenksDuwNfioJwRPhfmN6Vs5KxYQezoyJLdU/wD0DIYNpMsOPfz3w==","signatures":[{"sig":"MEQCIBu8O8wbbJfOEGEOoxZMBnZscIryYHUEkNH+1IpzNXaPAiBQy0Y+yto2hk720RFpg7kuC0Einu9zAAxdLpybQuoyEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHCc5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHVA//aAoSwgxpj84Swea6PsOij0LIGPkRNbF/hzM2JVekXJ4q3+f9\r\nv4F4hqci2T2dXWozzavkhV5aezutrszq00vfe1/ZFHDKepd+BZw8e73xF+WD\r\nFByecSYjuG1fm9wosI+2UWp7NSKJuVVirG4zEPe92qztJ3PwIna82T1/BntA\r\nZqoMfbesv9RoMkCa1DOBTnkF4dk9SDUbYWJNip3MDz54o593WUAqRZfYk3kR\r\n6G8BC00YiGm3+Y/RGy2AgDxlsyegjPaYTqFetKPb2UEBpeL4spWlEemse6Xn\r\njGg+f1rG/7mdZFnN789FZ619+0jiQLLXVt23JrR6JBLNOnfn1XwH7wptnkZG\r\nFsQq4c9SXCA2ZwhOKHV0tbH67AG7RH4L9l71Gf4rDi+1lFDddRnwpYD7t9Bv\r\no2FFkanMr2nMAIFPzUHdb7dYqvH0tsYA6tWFBiRfWQBD3/xouVy/jPkYjrMR\r\ntLp9fcX3eoqzy22TbAslRA68YtbGR84C+Ilo0zQvjR4VHkpHHKJJdd6aw5K8\r\nMn2seaCtJsCAnUWvZiHmZM7FUcAuN0MuMY8hC9YoprDkf3wAaQvtlIWS3cD7\r\npYjMVEe+8V05gH9VXWMmwTCFtDoX00CZrRTELIc6iEWfvZnnt8w99aoGqUA2\r\n9oZykcnJF31bp8Fp8NB8UECpH0BOjFbRADA=\r\n=nwrk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-2.0.18.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d74dc4e0cbd02ce2d55bbd06a984ddc0/chakra-ui-tag-2.0.18.tgz","_integrity":"sha512-7BKxsQhITx4TXWkf0BGovW5vzxwYSAm5HsenksDuwNfioJwRPhfmN6Vs5KxYQezoyJLdU/wD0DIYNpMsOPfz3w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.7","@chakra-ui/system":"2.5.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_2.0.18_1679566648997_0.9729629559432331","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230323203724":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230323203724","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20230323203724","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2396ebb91d6d5254f5339d5e9e86a47fba8c22cf","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230323203724.tgz","fileCount":10,"integrity":"sha512-OSs7R5BSEZF5EInS3kt++BE5xGUKODn7pM+ROB/G5paDRuJSW/M6vyhLWO25+3IOhXhvOb8IK052oGUPiCQXUw==","signatures":[{"sig":"MEYCIQDTtLTmjZ/LhE4iRqurceMG8xasokqcV0cHJEndSuW16gIhAPp2bYPmsTqFLNPvfEdoSJlHoy123ricEMaJRwXLqNNb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHLitACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1kxAAj9GvQKW4LnceVM0dq3OkE06Qb0UOEuspYZi5UN+eqYHh1opT\r\nNaGXP6zY6iWYM4pFP6cBbcr2y+GFaAOhnPv/VtUG8BYHarFxdGcS9hFzN80R\r\nVKvh2Wq5xcKwwZVFNugYTbCehJZIDmraGZ/FTatuloSdR8xtmpjddJPzMWK9\r\nbFjaP5lhQ79N90+nviXonBLWaScBE7uXQOXNmqAir1UJJLmg8aHrXkBC3EGj\r\nx+KBb1VSLSCFobN5OvxMcShs+w3GabXpo261H83xDOq58l+DQXUfuShyq53N\r\noMAZufJYDelKI3GfqMdqPiu7gsZzH0S734QyiVhA062EamIF8TJCaSZ3j5t4\r\no2oGEEo4kdb80/O8Ji9CZbFdPsKpxzwWxciXClAXwLUx+VGdEG5hC3K2djOQ\r\n7APCR3kl3wLTUbIyfSvX4XYGwzZv+VUZXx92bU7Omd9fzXxGLz/2xAlmZE7y\r\nCTdtR0iy4sf7YakrPAjpBeV3Hs/hO0aMFmUsq16TTc4GDcSevEvmqQf1w20t\r\ntgU+KEJ3w6794iEccRVn4sN2ojJkAWOe6lmlVWByXyxnHgh+lqfgCUascQfW\r\nNwoNqy0J/kBOXz592xsd4e9d7v3qUIoxf3IMX4BrrGewNMrvH+KnJ+5bxUnd\r\nwhmzd4Hbl3680j/5JaWGZF5IXj0sNvApUVI=\r\n=uj7/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230323203724.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/63e14798df31f521a174d41979919189/chakra-ui-tag-0.0.0-dev-20230323203724.tgz","_integrity":"sha512-OSs7R5BSEZF5EInS3kt++BE5xGUKODn7pM+ROB/G5paDRuJSW/M6vyhLWO25+3IOhXhvOb8IK052oGUPiCQXUw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.7","@chakra-ui/system":"0.0.0-dev-20230323203724"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230323203724"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230323203724_1679603885384_0.006335419825318045","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230323205240":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230323205240","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20230323205240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"bdbb709435f2d7fd967536cee5cdf24f038de585","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230323205240.tgz","fileCount":10,"integrity":"sha512-OfGiG279vqXKO3L7Nb6eaMhfDW3w5Rthx0ZCRIcWZ4z4yRD6kR3e9oQv5S02cZkdhi8URKxCi9TZ7M9ZxRE4uA==","signatures":[{"sig":"MEYCIQCwmaI0p5UyLiUztv1Iz4DvEVqW8sKFOUObKxk/FYHiNwIhAJsIhXDiIzhTEud3v0sKzRKOicp9IqJVlHmhYsKX2aXJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHLw/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIHA//RqzhqieiyLwZweZ5UYgLtkJ/MSZ9XISybJmgPK9mLKNWupcj\r\nhdbyad0bWus81bKDfVg0ivlVyJ+GILkeoP5EafdZB1YGDMdA7g35BAkxa7WM\r\ngFUg2BImpphQNq7Jp9FiqSqLa5/XW5ucTmcU6bRy5XQkABOU4wucweb+JsCU\r\nx7xNZg/1kf/PRaYNZqvgC98gqXGNXGgMeKtXGM6+OjXPqvezP0XK/uYN5TVh\r\nZOZ+9+sofL+o6QR4+4aDuig/IaGiJE7SZ1ZriE67eUEfcaUQDFG68xbwZosS\r\nFwzW6w0eDYMGlF+0YOcUcpEh5LrRUHNSA7NKme2c6MQ5DViOBfpr2LNR6JGv\r\nKVme54ICWj7Xcnftlu1uHPxxDdJ3Jn8Uo8TU3gr4RNb285aCnrZ1wWaAXpZL\r\nFCAU/9/BpqNfVo9pLqNq/qL10+6MxptVQq9ssKz+WRB5MqT55lDzzsUQF+ml\r\nvYENJPrtrzbMgr8W7AbtZQUhsJKSwgpXVQ56cOAXrVk9T6Mjwo/FYB1GlCFE\r\nSor5Q11BTJxKiQk2xt9PQioVNjrXaGn8PC49MyeCijDZQ0/bS/NIp/LIRGRF\r\nW53YtWLWfV95dkfxmP8DAwkbHbNwyN4SG8pBhnYChRBExj8nSe7vd7+3wbRl\r\ndVyCtIXaGduRGAa93ALQHGZSYyNO8xjtD3U=\r\n=/deb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230323205240.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2526d52ff92d6785e6dea9c09cc5db9e/chakra-ui-tag-0.0.0-dev-20230323205240.tgz","_integrity":"sha512-OfGiG279vqXKO3L7Nb6eaMhfDW3w5Rthx0ZCRIcWZ4z4yRD6kR3e9oQv5S02cZkdhi8URKxCi9TZ7M9ZxRE4uA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.7","@chakra-ui/system":"0.0.0-dev-20230323205240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230323205240"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230323205240_1679604799266_0.16981471396402936","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230323211647":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230323211647","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20230323211647","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e8d06fa5518ffdb06eb705ebf1520bff1194b133","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230323211647.tgz","fileCount":10,"integrity":"sha512-FB6AWNDsSN0dSHXVqSJv6eBSV7YmZmwmKZf961zP9es2lt5yMbSCw0Ut7uC7th0FXUsNHd23gR1It6dwNSrtnw==","signatures":[{"sig":"MEUCIQCl0wwUoewxWFNF0JW7rDJrGpyRnE9F1ag0bRjbLGlDNAIga+ijKKQesDmCN9ntxVatIzvbsU7HMUwGFcGx5uuav0U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHMHwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUFg//S4aejlsvGMgxxGDyxSXYRFv79Ow0aL2B2LWM7wysfX/3wEL2\r\nJjyJTPDyq+PNZe7N1WZ3w43G6ejFqoxDXeIiRYeg0iGoIv77sIX/AcapE8It\r\n+z3fzbUI5Hn5LBI4hl+Dqr/L8+k2EeXx2gc0tE0QNdvzu08eGLjvlwD/X/gT\r\np+Q9bhgw8JvdjlQYpmpfVN35V4fK+/ltQCX1dsBKS0M49uBaCoXo1+WTv2Ul\r\nU74GE6lujklYKJ7wr2Z52amXVpgdCq3vwD5vIBQPWTJF73y42gFvx+y20MJ9\r\npSprAbLRiDZN1BAspgGF0X+AEK8P5bR1dXIa+b/37YOjuFAS9mmNjiNCj3ST\r\nMgvKW295Ekm2sTS6/K3qsfGdDqKR8EHpc+3tGrWHDB/W1eQiqfLevQrkb5j0\r\niL5AGn/dXHY7sA0P2FN4MJfincNXOqJJzDfNq6+M8+wtq7evbhAZxhyvk5zX\r\nEWkXS/F6B7vd8IH5qPGtxdBqOyGJ0x0otsEL9RTcolW6Xhv6eeJHHLGbdHr1\r\nU5BPx5VJ8bimSeTK7dgFKEEQGgKQ3nM1P9bam95pKkYaucsG1mEhQBDEhm1e\r\nKWbwM/WaYwvGt5jYuSEz0wyRP2TpkF7bqG+hLr7UIOHAV8+wzSnXUzvPQbut\r\nqurllPKVxDfzphgbfMow6TDhuVR97bKSaLI=\r\n=AF8R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230323211647.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/8ebf979956940b7306a6fdef24fd3e91/chakra-ui-tag-0.0.0-dev-20230323211647.tgz","_integrity":"sha512-FB6AWNDsSN0dSHXVqSJv6eBSV7YmZmwmKZf961zP9es2lt5yMbSCw0Ut7uC7th0FXUsNHd23gR1It6dwNSrtnw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.7","@chakra-ui/system":"0.0.0-dev-20230323211647"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230323211647"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230323211647_1679606256174_0.09601315905505792","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230326141955":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230326141955","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@0.0.0-dev-20230326141955","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"89c39a45505c2066ec58f495669b2b0a48070ca6","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230326141955.tgz","fileCount":10,"integrity":"sha512-Hd/gYArdoI7Muu2xnjF6K/YhCehSGSx+j7PASiEZqbx8ppqTyyBylaic8CfT9dbVywapV4rRQyA+GIqBzbIbTQ==","signatures":[{"sig":"MEUCIDx5nlQ3J4vSTHPd+GqhXNw030rVKeBtS/iA8L4qKu9ZAiEAyzFtam/ECnPe+/qLsw9WoKHqkWgiY/rOGg0nLOpF7es=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIFSyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvWg/+L8tXyaEVkgVdtrFC/uIQf6b4C7U4CheMAFle7/Ep06GpM2S9\r\nxFpOCKya/HaG0asNuB+Nj6udm3SZFsGOoEP7XkiKNfdhEHGEejbYMKCFLMCT\r\nUUSxC6f+veTEOFgnQgF63x2w3Bx8gg/1/HnlJNim7JCq5xVcJ7QzYaJgm+QB\r\n+HlUdi+L+9HNwkZ+fUbVqNDNn6E/wRcKe3h2sCT81WsO/68mcUDyGUAqZOUm\r\nb6JLAht7eB4dY1jAyTFrbYNK7QSczP6kdGD6SBwdOFgAj5P25FkiwwJjRtRc\r\ndoVpqVMFn3Uhab29GozL5gwKFRmfD0xj1KrOv0UoFqPUWqz61JHxp/RGIGCV\r\nPGTSYRVl3dnoNRtTjDYUBGuncE1U01FgeJJOGgG5i0gk5nDIMPSGQ0iwokAD\r\nGQeOXl5PLINqbbI/Rbmij6wL/RgLqFpgIvH7M6pFHPoi0NBlNP+qm5LpqfpY\r\nP0B6pe5vnoUZO418y53Y6mjgaL99TMKjD1zC62U4V/zFHjhpWdTXLJLZIcKY\r\n8XhbWTLJjA9+qXbNVhlUzZ4lzB5uTeglm4Nl0E5itp/pYBnPLvxkfrr6MOVV\r\ndLSh9Kt+CmHkmTroWA9wnuJs4a9wRaci4eFmKheqpwPfUGPoVBn8Q4dL7PKo\r\n1wYYwZ+mE+18t2XJnFVjb0YjX+zsvLDMx2A=\r\n=TQ52\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-0.0.0-dev-20230326141955.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/6af1401216fc729729ef260f1042c443/chakra-ui-tag-0.0.0-dev-20230326141955.tgz","_integrity":"sha512-Hd/gYArdoI7Muu2xnjF6K/YhCehSGSx+j7PASiEZqbx8ppqTyyBylaic8CfT9dbVywapV4rRQyA+GIqBzbIbTQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.7","@chakra-ui/system":"0.0.0-dev-20230326141955"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230326141955"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230326141955_1679840434755_0.33782073664023327","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@chakra-ui/tag","version":"3.0.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@3.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":"d86cdab59bb3ff7fc628c2dbe7a5ff1b36bd3e96","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-3.0.0.tgz","fileCount":10,"integrity":"sha512-YWdMmw/1OWRwNkG9pX+wVtZio+B89odaPj6XeMn5nfNN8+jyhIEpouWv34+CO9G0m1lupJTxPSfgLAd7cqXZMA==","signatures":[{"sig":"MEUCIFCkMIWj6BK771MJ/oeVd0pUHoaEteL3u9m/+C3rYmUvAiEApKNV5ccK6hOniK8hmmMPbnvLfjTXXDg+jk7f7MG/g0c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17434,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIXf0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1bhAAlQ/VFuVw1ozGb83veX4zoDuANEscs4IcCyyr60MlOO4TylbL\r\neerkjxirLoEovZtiegzkTrLpmFWL8uh4C5t5Sbas1YqX/4QuxhWt9buddQGd\r\namkUigGsZHrNFjt94Y8L32X9hgSwUrAh1KeB8JGvlL1TWY+i165LjUHEFV5b\r\nSk67PmzgUxvW8Tw1jmVLBA/6oYp1DsXQ5F8CurrUzND1Euv7Kzi+XP+vIERM\r\ns0BHmGY03AcBPpRt1S6qbXqPoPU2NYHSthjDHtYB4x6c7UZVycT4RSR5dfuU\r\nyDxVtdZ/IgxArOlfBTlJ2kz8WVXdTUfXaNFsBcWY/IAuN0pJUHlDdftuQk9f\r\nhzVSPtS9RVpEaUAL+I90hJo6Q9Ncp6CfG4XYMFNsZzmwUiwMdhJEA6u0S29V\r\nL/grAwULpLIaVu5ObfMqN3zNZce3k+HVoePUiia5Y4NTRIbt+Uo+BX+v/UxD\r\n7jVVr/r1boN2Q5Z4p/NeiEsusYxcJNT8eGQ+tGI3Ay6AGJDSi1fT2SKBW2Td\r\n7W4EzT0cNSInMnoXC/MhwtDd6DBCUF4nOYaxbLNDQW8qbxjqQCV/pOy6N7N3\r\noNfM8SM+TmLse3WLeDiRyzgbYoOcp2hMPzTlU+2xKhmR0L4czbSrBhKWHk9y\r\nAezCLxWA9vsUeqC5lZNeIpSeCbXeUIvu66E=\r\n=RF9q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-tag-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/1a3a56a81dba8882f4972f98e5cd93ed/chakra-ui-tag-3.0.0.tgz","_integrity":"sha512-YWdMmw/1OWRwNkG9pX+wVtZio+B89odaPj6XeMn5nfNN8+jyhIEpouWv34+CO9G0m1lupJTxPSfgLAd7cqXZMA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"8.19.3","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/icon":"3.0.16","@chakra-ui/react-context":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.0.17","@chakra-ui/avatar":"2.2.7","@chakra-ui/system":"2.5.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_3.0.0_1679914996279_0.7302739464298365","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230718122336","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"7c2199831849bef70e301e7e848e7455ca2e3dcf","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230718122336.tgz","fileCount":15,"integrity":"sha512-UFdKNAv4l+0Re36WNv1p93q3RXGlT1a02F6NuodDOgZ/+nOU15kZ5oWdZV/Mzo2khtei3OjYzEZ1kfBFRWo9GQ==","signatures":[{"sig":"MEYCIQDOqf+vkw81O4Zd4iDAR0adYaY3Iw+SwHFg+QEIs5lqbAIhAM1Lh4Oik9rbprKHnimd8+hhC0mEKf7fhHz/hFdf0vH8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33075},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/f3c5ae7f4e676311f9b7c911db642f0e/chakra-ui-tag-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-UFdKNAv4l+0Re36WNv1p93q3RXGlT1a02F6NuodDOgZ/+nOU15kZ5oWdZV/Mzo2khtei3OjYzEZ1kfBFRWo9GQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.5.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718122336","@chakra-ui/react-context":"0.0.0-dev-20230718122336"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718122336","@chakra-ui/avatar":"0.0.0-dev-20230718122336","@chakra-ui/system":"0.0.0-dev-20230718122336"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718122336"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230718122336_1689683155177_0.022034413224230054","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230718124717","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"88444beb49e350525c0f801d165ff76a2e579f15","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230718124717.tgz","fileCount":15,"integrity":"sha512-ExjuOe7iNbQpNr28tc3sXi6iav8MJHdBc5EGUMa53ktlLo4n6RiEbM/NMPngJ4PY097fOoG/5dNpGs4ApO3EGA==","signatures":[{"sig":"MEUCIA9J+7kf3iS4cpw7jdFxtwMJw17A+nVCOpSAVvkwXqOCAiEAnoJ+sgwYYufqoraj1goly4IJstyvUgpfr6Qj/Z/StP8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33075},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/2577ec43d58a429202d9aac8479e3561/chakra-ui-tag-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-ExjuOe7iNbQpNr28tc3sXi6iav8MJHdBc5EGUMa53ktlLo4n6RiEbM/NMPngJ4PY097fOoG/5dNpGs4ApO3EGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.5.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718124717","@chakra-ui/react-context":"0.0.0-dev-20230718124717"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718124717","@chakra-ui/avatar":"0.0.0-dev-20230718124717","@chakra-ui/system":"0.0.0-dev-20230718124717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718124717"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230718124717_1689684560229_0.8020392139173864","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230718130742","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"9a7ee6ad163d27de33e3e3646cb8d2ebb2659e93","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230718130742.tgz","fileCount":15,"integrity":"sha512-qR4a3kqeQBft1d7ZMATHepeTV3D8FYFDxT8OjFhWVk675DKglCD4QTvHmYo4cq0ZJd5yutBGWwdsTGlyczA21w==","signatures":[{"sig":"MEQCIA8IFw1D1oDlZRWF+lWlXxClkP2xF/kB2P2orT/jVmorAiBp+lBLo1BYIBHje0x8AailuNR5rQYjwmGdqHAaOLhOzg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33075},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/16b1faffd227c068bd0f3eb700134620/chakra-ui-tag-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-qR4a3kqeQBft1d7ZMATHepeTV3D8FYFDxT8OjFhWVk675DKglCD4QTvHmYo4cq0ZJd5yutBGWwdsTGlyczA21w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.5.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718130742","@chakra-ui/react-context":"0.0.0-dev-20230718130742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718130742","@chakra-ui/avatar":"0.0.0-dev-20230718130742","@chakra-ui/system":"0.0.0-dev-20230718130742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718130742"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230718130742_1689685766062_0.9402925619945377","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230718132637","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"e06a0f513c56f1349e4159b1f6b1e0038bef0463","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230718132637.tgz","fileCount":15,"integrity":"sha512-6MMNKuJzTRsHeWh+RlMC3p7BkCkglxpoYmdApLlLKvP6FaarKyugTjdmKzcOei9pihY09Uxa9DwmHZzJUGyp3A==","signatures":[{"sig":"MEQCIHcxVNSw0llysOI7gqeZjC+fxOxhVHP9kqE41andv8z8AiA5U2piHmKK0BY/R2iesNcl23m7ku/kmUB1FGI0IJe5zw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33075},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/60d29af968623c3ad67fcb0e870bcddf/chakra-ui-tag-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-6MMNKuJzTRsHeWh+RlMC3p7BkCkglxpoYmdApLlLKvP6FaarKyugTjdmKzcOei9pihY09Uxa9DwmHZzJUGyp3A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.5.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230718132637","@chakra-ui/react-context":"0.0.0-dev-20230718132637"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718132637","@chakra-ui/avatar":"0.0.0-dev-20230718132637","@chakra-ui/system":"0.0.0-dev-20230718132637"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718132637"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230718132637_1689686908546_0.41041658550773974","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@chakra-ui/tag","version":"3.1.0","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@3.1.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b2c06254e1d5aaaf77ff41e5d2e6548b404cabd7","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-3.1.0.tgz","fileCount":15,"integrity":"sha512-Mn2u828z5HvqEBEG+tUJWe3al5tzN87bK2U0QfThx3+zqWbBCWBSCVfnWRtkNh80m+5a1TekexDAPZqu5G8zdw==","signatures":[{"sig":"MEQCIGE2tbp88UaGOS2KQ+F7VsYC5tQzNBhPaPWMnEQJAJ21AiB0jXRRX8n8s5o5xx/SMVljb1KGpLVfGi/SPSAJCdSNxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32944},"main":"dist/index.js","_from":"file:chakra-ui-tag-3.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/93a7910aee7aadd43647cbe7ba94f6ee/chakra-ui-tag-3.1.0.tgz","_integrity":"sha512-Mn2u828z5HvqEBEG+tUJWe3al5tzN87bK2U0QfThx3+zqWbBCWBSCVfnWRtkNh80m+5a1TekexDAPZqu5G8zdw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.5.1","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/icon":"3.1.0","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","react-icons":"^4.2.0","clean-package":"2.2.0","@chakra-ui/icons":"2.1.0","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"2.6.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_3.1.0_1689721280243_0.2031381105108485","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822131635":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230822131635","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"bee01e4f941780787150901a487b6dcbb6e8869c","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230822131635.tgz","fileCount":17,"integrity":"sha512-WfPFbKXeVnSwGtpLwP/+/pjLZUboYSa/u7DRuNYJl8GecHX4g7xUmGSOF+c/X65ivyFTEGwhhBZNsznlVUDong==","signatures":[{"sig":"MEUCID1Y7bE9JDJXbbBx26As1nRN9Xrlx0i0/XpKC40qIiiuAiEAtKgGnhnMBJxihDR8eqPdM7u2V5DcTt519GZqc58bJRw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34608},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230822131635.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/facc16cfb5dcff9c8b6e00ba4e043540/chakra-ui-tag-0.0.0-dev-20230822131635.tgz","_integrity":"sha512-WfPFbKXeVnSwGtpLwP/+/pjLZUboYSa/u7DRuNYJl8GecHX4g7xUmGSOF+c/X65ivyFTEGwhhBZNsznlVUDong==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.6.7","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230822131635","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230822131635","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230822131635"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230822131635"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230822131635_1692710295585_0.6132685159756126","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822134434":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230822134434","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b7555ed7b3e0862b9d0ba5c0104ac90f06385554","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230822134434.tgz","fileCount":17,"integrity":"sha512-e3iG9xVyn4OGL9Y6MBTq/1sB5eJPwL1lbN2KPNnCDGeecHWTKM17EHRSMrs7y/dFIrJfrfJw12/7oJt3a3U8MQ==","signatures":[{"sig":"MEUCIHKIckWqoqsT7A+tD+OjKA9upkYlprNwTs6LEaAuI9CBAiEAuP0uz5j9Ry3j84Fizr/LPyFLdr7GK2FyA/i6X/j/OtI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34608},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230822134434.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/f13a829f75a455a03c469b875cc9b272/chakra-ui-tag-0.0.0-dev-20230822134434.tgz","_integrity":"sha512-e3iG9xVyn4OGL9Y6MBTq/1sB5eJPwL1lbN2KPNnCDGeecHWTKM17EHRSMrs7y/dFIrJfrfJw12/7oJt3a3U8MQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.6.7","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230822134434","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230822134434","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230822134434"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230822134434"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230822134434_1692711956484_0.5776990775526396","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830093747":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230830093747","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"efa59c3660dc58863bc95d276374ac4a4be782b4","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230830093747.tgz","fileCount":17,"integrity":"sha512-a2JMl17HDM5//O09hrCcTmwXrAcoK/5b2IUKxI/x4qmxRtUQDPpC/JfMQ+SC2SjzqO958vwqZPsfw63MyJ9kYQ==","signatures":[{"sig":"MEUCIHCKSd0fx8SUFfAXs7tuX7VyJH0ww+Neg4YWU7ZnwiTBAiEA39WHbStAD0b3eYrNCAgN41FTAxki45G0IZV94XYWtPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34608},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230830093747.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/6e11ff103ef72f8eaba1e5df1dbd4ad0/chakra-ui-tag-0.0.0-dev-20230830093747.tgz","_integrity":"sha512-a2JMl17HDM5//O09hrCcTmwXrAcoK/5b2IUKxI/x4qmxRtUQDPpC/JfMQ+SC2SjzqO958vwqZPsfw63MyJ9kYQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.6.7","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230830093747","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230830093747","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230830093747"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830093747"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230830093747_1693388349645_0.26831607103840205","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830120642":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230830120642","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"b95773668156a0f2d5daae7f57fd6ac0ef2dc526","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230830120642.tgz","fileCount":17,"integrity":"sha512-Epqr1POycuafdyfSSSvGtnfvJtDfUyrhaFLy/lSQFMU75YtSeEtUByUjYGHB0dWznxLb5n+AghaM4MxqdH7K/Q==","signatures":[{"sig":"MEYCIQC/AFmBz+LANxrhRBUY9dEsSglaBjcB2PHwboOljJ6VrwIhALvitiPeVHregKl8BZI4XnSbBToCNFMYPVuiV6TV3K5+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34608},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230830120642.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/9319a9d11296016dac746fc2989260db/chakra-ui-tag-0.0.0-dev-20230830120642.tgz","_integrity":"sha512-Epqr1POycuafdyfSSSvGtnfvJtDfUyrhaFLy/lSQFMU75YtSeEtUByUjYGHB0dWznxLb5n+AghaM4MxqdH7K/Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.6.7","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230830120642","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230830120642","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230830120642"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830120642"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230830120642_1693397279034_0.21364977176374245","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830133821":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230830133821","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"329ec6cd746af9c4d607c730b3e9982e5334b702","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230830133821.tgz","fileCount":17,"integrity":"sha512-L63mejk+HnfAzG1hx8UA08yaF4zXUfAWvgugVZrYAr+CZM1FYCp5f0LxfCniLRtDri5ELk47F80hwsMhTQw+MQ==","signatures":[{"sig":"MEUCIQDS1OkwWMruM0SDVdjhfCgiiAZhPYI0oGPbyjsFKr/e5gIga4JnjBNAgF8bxHl9Bnm/ej8cePV9jdZFL5cRq8Oun80=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34608},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230830133821.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/f2e7f6ec59840437588638aea1fbf61c/chakra-ui-tag-0.0.0-dev-20230830133821.tgz","_integrity":"sha512-L63mejk+HnfAzG1hx8UA08yaF4zXUfAWvgugVZrYAr+CZM1FYCp5f0LxfCniLRtDri5ELk47F80hwsMhTQw+MQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.6.7","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230830133821","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230830133821","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230830133821"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830133821"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230830133821_1693402776981_0.39079534407648087","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230908144305":{"name":"@chakra-ui/tag","version":"0.0.0-dev-20230908144305","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@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":"917e829b6bba66c4ad103b42a54a598c2e63ca4b","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-0.0.0-dev-20230908144305.tgz","fileCount":17,"integrity":"sha512-tCuOcrVTU6QFNfY1clAmVCyoEgy/scqf+F708OUQJ/IpETv8rdbFyFEdvug2mMmuvIOvu/RagnbXdQh8ZH8OpA==","signatures":[{"sig":"MEQCIDbWWMup5JrFZVGJ4WJdkFhhRGgJFdxba5mzvURfG34gAiAiA6DbdvpoPHIAp6cmKJiRvehPqyPbIMh+ukzB7OGQcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34608},"main":"dist/index.js","_from":"file:chakra-ui-tag-0.0.0-dev-20230908144305.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\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/3af5018b21a33ad62df5755ed1576deb/chakra-ui-tag-0.0.0-dev-20230908144305.tgz","_integrity":"sha512-tCuOcrVTU6QFNfY1clAmVCyoEgy/scqf+F708OUQJ/IpETv8rdbFyFEdvug2mMmuvIOvu/RagnbXdQh8ZH8OpA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.6.7","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"0.0.0-dev-20230908144305","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230908144305","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"0.0.0-dev-20230908144305"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230908144305"},"_npmOperationalInternal":{"tmp":"tmp/tag_0.0.0-dev-20230908144305_1694184263690_0.3345949318657926","host":"s3://npm-registry-packages"}},"3.1.1":{"name":"@chakra-ui/tag","version":"3.1.1","keywords":["tag","tag group","react","component","removable tag","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/tag@3.1.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d05284b6549a84d3a08e57eec57df3ad0eebd882","tarball":"https://registry.npmjs.org/@chakra-ui/tag/-/tag-3.1.1.tgz","fileCount":17,"integrity":"sha512-Bdel79Dv86Hnge2PKOU+t8H28nm/7Y3cKd4Kfk9k3lOpUh4+nkSGe58dhRzht59lEqa4N9waCgQiBdkydjvBXQ==","signatures":[{"sig":"MEQCIFowO66XISe0+FQnEIcE+ko2Nndl2OaMmMrbJx/X2mn1AiApM2xaVIyS9BskboePohK+smKPRjHqHYHxQgaa48ETHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34515},"main":"dist/index.js","_from":"file:chakra-ui-tag-3.1.1.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3b98ee894b49f9904ac27bc3b44269ca/chakra-ui-tag-3.1.1.tgz","_integrity":"sha512-Bdel79Dv86Hnge2PKOU+t8H28nm/7Y3cKd4Kfk9k3lOpUh4+nkSGe58dhRzht59lEqa4N9waCgQiBdkydjvBXQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"_npmVersion":"9.6.7","description":"This component displays as a tag with an optional link and/or button to remove the given tag.","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/icon":"3.2.0","@chakra-ui/react-context":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-icons":"^4.10.1","clean-package":"2.2.0","@chakra-ui/icons":"2.1.1","@chakra-ui/avatar":"2.3.0","@chakra-ui/system":"2.6.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tag_3.1.1_1694214273910_0.655729861675793","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:04.288Z","modified":"2025-08-25T12:25:28.524Z","1.0.0-next.0":"2020-06-20T20:43:11.238Z","1.0.0-next.1":"2020-06-21T09:41:29.819Z","1.0.0-next.2":"2020-06-22T15:36:07.295Z","1.0.0-next.3":"2020-06-28T16:35:34.069Z","1.0.0-next.4":"2020-07-01T17:42:13.348Z","1.0.0-next.5":"2020-07-15T10:36:50.191Z","1.0.0-next.6":"2020-07-15T15:35:27.929Z","1.0.0-next.7":"2020-07-26T12:55:30.886Z","1.0.0-rc.0":"2020-07-26T15:57:55.475Z","1.0.0-rc.1":"2020-08-06T21:14:43.990Z","1.0.0-rc.2":"2020-08-09T11:32:26.712Z","1.0.0-rc.3":"2020-08-30T15:30:30.588Z","1.0.0-rc.4":"2020-09-25T14:09:00.066Z","1.0.0-rc.5":"2020-09-27T20:27:43.821Z","1.0.0-rc.6":"2020-10-25T15:43:08.259Z","1.0.0-rc.7":"2020-10-25T21:38:56.545Z","1.0.0-rc.8":"2020-10-29T20:24:42.913Z","1.0.0":"2020-11-13T10:20:58.303Z","1.0.1":"2020-11-20T19:50:20.820Z","1.0.2":"2020-12-17T21:39:50.392Z","1.0.3":"2021-01-03T13:10:44.748Z","1.0.4":"2021-01-11T17:02:20.694Z","1.1.0":"2021-01-30T21:52:39.353Z","1.1.1":"2021-02-06T11:41:04.507Z","1.1.2":"2021-03-05T20:00:39.768Z","1.1.3":"2021-03-21T06:35:14.100Z","1.1.4":"2021-03-30T12:25:46.264Z","1.1.5":"2021-04-07T15:07:28.560Z","1.1.6":"2021-04-13T22:12:06.530Z","1.1.7":"2021-04-19T18:37:32.343Z","1.1.8":"2021-04-23T18:03:48.096Z","1.1.9":"2021-05-05T11:12:46.725Z","1.1.10":"2021-06-18T17:37:57.473Z","1.1.11":"2021-07-08T15:05:38.596Z","1.1.12-next.0":"2021-08-05T21:11:27.746Z","1.1.12":"2021-08-09T10:27:22.996Z","1.1.13":"2021-10-14T23:33:45.920Z","1.1.14":"2021-11-03T20:33:05.788Z","1.2.0":"2021-11-11T16:56:57.145Z","1.2.1":"2021-11-12T19:51:42.791Z","0.0.0-canary-2021118154929":"2021-12-08T15:50:24.609Z","0.0.0-canary-2021118164051":"2021-12-08T16:41:46.076Z","0.0.0-pr-20211191288":"2021-12-09T12:08:50.489Z","1.2.2":"2021-12-09T13:30:14.882Z","0.0.0-pr-202111921327":"2021-12-09T21:04:07.320Z","0.0.0-pr-20211113195848":"2021-12-13T19:59:22.681Z","0.0.0-pr-2021111320052":"2021-12-13T20:01:24.792Z","0.0.0-pr-2021111320117":"2021-12-13T20:11:42.222Z","0.0.0-pr-20211113201444":"2021-12-13T20:15:19.330Z","0.0.0-pr-20211113202333":"2021-12-13T20:24:07.135Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:27.256Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:59.082Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:37.718Z","0.0.0-dev-20211115103321":"2021-12-15T10:34:05.763Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:50.702Z","0.0.0-dev-2021112024830":"2021-12-20T02:49:08.852Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:39.591Z","0.0.0-dev-2021112031622":"2021-12-20T03:17:06.816Z","0.0.0-pr-20211120212826":"2021-12-20T21:29:07.399Z","0.0.0-pr-20211120212927":"2021-12-20T21:30:06.402Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:54.068Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:57.819Z","0.0.0-dev-20211120215621":"2021-12-20T21:57:08.459Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:36.498Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:40.308Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:23.786Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:46.542Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:26.904Z","0.0.0-dev-20211126154241":"2021-12-26T15:43:35.929Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:34.110Z","0.0.0-pr-2021112616030":"2021-12-26T16:01:18.901Z","0.0.0-pr-2021112821613":"2021-12-28T21:07:00.858Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:24.508Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:35.555Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:58.610Z","0.0.0-pr-202111299618":"2021-12-29T09:07:08.020Z","0.0.0-pr-202111299647":"2021-12-29T09:07:32.724Z","0.0.0-dev-202111299720":"2021-12-29T09:08:10.715Z","0.0.0-dev-20211129982":"2021-12-29T09:08:55.492Z","0.0.0-pr-2021112991213":"2021-12-29T09:13:04.521Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:23.242Z","0.0.0-dev-20220114234":"2022-01-01T01:43:22.101Z","0.0.0-dev-20220114728":"2022-01-01T01:48:20.500Z","0.0.0-dev-202201134936":"2022-01-01T13:50:22.574Z","0.0.0-dev-20220281628":"2022-01-02T08:17:17.786Z","0.0.0-dev-20220282224":"2022-01-02T08:23:08.930Z","0.0.0-pr-2022028241":"2022-01-02T08:24:46.915Z","0.0.0-pr-2022028277":"2022-01-02T08:27:48.284Z","0.0.0-dev-2022028387":"2022-01-02T08:38:56.029Z","0.0.0-dev-2022028457":"2022-01-02T08:45:48.323Z","0.0.0-pr-20220284534":"2022-01-02T08:46:19.150Z","0.0.0-dev-2022028579":"2022-01-02T08:57:57.473Z","0.0.0-pr-202203225541":"2022-01-03T22:56:31.141Z","0.0.0-pr-202203231241":"2022-01-03T23:13:28.914Z","0.0.0-pr-20220483049":"2022-01-04T08:31:44.835Z","0.0.0-pr-202204173424":"2022-01-04T17:35:06.717Z","0.0.0-pr-202204174042":"2022-01-04T17:41:30.998Z","0.0.0-pr-202204174930":"2022-01-04T17:50:20.099Z","0.0.0-pr-202204203645":"2022-01-04T20:37:32.948Z","0.0.0-pr-20220421928":"2022-01-04T21:10:13.873Z","0.0.0-pr-202206185910":"2022-01-06T19:00:09.501Z","0.0.0-pr-202206192031":"2022-01-06T19:21:18.977Z","0.0.0-pr-20220620149":"2022-01-06T20:02:36.048Z","0.0.0-dev-20220620653":"2022-01-06T20:07:34.428Z","0.0.0-pr-2022062070":"2022-01-06T20:07:49.722Z","0.0.0-pr-202208163634":"2022-01-08T16:37:23.730Z","0.0.0-pr-20220816386":"2022-01-08T16:38:56.372Z","0.0.0-pr-202208164521":"2022-01-08T16:46:08.286Z","0.0.0-pr-202209205059":"2022-01-09T20:51:41.940Z","0.0.0-pr-20220920538":"2022-01-09T20:53:50.907Z","0.0.0-pr-202209211330":"2022-01-09T21:14:14.381Z","0.0.0-pr-20220921590":"2022-01-09T21:59:38.241Z","0.0.0-pr-202209231642":"2022-01-09T23:17:20.840Z","0.0.0-pr-202209231818":"2022-01-09T23:19:01.350Z","0.0.0-pr-202209231927":"2022-01-09T23:20:10.347Z","0.0.0-pr-2022010134944":"2022-01-10T13:50:20.801Z","0.0.0-dev-202201013510":"2022-01-10T13:51:51.777Z","0.0.0-pr-202201013538":"2022-01-10T13:53:46.203Z","0.0.0-dev-202201117413":"2022-01-11T17:41:39.248Z","0.0.0-pr-2022011175644":"2022-01-11T17:57:24.224Z","0.0.0-pr-2022011182024":"2022-01-11T18:21:08.664Z","0.0.0-dev-2022013185957":"2022-01-13T19:00:38.041Z","0.0.0-pr-202201319022":"2022-01-13T19:01:03.471Z","0.0.0-dev-202201319130":"2022-01-13T19:02:09.225Z","0.0.0-pr-202201319211":"2022-01-13T19:03:09.210Z","0.0.0-pr-2022013191557":"2022-01-13T19:16:34.390Z","0.0.0-pr-2022013191627":"2022-01-13T19:17:06.224Z","0.0.0-pr-2022013191632":"2022-01-13T19:17:18.967Z","0.0.0-pr-2022013191659":"2022-01-13T19:17:41.213Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:33.494Z","0.0.0-dev-2022013193154":"2022-01-13T19:32:34.424Z","0.0.0-dev-2022013193526":"2022-01-13T19:36:11.052Z","0.0.0-pr-2022014102532":"2022-01-14T10:26:14.320Z","0.0.0-dev-202201418849":"2022-01-14T18:09:33.621Z","0.0.0-pr-202201418280":"2022-01-14T18:28:51.074Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:27.455Z","0.0.0-pr-2022017182645":"2022-01-17T18:27:24.237Z","0.0.0-dev-2022017182859":"2022-01-17T18:29:45.750Z","0.0.0-dev-20220209527":"2022-01-20T09:06:13.225Z","0.0.0-pr-2022020961":"2022-01-20T09:06:59.540Z","0.0.0-pr-20220209192":"2022-01-20T09:19:57.326Z","0.0.0-pr-202202092345":"2022-01-20T09:24:36.900Z","0.0.0-pr-202202495259":"2022-01-24T09:53:53.710Z","0.0.0-pr-202202495536":"2022-01-24T09:56:31.947Z","0.0.0-pr-202202495553":"2022-01-24T09:56:45.277Z","0.0.0-dev-202202495727":"2022-01-24T09:58:21.014Z","0.0.0-dev-202202410017":"2022-01-24T10:01:05.001Z","0.0.0-pr-202202410034":"2022-01-24T10:01:28.310Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:44.261Z","0.0.0-pr-202202423375":"2022-01-24T23:37:49.422Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:19.968Z","0.0.0-dev-20220258423":"2022-01-25T08:42:54.488Z","0.0.0-pr-202202584437":"2022-01-25T08:45:31.755Z","0.0.0-pr-20220258462":"2022-01-25T08:46:48.353Z","0.0.0-dev-20220258486":"2022-01-25T08:49:00.547Z","0.0.0-dev-202202585455":"2022-01-25T08:55:41.582Z","0.0.0-pr-20220259146":"2022-01-25T09:14:53.265Z","0.0.0-dev-202202591453":"2022-01-25T09:15:44.391Z","0.0.0-dev-202202591937":"2022-01-25T09:20:27.382Z","0.0.0-dev-202202592640":"2022-01-25T09:27:36.274Z","0.0.0-pr-20220251866":"2022-01-25T18:06:53.393Z","1.2.3":"2022-01-25T18:07:37.942Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:44.306Z","0.0.0-pr-2022026182926":"2022-01-26T18:30:07.951Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:28.146Z","0.0.0-pr-202202618407":"2022-01-26T18:40:41.828Z","0.0.0-pr-20220300344":"2022-01-30T00:04:22.277Z","0.0.0-dev-20221152957":"2022-02-01T05:30:40.660Z","0.0.0-pr-20221153122":"2022-02-01T05:32:04.490Z","0.0.0-pr-20221173228":"2022-02-01T07:33:09.705Z","0.0.0-pr-20221173648":"2022-02-01T07:37:35.873Z","0.0.0-pr-202211224055":"2022-02-01T22:41:32.798Z","0.0.0-pr-202211224227":"2022-02-01T22:43:09.911Z","0.0.0-pr-20221263638":"2022-02-02T06:37:31.821Z","0.0.0-pr-20221263715":"2022-02-02T06:37:59.282Z","0.0.0-pr-20221272130":"2022-02-02T07:22:19.656Z","0.0.0-pr-20221272450":"2022-02-02T07:25:39.124Z","0.0.0-dev-202213175727":"2022-02-03T17:58:11.412Z","0.0.0-pr-20221462931":"2022-02-04T06:30:30.921Z","0.0.0-dev-20221463045":"2022-02-04T06:31:40.524Z","1.2.4":"2022-02-04T06:35:56.825Z","0.0.0-pr-202214171317":"2022-02-04T17:14:13.888Z","0.0.0-pr-202214173019":"2022-02-04T17:31:08.036Z","0.0.0-pr-20221417318":"2022-02-04T17:32:03.011Z","0.0.0-pr-202214173148":"2022-02-04T17:32:39.576Z","0.0.0-pr-202215111823":"2022-02-05T11:19:15.663Z","0.0.0-dev-202215111945":"2022-02-05T11:20:41.558Z","0.0.0-dev-202215112739":"2022-02-05T11:28:25.124Z","0.0.0-pr-202215113521":"2022-02-05T11:36:06.546Z","0.0.0-pr-202215113950":"2022-02-05T11:40:44.103Z","0.0.0-dev-202215114149":"2022-02-05T11:42:45.286Z","0.0.0-pr-202215114422":"2022-02-05T11:45:09.472Z","0.0.0-dev-202215114442":"2022-02-05T11:45:37.410Z","0.0.0-pr-202215114917":"2022-02-05T11:50:14.887Z","0.0.0-pr-20221512346":"2022-02-05T12:04:37.183Z","0.0.0-pr-20221512130":"2022-02-05T12:13:53.986Z","0.0.0-pr-202215121320":"2022-02-05T12:14:08.674Z","0.0.0-dev-202215121353":"2022-02-05T12:14:36.518Z","0.0.0-dev-202215121428":"2022-02-05T12:15:09.592Z","0.0.0-dev-20221512173":"2022-02-05T12:17:47.772Z","0.0.0-dev-202215122415":"2022-02-05T12:25:07.271Z","0.0.0-pr-20221512359":"2022-02-05T12:35:59.630Z","0.0.0-pr-202215125733":"2022-02-05T12:58:24.911Z","0.0.0-pr-202215132532":"2022-02-05T13:26:20.240Z","0.0.0-dev-20221513279":"2022-02-05T13:28:04.268Z","1.2.5":"2022-02-05T13:36:36.305Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:22.766Z","0.0.0-pr-202211594731":"2022-02-15T09:48:16.552Z","0.0.0-dev-2022117101328":"2022-02-17T10:14:09.420Z","1.2.6":"2022-02-17T10:18:44.560Z","0.0.0-pr-2022117102151":"2022-02-17T10:22:18.123Z","0.0.0-dev-2022117102223":"2022-02-17T10:22:56.150Z","0.0.0-dev-2022117103018":"2022-02-17T10:30:54.070Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:51.750Z","0.0.0-pr-202211713187":"2022-02-17T13:18:52.969Z","0.0.0-dev-202211720414":"2022-02-17T20:04:54.249Z","0.0.0-dev-2022117201925":"2022-02-17T20:20:14.181Z","0.0.0-dev-2022117203714":"2022-02-17T20:38:00.216Z","0.0.0-dev-202212083710":"2022-02-20T08:38:10.852Z","0.0.0-pr-202212011232":"2022-02-20T11:03:25.989Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:41.703Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:49.588Z","0.0.0-dev-2022120114225":"2022-02-20T11:43:12.461Z","0.0.0-dev-202212012129":"2022-02-20T12:12:52.442Z","0.0.0-dev-2022120123118":"2022-02-20T12:32:13.903Z","1.2.7":"2022-02-20T12:41:12.983Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:31.879Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:26.234Z","0.0.0-dev-202212821520":"2022-02-28T21:52:36.353Z","0.0.0-dev-202212822477":"2022-02-28T22:47:43.221Z","0.0.0-dev-2022128224832":"2022-02-28T22:49:09.011Z","0.0.0-dev-202221417325":"2022-03-14T17:04:19.171Z","0.0.0-dev-202221417436":"2022-03-14T17:05:14.607Z","0.0.0-dev-2022214171014":"2022-03-14T17:11:36.471Z","0.0.0-dev-2022214195434":"2022-03-14T19:55:12.302Z","0.0.0-dev-2022214195653":"2022-03-14T19:57:26.636Z","0.0.0-dev-202221419595":"2022-03-14T19:59:47.574Z","0.0.0-dev-2022215181125":"2022-03-15T18:12:02.981Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:31.135Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:37.561Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:15.612Z","0.0.0-dev-2022225182931":"2022-03-25T18:30:06.125Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:25.806Z","0.0.0-dev-20223215463":"2022-04-02T15:46:38.475Z","0.0.0-dev-2022349032":"2022-04-04T09:01:16.444Z","0.0.0-dev-2022349233":"2022-04-04T09:03:17.874Z","0.0.0-dev-2022349957":"2022-04-04T09:10:30.637Z","0.0.0-dev-20223491859":"2022-04-04T09:19:46.559Z","0.0.0-dev-20223655213":"2022-04-06T05:52:49.839Z","0.0.0-dev-202236131344":"2022-04-06T13:14:27.157Z","0.0.0-dev-202236132312":"2022-04-06T13:23:48.268Z","0.0.0-dev-20223614103":"2022-04-06T14:10:41.915Z","0.0.0-dev-202236141416":"2022-04-06T14:14:52.399Z","2.0.0-next.0":"2022-04-15T15:22:29.235Z","2.0.0-next.1":"2022-04-22T06:05:38.148Z","2.0.0-next.2":"2022-05-09T08:41:19.121Z","2.0.0":"2022-05-12T17:52:23.972Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:12.681Z","0.0.0-dev-202241614743":"2022-05-16T14:08:19.433Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:22.567Z","0.0.0-dev-202241784047":"2022-05-17T08:41:25.937Z","0.0.0-dev-202241794553":"2022-05-17T09:46:25.364Z","0.0.0-dev-202241710143":"2022-05-17T10:02:17.532Z","0.0.0-dev-202241710959":"2022-05-17T10:10:40.013Z","0.0.0-dev-202241716586":"2022-05-17T16:58:37.107Z","0.0.0-dev-2022419101754":"2022-05-19T10:18:34.472Z","0.0.0-dev-2022419173934":"2022-05-19T17:40:19.387Z","0.0.0-dev-2022419174740":"2022-05-19T17:48:19.453Z","0.0.0-dev-20224205231":"2022-05-20T05:23:45.628Z","0.0.0-dev-2022421153722":"2022-05-21T15:38:03.744Z","0.0.0-dev-202242121518":"2022-05-21T21:05:59.160Z","0.0.0-dev-20224239149":"2022-05-23T09:02:30.728Z","0.0.0-dev-2022423113827":"2022-05-23T11:39:00.700Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:17.335Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:56.609Z","0.0.0-dev-20224248246":"2022-05-24T08:03:27.030Z","0.0.0-dev-20224248516":"2022-05-24T08:05:57.288Z","0.0.0-dev-202242481651":"2022-05-24T08:17:37.509Z","2.0.1":"2022-05-24T12:28:24.898Z","0.0.0-dev-202255105723":"2022-06-05T10:58:09.791Z","0.0.0-dev-20225517307":"2022-06-05T17:30:56.374Z","0.0.0-dev-202255185818":"2022-06-05T18:58:57.468Z","0.0.0-dev-2022551939":"2022-06-05T19:03:45.740Z","0.0.0-dev-202256151938":"2022-06-06T15:20:18.245Z","0.0.0-dev-202256153840":"2022-06-06T15:39:42.628Z","0.0.0-dev-20225619634":"2022-06-06T19:07:14.013Z","0.0.0-dev-202256192154":"2022-06-06T19:22:45.026Z","2.0.2":"2022-06-06T20:41:41.590Z","0.0.0-dev-202257113227":"2022-06-07T11:33:02.463Z","0.0.0-dev-202257113310":"2022-06-07T11:33:43.666Z","0.0.0-dev-2022587541":"2022-06-08T07:06:30.343Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:52.831Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:36.808Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:14.972Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:18.393Z","0.0.0-dev-2022515163532":"2022-06-15T16:36:10.872Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:22.508Z","0.0.0-dev-2022516151633":"2022-06-16T15:17:13.189Z","0.0.0-dev-202251616831":"2022-06-16T16:09:17.071Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:38.494Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:21.842Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:55.016Z","0.0.0-dev-2022520164715":"2022-06-20T16:48:00.460Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:36.515Z","0.0.0-dev-202264144818":"2022-07-04T14:49:18.137Z","0.0.0-dev-2022659325":"2022-07-05T09:04:03.543Z","0.0.0-dev-2022659431":"2022-07-05T09:05:13.332Z","0.0.0-dev-2022669710":"2022-07-06T09:08:01.844Z","0.0.0-dev-202268163535":"2022-07-08T16:36:26.743Z","0.0.0-dev-202268165050":"2022-07-08T16:51:31.104Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:58.141Z","0.0.0-dev-2022610103924":"2022-07-10T10:40:07.545Z","2.0.3":"2022-07-10T10:57:21.976Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:58.570Z","0.0.0-dev-202261316456":"2022-07-13T16:45:46.729Z","0.0.0-dev-202261317818":"2022-07-13T17:09:02.851Z","2.0.4":"2022-07-13T18:44:16.358Z","2.0.5":"2022-07-25T05:10:56.807Z","0.0.0-dev-20220804193103":"2022-08-04T19:33:24.859Z","0.0.0-dev-20220804193815":"2022-08-04T19:39:05.113Z","0.0.0-dev-20220804194739":"2022-08-04T19:49:11.421Z","0.0.0-dev-20220804200605":"2022-08-04T20:07:39.386Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:44.308Z","2.0.6":"2022-08-05T10:13:19.431Z","0.0.0-dev-20220811084042":"2022-08-11T08:42:01.514Z","0.0.0-dev-20220811093515":"2022-08-11T09:36:31.649Z","0.0.0-dev-20220811160709":"2022-08-11T16:08:38.250Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:56.650Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:49.535Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:37.117Z","0.0.0-dev-20220813053727":"2022-08-13T05:39:01.750Z","0.0.0-dev-20220813055957":"2022-08-13T06:01:21.224Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:33.640Z","0.0.0-dev-20220813070741":"2022-08-13T07:09:01.359Z","0.0.0-dev-20220813083358":"2022-08-13T08:35:16.687Z","2.0.7":"2022-08-13T10:50:30.345Z","2.0.8":"2022-08-14T07:11:11.318Z","0.0.0-dev-20220819125800":"2022-08-19T12:59:21.107Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:38.017Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:56.179Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:42.050Z","0.0.0-dev-20220819191103":"2022-08-19T19:12:16.692Z","0.0.0-dev-20220820120308":"2022-08-20T12:04:06.537Z","0.0.0-dev-20220820124231":"2022-08-20T12:44:07.631Z","0.0.0-dev-20220820152257":"2022-08-20T15:24:34.380Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:53.416Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:49.473Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:59.381Z","0.0.0-dev-20220820185458":"2022-08-20T18:56:20.303Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:45.891Z","0.0.0-dev-20220820195548":"2022-08-20T19:57:10.692Z","0.0.0-dev-20220822051456":"2022-08-22T05:16:24.920Z","0.0.0-dev-20220822054045":"2022-08-22T05:42:10.360Z","0.0.0-dev-20220822055339":"2022-08-22T05:55:24.678Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:57.214Z","0.0.0-dev-20220822184448":"2022-08-22T18:46:30.365Z","0.0.0-dev-20220823150801":"2022-08-23T15:09:27.192Z","0.0.0-dev-20220823165602":"2022-08-23T16:57:31.739Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:47.438Z","0.0.0-dev-20220823195046":"2022-08-23T19:52:55.268Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:50.040Z","0.0.0-dev-20220824080240":"2022-08-24T08:04:07.796Z","0.0.0-dev-20220824082222":"2022-08-24T08:24:31.516Z","2.0.9":"2022-08-24T08:47:22.238Z","0.0.0-dev-20220912120959":"2022-09-12T12:11:19.387Z","0.0.0-dev-20220912132201":"2022-09-12T13:23:10.918Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:36.971Z","0.0.0-dev-20220914090509":"2022-09-14T09:06:44.668Z","0.0.0-dev-20220914105014":"2022-09-14T10:51:21.681Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:59.494Z","0.0.0-dev-20220916141616":"2022-09-16T14:17:29.304Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:56.084Z","0.0.0-dev-20220916164745":"2022-09-16T16:49:03.300Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:35.185Z","2.0.10":"2022-09-19T07:37:30.940Z","0.0.0-dev-20220920121057":"2022-09-20T12:12:19.107Z","0.0.0-dev-20220921093814":"2022-09-21T09:40:04.936Z","0.0.0-dev-20220922114557":"2022-09-22T11:47:17.154Z","0.0.0-dev-20220922115811":"2022-09-22T11:59:38.388Z","0.0.0-dev-20220926164115":"2022-09-26T16:43:02.674Z","0.0.0-dev-20220926165450":"2022-09-26T16:56:09.136Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:55.491Z","0.0.0-dev-20220929132459":"2022-09-29T13:26:40.870Z","2.0.11":"2022-10-03T09:12:58.998Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:48.364Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:39.300Z","0.0.0-dev-20221107182607":"2022-11-07T18:27:27.723Z","0.0.0-dev-20221108071844":"2022-11-08T07:20:07.223Z","0.0.0-dev-20221108073543":"2022-11-08T07:37:21.015Z","0.0.0-dev-20221108075029":"2022-11-08T07:52:04.432Z","0.0.0-dev-20221108083411":"2022-11-08T08:35:20.940Z","0.0.0-dev-20221108090938":"2022-11-08T09:11:09.466Z","0.0.0-dev-20221108093520":"2022-11-08T09:37:06.462Z","0.0.0-dev-20221108100218":"2022-11-08T10:04:05.905Z","0.0.0-dev-20221108124603":"2022-11-08T12:47:18.125Z","2.0.12":"2022-11-14T11:53:31.854Z","0.0.0-dev-20221115102409":"2022-11-15T10:25:15.385Z","0.0.0-dev-20221116102301":"2022-11-16T10:23:59.529Z","0.0.0-dev-20221116103758":"2022-11-16T10:38:58.982Z","0.0.0-dev-20221116105413":"2022-11-16T10:55:13.739Z","0.0.0-dev-20221117065458":"2022-11-17T06:55:57.190Z","0.0.0-dev-20221117150258":"2022-11-17T15:04:07.709Z","0.0.0-dev-20221122115819":"2022-11-22T11:59:10.697Z","0.0.0-dev-20221122135803":"2022-11-22T13:59:04.904Z","0.0.0-dev-20221123123308":"2022-11-23T12:34:16.114Z","0.0.0-dev-20221123130515":"2022-11-23T13:06:13.418Z","0.0.0-dev-20221124103928":"2022-11-24T10:40:21.312Z","0.0.0-dev-20221124105520":"2022-11-24T10:56:22.584Z","0.0.0-dev-20221128164126":"2022-11-28T16:42:29.240Z","0.0.0-dev-20221128182021":"2022-11-28T18:21:42.317Z","0.0.0-dev-20221128183433":"2022-11-28T18:35:37.832Z","0.0.0-dev-20221128185230":"2022-11-28T18:53:28.490Z","2.0.13":"2022-11-29T06:12:32.948Z","0.0.0-dev-20221223180742":"2022-12-23T18:09:01.289Z","2.0.14":"2022-12-26T13:14:17.561Z","0.0.0-dev-20230106083209":"2023-01-06T08:33:17.713Z","0.0.0-dev-20230111055325":"2023-01-11T05:54:31.362Z","2.0.15":"2023-01-11T07:31:48.146Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:43.184Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:58.996Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:57.052Z","0.0.0-dev-20230112143332":"2023-01-12T14:35:19.587Z","0.0.0-dev-20230112145104":"2023-01-12T14:52:25.223Z","0.0.0-dev-20230112152756":"2023-01-12T15:29:37.796Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:49.245Z","2.0.16":"2023-01-12T16:06:15.661Z","0.0.0-dev-20230116120206":"2023-01-16T12:03:14.071Z","0.0.0-dev-20230116122157":"2023-01-16T12:23:26.189Z","0.0.0-dev-20230116124502":"2023-01-16T12:46:13.979Z","2.0.17":"2023-01-16T15:07:33.187Z","0.0.0-dev-20230320183136":"2023-03-20T18:32:49.960Z","0.0.0-dev-20230320184810":"2023-03-20T18:49:14.437Z","2.0.18":"2023-03-23T10:17:29.132Z","0.0.0-dev-20230323203724":"2023-03-23T20:38:05.542Z","0.0.0-dev-20230323205240":"2023-03-23T20:53:19.455Z","0.0.0-dev-20230323211647":"2023-03-23T21:17:36.411Z","0.0.0-dev-20230326141955":"2023-03-26T14:20:34.923Z","3.0.0":"2023-03-27T11:03:16.431Z","0.0.0-dev-20230718122336":"2023-07-18T12:25:55.369Z","0.0.0-dev-20230718124717":"2023-07-18T12:49:20.417Z","0.0.0-dev-20230718130742":"2023-07-18T13:09:26.234Z","0.0.0-dev-20230718132637":"2023-07-18T13:28:28.686Z","3.1.0":"2023-07-18T23:01:20.431Z","0.0.0-dev-20230822131635":"2023-08-22T13:18:15.872Z","0.0.0-dev-20230822134434":"2023-08-22T13:45:56.660Z","0.0.0-dev-20230830093747":"2023-08-30T09:39:09.779Z","0.0.0-dev-20230830120642":"2023-08-30T12:07:59.179Z","0.0.0-dev-20230830133821":"2023-08-30T13:39:37.145Z","0.0.0-dev-20230908144305":"2023-09-08T14:44:23.831Z","3.1.1":"2023-09-08T23:04:34.249Z"},"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":["tag","tag group","react","component","removable tag","chakra ui"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/tag"},"description":"This component displays as a tag with an optional link and/or button to remove the given tag.","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# Tag\n\nThis component is displayed as an accessible tag with an optional link and/or\nbutton to remove it.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/tag\n```\n\n## Import component\n\n```jsx\nimport { Tag } from \"@chakra-ui/tag\"\n```\n\n## Basic Usage\n\n```jsx\n<Tag />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the tag.\n\n```jsx\n<>\n  <Tag size=\"sm\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n  <Tag colorScheme=\"gray\">Gray</Tag>\n  <Tag size=\"lg\" colorScheme=\"gray\">\n    Gray\n  </Tag>\n</>\n```\n\n## Color\n\nPass the `colorScheme` prop to change the background color of the tag component\n\n```jsx\n<>\n  <Tag colorScheme=\"pink\">Pink</Tag>\n</>\n```\n\n## With icon\n\nThe tag component can contain an Icon. This is done by using the `TagIcon`\ncomponent within the tag component.\n\n```jsx\n<>\n  <Tag colorScheme=\"cyan\">\n    <TagIcon size=\"12px\" as={AddIcon} />\n    <TagLabel>Green</TagLabel>\n  </Tag>\n</>\n```\n\n## With close button\n\nUse the `TagCloseButton` to apply a close button to the tag component.\n\n```jsx\n<Tag variant=\"solid\" size=\"sm\" colorScheme=\"cyan\">\n  <TagLabel>Tab Label</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n\n## With custom element\n\nTag component can contain a custom element. This is done by placing the custom\nelement within the tag component.\n\n```jsx\n<Tag size=\"lg\" colorScheme=\"red\" borderRadius=\"full\">\n  <Avatar\n    src=\"https://bit.ly/sage-adebayo\"\n    size=\"xs\"\n    name=\"Segun Adebayo\"\n    ml={-1}\n    mr={2}\n  />\n  <TagLabel>Segun</TagLabel>\n  <TagCloseButton />\n</Tag>\n```\n","readmeFilename":"README.md"}