{"_id":"@chakra-ui/input","_rev":"506-85b478cae49cfbff61b4e125ff0108ab","name":"@chakra-ui/input","dist-tags":{"canary":"0.0.0-canary-2021118164051","pr":"0.0.0-pr-202212011232","next":"2.0.0-next.3","next-dev":"0.0.0-next-dev-202241614737","dev":"0.0.0-dev-20231109134954","latest":"2.1.2"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/input","version":"1.0.0-next.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d60cbba5ef65de4518ba66050ac9cb5eec12b575","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.0.tgz","fileCount":33,"integrity":"sha512-qWXaBkq/plc9nqhb3oViJEE+OxUzddYkNnp8IeIy5BrJIGeLf18PlKXI13WYDbKdejqOPg/bxI9BlVeW6BkiZw==","signatures":[{"sig":"MEYCIQDhrbRzXPz38LPWxSDYSZOjNhkYaKFTF1Ko20AMNLkBsQIhAOhpTLHyRDnezg5hef7fJe+zU70c/4yv9enHiZuoMJ9W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nTiCRA9TVsSAnZWagAAZ9cP/AqBQS6xs41US1mV5x5n\nuAEGOe6IQGprY63cMtGcB5a5GVQDwpfu690RUKSvVQpbMb0G+NePF2I3eP9/\nOYH1ht+RAIKH8OO5GNAlPtjqUmxjyoI+amSmG+UKNbz9I67rX4EAbj0982kK\nGixSQ7ZUzj2i7E0dtyzCeZfbQQX7rWN6s2ilda7mPBAJQKmt3EidRF/x/AEK\n6tAtQysJyT/9Ngbmau75qp9EzRxnFuAzWHgSPnMXvDx5PezoWwb1j/E2r4hI\n2sF+57CB4dHaB7Q4lSvnFGLVutDOVTwWGo1VfFeRC7L/vPZ76x52QfSfuexN\nPrT0bbKzhHJZgv3AdzU8hM6QnCbNjb+YpeYC8gtMbiu6FDiw8D4k2eHkq5RS\n5N0vkTbl+82LFKLWFyoBqUqgmNhXpiYH4Oahyl+BdCNh/j9sBEsqgdXj45HF\nXFffpNP6/EZqAVaLE8I4vVC+CQK/4BainJ5eM+Oc+bFFwsZk9uzRbv2cObzo\nLMQgSpdmHmqwlIz+HaCYNmebiXRqL4R8CvANMTsb4N80+wDVHbVa8VGhtu5D\nEeR2tZUgD2BwmPSYTgnWBSRYptkVJsgRvRFHkUcedFvtqfDVwp75UTixRlPq\n7m02KHGlXOUN1Nouv/6Ynneqwhjd6iC6e6W7J21SJkiCKP7thtMF/GqK80EZ\nlFAM\r\n=ns2Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"ce6fe489afaddba502a2611f1fb1dcedb991325b","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A React component for input text field","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0","@chakra-ui/form-control":"^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/input_1.0.0-next.0_1592685793582_0.5298747425694137","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/input","version":"1.0.0-next.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"07a81a7650928141220005333b5f01ebdbfc3b06","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.1.tgz","fileCount":34,"integrity":"sha512-uUjx5CpFHXwoLBhvIHonbP2XsB8XXUcFqeB069uPlqseS214DarcTOqQVhlBcOFyF5iWU9oNAM97Gi1XT2Tslg==","signatures":[{"sig":"MEQCIA60DU1uSQPJGFspRj2J6D17a7tMoBGh7ltXlt/FAWQ8AiAcEvWxpkEDepFIERo31SgKLgN+eKeKC5ezgz7B8UfJ8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132264,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytQCRA9TVsSAnZWagAADi8P/iPDOhSGzbNd8YkK1N14\nh/W9gmR1MhJoJrzWuGgYwLcSujzk+Qfpjkj+t8aIKsbMwik7kbrHIDRoiPkA\ndhKjCFEpe7SSbAr+4i1l5MDVNEkhqTEcoFziyFppssS6sIxRuV6TIjapkvFf\nJbfglka5TG7DhCX5vRNWOnv7rJH0/dnRch2C1UKGDmXlh3CbPw4DBAPR/wLd\ntVwUPV87Am0UENg3TiZBsz/bF8G2HaL3rQd+XsGwsDy9JuPP55vVtRxxUfXY\nYOAGCKox5TzRcbqRF+uVAmytJgIQE4JJI/wm8y4e2B7dN8i1j3cXKaFd74Cv\nZgD7JunbTnUWDTQGRvvtXGQWqHyef62LBYrwi+vM+YApwhA8bbMyC0vg6Z14\nJQ5VOoSSRNULWOtBFZPhYWuHjf4gDWEzE1YUhgOM/5vX9KrzEIPu3aaIBeHJ\nkswpHyd1O7GR5IoqltH8brxBKaRpljb7ee5OtbwSlgSwqM6rMnXQLJr67q5N\nzQcLQuP1GbArhq8Gv7+kfQr69+qr0HkjeGNY23SMlq7gK4Nk2qHmT/cHhJzG\ngbkwCD/H0cPHfcu9b0PB0wPrBqERjnsbp9PdQEChPHHwBRZ86aaCTI8+HVM3\nP+i/gBys9Esuu8ZuIpQmUWiJuITP66l1GFYVfbpwh4LmDZPlgZZ+81UCntET\ntWf+\r\n=/kQH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"cabbf345518d70d446bf95410872f1a0c947ccd5","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A React component for input text field","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.1","@chakra-ui/utils":"^1.0.0-next.1","@chakra-ui/form-control":"^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/input_1.0.0-next.1_1592732495645_0.7195184518862583","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/input","version":"1.0.0-next.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"aa091b34dce8face11a36f255032649589e3dc08","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.2.tgz","fileCount":34,"integrity":"sha512-JNYBPIcYgf5HjqOSkan33jcfshNRkngCqkDh5Zm1W80b96N2qI5Yq/w6BHYBFgD52yM9hGhR0SpVZPlG9x8Udw==","signatures":[{"sig":"MEYCIQDDkKSURHFaJbRc6lI/CRPcBie9+W9gQNf8NTc2MS/EbAIhAODi+kwL01kD9pwptMkZrTUS2eyZsfd3KPe6gjh9trke","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132956,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M/6CRA9TVsSAnZWagAAS5sP/RdagRylOyqL7r4qMf4E\ndtKhp1UpkafxXeSMjSeox+2wcvpnAv6oQY5RkbybyWoEPJMuWxIk3kKOX+mT\nzokiwoiJWz8XUUeia46qZynFSUUcCZUSYkKIi5xfuANeM7Nk8syKVx3MzjrB\npUyImq+/p9oU6MpO3/CtyVCUuYbuHHS4EBsD2SaddCwDp7wvxZC7vl4beera\nuzyZPUa4f4/wbeU8X+LW/jP02VfGCGsPXMcwJjAlb8yijd9OnBbPR3VwNx8Z\nI/1OqTflKUxsiSbUmBofi9BTqTqvib3bKBWQUVpRXTvx+mfxWGSdodYvEufR\n/5xhc+PIBr9b15XW1RYyC853kkp6j25K8P3JslTgf3bh1lSdHhaGs6uvzxxA\n4Jy4vpm5keo30O+Amk1zH7p11VmLAY4WZMMdyRmwJauIRu1BxOp4ovwmz9wK\nZAq1k6MzX+VVnubXTJGnB/FccnoYxdKimTXbi5+mB1azL+XFMutziqexjhAq\nd56Ujt3wNtbpIyN+vE1/4gxOqPpwHTuEEWyWPhMpE8H3CiDU7l6TExVrSGwe\n23rrBJY5A1Va01/VyPrac2BibDTQgnrmhHM23yCxoELc65u60CxToKGql+UU\n34Icuae0TZ8pKMyegtpU3yk+yOrkg/GFtd3E6ykNgtXdA1bc1d5uK4cURstG\n39nS\r\n=ulc3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"c5b51e43e9dff400f8bba7da7ffd135f5d33628b","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v14.3.0+x64 (darwin)","description":"A React component for input text field","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.2","@chakra-ui/utils":"^1.0.0-next.2","@chakra-ui/form-control":"^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/input_1.0.0-next.2_1592840186153_0.5187009870394457","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/input","version":"1.0.0-next.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1e78b81ad38b559a45650d0cd028a2c677d3a34b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.3.tgz","fileCount":39,"integrity":"sha512-QZjQIjd5E1BRP8oFZ3p5X4UYE/4rPC+x8gMAnyxaSC65ssZPdDpmLPFqyhkEeijRc8K/6mhvR0U8sjrEpr6LFQ==","signatures":[{"sig":"MEUCIQDgD+xuxt0YregCjtjdKlNt/3er/aoM5cfklB768gCJhwIgQWWo/uyi95RYZyqrOMjXdvwPy1AQ6wx4lW6fXgaB0Sk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":131368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+MbxCRA9TVsSAnZWagAA894P+gLlNWKFcdXyKQPzl1EE\nSchWNrqke8dEU//wf7zTS4AgBSLsX0OkMxO+IpUoX69sWeEO5we6jGirotMC\nkpvuBu/49FmS4o62a9B4Ahe0uTvI+UMQHSe4nHgCNktT3FlyHpCl7+Ou+NkF\n/hQaAi83pGjvEmyHPU2ByG/JKywdfKto25FUk9Dgzt1PIktzcriRN2hCrSXk\nJvWcIomg4Bj4y9tI1zWszC7GXOVn8SfGNBsGnJValsGNmcLThj7kzc8JIt7k\nLs1sVV/U2rYAhsSKJdus+TsyGkbhI9XYCTFm0ka0V3mQUfX7sAIFS0rMMLd/\nqul48apgmCig5rcqSCXg1uq3tKpCWWXv463duFy4eylOD+MlMI05dUup3PzF\nHrk2oZhECzEeB+KtLUdUDXekd335vFH4ESEJ1E0ULf5ixzketWFZpLqvDo31\nFns0SD8CVK7L5HBFMVXNYLSMoaB67E2LSD252BWaPXESrLT8jIyUUDrZHqlY\nhIbTVQ8OfDwMs945JU5y6sIMU9F99/CqQzIv74rp1HtxuZLM6hPo5lR80r9T\nOVNx0Z6DMgRSC0HX8QSYGR8LE/isWDayw6fxNlrbl9bdDw5nmA/6kBwZ2o37\n5c1RwXqkimj2CpIWraP8boQ+j9pZRpBAz+Y7e+dJJ/QkFL4BrbrrhcMnF2xc\nPf88\r\n=df82\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","gitHead":"d31ba9c35993985f49da4885dd47ab8dab49cdd1","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.3","@chakra-ui/form-control":"^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/input_1.0.0-next.3_1593362160721_0.5838470161387039","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/input","version":"1.0.0-next.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ce134f238270260dc7b360389fd52a32cc4c0dc9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.4.tgz","fileCount":39,"integrity":"sha512-Satm/hLsbzdFhXqt/jF522eoHym9pNaR0zBIXmA+jFbObJBjh7hpXneFQS9HxWoDeKFTLjrTKwVL8VUkEMcOzA==","signatures":[{"sig":"MEQCIEBT7+p0wBYv+q9Ie/JtLpY4djjD5CvE0knjjTMcd/ZCAiBPaful9YX4dOCZlRbGWdjavU7Xk1W+PnVHuog6yh4VVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/MsoCRA9TVsSAnZWagAATscP+wem9Q5kppZYS9+b1HiF\nyPBgJb8W6u/ljUk9B2wFhTUtfPvvjCe7SJVTa8PAeiAcOF45ObBjyhZCn8Z9\nmTLkwwOOIW3YSe0snpaUssMYq2JXaFGW1x6fAXi3PNcRL+12VzrA60TVGqdG\nPCRz2hxxkijTB4a+Eki1/cUhl3CMwAXQxxGIaSik9qYdv/2B9iZOBigUCbBm\neEBkTJkXLcm+KsBfHjyd7ICKiQ/hTPQhnHlDYFq4PufyA6fCqeQVlIrbOQ3v\nHQ+pA0z0lJtEWwOBBXO7wLf23wTdva4uMuYB2QUfsxMmcc+Gkzz6P3KgjU17\njwsKaPrQuX3zPPIpMHcGyD9rfWIPorzAGsIEmNDrxXNVqtyWj1nYgwTf7eRt\ndOprG0tc+PaodxVeEkuGwgiUZtr4j/B7E3cexWK/CuYmUDyyoDmpkvQV8ler\nKwSeGu184QsGu0bVxXxPT6apobRcQ6O3R8cD6A3GsjnzSw4wcCHl08yXH5AB\n1oi6xVXKcvhLUNvze2Oojn5YGdRXSAcFq/mzWdj9L/aRP6DvDsAsP8zTxDYX\njba2Ih17rWzON5Ngn2iVL8yQ7Lbco8I4Bw/m+T9veEUOTbs2gbyzruUA7n84\nF/hSdnubB3T2ZC6S7Eo8B+P/CarKgbCLIJhpX/DyPiZ2ewkiTjK7pO7pJI6m\niIHK\r\n=QZHU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"cdd5eac1db90ba33a07c009fb8dbcc4453d6ec01","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.4","@chakra-ui/form-control":"^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/input_1.0.0-next.4_1593625384261_0.30130731953291345","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/input","version":"1.0.0-next.5","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2d6584b865abbbdceb540806d27a80a3499e15bc","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.5.tgz","fileCount":39,"integrity":"sha512-JrJKCu0Q3Jfm4mNg5/gVDzmEh6pJOT0AvUYFbbYfdWvfYnMxTYNwCcgLoU0QTU16pZQKEjNKEQ3hx8JZjPlQAA==","signatures":[{"sig":"MEYCIQDXa5wBBj4fBjSVRMFyF5Pbvk1VmSr8ZrDQuYOWbSuedgIhAN/2HLLCATqlDa5WulS2PBjGmyoBQo/GzbOV4A0i+FVp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxfCRA9TVsSAnZWagAA41EP/3Ta6ySzyvzmIkc4Nxqc\nXzsqocG9CDtguO9AgmYOg4wRdSts1zlAuShHGkRdSilTY697dqCRDJPrxyuK\nkANasIGDoKrl23axVlG8eTTBVr4TeA32eS6eL9Kd9ITu4lq9z43Z9nHV57bR\nm6xkTCCAwIdZRSI0oDhXSC/hwsm/wYt6LoW2E1pzG46gairJqsUyC2k08NRV\nJFkEHCC76tqczvWnr876noZ7WJp9+BoceEnL/AsBSNIPZUWNDNbWWVTAv2Fc\nFFfGATfqDv4q3/3MX7ap9QEyjJaEJpQXjln8U0H6rFLt025LbNwNrH3MjHnF\nm3dIYHlROaiaz0AmZykuSgNbS4GVlBlt9KShEY1O4u3iYw2LLEw6u4A9nlcN\nCU5d2UJ7Z2VLfSpAY2oZWZS0d/HJbRv41koEexbnEuTsMfvDpati7InhSMVK\ncf71l4EndugiOLUyiLX4MEPQQzKyQ0J070J2/Z4fYVnjUx6KtV/DK0XpqpkO\n7Ew9UTmsnic6yFr93dz8795vzBQpBmEIPN1tHRLmfvQ3d9oO1sUE0FB8Ubkc\nokwDCb+D3PBY3aCrReUmok0Sp0LteNBQHiIVBUhr1KCg6X5o44B7QQOmkDcN\nRbHBmKw9Se6Udm7253A5jY0tHG917anXEtKrZxiFCT10NrV7h/oYAMXR9J5r\nl7Tq\r\n=Cwbg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"24eec5d796d81b6fafbcfa7231fb2cb15e6d5a29","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.5","@chakra-ui/form-control":"^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/input_1.0.0-next.5_1594809439006_0.010308281717466894","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/input","version":"1.0.0-next.6","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"22db4e3d52ea168c4ef56fdc023afeb071fced3b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.6.tgz","fileCount":29,"integrity":"sha512-9cliOUtyOWG7wKNbEX2iQdyqG4ClU52gILj2zvJFbIHt4usXgB4smuYLR3BI7vqtuxmuIbSAPJifdU9bXvoLEA==","signatures":[{"sig":"MEQCIBKbbVIDpWzZqvU3O/qiyuARaKa305qkYwL+E5ko/W5PAiAqmNfgffdicYiEkMunB0tcdbJ7Oft+Lunb+CjbMN/zQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":120817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyJVCRA9TVsSAnZWagAA0NMP/j79nqKjypBo4pY4Wfh7\n6pMWOk2TrLhpfHIlAmyA3HpMkQThkeigUVwvVHOdGAEEqyPbWoAxrM00a+BV\n/L7AqL27ADeoa49281UJXGPqIWt3+RcmJeIKSGLkb9svRFRstH0i1AX/TcPL\nOgh5rhw2kMm4ASujer7eCbfb396uYc7/uAJAA+zeVy9SWK0Wni4YBZf+16ry\nMs8PTd1cGtvR2r2HJ0CWdtESCZT3IMwORfOEdNDuUqCuwLmyLfp+Y6Se8Zx1\nu66gULti5jef1iWoVbETobNFDgtURAh5Ig+iItNbUEOU9zmuCO0TgXWjljNa\nFSNkAXq1LbRXNAcjSVOMZCaezR1EBjjm+mbtCXB/4FcEySDl0IhZSz89GrFd\ndqR92UmHj2DOsWGcydc32AtgrfTLecdbrTJYkOtcYFqinWL43P9kF70F2gzs\nIriY+kTedIC6LkvU8Va+8e365jepriuuerD0EnizHfc39SBH3dibT+yAJbu8\nkcPH42w2DayyGLU7Oa8mYw6S0BSNAzKu9+z9eyvd3Lf41tBhQkAeBiUPGjhP\nlkD7UgB7DiU79MwsqeJ5a1NQtnnAToX3DB7rwXY3ezraFjj05d4qzOfkvs0C\nhZCVUT6BaY9f0uuiJJ9b13w6y7Enk1KW3PIzSeRmpaIUelyslcOS9ANqAZra\neQn6\r\n=m+AH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"72eeca4ba3fc6e7d8845b0d283a03cb6ec384a50","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.6","@chakra-ui/form-control":"^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/input_1.0.0-next.6_1594827349030_0.7848968122796012","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/input","version":"1.0.0-next.7","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"67e7e81b464de71492421af4b9ac195515b5ae5d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-next.7.tgz","fileCount":29,"integrity":"sha512-zkCJreHsW5Bz3WsqcTQtFwbp5Epi1vjq2pSoJ12cFRvLFOp/GRmp5dL5TSIC0BLSMU+jhV/QmyvMw80/paLj+w==","signatures":[{"sig":"MEUCIAmKHkww4aRZcBQ9zN4eiteeqSD3TnCdFHIWv5q6rHIqAiEAkxc0g8cx5LUksRXO4ZBYreQgjC55RMVKCx/acPONhXw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":122900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX1eCRA9TVsSAnZWagAAQdUP/iz4HSS6xEvaU+X3aX0X\ns0Z9tOlqX3UIA/+lylKyFh5A7kbEceb8wv8Q9SCQuhjHPUbi1RhwF9ETJBpd\nrh52wFB9MDAAZRp+qNiIIJ1Nf6o4mcRaI9DCpqf8slxjPo9Pa84cw/u7C2zn\nGkG6oIK1HtdHeXGb0Qojd5Fg1ojepbGbe7eLz7RphAflwOeLt738Hi8AFnED\n4fxL6DEgK4YGM9FEXHQE1oaYkPVHXEC/msR0OYaM4FnsZ4IVee+OJkdZKAOj\nBnv/j3fiIErGGR2Dkve8qO7zyk2OWUDP7YICORqck+yygVjkSn2z+sZDkto0\nbAhT1MOkMW2J/DKLd+muRCoxHb9zOhcH/I3YYAiLS5/oF/wJZHim6ZDJJhkg\n4oIhNrjodS0HOHBNteAhjYlFwMSJWyVgg/1/gninvzkf1OSGclCZSK5vj/PD\nvX+madQaIB3eQ86Mz/FPf6UQKsmS2rUusBw66xeP1l1wuJc5ZO2e6oakxKp5\nYZ9YhPkfukkje3ydNIR8EdtCE7wAQGEVY/3jdI5YMtPr8nvYniVJJzV4RzC8\nx2biMcNjVayGpw9y0roLF9vd0vgjtfN7gdag6pcMPJPUYfy9h1woPmiWWJHP\nptmK1lEiKUGOOKQIOkXxC/nx0TWyecOdlOAUxeBoqIjuWhVfG87ekuxk9pB3\nq5Kf\r\n=jRg7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"3dcabd8c7e21b32ae1b61485588f70370c4e626f","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"^1.0.0-next.7","@chakra-ui/form-control":"^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/input_1.0.0-next.7_1595768158239_0.9232776326772756","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/input","version":"1.0.0-rc.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"00fba6eec5aac899b40e5ca99844cc4bcb767250","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.0.tgz","fileCount":29,"integrity":"sha512-fTpD6ToPCaZS4TSHepU0oRHybytNh7dAp2QLAZBZCPWN13o38dWlZ6dthChTZFABLCbi5OkHNUnsOXrsw+jMPg==","signatures":[{"sig":"MEQCIFxyWaOTrx6Wahs7D1e8NEsl/4JOWhGbGbj/x55YN/PiAiAb3mfFAMzgfJJ0df2XxMzrhLnyfDqlTE0SriXzsv80/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":123248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHagbCRA9TVsSAnZWagAAwfkP/iFQK9rqlMq7TAWJBdpi\np5q9+QfsAOsupaSlKTREyczQAUB0XOKR0uwqvx8Q7+PypejZtZFl+nwUHWGJ\n1U4gB+Ne1T5IAb3ZoTCmaljYCOwjrid4N5QMTM4XO7QOadJGpOqQL3x1Ok9Y\nprJG1e4Sg2u1zXuDrBkwqZltgfrPhiGuBYPj+0xspq2mPIflOAglO+6nJkJc\nPwnEixxYhRc1ZuC18jCa4kMmDedkRZySpomedw7Y6I77bCC0WJnXVtXLmKG8\n1aVM/Mf49pdiqf3XcA2E51jXc5AEmr+IV2nwoKpxm6J3Pr64OEiFGdxgvL7H\nKgbRqtow2z13iVWoPmb/e5H2GesTGXVX8Zrdvg90fQKzM1U6LM7j3LbOZaSZ\nAiusdnJPngkLHWOHFQI4lD+NaY/I2jydMlKpMA896miMJX7efqOQD0ppbBY1\nBqkrPpnCRX7NtaXPyLv8l1+oYlP1VGRelOxZuMMxMWKfcdOUp1dIp6G17LOA\nYnh9YO5dUw5hYbeamJOJ/XS93aIQEOB1end581vpAFxYUISLpVO75LsVnqTA\nKTF6jxLAxVXfHy2PSGpyIZprIvnd3djTlEwTLJH9l7OwFkBhowZydZ0ysdBb\nTudHnfDj5nmE2pcZq8aFQljvvwA2SXjug7qFlHw4ESjJpPVwoWgOIN5X8Q89\nfka3\r\n=X4+7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"60392008d42867da38211687e2491f02da9975a9","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.0","@chakra-ui/form-control":"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/input_1.0.0-rc.0_1595779099314_0.8134143140810461","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/input","version":"1.0.0-rc.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3133fa39127c5fe242c7548901236bef07ad6b06","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.1.tgz","fileCount":29,"integrity":"sha512-qjG4lI9W5p/rNN9OgcLLw2cLQvJCG+5/9HLdTT0xPDw4NatvQtQXnowaX230nkSOtZHYZPnadYNFy1w2VE5N6w==","signatures":[{"sig":"MEYCIQDxJNIf62Y9Gq7tw1kd21894KicNA8PGRg/Ki2MDUlf0gIhAOoIK7k71PGLwgD+b/rYnurfTEqiSQ1oGYcQHAllullE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":75261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLRCRA9TVsSAnZWagAA7jgP/Rjn/TwkS/NVXlyKjinp\n55DcPrtmaq8eMRXnuT1YvHZDdoK0rcb7HHYIpa1ekNEGpdvPif8osi/LmyZA\noiHIiHA1dqSqNfLADv8bOgEfJZvHLKKaIOEqiKM4ylEv4KmLBXGrlhB+VHHC\noNxvo32PtsaZZKSeJOIrlB5upt3I1C0PTRZwIYuA4h7hjDmgVls059Z6qJhP\nro6LxGGBV8Ya07+OJ7kKaAgkLyawHLfw8wzpgQ0jP0XtvnzcHUVoGcMWSfkx\np1CFlNymOoTsCq0zxxdNnXdbah9oL9tfYKgxD9aJcL21qi+41h0xiwb0LDI4\n2836vY5JLN1TG6p930AcZDoywFOQoaqX7N+kLdJoqOggzIRHY4Ou5Zg9cvjk\nVe46WxJ4A9a1qCXtpqDr9o27K90DQbbdlYxNGPteQD6ZF4ZQqnWCTbo6PXeZ\nao5zaaatkKvCn+pUMKNrR3X8rIOeH53+Nmk1/ri8YEK0jZc7W0wpkt1G0QNl\nQbHiS/8XeuwfhP5kxhrqW8hhJs00YrJ8iVKCKKj3QKulFc5SHJPY8fOYQccB\nz3i+bvEssFVmOqpkYbm8U0Ky7KKGQx1cyybZN8C9emCmcmXaVnVN+w7wFWIk\nLgFCxDxHSR1BNBNoeZhoU8FSLqnkC3izXTTe/3/PVe5kzdYqg/7kzh1bvy8H\ngYLx\r\n=eBvp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"e0470c73a9f6be24525dc5458d6fb157096b5ae3","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/utils":"1.0.0-rc.1","@chakra-ui/form-control":"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/input_1.0.0-rc.1_1596748497558_0.1770796895807416","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/input","version":"1.0.0-rc.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"904edc4f6ebbfdf3252ad640209bfd65320c89e1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.2.tgz","fileCount":29,"integrity":"sha512-qEIhMQUFEqdkuAgU6ADCukUFz6moYZktC+fhFydQFbumtgvAEWssborMIs9kfv+FgHdnkhaftLlwbQEVC1a5zA==","signatures":[{"sig":"MEUCIQCG5hdmFLWoj4x6shWj2I7qSn5AO9A4OMkKN1EUWgYoPQIgBHU7F54W/mD+jFDFGw9ZBsMg6MKYvPoH7sUTNNSnOG0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":132855,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL97qCRA9TVsSAnZWagAA05AP/1xlDbBfKUYWWlxbOJge\nD/Eu/U4W60ppS+/o6N8AkJb0pl17WP+gAB/qGFjG6cTmqfagRNyFdTKFIE0G\nfUI1nh6l7CUXmyweMAHrYcKaWScfj8Qvxg4CdaLXxFwwQG7kl8CBN6fpIh63\nbJCRhLuAnOoQXpR9bxS8OFpVQs0rd59vpLnZL4BEBOBE6HTfAbVPD49kNkhF\n0ewI39K7kDbrLZ+PXY1N3J3lbDpRz6JDYVeEoYF671TDrTjq7C8JShba8fdP\nZvLn507qm+zy7uFOMDK0hoRt74IikvTpqGjG4zqmP8fCOu3wm4kE/XVwTycp\n2rObD8LzmvOn06ubXSciGW0y7QNNaGnzOYzRQ+V5E4kXGGBy6L8l4X88UoVP\nNnnMzkIu9zRuYhm1xBrEVYt6Vls+5PxiNyurTME3Z+P3ZAPPaOSkJMmKz0Fw\nXeeTZbk0dmgxbdWZvcSII8brtLbvSFJThuHZ4e4TZWHUeqVRnyq7F0wtfHb9\nhqvXcsM9YLb1K2B4tafLFhL4CPVUGt66DMS+MhEiHpLizgov65UbbbWFmKG1\nOAvbHq2Y4z8O69l/veLqsUS5Py8vRsJxOTWAPcbu8zvxxaVA2qKq0PzmKzys\nsROyfT70EUVWg2Q1HEd1RFHcBuJhEpFhyJlp5fdKG8cymR2G18DzxzbT6oTD\nGSqt\r\n=xWTC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"c0a55ae7279887996fd2cbfb410476c86793e1bc","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/utils":"1.0.0-rc.2","@chakra-ui/form-control":"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/input_1.0.0-rc.2_1596972778133_0.012878009946435398","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/input","version":"1.0.0-rc.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"193265b99859df12960a961846bb4d91b406395b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.3.tgz","fileCount":29,"integrity":"sha512-rPJKPZDEWCtX8fs/rC8ord4LlyQXTNqJ8p2nJHV4YrxKaHl+dqjCsPYr312TqwR58sIsHhW4GsD1hd/HRlBgXQ==","signatures":[{"sig":"MEUCIF1Unu/H4C67UlYD9SDRXeMgLmzC2aPOXpwyOH/sUsGOAiEA8g86r6WJvQQB3Rco+TZEuLzWRhqYqefdhhHyla5yOiU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":133129,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YUCRA9TVsSAnZWagAAA4wP/3CUkPML+9FoMVS1m/KR\ncFZQT7NX6J1jD/0c0Y6ToXD0ZnqQIK7jtxrFFBcIgrxQbEaCFyu8Y/tZJzbk\ndVK9bYB8/Yckzg0dGiITfe8Sg7J4MtDQX4obO6aeVzarCTppbmz6sG5q0++2\nFYU6Z1JrKORqpAFgjftsSxXJCtb3jzomfW6GIG1vl+Cu4wCkQT2nlC8D1HEB\n7+ynJhEXKVJ3ma6BhZj29taqDidKF4yGWpUptBe5CbufUli+xZwpmFCpwzaV\nTmY0jUyIG/w/YH1JnSf7Fzdwv8mAEpjtx2d2fxZYQMv/KkEZJguOpRFHVcg0\nGQJ5Ixpd4/Ohdw8shWa1fykwICr/lN/oUl5vqHcUFKk5y2LLPLzcjuD0Is8v\npkasMagrApJuioisbEJe6LAu9i5PZbX8B+nkKOEdML+2FVA5yQ6ILD7MoRcH\nakEYp9mD9Sc9jfaIboJC3Cacy8mAbH/YSTbHy1WTgxR/8xaMxY54l1sz2i9T\nK75fTyow+9/eVJvF2HL6Ao0JWjtZEuIRudH8Fqeo3K7r2IN0lczvFv++XHTO\ny8gQMThuG/8+vKZpEU4WxqycECvycZ9WKE/tz41fjjoQb55cex/wZGrQ7d3m\npOB22wk0CyctmYTJEqDtEVTNyCexJgVQOTiAh7Q7mAgzefhDnu2wrSKcvT7/\nk+jQ\r\n=40JK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"a0b689f3a2b1589d58e4d9b0c8a9bbd02ed90f6e","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/utils":"1.0.0-rc.3","@chakra-ui/form-control":"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/input_1.0.0-rc.3_1598801427953_0.6924959242354447","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/input","version":"1.0.0-rc.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9ea3a8cfc5f451b8cf4ba169025cd131fc0acdb4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.4.tgz","fileCount":29,"integrity":"sha512-EQLOz2fVXpJLUlMp68KaWMbzfN6hfe1ErQjMhBd5SBdzlWy4ydXCDESVumU3rMkYOd7MT2FCkRFSZ9u/HAKnvQ==","signatures":[{"sig":"MEYCIQDOhSP9q+BNsetLctQoDt9HQXIdHWImbN3jkyuhHWAKogIhAIGWVo1wk51ZP+VWsBwJGafxKPCogPJ6lfQkxxI6yWul","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":134392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfofCRA9TVsSAnZWagAAyJsQAJn+NV11f+NpM7EYEEAQ\nKT2PHaxGxQlhSLshOAGtKEG9WSMX53+wNg/72SYg7JXaQk/pgmN3hrk8IRKo\nE4JjkeIpzeC+9f94lsPeee0SzxkwIdssAYw2iUZ9j1iP9iWa5Z1FBwV9DOR+\nczUkxpUg7OClWmKm3GEm1E2x4jcyQdq4+4AiLI58dlUlazXYlKuok0ZYiTy1\n+zQAnmu9nlU7vHU4y3OxkakGdIZ+S2xv1bLjrKNHo3pphEF+WaDTsCAgy2wU\nwXVhub6U6Eu4tT1dM9ZaOs+FXen7oiPARypEdjnqDm7zGbgwET3GEw4bXI4s\nkBj34QRuEN1qVEJuiygP/ZatImMnt4y4TCOiEujfKSdTpp7yc+3frc6jsfgS\nizoCNazAhUfp+csiNieuTOp7TOgZnOtH3MB1NKzBajhpcqhgwjlaJpqkgHdV\n0kSag2xdfyEtT0zFhyBFRmEVRiOly+Z2ZomxzcisLL51XbKfV5OsukWKSfnj\nSUEwIj6ghRr32L87LcRIq77MFb+yxMEYLqXQbg0NqpLfzY4zzCNQDy2eQuev\nttCE59MqzXpg0fReZ4bJrjT6sff+/3RwlrDSfFUo4SU6Q1MtsOgnH8p1HldR\nJ2jtUVIZ994II531UHeSDxaTH68bkp2i2RFKAplA6UdZUJYxUzr2Ssi9+30b\nmUb/\r\n=hhpB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"830b8587c572a4c20d6b56b256accd6686255819","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/utils":"1.0.0-rc.4","@chakra-ui/form-control":"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/input_1.0.0-rc.4_1601042974686_0.8006245562872698","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/input","version":"1.0.0-rc.5","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"56b72fe3889e9b34f0f974de8886cb64324a5a77","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.5.tgz","fileCount":29,"integrity":"sha512-rl+BI0LSfLym6b9VWpJ0pJb3w2WatFFVRUKkyMPbYHUeiVWbG8srMrp1YKmBfdbqSRMWUyZ4n4rmqUmJZ52Dyg==","signatures":[{"sig":"MEUCIAxyTQfYECjlhGVNaD/CmLyNa3i2gStCfdeHeS4WA2uUAiEAgk6ZD+Y0Oswwned9A6IRSlI6A/xoee7UqBXn+swVG1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":134481,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPXnCRA9TVsSAnZWagAA4b0P/iqCtPSvDqrHL1DipjWY\nlgLIdbbajDSrOP7CcpOeqm9E2KzNpWRqzfTAB5i/bqKvfBrLWgyGojRKLvAc\nWULwz5nBzye1DpvJRJaairHB4NUjOiwLNpFUgpl0v1trB02KJlzp0DWYhPTL\n+H9H/hdZ5ZNYMOSMAr9DI2B3Tq/J4atBcDAIfUhx4jEYaJX5JwwGLOyexszo\nPGVIVujDuFFx7CU+LyWXI72b13AA2xTKkPlPqM1S1DO4m5bHBTWKTkoagd1B\nnvFYxsndQID9ujWOMX6Zxo67X3NDnpL43Kngeg2SPuP1kdRtMoMzj3evUEbr\nxOnA6Yz6c9Lr/84T0qaJjdHK3kR2y4jPJ+Dd+Z+KGqcCfpZggHZEC/3IRu+o\n+b104Ov7ueKmIL2ZDDxuAspBNNe5DvNwI40qLKameCc0kUKHXfAtWvc1FAl1\nAWTkSlbq/cmLjj8KCxCVRYYcfOXL4pd3iaWtC7T61s10oeUurx2wztsoHi/Z\nUQ89xVc9ZPlxfvDTyDLpGlb8FIl7IbyDcsZVyzXtjv3DO9B3VZ4VAF+G+DxI\n5jFUkBkIm7FDxaR+xrGqFQqXx8bhCMxrz+CS13w1LgrzZb+BcflW8DbsKr4G\ntv4u/xfQTxBZft1gJ+Rx8ZQz7ccacarN0auf1Bki+Lz0c8wAQJ57LdxQVoZd\np2Ba\r\n=OjCu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"b5c8482b778b19f27ea1d6c8ab6d5ed39c664afa","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/utils":"1.0.0-rc.5","@chakra-ui/form-control":"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/input_1.0.0-rc.5_1601238502879_0.6926346445387292","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/input","version":"1.0.0-rc.6","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3cf4ae2c2d3cf70d7299aeacf8a5b0deb9d298ae","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.6.tgz","fileCount":29,"integrity":"sha512-PYpc0kpsA7kZ2pSzVd5yqiFQowuQGpm49obWWuw1aaR9uyQgYSWh0A7fpa672Tq/hdjvyi3LHX6vvLXse9vF8w==","signatures":[{"sig":"MEQCIAILEVXueUU1LLEMubiyZmUJ47QXxIpXu6NOPIbplhzJAiB0cQlUu9mS7E8QiVz+wStGI/wsiCDnLjuPcCmwSnWWbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77873,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZ0sCRA9TVsSAnZWagAAMa4P/0S12wSbw0wx5nljax78\nnFEzjG+N2VBJ/uN1EXiUHLKjBINyrjdGH+eLekOYQNyt0bhD7ErG0dxb8T1b\n1xmtB02HwUSBabbF8qCy9pXhRzgJZe3kdn1ctVjDJC5n2aZKa5Y33ZRLY06j\n0PHaTE7U7rZLNMSZ0hkKc379CT/DEYMBKfjmmeS0UyiI4FM/h8hVo7aevfQo\n+aGKIM3+qcdxjrfyXq1UPlATYZ1V9jYM/AUDQq9AH1Fk43/oxtloO4jeihnT\nqew9SY/22tWXMmbrOnkI/Np9kiMraoAsMXmUGNh952YMIw3EwcYP/8faJ3pK\nWfoeXdGlPpwbTV0xh5Ulcs0+8gSYyAwmg5pKj92eBTAC5j5tSia9DUkFfZ9j\nGHf6jmq+Vr6zsybuuErbIz1Ez0VzaL3QMXGf9aonFDZ192i0obgwSoAo1UNf\ngG2TpeWV/EP+zqcnroyPPjghQMLB95Gad50Gvl4wJcNwLJGIvuJsHfodjIEB\nENYo/PRPIekUt0ZeUCzo5nFICLgamSbrQY/f7ce7ZrWgsSPZkJ1d7IJYvPkQ\nO7jlWigG9QdxFE/MzVhCOAaNc+aN6A0xlsyUmSc2SjcKsah0rgVFVYjauWE+\nsTFo08z7cflOGlLZ9uOWHJsZxLRpDHlnIrrJDDS+du1m/ctekjWmWS6PMFi3\nWTeo\r\n=EkoN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"e55b45840d1edc821ad0bb45632535333be5bb86","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.6","@chakra-ui/form-control":"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/input_1.0.0-rc.6_1603640619564_0.4848748544381851","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/input","version":"1.0.0-rc.7","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0559111bcbc52efbe6ae0c719ceb096564e7d9a5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.7.tgz","fileCount":29,"integrity":"sha512-4khOk5Kt+wpERzXZvhbAnvkOQcNFtldOJ6xdOzKXg1+45+xvVWNyjRYBP/exGqc7wKkzE1THpyN5BBPclWBeXQ==","signatures":[{"sig":"MEUCIHHZ0kRv6ZcZzADiWXT5EcvvQFW8xsT5kSVMrZKoX/PHAiEA3OFYCvtsutjskJGHaL4+G1EiaguQMGY6Rq59x7Jut50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77962,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfCPCRA9TVsSAnZWagAAidoQAJSSuU5QgNDV6SrmcPBS\nUYHkn9jkIAZxhrh6wDDHDkgZf6F1Jv5xRpWbxDf7jktnSl7kml56FwlPheeL\n7cfP0ld+CTO/WtYBJm/ifE/XsYGXr2Kb8hh0m77DXnNqARQv5SNoQYUpp1C9\nO7dGwds82GWaxeRpWd5kkkpFhpHEHOIwdB+8W47PnhKCdmqYIA/C+HeBjVTx\ncWHlvaG+NZMQSxMuWvZKALXQN0y7uHxrTTgWSqq6A6Dpz3NcwOKdGurYVDtI\nMkCLCw4tCKlZ2xhocz4oQnanI3UZiEDLfnaa2gJgO97ad6vDQKHhl0VH4vR/\nfXDyWJf86iaH+fvvxi6m2qfdAONQ5aHIttPUXIOBFN6aA5TiTA0yHyi1Qaep\ngzKG0wDgRB16qLHpHc4TwKt2ikVsgdb4rnyrKKBZADA8ThzHHZoj/7wQgCsa\nfs4WV+kXQxeTStDFRDcOH9TS2uTYSmdiMF+2EJtLY7A7FP67GM8vPSRjqnTc\nY/nOIlm0Q8hN6V73WPBq8lzYD7BNnYMZhqJNBnEr1QmG8MeiueZxdcUf2/O1\nfq6zGwcc5hPpYiOKaV2f+FDpqrl7n5qNPrgK9fVHr5JTqymmRbIT4wLyPz7d\nfraydWeoJ5kwgtL53S9U0nLFMAEwFtMg5nGLG/5q6IT5LoD6l1Xcchlhzcb9\n9M9I\r\n=PwSQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"6da531af61ae3780c764590cbee62297fb206e46","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.7","@chakra-ui/form-control":"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/input_1.0.0-rc.7_1603661966687_0.6407723271260686","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/input","version":"1.0.0-rc.8","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b3f93ac64fdb56ce6fa9925dee446656c77b4e43","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.8.tgz","fileCount":29,"integrity":"sha512-FJtB9zwOf38GuhS5VGyLlCUFXHSl0OrCQbrwdKakIZz986o+6DGEShIczoifs0QniGKSsNXcLu3m2FX0QxWQmw==","signatures":[{"sig":"MEUCIQC5H46P80IX/pLu9kqkBNYnUoBtiFmsL0XNjZiC4yKlzAIgKOfAHVs/y+CkemrFVGArhYJvV/6lfJASq38gxS12oUw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyUuCRA9TVsSAnZWagAABjoP/04GPbXlQMyzV1AkwG3v\nEkh4BAV4KVVpoR7GyXvQehAaXW3jf/HWVFA3HQuqKMom3tz/7wUwWbImJqMp\nRQT7MrAmAhYVJIDEkFiPoyF2zwJsQEYytCr01JB6dod21BXhieiApBLfXfia\nefX3mKc6C51VFqCFqnAJHlfPK6noDoBoiMlRj1PX4NOuWbvu/aZaHBuRL92i\ndO1EEajN2TqnfGow7sgiHI5mX0n1ItfhLH92MR63SheMKXiQ54551bcvyI2m\nI58fx1asFqUnYhgYc9s1E2y6xdgpism1dxB3ylvmYwgoQf1xyN+0MnRY6zCj\nf/gIPqHsnOF2v26WmJ2XfufCPKWFqoEBTe6dlP49zkJ/DcLgDikg7LUWde/+\ny7ilWPP34SJkInQcY5m7d5qU5+g3qUQ+8OJDo3YoV7tOX1sxrzUCPP1h/KSc\nFl2gbZURE2AHtY/7RmaFh192ewnlzCC/u5QitOzu5bK0MwYm7SSBaOfAlu9P\n7c0QBPCrNNTStLgAB97OBjcC75NWt59S7J2Jbcx1Rk5Yw5F4NIGBVu2XmuAB\nCGx5iSiWUqZec/inZGprTL0Win4Qk9V7UWg6CgOS+i4fVHR2oARwpUiUZD5i\nPfsvAbVT3CzCjzM74GxLJJDZMsMfLexoKxG7Bp7dxWbTSkmB3R9I0RAskZcG\noJql\r\n=aLDT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"phone\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"de4cffb1638e8d10cd74515b0289d70eb94931be","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0-rc.8","@chakra-ui/form-control":"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/input_1.0.0-rc.8_1604003118472_0.2773152495025366","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/input","version":"1.0.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"595f6a59ef2445367d5abee7752e4ae717e31342","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0.tgz","fileCount":29,"integrity":"sha512-cJsdoes64YVNXFezmjmtdvzIett4rIbbNLFAUr6aSDRNOJ2b/gXY6hDR+W/zZB8wgMa5YYnYYcOUn352jmKhEA==","signatures":[{"sig":"MEUCIQDupr2fqBD55qKKmHnhtVNopYtzh/nxOYIQlwe3Z5ML5AIgFE8Yah++EgnCjaUFc+LLFX6CdhGuhvouAKLZFOtL/gM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl4pCRA9TVsSAnZWagAAH2wP/38MsGYm7FrNY7rBoHej\nG5R1QLWYilxZoKB04Cq4o5+Wr8IM5C6di9O+fem3A/GPVKYpRkmTzyfQ0tXJ\nhYqL/mH5Y77RgAMrRZBSBmfx+0e9Fjv1FeG0+pYjY3FXf6jdFhBF1RlsvCHJ\nBZtUsR+cmN70joREQyW9yi2g/2H+tdv6R3igQS7SU/FAHycW5du+mc4Y4+EE\nZvhan+udEeVq6YxLuVCZZa/rkvjWfnveMpo1ulIkaEwdJwc1skBAhlbxLNd1\nMh2ttoB8CaO8OSPw5fEN8IcxzBKt0yY+9C5T5QNNFdzy5L3vhJxwPcRaosK0\nq6Ouc4HcoDyFnOA4FOWzuQSapvgtJFW8YzA0gibi8aMlcht7l0dZkIB77SVh\n/Iu666VqzV/i40AG7Tn/I6QOnrWOB7x1Ijfjc4jLaX1YWcgGgWXmMW2+z6dP\nbcQETpxb/N42ixvSwZO8aB3eTKzRMOtpjPGAwRR62HXuvwYHHMphJ1lKqzaY\nPk6xI96NIBRdGlIo/TGRtTk/timdRyiq0Jpoicm3KhjISc/h1C9mM79q9scb\ndJyNFjohuie6epp1HpZovvGfXzxXAE/4eUPI43raeHy1XuHOg+V7ww0gPt4W\nyaoDn3IInI8NwoxUvzuthPVVjt1y/tHuKTIBuLzz8ShGs5VWhJrx7l5EJtE/\nHemK\r\n=ty7q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"c98ca366cec7151fe7ea4e0b6f893088797c5398","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.0","@chakra-ui/form-control":"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/input_1.0.0_1605262889469_0.6047134448755251","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/input","version":"1.0.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0e0b2d6cb590f3bdf2b8335a2e92a6d87a46cea2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.1.tgz","fileCount":28,"integrity":"sha512-G1hgTHKMSAiixiAZWI6yisj2PGxUe8NDsdnjEZvnEtcHX2vfGDCvQzKpI1eMfXrAkIgn71c7JNiCMVDbuofiQQ==","signatures":[{"sig":"MEUCIQDWgZoaChT2hZ2xWQXmYQqKVB5QUfaj9Vfk7cDx4ZS/PQIgWGr9n6wLtYuCTpevhP3vigja7VbpWIdiSAKnXfESFQM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77703,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB3rCRA9TVsSAnZWagAAqkcP/jWLzz9CyNTOpXQIzpeI\n/3SJHZN99U5H9Yj9C/rlUIXhJOMP9VOR0uNCMcWuiEInElbi6TWsyhjKOdOj\nta0UX/QBvuECW7kAxwNlXL51DwdYXGwtC/ty3qVaBhcG8Kxs1ZgRgq4bG5zF\nU431i0vfq3xYf+SOzGRh1yYQxvIaAswDUHMdGbShFM/copKyQa7jbSsjWZky\nC090Jo3CrRsCW306ImqQfYLw//M8JwKsI6isP8rT8yp3qYigwrVo1KZL+49s\nI1AdViYpZCM4ZIGKklC9CTUj88kupcValizUyrhtBdyZQq2SRWn5cEQCcchA\nnE4hF/l2CGKDQDimKyDAx5zlELb3owr00VwOk4h6wq0SY+l0qVhnecI3VPSc\nK4HtYHTUBxIp9eJSah8T5zXbPrlUBXZmEc05yRUiaWgJt1t/b07T6YRhZyh6\nkl9julrAcLpdRwW6RFIZ25zfoORjFA3WVOzcK8vGS3KqpjQ/ZYEfo1KVhBmw\nBXy9NVI/7LrDfAuv0UuV/DhkuSqZkgnK5YWAYRyUJ3n9HgVB79Ydw+QkdShW\nux/+z5mr01kcfElgQ/6N93kujlp1jl8VEFU+JqBkMId+0fa9UvFCBKn8VjUW\nX8r7pu14NcsWxPDOc2r3TmZ9oxmXVBY6GnBe2PPj9TEklAtusAfH61Nc4Gv/\nIu6n\r\n=Okj7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/utils":"1.0.1","@chakra-ui/form-control":"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/input_1.0.1_1605901802829_0.15508372092041345","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@chakra-ui/input","version":"1.0.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.0.2","maintainers":[{"name":"with-heart","email":"mark@chanchan.io"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"64da29efa7ddcce8a07c4a24d0257123b37b1500","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.2.tgz","fileCount":28,"integrity":"sha512-ph+y9tsOIwtEuwzZa6lNQ+vspFUPhDNH03sLZwOZNEXoMIN0yzDB5tfrptIzcRwUyF3HFioWX99SH7UgQc/QCg==","signatures":[{"sig":"MEQCIDLn8++JYYBL1cTDFvhZC85nkHcFz6+7yTdnqVu/SrSPAiAE1ttQLInDtEjVS+tzAk8cx/8z1N2nLyBbO5tJu04n8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77896,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfySvSCRA9TVsSAnZWagAAGkgP/AoxCH/MJDTC49ZDUlIr\niLBY0t2bGibEBsqwJU24x1D7YMtJVGs9r0Xh37rJZyg42COQtvrlYfzZISi1\ngFdwcKRu/rJ6r109UWfqREkivp6fAZxbboEdl3j+92oI/i4J6MJeakJzSHOI\nkKpvaDPmbQUdWWr9N0WrJHFlSZf/G5XCW6xtaalhaWdL4fL8ulloBUgsaqlF\n0coxGsDcB+cQuGBpXfR/3r3Hy0BRxBDOGcDY4o4mxA7Pl6oJak/6bCEfA6Xf\n21DeGkGjIgPYcsAlc16iKEOSxKT8CBFfWVXH2oC4PsAAsOZA6yV6g4NLdrUU\ng0km/jHlxHWqGyYihiz4wHskd3t1s/xjHiAtKQFLK3yNfmBqnONmeF1nIIBl\nKjiwn98QloMmpKquIi0vo099aW/BvDIgV5jEGSdE99NNXqDGR5pqcP3o8ITy\nFd2zk6K7/KF1CXZDB9KEROs7XsRiN64N5GvaRtmoN7K9AohSkVAPW038nlaN\nZzUqKFvyzlVayMrD5vSCo6nHiSOz2afG9ufeY6IydegCTT5t0HxvYLfJY8cl\nOjQ+DRrOYkT1VFTXV3IfU+4x494eApPmWDZ5HrczuTE6z37+Jvm7qTxPShrl\nk5dEknid34S/yAFgUXCo7Vn7Gj6JMINwdc2GvkiuW4NUeTpgBq+qod/H8Oi5\nNuR5\r\n=BS+x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/utils":"1.0.1","@chakra-ui/form-control":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.0.1"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.0.2_1607019473625_0.4521136366129719","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@chakra-ui/input","version":"1.0.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5339b8151d2154f3ceaae43a60b297d1cbeb6639","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.3.tgz","fileCount":28,"integrity":"sha512-DQoBQlc3KbOZvQjhuy0Bi1Fp5SLGgGQYEM1NNfuq/30yX/cfTYELL1cMP6nY3ZcsEh3OCglikTFSUcPX3K9k6g==","signatures":[{"sig":"MEYCIQDmlRLIDOpNaXmGMv21n4U2VlDQLv3BvFaYdRP5YSSjUAIhAKGJmFj4vW6XOCUAg2jUIQaoIa3Qu4IGc/adpug+opOS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76414,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29AKCRA9TVsSAnZWagAAoxQP/3v3UD9VGUg9ZA2Wq42d\nqV856a5hKQrXqOZa93WIzxFEM9gL48pV6SsUKVEINGnYKadbgkraTOEU05pE\n9g6dru2pX2A51o2W+2TkPDMCn2DIC9SxTimPkOmPU1pCBqKysqJUUDs6oglA\ntj0Hvi2Y+jJasF5AqFnEHZh45GlaXV3TyoOryH0ICVVSY+IFeCA5nYTRVV9N\nYwvSPYo8W0iTSfSL+spsdnNdy55h4IBXAkUK4dk9IG7pyk7HX7xZ42/wNGM5\n+Al5IDbfvIPAnxQvC1Fkv93gdBoQA0tUScsrM81NCh33TVi2uYPsQ26/ryu3\nhG3EeRxAa6SLXQ8ICPQ+hCK5+lwi7x8IZQ380IBWs1kJ4z6V39KviLg2nV+I\n6cEDT9y0Ro8512sRalovQ4OIBQH5NMqjigI1ukgxiSWazj8UTUgbAovgI2NX\ng9xNxbNWDEKk0/nWbVOJQnjamxJMwQFCRl1h8YutIGlA+GucJOuuIBARhYhK\nTXqYYH39np8J0vWOPrlvb06sKEm+gYMWwCW4rFJxaqTLNEKGkYhEsBH7H8WM\nvol0HX/3zGziIeZewXzLH7wyHj04t/peT3gmvJOkpb/GVVrHlueDSGzQRUt/\nw4DY2bLtzkuqpHlcioW+MYCSylAV2n/ibPbPQVld70c7ljE4kCTrtHW11beP\nzwr4\r\n=xJIB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/utils":"1.0.2","@chakra-ui/form-control":"1.1.0"},"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/input_1.0.3_1608241162240_0.747829725061147","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@chakra-ui/input","version":"1.0.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dbefc6fa8b7d6f22d3abad1b81b8b3b3b0dd4b47","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.4.tgz","fileCount":28,"integrity":"sha512-T/zd3IqP39mZsVrJAN9RLo1iCXrqty024YosVFUGiixXniimfxClyYxL8thHv5/zEut/wcdpZkRf63qq1jS1ig==","signatures":[{"sig":"MEUCIA5mAQzTkk3ha+PbsFQQ0Xp49wrAWwVLBBa8U7GbcKDvAiEA9mfldWU8Tp055/T5o0v+nMnwGAxaZNy9p1e/3eBtPLI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77132,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/IR5CRA9TVsSAnZWagAA1UMP/134+N0s/C+GxQEYzYJm\nbMplRq0s6LUGR88J1L5NKMtls4r8+H3khi+boF6oLIwqUXr85myu5aDz/zKG\nCJ+nidG+7Kh+oZOb1HFqnp1nN01sqhC70Wi7kc3zbqX33UBdgyNna4ZzZbeY\nW0C8aNtotveOFgeuYtsG7oxLMAPnmT+7AYDSdIEPM825b6+j7rK9e6SaiEQh\nDwZK76Jbt4714+StpkBb2e5e7WL8nFgN1QPB+OKiLPoEiBtffbaOxH8CkjGs\nJkwtzAPC3epM6gwocKEdFLtVuMhf0wZW8plaBJWJHUQCJWxCVb5wUhrcOj+Y\nCi8RcZqke0ROQwTA1O0DC6MdsoC1JY1Swi8BAW2A7vJsVurH5zQFxMNRYTGY\nZJ4+FgcpJbLucGYnjS7Ftc1O5Ripwb26Ak3w/4RDLisZoPFGVKmzvA8pv/2K\nhbbnq7+7XCDtdCzWSwIOafRNRiPmCl+hE3EXwJHPKoG1wcV6mWcHu3QE7czy\nkvEuHNciwIjBkJanVNJAEJwneQ3NJ86PFkiLt6b1F/dNvjKBCPh6COMB+ToN\nhS9uZUpjlRlGIQxvwmAiExU0tjBfUIjF+rMkQ4QSPP8gZHuFMkC5YLg6c4mx\nMbnguCJRTjaMUXXBGOPYUw0BmiOxKaW3JkfeV6Ku8/RNnxATfhpt4m3RkVKF\nsSkd\r\n=R4Wm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/utils":"1.1.0","@chakra-ui/form-control":"1.1.1"},"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/input_1.0.4_1610384504648_0.9007333469048417","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@chakra-ui/input","version":"1.0.5","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.0.5","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"767d7ecbdb46846d8a7901598daebb0c159b39cf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.5.tgz","fileCount":28,"integrity":"sha512-+dBQ5hIVzOExViLYVMeeogHqFAb/dFMr4fE0Q/dxl0S0MAfNtthqPIcihDQTwSbibReFZP0CdtoRQ5RqnhqctA==","signatures":[{"sig":"MEUCIQCtZIB5dcMiGCoCDiSsQdzbf0XhQAw+e6INyg/CPedP8gIgUCTwrzoVTmpGGHs6kzS/kapccGcM3X9dYDtYzTJzx84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBJNkCRA9TVsSAnZWagAAt4wP/i7ygT1xVgtMAJKVL1fd\nDIzfZGLPsyY81Z62ZyMHUDnWxaPrQlcMMgxHzz8+VtidNp0MI+CsC8vgOTsD\nNPqlmJUKLOOkNWYftcaECrs6hsskzIn/rl8lN/IQ/adHDhR147MbhtL0mWY4\nf0BNk/9wuni6GcKcOnsDLq8GbUnO7iLCMr7N4FDu1ESC1qdTwnd1j+0YpF9a\nDDCH4ZGXAlNosslZ+8UXtEi8kMoc7+VkLxSdC4s7rbpvwcd0exlsdewZEhkC\na3ag0b/cCNUj31fCUxEqK0CPPycteV3J+/QYaWTJE4+G9kARZGKk+ncqL5vk\ne4X1IsxdUEAS7LT7fUhdBz4GExsy+H4Zd8M15kAZulbpiarL0oL7OJvkXEGT\n/IBoLApokXvYxuGQv+dCBX+pWvDEeox/vxXxjIon5cK3twOjjrLeU995L1T7\nIHB6j8DIEysbORmrd8xmLjtgh2mq2uC4NY9HCXoQwG+EBW6sBnC3tdDT10Bq\nSVx+usJonupfc78itRsJOwfRN7bDLEESkUBXSOOu6aw73eRUxNcIl+N+3+Rf\nOLGEDZ0NrhGF4t6Ti/YMNi29dgvPRvTNs9QsAYS2IhU7bxqu/D7iuuSx/iV4\nAXir2k+vn4L4iPBi3Ted0eE8Z/JK3zLp7TJoARurbQwtGNRcSfqnp30ZzRod\nDXpn\r\n=yZwN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/utils":"1.1.0","@chakra-ui/form-control":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.0.5_1610912612412_0.033380686724029385","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@chakra-ui/input","version":"1.0.6","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.0.6","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5679baa4b7f633c7f77e851614b5c81201923110","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.6.tgz","fileCount":28,"integrity":"sha512-aVhdpuPx3dELDy5fVPG+ld2bIKL8DJh+xm9QrFEY+lgNxv/Cy6lGfWs8VDyCHBmnCZsemVwTI1tCmBinQ7m/kA==","signatures":[{"sig":"MEUCIQDxHraKlurgpL8NSld9ec5YZB5JCRgGqe/5bSrZR2Aa4QIgcyS10Wa+weBUjUtt+b9i11PH2kVhDOyayREes+m+HFc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77314,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDYutCRA9TVsSAnZWagAAakcP/1u2nt+d065uuk/t8Z5i\nEToLQjhY2SUuxDQNDlc9nuaoMp/CzRTJzM8gq3olbYOLLa0jP1QhlVpKF+D4\nwQ9/uqetvyjVc5aPYyyXSDArWhL5nC2/54fENsfWvRKFqSYq9O0VrUWDDVQD\nOTfO9cdpfaM4qZy2JOaomH+UiaYN8sakJgiouO0JGecTNpvmlSbcQrmC3CgA\nycPwB+Z1+TW8n5Gkf0RIxRfSDdI7IlkyLsTvA9ynhYkDLDfZ04TdyTNXdQOn\na0J5OJcqQE1EoJbyK8vMnp6+cS18R0VhpXYaY99Ha7HzejL2L+AA7Z3D3SGW\nre7+glQm+7D5X41Ype2DjhsrOIJCTXY/eRSw6gNZurp615neDW4jBa7hFEF5\n/QYfdkdRd2P/RitrbMYiCKeXEqafHa7HV064B9+CWq6OPmXJBvmAFZ/7pifW\nFPbd/NLGXTGpmB1JZ0kr9Fn/ttMIkfmJ2TTVnvp7K2nkE4ez/7o2Za9idX0+\nnSvOiJhl+FympdyZEAVKF6EXZ61wPaUWBw+VtftuAOVCbBA5+wKJ4h4eKeVE\neBAvX5C5J5eTf7zMhO6WSCOedrJ4HWlyKr+mj/9GDdPBPcZZZ4fj6QKqQd90\nd+71DBB9S7CgaAFzv21FniatGWUd4l1GL+D5xs0wGPCfveeU0TQ/tR33gmPL\nqaG4\r\n=Sdut\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/utils":"1.1.0","@chakra-ui/form-control":"1.1.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.7"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.0.6_1611500460571_0.080649092859846","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/input","version":"1.1.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0e73f8ee41a52d8bf446cd4c3479faac78755554","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.1.0.tgz","fileCount":28,"integrity":"sha512-T7o5zVOyC7pe9102PYQ2vkYhX0h+47u9HRW5hjntABpOBQiM3eqcXLyxeymZgaUiLsnZuog+9pdp2Nae6VvojA==","signatures":[{"sig":"MEUCIQDE0eTCMUDANpn/is70qYMwSg7m3jIsfa9eqRJYCpRhdQIgQDvof3ObMBQYklDInSkb3+1V0T4wx26AQSTrr9Yk8sE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUuCRA9TVsSAnZWagAA6eAP/AqJphEN/Em/87OccPun\n5kpHaespP+oZ+YQG2qqnCxIaoQXzCCw7IGNur/cfpF75ja+W3AKFSbFI+Zxx\nl8nRaN7MPnxwspqO6F+IktfL+OwElSkySNeXd3gcMym9FSL8uO/uR7zwJPZP\ndxcIFsUa74zrOgct5kUNVA2ujI5pw4WSHz4w41vT8C1p8vGcw2PtEO2wN9YB\nwj1HQ3qY3Ns4QxtNLZ8FIjoiTuXlSmaXI64/hYGEIABmNPUz7DEQ2UC3Npyu\n1CRlkz51IbhdL7OyUcDsrMI6/YZ1B+jKHX07ltr6hFdaN3EZ28PAXKcn4XJM\n2ay/5fBgeSmGvyDzsNc2ZW2BNy4SXi7ZwS7L16INWyjzWePOGwVNqiqlzI8c\nzz7+OxXun3xR+/ROiMzfmGYOQASQYUMs3ybpnnELG2E2boHKTTOHUIxifD4U\nDuA7eCC776cr1Vqt+kaIp0RjT3JVlqQcNrwpDcjph/0+tpI01frCdeAYdeE+\nH1q8GW40dbGAYwWYXHA42RtbdhRe8yODD/CN3zlxj9MTTdhg2JsMgSEHKKH3\nsWaBRXRXEB+g0hv9j3FNtaLIF+UPp0/HdX0AV5u5KYzw/dOFfqmFFmnU3sp+\nh5PsvQANvzVHdb1tf9XawIyzarm4+YUJK0PMcqyjOevYH7lglozy20kS7Z/W\nlIGw\r\n=WjRA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/utils":"1.1.0","@chakra-ui/form-control":"1.2.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/input_1.1.0_1612043558781_0.7649429709977511","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@chakra-ui/input","version":"1.1.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8d1b1734870168802a4d4c679f9bf0fb7b4bc716","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.1.2.tgz","fileCount":28,"integrity":"sha512-ipT5RpkwVTTzadvOEXt62m9a7Q3vH0cZf1Dis3xdh2FBJjR1Xk0Nr+jjXxtTj99Rn6UMxsVyq3EsSnH09O8o5A==","signatures":[{"sig":"MEUCIDqfn+wEGh+LuPE3dZaQRLIq2XoJWmveBUOHTIqFYuEVAiEAvoUs0pdd9iTP3L9q7LD8ZZTC9T9cz6KlyVEaVFMehaA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":79068,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoA6CRA9TVsSAnZWagAAjI4P/2zedfPn4H0gFKG+qxKr\nWoW3AR8xWE6hG4l5GK04VdnkgFWYn0T1esbNNcZbhVhB5K49feFCZsrwuqd+\nyFAHTYzc+kwM4Eya+FUxtvdDP6RH9RYCqH0zhKBv++pTei8/nMwEeaiUhw3t\nVYkHLsos5xijDeLO4mZ3WQzg2Lue/6VkbuHf77WWAn9rRDhCW8Jn9sbncqLr\nT0AGO4Hp4p8HTqRTvoV21uJCHZkz+g346pw2GqCxiKAHFlmbeUW8qqSDMjVJ\nUdB5ZU2hJ8yD9dL+2CbM9ER6y9s2SueCsEOxtW3Z6xnpXEMC8MXruTZlhjQr\nGUd8SzB2+s1o8JU9IgKSZBIBSeKVBsrsgXNbk1SRu5vlmexP0nJrnTJDWnRR\n6gEQfeXyAIOYo7zNB9DjCkwlGtRebn/5DzsjYQRnolCbhtNkZis7EfPtWGJM\nMjgbG8JLxVpCGdVvEqTD0AgX6m/Qxeg2bWUsqUet60BB3mHURP9AOrMgzVWX\ndAGgwOOhD3xSvL3r4d/gyOXKcPPXCEJIpEhBmZbDZBMKfJrAydkNScxZpmYu\nCg9RtaP6ZXgspUedN2lP9Dtd6pwa/qD3QNpSt7AGT3n4l6sL6ngrFcHh1XkT\ngZauc9RUxvHFs/CZZ/hPLpQSHfmYCgfhd7DvZOZc+W4ARl3gK7YI038e5qdq\nEX1G\r\n=BCGa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.10","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/utils":"1.2.0","@chakra-ui/form-control":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.3.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.1.2_1612611642386_0.09382509561726438","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@chakra-ui/input","version":"1.1.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d40ab036332d1eef1f9a5225bb9e329eff63b5ad","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.1.3.tgz","fileCount":28,"integrity":"sha512-WwTx6jPTqoXPXMYCftcnIPhJjZqmbcUlju2Oyt32+M1jc1uFa+uUUd2zBfNQVK2KrbzWISquCzYVF5WVehHVtA==","signatures":[{"sig":"MEYCIQCn6RMJwcCSNBPGxLU7jCIc+j09Gb7khC8JrsfDuQdNRwIhAPpSiNBr4vGqol8ftJorEryOdn9fy1e1zto9MCPM5nSb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":79289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3hCRA9TVsSAnZWagAALhgQAKI/w8CEFObVAsN2HSUt\nkwMbUySqe7DVw99JfMmNAneazfU6vYeGuYR/XJVQzQHNG+f/KrLeUmWWccEt\nvIvz+cEjiR7xuKHlOhdkCpOzkS75MwCqcfFmK+vkIdnPJr41SSM81npuTCgm\nnVslDbtG+0EYUcPNsLduKLRI7mUxR69+EdDH805coDIkvWQOLsFZ+6Wk8c34\nqQuJEyRB25qpEqlrLFxFg4Tji1MKCneyCauv+pn5jdZv8m3G5U1ZE23WyH7L\nsjSWR/AW0BoGBEJvurWR2k85AW4Tq4QYZJxzZ0eEuJRKwTmpI4V6Mv01ovwg\nDYAY9tZ8PRKfXGMI2vAjYI4EXRzvB1x8fXtyFgZ+P49Yq0eR3Vii8dl/0VnW\nGO4RwXa45fnKkxe7dPCmT/SWu4ruXr4BGPzn0uoDHrN+KTAwTnhUzjItkIPs\nVaLE6E4KzggyBz0S93FCPNPkOJhmK2nT2mKDiM8ciwIctcjvRnfa8JJVd4ny\nFeOJQ0ty6fRlnOf9UgILEd9Byc8YYfI57iWfT9qq15rBixnDho+FETI6irDR\nAM/LVo5VDcjj8W3qEtuywJDK04GrholvnRqGKIYLJHfLtgbYbPV7ZCM7lHuY\nUy/qL9tDKIqZ2JE26PLcan6Y/L0Fll8i6yUZlsvVQx3L3oUnLmfFm9Cc7U8l\n4Jyc\r\n=cf5y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.3.0","@chakra-ui/form-control":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.4.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.1.3_1614974432193_0.147203789846998","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@chakra-ui/input","version":"1.1.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c4a7ada280df66fc0fc3e1fa1edb2bb4a4d286e0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.1.4.tgz","fileCount":28,"integrity":"sha512-dk2JD7tfRmQLqbQXpDLrkRjVpdZeVIqNKPqzQFOTApzQPxyF0/wHVbrPtipQCzlqwGuzhF0WDVc+G/KAQ+3SmA==","signatures":[{"sig":"MEYCIQDyNpYOKiy2if1yGxO12+wYXfJZbA/lf3Bnpics7OrbUQIhAN7cwrjIZ2UWQOEhaOYcS4h+pDXSWOZOc/vcJ1JRSQRF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":79615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVuklCRA9TVsSAnZWagAA10cP+wezy0Im6zhKLCQQw+UF\nvefzayqJvb+QqmctxdUpEbTTNwsQs191MqgblnIiwta9rmsXsgxePn4ykXNb\n52n4lDs2jgYE1sUvKaM7D5hIkBDhY066OfCZ3rWG7xjGoXL4kZhEOZZc+NF+\nhBkC+EeMRYP3Eug8LNYL8cklLn9sbn6n4++KBom+sfCppt4wLN0I8a5VpLWY\nNEpDbDlOWWZabPOhir5Djsq3wcodelzW+/B578XrCyLjGyp90A9mUdcnYuPm\nBj4L5R+/G3d91F7EK2O77y/3rHC9pHRzZm17pELUHPQs25JmhV0AXg9rWexz\n1gREh8hA2HnHjHwITyHws9gEb5MmSN3Z3yf90+2n8W5cF++3cyI8sebaRfnu\nLKlQoqTGDJn+ziQcAXHiHYbMOOU0rMaBOI0/u7cJ5EoVcqkn5nxsaGva+Y8s\n95RJcplxhw1DQRwJ2otH4dHKP7RQQnb1RxxqrRAil8EelNVyvWAFyzjNPlPR\nIlSFlp0lLZP4WaC9R5usqO3KlxR4tPI7x7i1iflgj0FSHwSlaZvtXk9Cmyyz\nXqgbbgPozNsBYflP5ol+srWcbrPiv/cCHEqTefQ9JdpkEiDo564gKhymxqUg\n9U8cmq69nkXSJ7FU+kAW659OdqCFW+XvFaSqa3lHD1Xs7V6Q79G2lTgZq33E\nVmNC\r\n=PFpA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.4.0","@chakra-ui/form-control":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.5.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.1.4_1616308510181_0.5973035719279545","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/input","version":"1.2.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"01503738a0822bff4b54194a1beb58b7a34a5b05","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.0.tgz","fileCount":33,"integrity":"sha512-bodY0cxh6bsof8a5LjGJZ9soMQF3tcji85KzdMWYY3QmyPn9XC0Fpoi4IbHQrFCOqW8WnYnsOkT6kzVB/VM7vA==","signatures":[{"sig":"MEQCIHjK9dznpWrZgBweUE3xSsExuHkycSFQnHOaqyxRgBpEAiAHR97rzNivqAow9DZDjq7fUPtb0bkj69Iyz1Q+iGyyOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxjBCRA9TVsSAnZWagAAouIQAJvvjbm6fDjffRJ+HOPC\nWlafKRopE4zHinJcSGNNPu8v6ubVg1IiFhE4hQZtFv0RXZW1edK4bukub+t2\n8gHldQmpOOygR6ea8elVyDrIWjyUeLQkDu9iVCMSXm4fMkVRDs4nwTKeEtTB\ncOTnZf0lrZAePBxHUFxVkjSTcl1UbU5RfOqaNWkVgdA4AKNNpA6BCVI67c8U\nZXk0P3JEc7fDVv+aU9fib3123hXIrYLE798lMP/a5IGjCZJ/Cuh6tXkgIHwK\noktRlT9W4b2XtVOg8r6PlIt8+PfplGQfCDBWkuTqfMRTLOVkmycM9X3NJDxc\nwPMYlrx31PaLIgi0i/O7nkAPoKDU4tKR2RXu5Ax5CL/zp3Jy+3d2LRi5/xYE\na55Y/qYdKoZHB0x80dsh5MflLcq0/dE9LC7qHKReKc4dY//NB3niLOsEnU0t\n6u75T60eNF+kpcvEQDGWYItgTpSCSlpEknF+A2FXqxA2/fxOKk7+4U/McsgF\nEbdm37aqSNdJPPHieHublb6wUR5P6R1+mHBaROJDe4HgF4Tvwr6jnCom/avT\ngyV9RUxZOb/XfOu5Vsm9/WKsNGfWgtmHD6Dq60smS2OK+tPqP2YvfDbzVeB4\nsF95WQsfDNLXvbj15QI5IC0mu1RGke6Hdw9oeW/nBcXDRIm+PAy9wsd3IVOu\nBgwG\r\n=tXdF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.5.0","@chakra-ui/react-utils":"1.1.0","@chakra-ui/form-control":"1.3.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/input_1.2.0_1617107129584_0.5683796093861342","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@chakra-ui/input","version":"1.2.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e4cef42616ab4bb76afede2597aece1651730c42","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.1.tgz","fileCount":33,"integrity":"sha512-ynfBduWv0krGK3O3QOJmRXSyGaT+cHRrVB4Y1dINkcW/fhyec0UrUr1kFdBu8vApWpgptJ2o/7hdbIFo4OjQTw==","signatures":[{"sig":"MEYCIQDbB76Pj0LRZuZ85GhR5wBRekagmJVB00/3C3a+wZuiagIhALgYtj2qj6krI/fOHlqmbppad0r042bxJlVIqC47LDgP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcqmCRA9TVsSAnZWagAAwCwP/345gx5SO1XfXT/+JsSC\nGTl0XV9qAa3Tj2GTe6G2G06ZYfETzuu6jLg5AEP+rpdJkBhFmRQ4wWSKIK0r\nQ9wvZK5fNUPQLKBlCI4dAaZyNkNdBkYkWHLdjg0wBASPbIa3Gmp/Fmo7jumc\nCuJbTqoIFITBduyp9oFV8Y6QqQqON6B4JCpOFFw0iiQy+2ygqHA2dAWvjnfi\n3cQwhGQplaOZfJNP8Z0n7N8rCSsun0TUeCmlmMIgvnT7pTEr7mYXpftYshvy\nYnD36FD+Fqght0PKOvtlx8rEuno2BxPbhpmwIPKVCtCqZLKFHMzB6VAYOojB\nZusL98Bi1YdCvR/LahLhsp8JXC5zG9Q/DcWqFMVDZ9iOoMMtgI007JQ1n1uu\nOHx7QTAsH4EmG61XlAJYop0gaUgV30YCmnAhWuC3dobpj28M0GoMOOXQgI1O\nDLz6fDkRFw6mZgoYDYxmWvKFrk+MidFAzbQlCpsZM3nCUnAPQEW4gcgq83E0\nwtwpYI+O3Z2dHeuqEq/ZAebMgIn3axPjHqVgPvxX0z+gJRUfSN6cohtwN2Er\ntxUp5c1U1qoL/oE8PO//hYyFGEGPpLAO7MUk2fySkD5iMJtwZfNJk2FtnxUM\nQ/xIVoRS+owtr+HxsFSwDStAqfoxk6Vme0ZhM1SNgyWWbnD1b1Ru20gpVB5g\nSPzy\r\n=1fAL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/utils":"1.5.1","@chakra-ui/react-utils":"1.1.1","@chakra-ui/form-control":"1.3.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/input_1.2.1_1617808037555_0.606817679507766","host":"s3://npm-registry-packages"}},"1.2.2":{"name":"@chakra-ui/input","version":"1.2.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9a405f744b0e01e6fafb5cabe96178665ba3edab","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.2.tgz","fileCount":33,"integrity":"sha512-NAj6AcXgU0mpbycQyQghvRyDEYGeWncWbUj/g+wAbsoColoCJwb/y+khounsVb3zdkY+udhNc87DIlFapNVjzw==","signatures":[{"sig":"MEYCIQDBObEVhyM2eL7k2R8KW4JGUc/ZZinmc+CSzPgBnYKmSQIhAJixYJpkteuCzx7x3OXSd8CUyJkA9A+4Nnfeffd+n4zH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhcyCRA9TVsSAnZWagAAj98P/jMLhPwK8DK5vHi1ybCT\naPX/04GtjCfRlSrg6VuQqbf1y9aFkp51I+mNuU97GcGgyWLR+5yx0WUgf1js\nThYdVrAVXDYMJROLDT2zG9Eq/KIzCAy84rQ4EinHujwJLDk6eHD7jzl9iwhp\nRQSG0dlbe/68JowY3O2D+apGZbOY4p0d7RczLLd9g4ojrPkwyCkFw6BuXnHw\nAbT+Hy3VN5PJn7bsnK2N32TvvdYcOt8RNLVYEZ0OZkhXLpGK7JhCEa2S04fm\n0TBO3QPr6lEUnwDGLmASpfknR8OFPBf5zb+/l/sh4c5ohgu2cFNKEv3bG+EQ\nr6My6JsAI3uBYPB2QeVVtjpCdWRB0ORYqxEMNFpvm0GZIQOFXthYhDxifb4q\nyrE+fmv4s40zMjwhIOIcabCGGYjtYRrZ7SGG282jqGotmV83p6VOC2UkiUr5\nHAJHMTrkznUlVKmWMaSfyIh2C3hYTzQcL1hSJozexK/tN+6kP/RlDNyTC1At\nK6aTw4g8O6VVF5OJX9Oam8gp4IySMi1m8nT2iHmQDG4P7+MSo5GfO88cBLWn\nUu//08YV+29Hvn98QVhxPm2Y/zw4RKOlladfEIqt1sSezYlsKhzmIvLIqS5N\npmN68ppaWHYsN2gkq7m08msbSDPCFvaTZob7m8rvoyes1YT7yla7iLiMj9dk\nWRsq\r\n=uQrA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.11","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/utils":"1.5.2","@chakra-ui/react-utils":"1.1.1","@chakra-ui/form-control":"1.3.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/input_1.2.2_1618351921982_0.8015629980638896","host":"s3://npm-registry-packages"}},"1.2.3":{"name":"@chakra-ui/input","version":"1.2.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c8502e8c39c66bb44d60b04d90cfc14f6b28868b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.3.tgz","fileCount":33,"integrity":"sha512-VHgKkRfd+TPkSmiF3rUDGbUcRwZoQdRthAKH/UVVrCv3jd3vAsJDuIL6LEYdU8rXFBnOMx27nL1wvb6wNHrX5w==","signatures":[{"sig":"MEUCIGDkeGNCJ7Pv2yuplxlHHO0Dp4is+dVt5VXt8js3hQ+4AiEAuRT1oXCjMf3Xpdef+TPHBX4q7z7cht137o+h3Y78BJo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3mCRA9TVsSAnZWagAAwE4P/RxJMLhG8Zz4WUMCgXq3\nZwZSIAPTKZpbxD+1jzSOJ8JkKTrrM4VeSTGJyAmhlo2jWgiI504xEebFX38X\nwEk1RdssBQuZHfp0LxL6yreRDlLIAChbXo09cfcnEmTGXmtVJtZP5xjuzZuT\nAlRfO/y0k/1sOlJhzJBe2NuRC1M3F3u3Ip7zFQNfUDLy8bY1JRFi0hT7mrHB\nT37J+8Er3ccrD6UnDlsxjefwo23dvZ3nkOuBd9G5XJNnvzlHcaio14wNlsbK\nr0n0yO9DzRP44VLpcIaxLj6TX6iBBmAsxw153nmO7LKLvxbni8uDoTW5OVWo\nbdWVpPxYBmzQ1OAdtTSYQls1rRkHwQJTRZemoTDhQB86/GD7ZhBoBEcND0jk\nniOYq6ZvYCzuQaBID3CGp3hzArbQ0V6gTQzJkKjfrKUJ5x2KqWOUvh4Z3urX\nFL8SPiTo6shKnIqyjR7fVymiNakWf/vpNcjxc3MkMEEYmBEY/vCLAiwspiyy\nMmvKD5vzNEDzklNKfL0nM/ou2Tiouva8QGWAiyIXPywT9VEd6iRdLdqxSIsc\n3ql0Ss3lO1A5ZOWpvbQsToMDQQxeauIowpJLnPXNi5Wf/Hru364c8Ot9CPFz\nfuvdGRiJVZ6g1/KogY0Kup4+8RhtwWc3ycmQ8ppGo0oUTHNtMFG83UWJFzDS\nC4by\r\n=M0v+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.6.0","@chakra-ui/react-utils":"1.1.1","@chakra-ui/form-control":"1.3.3"},"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/input_1.2.3_1618857445689_0.03902545699424653","host":"s3://npm-registry-packages"}},"1.2.4":{"name":"@chakra-ui/input","version":"1.2.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.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":"34ee847c3f3751e01cd9c541b2a889a61abacd4e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.4.tgz","fileCount":33,"integrity":"sha512-TCSOQpraTqCetlJw8xYvuu6XhijwA0387s1N7+zM/sb1+HgWGG/qwaG6VEPqOrJ9r7nTgW7FkYA1Vc3ol8BOlw==","signatures":[{"sig":"MEUCIQCU5fRbbplbt45Hrb2/mNzDA7tzyHAY+9OxiXUlBGlGzAIgdBGvF198QTg7d1w0mgFrWG11ufc2s/t2CDPCXFgaNiI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82026,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwv8CRA9TVsSAnZWagAAZ44P/1+LV3Ry+EdHgIcqyEdD\nwU8+6waEtpRoNusJ1L+litr80cQfjqfgqNXx5yaXJGT6oHjmlEtVjap4tro6\nccOeSI3WCawTyttdWE8FxIhkh1H+g+vmHjHU8CFzGSLc1wHE3+FIe5iYyA8x\nd0SxbaHKU+FBU5NsXmAcSa+00Yi/q305U5nU4JStm8clfgfsp1xjcFf8xXdT\nOAk7v2to5bT2l2MGsEDYhnJJN/qiA7Vosfx/OsFvYAjnieOQU/QGuqMb1neY\nun/GRli1I0fLsh+Lbz+OAYlgGHST9am/rfvVXZ6V3zwOWopd0hIjJZ9JvV93\nJ+LPw8VilKngGDdkZ4qGPOwn9ZiynRDEW70d3JvBCjbEUMHexYSeZHHsFo8y\nkslmt62g8MGgmcB4Qb4/B9DpxobencjPiA96r2g6q6UQs4tz+Tsjrwyx0yNF\nF/+U28iy7RRTHBROwehsT5cgxIn055kfp7UYhteT+i9gGQRgEBC5hEf+kz8E\n2ch/CUn+pigVG9zWV4rKE2yrbO6R74f9UN6wHy6q5uV8emBfK5SXhyIBA0+e\ntFaxscgGg/gGhDSlSbogs4pcK5r//dK1f4NgDiS5PKTWPRUIqk1YkLxBnKP+\nteu8xyNUkYZA4CyR0vUmL1l5uxCJEcQU9x8hTkAjI6UkUwaDm+Oe0p56I/kp\nj9fW\r\n=WKz6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.7.0","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.3.4"},"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/input_1.2.4_1619201020171_0.5398005959369583","host":"s3://npm-registry-packages"}},"1.2.5":{"name":"@chakra-ui/input","version":"1.2.5","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.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":"f6e86d10f6e41bb0e721041840ce0fe122b6dc61","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.5.tgz","fileCount":33,"integrity":"sha512-paDyXHYxI/zPqWpDcRzOX/RqNA+G0Z6Lto04xi1oJKJEItRggFwrAg2RgbhxmaMCMoT3LO47sJgwU9f6XCyVWQ==","signatures":[{"sig":"MEQCIBUGmBxRi+nNYSoMCPbNj5sTMLTuKH0yTimL2phnncEDAiA9Ot2+l1ETl18JklCqshmdT0ABrToNbouhj7GIwF671A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82457,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2pCRA9TVsSAnZWagAABX4P/3gD/4HfNCTGvPYGx2mX\nN2W2Ocofd/c9tChFbXl8VCPAWuicoPjxc/PhB9pUYeCBKdueZIklKP0jAM2B\nH7Q8rAWb+fqEZ0tNXa0+ekIdV6DsRDGK4Sjah4/SMQWV4TQD/VzWc45l1Izq\n5WNBWzSivaHQgopMGg2tt/a148hrdb7HFyuvQZeZpITSqs7Y+lpl6vblTqum\nddiDi3iXE1RQKCfo4tT4HaVlBJvgV0/shDKW7PRkluoQ4aUykW98Ls1F8oE8\nLByqYWMckHGGCGYWceT3IzfrDy1Eggt1vjth2988nczmGn+lW3ZhhHw3P2Lr\niqsWpqIgiOU4531i/W6jqr/qBid3vkI2V6KSgXoCTjtBXhp2DOqF+rR1cyaT\nDzhsjiXH91hFSTcu4aaJGRnNi9hqyylQCuV28SP+nCq80a8AVjAAa+N9uMpO\nG65op3h9C1o0m21mmteeYUEc3RIUXu6nFtXh4S9dwNMaAFmTFkeuSXKsn8O8\nJ4PBsMMBnrLAsxFrkRuBG6BCVRdjutJltWWbYq2KVWY/hxewkS6agQP44CGI\nMiaH8Ud+gE5wJSVEcLHlykCWJzPQBRwXFlzBzyqO2IxZqHS7BAK2We8Kq3Ms\nl8iGGIRDoZsczzRPIQgqgWRsFgGR2qdpVwUy/SBZmqAcdJYzOpJi9nWXzGsx\nuIyc\r\n=5skj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.8.0","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.3.5"},"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/input_1.2.5_1620213161210_0.812513123002303","host":"s3://npm-registry-packages"}},"1.2.6":{"name":"@chakra-ui/input","version":"1.2.6","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.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":"a3ca1e21a1435f28e62c25859b980e2ab2e5d470","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.6.tgz","fileCount":33,"integrity":"sha512-rN/FdojBP/eUCNXNHw/4feWj7dt36ggiUXGhe5g6oDcInA2s7zlDIua7XYiIz19n2PNK+dXWbGjuAJnLCcTIfA==","signatures":[{"sig":"MEYCIQCIxX9fUY/7GZXDJGwrm0bR292XdYsUrIg/5TW/JgA1QQIhAKBZIveV3sdBRiSv6sQ0Ym05h8+caAED5gSOEjsn9Qws","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82651,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoubrCRA9TVsSAnZWagAAIrQP/jnNjSHNO7uVE7SU5cS5\neFj8Af4IyBLhyWaRk6DYaj+BkYTrGkCXRh1aLyQTIVg/KWL/b5O4ttgqAnfL\nT3BW3q0yZDPQNzfE9YmYnxzEBZoOAzIARXO18RxDib7glC+VXenk/MwEpEAG\nV6lOpF7BccDfPjpUOnrWpIY4nrSzgvahVLmLwv7Qwi1yM6YSq7VUfsCWLIlm\nGjjVkBPn8OKYLaV+GgkHdgMrHlt0nmqmsou4/5WUk4ytB3r5YYJDsWsukxWI\n3/+Vo0sMRtG+9NzLCeVYqMRoBFnj4F4edafICbq0XPi4F2ebjL0GTeTP3IW/\nlRVIVmLFyfa4XIPENkOrFeZN48GVSnn+5Ch1d0iNoTcBA1wTGPA2+h1GbPWb\n47gUeO3bJz+6eGJYYGF6NZf1T9IZxJ8I7YHGvBxwyVFR0l5awBwLOjxp+aDo\ngt+6F1HPRL/9MQDJvbAkYEIfit9sCYYKnyQkl2LgMC2TP7Hy6swquLCNfWBt\nBrImrxgF/8qYeGWoW4gw7XJwFp1nJbxEvmzu/hIJ0R55KfxyNuRUUeIJjXdY\nuFa9+/hsPnJA1npWYEoczDS1ZS/IKwI+sBUp8KH5LH6WxNS3OPiCq+FuLVYK\nS9yW+Gb/2gdKstngiCvu3JSTKIeiivuSNgzhsRHd4wIg0XrFZMLrTwrVwHWL\n/QFG\r\n=WsW1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.8.0","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.3.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.2.6_1621288682663_0.6347319636432502","host":"s3://npm-registry-packages"}},"1.2.7":{"name":"@chakra-ui/input","version":"1.2.7","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.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":"49221c5f6b13ca33e140b5aeb32ffd9b9a1032ea","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.7.tgz","fileCount":33,"integrity":"sha512-PpcpFy9vYxU0DNEVpSDM4/400MDh2pS84MW+cF0SIepJSL+5DczUe+LO/+yoKx0Zh6ccmOfUSHUVDQLczwEFSg==","signatures":[{"sig":"MEUCIGtPZnpu233jAkFP38HAf+ptOWvHlEfm1QeMDFgwHvRaAiEArsL+Ujp1FKeCMoXWrFqcaWqZBW9z5x+bY+X24I2c2gk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82742,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNnzCRA9TVsSAnZWagAAo54P/324IATCHk6XPtJfJMH1\nZnZYOemr2ZMMkvMIvQcdunMkv4/nsti/hJ1hho/Lh35MbKlTX2PzxHuRWWvU\nc3I0dZrMoVcK96ibfFdUkw/g4Hq2Xa/e1+sfVX0MKPRAqD9Ej2VGLCUVDD1y\nkv9hzjAvOnqrWwPiWMTZhb82PCin4jQDrBC7rKNKXBdx7EcFFCglI9FtbpFS\nsz+x1HvRN/xLRtteIDy5teZ6+t/BmRd7273RacAnY70DBCbN+fRRTSTBHP0S\nR6FcXbtXkhvBz/yqGogwAKZuVUqKVj5g1PbMJqPQwSnrXjkQsC3Zmm0bHwxT\ntoJxMQ+Dku0hDKNlO9ZHgxzRljT9nzJYrMNEi8kSpb/dZCYdJ+xzfciX9mNN\nh6AntBBheXd4XVDb7M+1CbVb+Cc25YyyuYEwN09+O9XUKWqy5pMZlrzDSI25\nVmOnCgvzXe3RC8NBSlXELZKNkbne4FcCukNKB/Kxfqyibf4Rl3OOvmIf91wV\n0lLDt+ZCuudUNUwMU55kibuFboHqAOgoFsYkV00or1E3BZ0JRoc/uE0yD0O9\n1sra6Wpu5vkjxgQMeaUobkMj+LVHCPevIWMYQ1TzBBxESAcEmZqIR2TKGwYf\n3yGXWq+iu9QKyHRaknCn19dIpxQuXMDn5xNXs2oZfQrFqIJJIYKbQF7f6gY6\nw3pz\r\n=k+ZR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.8.0","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.3.7"},"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/input_1.2.7_1624037875447_0.024898930667246688","host":"s3://npm-registry-packages"}},"1.2.8":{"name":"@chakra-ui/input","version":"1.2.8","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.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":"cab3d4f022199b7a7d3e889379f771ccb7613afe","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.8.tgz","fileCount":33,"integrity":"sha512-WGvkcjJH9XpOlpKI9POn7UDA8qnHf22mBKY771U3IfW2QxcZH/rPFwDE7YIMLr9M4g+rL4NLSWmXYvO92rzc6A==","signatures":[{"sig":"MEUCIQCwM71fpVFl0slRm/IVOu7cOsT/mD9vgPVWITXJOwVl0gIgXytVHwEoc47cMkrX3FE7Iw2j9r6ZKBf//QGZi0UlSqs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":82963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xQ4CRA9TVsSAnZWagAAY2wP/i7KkdfmB1+wo7+jujtT\ndHc+MJ7lgUuACyXd4KBs5ihLkNDQCKeYWvdsPd3TDt0C/GPZnbX50+k3pPD8\nEneFv6XBOtB6eQkhArzay0n6c8ZWLJack8OXRuEVZQ0WoZ5Fi3Qnbc+fE3Pe\nfmjNIAsgnyBs3qyE9FemF0CuKwJTX4OuHCH9VRiPv0JS0TH6g7wbqGLX6wuT\njeiK1xS71z6cvbRe3etMlY4j0a11VvbhxlCFVXJpj2DY1jDk7PxOsYMoWC5n\nXPML/cVm3PfgdJuZ7B7XEn1FW9vELJUJsMUucDsI1zkBbyPZ5N/wzTC2O/KQ\nQ9CgEiRYvhXxFUbyY/Oz/X+BlmaL7mFoxSqqRfu9snrNkhXxC+9E9/12ol9H\ng8lsMT3EmWWkGz9Cu+RhpmDgF0gHMHWfEvSVtCDBljPJ65q9hnFp9KvGCNUE\nE6eqsWMoWtTvArFdQjEJJcz0c25juBsIoxDL6EADD1IL7+9X8ElqD+wReaML\nE1fV59Vz2pvRHiNqT46uQRTQDebpWglwkU424xT53nyP05FGwubHBRM3Kpoo\ntPqhUwZ7cg+YuU7ur5fKh5zWbTdKM34uLiC4pf6pjZVumohOmHaJkPp6F+9D\n1Ro+CXut9DA0rzNXpLyQvP32ZFJUgEpmU0iEwFBaz4ojl0Wwk9YknJTKz0Po\nJtCl\r\n=IURk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"6.14.12","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/utils":"1.8.1","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.3.8"},"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/input_1.2.8_1625756727905_0.5036798351766429","host":"s3://npm-registry-packages"}},"1.2.9-next.0":{"name":"@chakra-ui/input","version":"1.2.9-next.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.9-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":"e34178d6def78dcd10e27b2a612d25b79acdcdf6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.9-next.0.tgz","fileCount":33,"integrity":"sha512-X25ldoyhNcQkvuWTt4As8qIyJfN4cPH+nvk1iaRM9uTXv9xdJMBQEaGLOAFfa0Haw6uCtQbDaAohHFccc7TCpA==","signatures":[{"sig":"MEYCIQCYpVrQHB3gtQZBH0vZ0PsYz8fRZ/+TygMOuAqNvaH/5gIhAJpavUR1hoN06yo48cFd2fHV6KtJqPuDoOUzhyz6fUQq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83672,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDFP3CRA9TVsSAnZWagAAZOkP/iHLv8514mDmlsRL06Gh\nNoSbPGOlrzthA7rLw/9j2mwj8/xaIl0eNOvk431LnQVWhWK4RR2PrbQ3CxLp\nHwjMMBzLTr75EYzruAfP4YGL5iuXjv/ncbBQJy18CwfAnXnrFhe/rKqQB6W7\n7BHG1AewtLjk4HPgReDBBjVKyy0cy75yGb9ssw7AEjVFwF6pUnQbBHTVRh5Y\nDHOBase/6gHUwvvwQzE3HBj1CJHpHytY6/pvzMhSwnEoyqhjAd5wFNr7gYxY\no3e3MFeAA/JLhX/vx2S5NHSW3WdjfnppzVEb74U9V+rDg6AtnDVAJ8pctlKJ\nDFgOt7zbh++1cB+HJG9SHPT89KvJUpCICBFayjIXz2sURpeIju21cnpSRIxm\nuB88OKlkeZAMP4l2HF2t640GtyDo+s7iiENQxDLzxp+G+AiDFBbQxwuzJa80\nHwiIgZgyCNM5X8k6fUlK06xDLfZfp9eJYXA+ZCjG8HcOjW2shovA2ohKQRDN\nnftBHVS50GEclEp32MnKqG/RXeCwPqlfKd8LNcDD6oHxlXHbs/QH91XSzp1U\nrCtievTxytPJojQC8wlC6JtBae/D2cAtFMu/J4g978NZ5FtPQVNhndpdwj23\ngVkIyGHZv0k0vstqI97C7tiZQEKD0vbQPUTM65rXkTP9UqERfi1zRHc9/LGe\nqyiF\r\n=NIsk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"6.14.14","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/react-utils":"1.1.3-next.0","@chakra-ui/form-control":"1.4.0-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/input_1.2.9-next.0_1628197879731_0.08679337774988305","host":"s3://npm-registry-packages"}},"1.2.9":{"name":"@chakra-ui/input","version":"1.2.9","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.9","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":"3b31d22abead621c816356f6200f0188853e0d6f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.9.tgz","fileCount":33,"integrity":"sha512-+qXmXQgud4MgP/+k2qsIUthY7jpEozJsd/4iZS/EXo3MHoODzXbcc2G7c7Tn5n5suxiX7JtJXZNkuflR6hcNgA==","signatures":[{"sig":"MEUCIQDks/PAiprxF2/gqdSg22qdLtCVpQHUdHx1yiYQYIu0qAIgIc+sDEkryIhyfeJr4JbpbRyjbfU+UGJoG/qBzPSzmOw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMICRA9TVsSAnZWagAAROkP/RGXZxYK5+6fdGEhUhPQ\nlXt0Y0dTYR+YVh/EwxApZBnIe9NADFf7Qq5EF+5Msbgy2t62ZLO64l+PMBdr\nI5XrG4l39o0ew78qsvXe3EYszRksRpGhtoHZRFoc1170J64u2OkXK20Ze1Jo\nABerRjJjKyNr144YOlx3GCGxvK8qq/QucjEXXvbbvdV+xJPcCGO3x1HodjX6\nXIhfUXQWzuzxDfWcP6Wk8KzCgVHLITbaWd9J2cqLlpGSdsmIuWGKHnWaNxtg\nxAU14aGcO8uJpImL5Jswy0+3P7htL5rhYEv4/7gWe9wKAY+C4HzWftNDKL2F\nTVE+KG4f7darGv5qyBMfFbTZiIkkj+a1uiJWm1mrUMb6YEwOc0SYAm5JiZpt\ndJqzobrKFztU5ZhtVthdUMIWL+LbYGrnSp+S5SY9+7YnQEEbHchnjy57ki4H\n5mL/EKLiXA+lWu7iEtwVPrNKvXabYQTdeDniYZWHYmcDdluncf/QpssSlNUZ\ntbrwZn+88NkJDgTMnjdgU0APp8tbRe2tUHkcbdH1s7BOZX83Fx3N9XF9UghA\nvEPnS9QNp6TRdS/xTtFRVFpRqSNw681hkUWt+ziSkHMXcmcHeQqhUfegs0Cw\n71RloDwr6OpI06tgHy0AEp6RdQj3x8mUWFfKvA8dkpk2iQnJmETj5GS3mABj\n5vZT\r\n=ITgM\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/input"},"_npmVersion":"6.14.14","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/utils":"1.8.2","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.4.0"},"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/input_1.2.9_1628504840138_0.4021455892381991","host":"s3://npm-registry-packages"}},"1.2.10":{"name":"@chakra-ui/input","version":"1.2.10","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.10","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":"d710c294d24285345b1b9fc214c36ed8b08d0e6f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.10.tgz","fileCount":33,"integrity":"sha512-xIAe/8vzFVlnwktJprhKTBOG1R+0NQaJSBn0s97CAj6kFZNVrdQkofCbs4y7KADjkxLblswF+NiTIXuAO9uGvg==","signatures":[{"sig":"MEUCIGVsVYGxw7gghPAtUO1ilFXmr11+d0lhTLvsch29pnvJAiEAr1hQkFg6jqu3YjrEuTAOeWlgctwIIus1mjjuMX+3lKg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83627,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhK3UCCRA9TVsSAnZWagAAq7AP/AzvRCXjpqJ4ZZyzx3ri\nHreKJCM+tAAN0Z82VFF/XW7dCCRfhze8ibwhp4+RlglZC9lmv83B4Q2n/JQm\nIfcIcHVS4TiiNOAO08u/yUJeeE5DM1UEWUsXyyaFE2BaiG5Vnqc/9A4UH1rU\nCHyJsR32Tt18kVv0ep+kdRzsbSZlttHAl20gOkP3rKGJUI0royC2I3xFApx2\nx3QGWdhplr8gwodylj/cEpqm+irSWHtinWfLkHuHOlm92J3LqtkuHXknLHMh\nD7H8eMeFwTI1U4kgEKN9+2AnLOQmOl3TLxRWhCC93SBWORtBleuOjxP3enXV\nRcl4hDtVMLKhD90xrGbfp3voHnU0lOE0b3y0G6UCPGULwcb0RXdjToe3mffJ\nahk4G+2ibYnjaVnVAcfwbpAhq60YisCqWd2soPdf4iIzIdQMG+kxLEfXaSTM\nh6CfkGneEOEQJ0oQ7t5r2xeZa6DfLssJz/KU+R8T6+BeXzO0Y5oOlCSR4D0k\nvqSW+Ytt0oW3JkyUyN3jIm4SAcrK5HyXc8ZwV8iCnI3egZgF9rhjMTFT/fbu\nq3gXHTKKxT/Yzd+E2TEswcZjv8oorG0NNZX+zu6wUwrnY7eieiDe9VnWhLEQ\n6AX0V3Wyct2YTiYpH7lkhH442yKnJBTZL/U72dtbl0m+pawtY4CLr/NzB7og\nkHtj\r\n=z/7I\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/input"},"_npmVersion":"6.14.14","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.5","dependencies":{"@chakra-ui/utils":"1.8.2","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.4.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.2.10_1630237953926_0.6483576881188231","host":"s3://npm-registry-packages"}},"1.2.11":{"name":"@chakra-ui/input","version":"1.2.11","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.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":"4e29b896e72518ab1ceaaf2a46e513bc20a0c291","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.11.tgz","fileCount":33,"integrity":"sha512-/UaUcdSoVA2Bd9sdODnuNpK0+lI68fyigzHWe3z6lF1wmLZB546MxXxt70ZvZWsu+eJ41qBNpx81BZZ9zCJP8w==","signatures":[{"sig":"MEQCICoHPdea4+sFZYDQW+bBIG48P7vbbwWAXTWCNaj9wY3sAiBJuXfYlZQNSXUX6/KWeVI6LgE8FQJxPSMA+NGAMyEl4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83954},"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/input"},"_npmVersion":"6.14.15","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/utils":"1.8.3","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.4.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.2.11_1634254419975_0.787088982652068","host":"s3://npm-registry-packages"}},"1.2.12":{"name":"@chakra-ui/input","version":"1.2.12","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.2.12","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":"bc6f4cdcdb4bc7b135def1dadc6afb4b168a55ce","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.2.12.tgz","fileCount":33,"integrity":"sha512-eiYVXIDAWCzAUNaDfsbHcr3xLwyY3K8w1VIczjxlnEl/s9zPczKO44OuP3aM/zQ5JHio3YPkR2WLQ0/8jdBckw==","signatures":[{"sig":"MEUCIEo1wO3s79zuC11ZlWZ2SuXoWsw/8kK3C3XWVj7TNGDxAiEA0RXF/vrjFKBSz+OZl8onXy/lAOoCccHe/hMnHx38Stc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":84176},"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/input"},"_npmVersion":"6.14.15","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/utils":"1.8.4","@chakra-ui/react-utils":"1.1.2","@chakra-ui/form-control":"1.4.3"},"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/input_1.2.12_1635971578862_0.552645688003121","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@chakra-ui/input","version":"1.3.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.3.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b1b6ad19d3b56439cfe1463e6ff5a9162c165890","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.3.0.tgz","fileCount":13,"integrity":"sha512-stjBbl0o+zppnNiWFYO6WUETWg93Fb8AVNa6l46IWkgG/WhbFAPvymAr8Xlh3w7fgbH3xc4fgP7nHeBhsZoQCg==","signatures":[{"sig":"MEYCIQDGtl3LmjCAhcOVCDZxwUgs7kf9L7e8tFl/j2EuK6ifygIhALAYo2mN8hHU8W0UlDTyonONxS0rBUlXCVVOkZTkXRAn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44726},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"6.14.15","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/utils":"1.9.0","@chakra-ui/react-utils":"1.2.0","@chakra-ui/form-control":"1.5.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/input_1.3.0_1636649806637_0.9642475339734788","host":"s3://npm-registry-packages"}},"1.3.1":{"name":"@chakra-ui/input","version":"1.3.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.3.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a407242239f7bb5fdf3b237ab90355c7d77aff9e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.3.1.tgz","fileCount":23,"integrity":"sha512-Z+LqkwVPMeUBuvB9dLDPKkBnWV52Q1PVl3KW9ouDIFg7SoemeYkBt3p4ttEKE+eIPsPlrcH1u2A/RGcCTZOe1g==","signatures":[{"sig":"MEQCIFR4Izs9u7dWgaPZZeL2q8+ztMm7vTSgkcQHXQZ+CtwZAiBrGnpaqJsLxcFWP/WP4L/m2NTfNBQPtXsY8E8ap5v25g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":60692},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"6.14.15","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"1.5.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/input_1.3.1_1636746692663_0.5497534874729122","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118154929":{"name":"@chakra-ui/input","version":"0.0.0-canary-2021118154929","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"48b411eeec7d4c3d23eee76338ef0c013c73effc","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-canary-2021118154929.tgz","fileCount":22,"integrity":"sha512-9l2lGpAFnl1OLMJ36XExEhX2/5bMPpaMNaU/bbz3mPKkhBnyb4hj/ABBoNEXIoeUm0bpvVUpFEdSMpnTu5Ia3w==","signatures":[{"sig":"MEUCIAN/Svk8j363V2+Za2RKTsAx69kUBbseP22f6fez+VsgAiEAjayFgi+oeveAYZbZJyIcJ9R+IXU4MpwqD4g0URVgMA8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsNQ2CRA9TVsSAnZWagAAVMQP/2+z1S2M/9/AaAt90eLE\nHEax8Gr47bddYhV3WX2rD8AJ4lBqBRU2bJDQL/l66etIJcTIJb4oeWD2zPPO\nQPpp1i5Sf4wCzWHVbdDMhvTIDt4boCMbmRuC1Kz1f7taVsZ6cQ9jetGbzNup\njceQ1zONgavLmEtK06mNbOwxLasLCNGBv2LgTWXICdraaZsoBKcEp6BoHOA7\nDBYOp+HprSfCCpAUwmr82TgGYUHUKOPbv1ECkdtJgNiIM5GMETgo3uRnKmPP\nS+dnm7AWf+CcD5LOIW+D6zDNmisxeRiIa6hgtnKdbAIRNDeMuYUhlbZeU/83\ntNLnsPozEUnVRYOQSfxICpNbW4HGfInX+DtgMwGb4fvcg6lwN726bVsvyysF\nzyY/FIeHOliDA/zUJ2BDfB4U+EGIMIJa8sOcqTCm6HNl54rqPhw7DOBZ3guw\nXgxDwdFJLWwi1VyyiCcki9X1NJ9Xb/d4GEfiQ4DIAPLMYST86hv/TqrWwuA4\nerwCH9tCn4wPN6DSXL0aWx10DrsNsHIB71WNSNeF512laDySgyUIZDkDx39M\nZ3iCbIhzwT++IZc3mOgmRVriKHBGpwJWLtMb+MJOYuTkyT+FPLavqSBdq9/u\n2gaiExrmZ5LQD0Lo1bXL8+LP4FppMsLbWXX9U3eHk4M0u46b+2q1pPKfPkmk\njr7L\r\n=gQ1B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-canary-2021118154929"},"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/input_0.0.0-canary-2021118154929_1638978614216_0.8472497896533167","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118164051":{"name":"@chakra-ui/input","version":"0.0.0-canary-2021118164051","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1dd64c2006ac028c401dcb70b219e92ec3bccb66","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-canary-2021118164051.tgz","fileCount":22,"integrity":"sha512-QyFe2CvHwYV6b0iXGmO0QeH6dqQg4BAVm5RZkhF8hOLIeJRHrsbgYMfDhjhNknzEA3Sm4yOOQ8pjP4ESSTnfFQ==","signatures":[{"sig":"MEUCIQCmBMiOiJ/MEWS1xVZE0MeGa1/Hmt8BliK3HeCBBxIBwQIgSWQg0GG5J/B6K37rwlB0FXljngz5i5lgp66OolfK28E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44070,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsOA+CRA9TVsSAnZWagAALEQP/2sUEB7LMMFNjVDy088o\nn1PwU7zKcLu9Jid7ikaijLrqilLwdt39ouhD7mmp7GYADjPHTnE/Hbl4DGor\npfRlRV9TDYG9RogFAeN6o3mYyUJRUTn2X+SJVeLVb8bpUYOmkicUz6T4KZWy\n7EUurQygrxZn/Hoe1sgOt74z2w8N6IjjpLtENT66tNFNEWXA5d59ElzmCXYG\njETh0WhtbT+W+jVZBLpplXFTKHeMQyu7++SSKcIKCfNhKVDJhlzNRK4kAPPo\nnkYIc19u3l9JR3seYRfAcY5N0nd4zi87gszY5Ls5mBHMk3BfJjYQjCW1Z53+\n2pz0hrNZXpnifG07pTpryTwQjvyHjlKkxN4pO1YbxzR4QQdoY1Fz4+memj8O\nbobf2l/UhP2i219k1GLZG8GG/rsGxfXAJVVycpTGws38esfl6CuNbnOfEGxs\nvdEcDvamjb35Hm6TDWpsUfn0HVP1ch/6mJv2PL9GyUu7/hIByoBn1Enlr6r0\nJ8hlnihVjcN9LrlnxCN9e3jUjTFWqOczarezu4FmYt3/wUNZn1iUrBTNc/NL\nF+tgWpPW7okvLJQsu5rERbmd/qUX10lkVcwtB2EygpH4XufwJ4XcrLsI36Uw\nY03QI1gUhbzM/okq6CR24HQrpfkwlWsu1qUKPP5hmPix8HSqkL8ivOj/tET9\nzamW\r\n=yYsH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-canary-2021118164051"},"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/input_0.0.0-canary-2021118164051_1638981694602_0.14150487895906338","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211191288":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211191288","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"508a40733601db6280100682c7e26aa5ac2d72ae","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211191288.tgz","fileCount":22,"integrity":"sha512-eoFwYxB9gXclDx7vWwZkrVtLPtobpRgSx5IdtnpJx4dqsFSUpNUKP5ySKuyPRzWZhioLLAfXS6iDXeVwD5LFQQ==","signatures":[{"sig":"MEUCIQCcWYkt4UqllqNyMPcmn4e1Wl3xyYCbHIPvCvIvMf5LsAIgHQ+BDV0/L4bDlz+YStlQ/3scpengbjjHUVsWVIJzIyE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsfHHCRA9TVsSAnZWagAAIGAP/03u1jzJq+gGv8SdFWxh\njZLqNxms+48AnfHY8Yo8dblylzhWq4oDxZ95ho5pjDRUvQIW5SlVbeS3qFgb\n3V4w9y8DHLQRWbJ/M3XU9tspni5VWuTnMWVvuk/zM02IPj76e31AbjWMymKR\nNZ6q0a+uYTOCYWu3w6n+ooYDSZ0jW2OmlmEcsQHTSmF4C8fmyHxbZLqy7hWF\nFjt8PgxL5zn/MJNUO1KzBfn+7e5bvpZuSFpuFiQ6CLFnnM/4BjHvyFhCPpWS\npGLS/+LI/dgD1/8bYI2jNpqNB2jGCv6lsLAJhy5YgXp8qcL0Cj+TAzl4zfW4\nv62b3ktsBHEECvoSmr2H8Ca7wHWtkT5wTp/yMTTLKSfiYFB0N+IhDn2TcF2Y\n9RrhYpMFMd50D7GBVnchdqMC4xdZxlM2HABbfiKgNnQ0h+sRmfaH+23w0fLz\n5Q9vs2oEc8JsZjQ5Elx04/Jb/haeU5AWIUa8Hfd5tPnUa+OKR8WyWqZ2azSP\n812XPRVnw86VcSIl3q5SSEpsPt3xBgTjKI/S2pJowuPCUdeRtpQxdEbA3Yuu\nMNzHzqcr+MM1CRstX4mcPerwUjFmTRDAgPrMSvxblvVYMevUKtp3UlajPSiV\nOnBoRqQ6abSWN0xqGgqnvguFJJ+J4Pg6YWyUBgygT0WEbe2rwiI7YQtadI6n\n+IxF\r\n=/+mT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211191288"},"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/input_0.0.0-pr-20211191288_1639051718910_0.5984902205673688","host":"s3://npm-registry-packages"}},"1.3.2":{"name":"@chakra-ui/input","version":"1.3.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.3.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":"59d49ab5c8645c51cd591d46ca23d5cb95e03392","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.3.2.tgz","fileCount":22,"integrity":"sha512-VMxmQgFiQ2UnBlkgLX/336G0IfYfw8YWF2ZoEFj5WL9kDSrrL1FXSBgjFGxrper74G4W20tESBCfU1S891y6cg==","signatures":[{"sig":"MEUCIGteGjYJqVOQa7R19NiySUzfVffA0/yDpzjJKoqMTXJjAiEAyH4js1K5a8M7Bjzow0TroTSh7W/XD+FIZFU5pmvVZIQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsgTdCRA9TVsSAnZWagAAcxEP/juoDtrR9HNbKKqAzzg/\nUWpBDyxferI31qsrJeyHUaJ5MCkGYjGaKkeRzG7LoMhGY2t+Y0bnDhDAIYjX\n3AoaXtBNGpVzSlvpZWnrvQJpFlqYQn4vB604vxWVai8zFLO4e8zystehgfo2\nIANKHIjCVk+d8D/JwAWnVzv5OjNEg62neYCWS67Y/1OcXYdRIC71R5udlkdX\nTWLz/Xw5amOdl/gk0W+NAxJUPz3ESOsgFgT3w84tQyOAZn/etQlD9a61hEUI\nkgO6ONNFqFdnOzJqJS4FCWYPOETLpkSZpNYvQwsezcwMproyyGCjt5DZfLt6\n/+EA55zDe8ZXp7D1Nm4EZDSWZ1LQ39NR1ab+DppDDTJpjrreU7bgFJVuGY77\nhJRjt5AOpeQExV6fXwA5Cez3ugw9EV8AqwFn4hiin001nZW/yVBc5BmrWv9I\nrN1zl0AxNBGtfTp8r4E979xPRW2bs6MQiW+NpPqF+CeSkqFaIK31VNC80RPT\n/L8gG65Zc60t3E8wpI7Wa8siR/TrykF69VZUgs0qTG8PT3zkqI8uIcILAIIK\n7tu8D03l1jEWUHJwPNtKviaRL0FFUlA1Dr70j+AAtJ6aQYxEXmbij9vsSu/I\nki0F8ak3UONNrcPAxBvSlXpZLA1bubZgCLHKD1Bg9Bp7U2jEeZ4Nn5aCQ1Mo\nz+4k\r\n=XCZa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","gitHead":"5aa302a018a724ebc96f396fd81e95713969d4de","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.1.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"1.5.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"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/input_1.3.2_1639056605472_0.3597382076121822","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111921327":{"name":"@chakra-ui/input","version":"0.0.0-pr-202111921327","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"203e3284d4cf85e0d83382579837ac6b8e45fe71","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202111921327.tgz","fileCount":22,"integrity":"sha512-H2/W/NnGBhdOkKEVvoC1W5mgqmTQKsEUh8pf7GgilkFJhLw3Jtb9o+maADQG8Zo/2dhwXIan3oON2rl2+omQ2A==","signatures":[{"sig":"MEQCIEiJNewuLcceg8XTlXd+d2/E4kdPiUyJQZ4lh5zmf+yzAiAK+KF11tIRyES0bMRydzJZaIIkeTNau5sebZLiYZNQtg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsm88CRA9TVsSAnZWagAA+UsP/2GmpvYNphFwuByCC/db\n7IHOO3QCG1ChnKTXFF7O4ChFLw6YCvKlA1PbUFgsyDuUqHolq/JVyTqtzPxs\nHf6hFvGMkQVfRe4DZiDDYFAocPkn8UKsGtwOwuUdT6Ag1FlQKt/W1crMpvUq\ngfKpowRBdSk/XW9NQz4MbS1FGFSsIyYfBenSk9dPwZU+fMtAjZc24dZkKvMR\n4nzhGX0Bzko7yC2uE67sldzZjrHAIZipKH3H6xVWz1fNeeAO6Toxu5QXRPXj\niBQwdf0rRooRamBYkxQxkOE3tQXjNKZ/VuIeKomD2doUPXUluYEhW633yFaI\n989SFQ2oJWhatb0rRQ5zRDzeuJAAMPAu1p6wLyvgp4P6hoDyWcSL6D8uSkOQ\nrkIoFb/JA1zrqWHkNsEe5TDvFxYCNzPbpBTc8/rbnWksU6fFsArLx7EFWWHE\niMPkv7ctV5bVETejLB3x4hMnNx+NtVahH7QflPivNbj4smjpppWxBGAfnJvj\nzoe3fgKKPeJG7jDLXFYm5WZ7RikRNrXQVA+nB0v6cVdb6bqCgdxOE2QhdcyM\nUZJ/I2ug6fuosEwMQPtxCfdqZrDVjNFtNfJzBLPMRHKkEpvN+klBqew38JNf\nYHl4tZZDOFayMJvWtilxHQk2g8I63+rhhm4wQw4ehr91Gadpgz0LKDFNV2HA\ngU6D\r\n=wnQg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202111921327"},"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/input_0.0.0-pr-202111921327_1639083836829_0.7161826380034404","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113195848":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211113195848","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1142a22e3bcdc67a402deafe2f36183e416e4091","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211113195848.tgz","fileCount":22,"integrity":"sha512-tOzWvhjtei99vNUY3J7m03ek064dHyTnmdYsvKkKin5F4roc/k/MkQPsYAJJvQ6IbtCjoA+oVst4n4giHjLzFA==","signatures":[{"sig":"MEQCIFFgWltFxfR754aqaB1cDY2xroQHegGtB6rAOKvuzeQTAiA7qwNI/LjScI+MJxB/h0Y/6cm3NrnEb5SEFkmfHcGZcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6YRCRA9TVsSAnZWagAAiy4P/R/Bbop9dmPN3wWergTB\nflM7z+d5/9M+bMWMA5geKS+v2Z4wgu1T4ngAQj+LRj1e1GsZVaOQk7NJVQ+v\n+XgNdBj+paLnWBrWtc8iTAqRC/DA/wsXAdpmvj1za80ada6OIwBLKHzacDWP\nFT6VjX1equcM6OdG8GKO9p4e5TZJ/Y6LHmcS95zi5TbNJg7p698QsseSEfsN\ngQhfEGuvbMSKuQNTBlSFCCxdolJGOkentJmnLgt8uY9Gf7eYMQyZ4jTvC52p\nbzsJJ6YVoSI7+J+y4JrbeFfCY6BKd2HIIpsNWTdtJUyPx9ehLmhMg5AlNTEw\n7pBs44FG+EHPNRuvZeVv6nSEkdmkGBo0KI843l/Cs5i+kO4JZU083R0P2VxB\nqEduE9Gu4LCm4EWjkHv5KPRH1G0nv1BRwVgdbsMqkCCBHFl6SatAcaCRFv/j\nvBiRrZ8Wu5VSwQRewOylqwXgHWZc1Bl/BT7bFIyVcBmGYJclN/zcdlJtIxlf\n6xW4GEQC8sVVNrHX3hhYMF5mR5d1eJyaONmxOGiGy0X9lOuFrDoWZDQgVPmg\n6u+R/XoOOAA4h5iTX21VNTdT1kgfZMj4aKVYex9QRBvJabEfV8yH3l8Fbpez\n8NZOl9TbqsyGxPWQhjNOuT2ra4rQPQID4A6SRIbF1yJdpxC+ZUri5EBxIelA\n2tgF\r\n=RkJ6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211113195848"},"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/input_0.0.0-pr-20211113195848_1639425553372_0.3637551879757581","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320052":{"name":"@chakra-ui/input","version":"0.0.0-pr-2021111320052","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"70dc604bfb0239c9045890f05ca142c408815f4b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2021111320052.tgz","fileCount":22,"integrity":"sha512-J9E4suWuectump0QyWMWXedMDep8t2zpIn6wYPCJ9eXJT4QmqZE8jDOqnQCz+sjndOsmkLb2dQLxhP37f9XU2w==","signatures":[{"sig":"MEYCIQD2xEvuH8Q/cJ5Dlmb9r1nwDQkzk97cgI0OGjBXEMASgwIhAIb/CJvmBgHcFnnuijvT8GP1WHno1cKFPrBI0iAoNAyS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6aLCRA9TVsSAnZWagAABmYQAJshjRKYWuCnSTB8X/Nr\nwcSSWshoLfKdZeOeomZWwcgNa3BGTrJ0jf7sr3K3MVnr1TpjwFZhUKCYD2DM\n9ToNVqdPt4ccOoc0DTErNFgAF3SDIKzW8frW1RHfmh3bH/+FWcTpkTkHWAWJ\nZpsP/Urb6g4IhDeh5WS+Z3gVaTu6NudvvoOnQFNjwv7fNY3gHalgxS4TgdZq\nk7uYsYwZ2yC2YGnhrgO4HdbOQtbRh4xctt9ZIiMG6Vl6dOUYCEysLmw2jxvA\ngnBVobPHZZeocVOzF1CrJN+od2+g2uoMhIjCy68Bs09UzL9aYQm9l2WDyIT1\nbP/37Q8hY9xCGxZYOpRcCkNivfpmvZGYiF0oGCPtzbNGJ+3NxPQ314aDctoY\nMeLLmYfLQvHRTtlPuWxRdzpyQV64eSPv2BsQg9kHD1XQW/Y2JDi5laXC4Vgu\nb9JvbF51P/ENEy8Y6FFi3QNdDuzWUOmfTNOzJDR5a+9tKKdoq7EFfFCkC+PA\n0mKuWpU2XQntzrsBTwYNK23SlXhEnhW8D7tVhO780rIMa59SXO7lgmC0/eWr\nAfkgGyDDyf7GxulNgtU0eGpeUqAxSj4r+5EioIOdz+SkrMigCCX+q56Cc1Zs\nB05WYZYU/1II3k6OqB9Os27FWctRF22C1SY1XkvqvqwL4ChiIzqi/VLHl5GJ\nsI7r\r\n=2CUQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2021111320052"},"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/input_0.0.0-pr-2021111320052_1639425675354_0.8233078597130596","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320117":{"name":"@chakra-ui/input","version":"0.0.0-pr-2021111320117","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c8ae9ce26adfa2b9be1fc08857667ba713499c0c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2021111320117.tgz","fileCount":22,"integrity":"sha512-9r3ZYsuwvtuXvQMjqFTv5dnbIqCttsHn110yAA71HQlT/r5vbug87MVtZBcIJlAV3P2XDNU1Q2TAugopRXqk8A==","signatures":[{"sig":"MEUCIESVPhrfad4qiFd4ncBoWog96lq3ATWJYAll0oHBTCcoAiEAjF/fASSnP0kYerqDufcNHHsUIxqnyxYTMPV55QihtjA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6jzCRA9TVsSAnZWagAAwyEP/3LGc2OyVds4gxV1PM7f\nGB97kh3HQRCp0vafPWynIzYOu0fz4J9y4d0qXWtmmKYw4fP1J4EVtoKJv565\nRvWXRMOCuYgFwRl/8lPiHriHxFgx/yRBO3fLFs+0AooRQBEGPx2kZ+4FQCza\nIRYw8B/YpuBQ6qrYQGBU5LdlSnsKmmLm+d+hf+x6eaQ0hynPfnDPxiPkL2W5\n6DKEMgl2f88abRM7UKKIoyDARdn5J2LXvT1lGdQaP3SSvGxdzHM/kOpHZf/G\ntc0wXoPOXMl2vHvvzU6FbZ5qY47xmizxey+TQwMapzXwuHMPH85EXz0J0ObK\nJx9KLlE5z7CXR2cl35m4zxpeO9Sp2vdSpyI104evGjQqydxsiDzfx9hronT9\nzhXpSSYOX7yMy62bMrdOnYXt/AhPZiTAx0u/SGwr/Il3ehN0aX96kXl5nE75\nIIVTDpdH4FlwebPZ9Y15zRhIggTWWTYuJqpbuVejXVYoCawAOFWolg4/B1Lh\nMSRasqE2BrFUmskwIFnaQEgCq6K3i3vQjlSt8uFk6F/J8XaqrcSqIKBfqVMr\nlFJVQ2k7Gt6LLjDIZTGqpTrAVL1fBV1dLox9sPXG1KEQwF1+4KH+UFa9aK/c\nOxI22pojdMXHy/YS5wFtqG6gMxRTkpOMMNn5KWtYvS4i0m2Y2zlFdz4qBZOt\nzOjn\r\n=y2Ww\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2021111320117"},"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/input_0.0.0-pr-2021111320117_1639426291380_0.08004665326868676","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113201444":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211113201444","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"296869f7ec64af3d7b5f79af3c8a824daa6bbdf7","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211113201444.tgz","fileCount":22,"integrity":"sha512-/cGFCW6k04H/vz1E/1/R2orkN+RvNj/nGG8r4We9e8ABi++q74tZSPqKe+XR42wnJ+T9f12TuFOxdA71+97mvA==","signatures":[{"sig":"MEQCIELwC6qPgVVqP+gQsloXeXQQYI//kbTR8y77uTBnBbcbAiAU69ayOJ+8Y99P1ZnS7GFxFfDu695maNi0MtjqIT9bTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6nMCRA9TVsSAnZWagAA6AMP/1K8UbeVm5a4A28JPCqO\nXQV2jenYClYmRkIY/xZ9htZISxc7Ay9tHl567ef2uU0AHsFTNYtF/RgQP2wC\nW06L4Y+Eib9zE7WL0glhfl+87ZvJfmdA8Fo80pZxaFq/EY2scWyFJtxw1Ifn\nZgKjRNBxg6T0TgtzcASngCdTDtxTlchhR7+IEGanQIeam4in4xEz0lhiLKC8\nOqfjFiC6pMd3hxSvouIMe0/kJaHG5lj8OGN0Iw4sjwJznUPtJVuHZ7haq337\nc+2HA1j1faDoeV7vh1jZ9RlMFHVQY8/ub0nco/XF5RxKXriF3qYI3AjcCD+0\nk7z8wmnvSVuJ8twz2gjf9/RcoqWGrIp0nDGRMPdPoqV6Z8nV3vrQUf1cz5MD\nxii6BMBpq99LjNp4V7k2ftuYyeeDtvJE8aYDnK6VR/9V+tCfM5lfGuADX545\nY4p//WBDoKWaVPRXqRemxd0cGdc69ivmeqAjABgyVlDyWr1mYgNgZGc+oo4N\nDw0L8dmYfJNLzInr6vsNJTLlHpY15HsJgl507O6TBjjGiXoQVw5xcL1lJ73r\nZl9S+gPG2nDQyMgF/NK1d2/q4yxumARe6sc2hgHWVY4mJ4gDNQkubxtO8jiT\nt3BhrakwwbusJ4FgTfkwhvzMAv6irmTAgUdT3SOvBxpeaGEwOQr5FGXrnh4z\nc78X\r\n=czpB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211113201444"},"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/input_0.0.0-pr-20211113201444_1639426508527_0.40850998749667045","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113202333":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211113202333","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d33fa7b1e6a6b83710a27f44b2190daf23d65bf9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211113202333.tgz","fileCount":22,"integrity":"sha512-VGwIsUP722haJas+rhIHIUenzUzgHD0d+g2hZvDKCBCpY2HI8qpdjN6YwuZma2YP6M+u1Mt6vVbjejf9R4F1Qg==","signatures":[{"sig":"MEYCIQCNJw9HnBsS5rEB7mHMtlrhPYJr2OaMsSrmo/KZhIUy4AIhALjok8GeQ84lJQol08nLECagYpHrXR/BuUfFIg1A1Dtd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6vcCRA9TVsSAnZWagAAKJgP/1w8qaOHxzX0aBCnO2XN\nxkS9CpmUck+hexI6tnxhv2H2kV1yyH+wCLs4g85O2sWm+gMs87cvlAOUduGh\nyihw80Cwd46+Eah+6M85b7D+8GCCtHGdQjgZ6K6SA4ofLUhvtMV535ddOgRz\nVyPNiGxyjYBiArtUxAvdX/N6AnzVHPRk3a6e96iIHfCvbzuqn+YUn+rGgN3I\ntr81teici3/KEmgSmt1qoYuuEk2kDZDJjkCArACYnGS5D7c1iyQCjFeqJd26\nhX+2qXpUddEmpluwJidkqPbYGwOdCKscfZ8MMJdDc4FtE77wwBiziRa7GYjp\nRzd5sSMb6nkjNekhP/mWeb9111mSi+qPzkBYz65zb5xIEL1MyPkfdG4I/AQ9\n0koknAtYTsNaJB/yvHVE4iv549cpiW49/HUl4yatrja6eW3P5nUKurG1p5Ch\nA/39Gn+1z39erkJLtmes5VU/OEyNhUW/gjNeR2KQQZevbwQYApjgBs+QYS0I\nDhqFOdVbsBwo/dL2EUZaVB+Y44fvVLL66+4McJHbvN8BXZhqWZ/o8Nv2gkS0\nzq5r7wxznR9S/IV26dw/F8AuP0DfpkvpSPqLYF/cQrgonv28irrIeNIlqwkA\nyqJx+Wv6wGFcUVOYG/mRAdXR94rRNmxyvudOmWNz9jey7N6ujsQI0eftqLjP\n564z\r\n=AWwz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211113202333"},"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/input_0.0.0-pr-20211113202333_1639427035908_0.9151484635796041","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/input","version":"0.0.0-dev-20211115102948","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5fce1a00bd732e68b822907178a59661c73cf627","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20211115102948.tgz","fileCount":22,"integrity":"sha512-P+P0IAUzTVPyYGWrFlPomuHQMQk+WDNltLP7bJ3TUzZLPXow3xBY8OmHlH2r9ZjgF2iaNzhqziKNVSfr2z5Gww==","signatures":[{"sig":"MEYCIQC9K2NxAEMA3QPn95aOUdtDluQgMQMqy9pWR5xuXD8H9gIhAJM9BSbMYuszhHSv2yK62tAFWC5MKZNTPh547/0fjueo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucO3CRA9TVsSAnZWagAAf3cQAIHTbvam7JVi1Po3ipRd\n7Dzphmd+jzOkB94WXsbUjUOuHeRQTkxuun9NBfF314XhqPG9LmCe2YOis/nJ\nOAs5rnO8F7wQwt9gXjJm9ZHDHqb4pIJ7ABw1I6HVGbRrqhWB72NgGr/8xDz/\n/4/Hhc/fCy+MmLuERQImFDjKl9YbAV0CZyjr5HpAhofih5ZTtOAfduH8B+Ll\nP8+Snn+g6bIhbeN2jV3zC4jWA2YQhWc878XVrVNBDUJGSMyAx3bbJ1KtDuec\ns3uJF4Cf9G6cdAr7Taghgt1mTDtRJIEU1Bw8DdhiH1+I7wijogtxj+aNSFgD\njdS+xik9cZ/QF2qmePw58I0NNp1hlM+CWaYhoKj1aWPKv45uaHvIRCDf2TcG\n4c8P6qbI1hhno3hXZlmewPQ0I21FhzktJ5lUp8q153MhGan/VY/WO40ETZfj\nElUh0F365X9KOZebpnbqRwkC9zeerrYwMfUuNeFlkG9xr7NSVK/NYHFJfDMd\nQ7qSMp49lhkzeAnP4aOfFipNlKJfsOtL7Px6RN2TFXOBKMmqmxnHIxO08YUv\nKqWUuYJ1zTIUGJCxFTeI4h9/hNY62CgGeGQ2OnalxZzxjE+dG1a/LFdRAk0V\nbR6UfjO4Bagvh1bPgKU/JY68s9fLCpxkqBmfT7zPu9LWn2r2StUSMfMikowA\nN4tN\r\n=EgQo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20211115102948"},"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/input_0.0.0-dev-20211115102948_1639564215456_0.6084009891875788","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/input","version":"0.0.0-dev-20211115103018","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8a1b4b6d635639f5d50dc6f06aabf5607abf6862","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20211115103018.tgz","fileCount":22,"integrity":"sha512-H2/X3/nVCcqgj94ceYahHTEhC62zs7JFhjK0RFj3PSjCGvmiq8JufIQR2EeuAi1VWFbd75R8sWlwf5D38O1QSw==","signatures":[{"sig":"MEUCIB6u2L8viuGyfTfQ3kmIIysVquH7/4bUY8RLS5tp+vGVAiEAiNI1n3WXRPbpptlQrhBULz+mZH3sAGms3LYcpZEgng4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPXCRA9TVsSAnZWagAAn3kP/iTElt/JYvFTNJdrw7a3\nwfoKXrhViNsBqd0mL/MdlVWqieirL+50P9NF+Qc5tTTUAJ2f2CcMNWnRdGg1\nu/u1uyi7lDkoPnSO/3FS4aKybV+S6VECdUTxKQ7hWAzaEM0IYNAGH8PyoIfh\nhr7x2muev57bW2t8TuPWh6gp89WnKcQXEtgZMwD7CwKcnqV46/qEn0/WWXA6\n4J5P8ScQ8l52WjnNhzoj1LGDK33LKtbvLjlgJ5KP16hlDSDO3jU0Ha1Eg8iO\nAP2ebbXk4q6nFZzFeF6kOHrurixIpgMGs0Zy//OGspMAjbYCTp5rzAtbrbWJ\n1lvAXgakrQ4y1SPdWQVLNpQMsWQATrskWt6MRYJv/tnKjvHGhajNNughiZS7\nZJJMnDW8DRXzqHxj6WHwgWkW0e5z6bx4okBNjKdB8sDKfedrnm5WFyxQhaQj\nA8FvF1lqI4untlrpcYpZqmiTC/5WLDceN06Rh9MWKyEkqM4j89kGYTY3w7iS\nPyvfuMOscAxBUZ8FQMwV5o/JCNWYNEyj7xHkXP+C5SEAIkXY5YaNHJN+sHcc\nmUtsdtUI8OyAtJF0l6Iv70mpy5PdcS3PAoCfPAGjsw43rLyAJ6Qnr0xA1bFn\nqwNGPZVEZIKV+GnhwqVOC+TjvlhDSLO4xVY0GIWc12iooNeJh4V/4Io94XkJ\nuTS4\r\n=INi4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20211115103018"},"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/input_0.0.0-dev-20211115103018_1639564247100_0.31728163354018535","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211115103050","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b57317ce937e8ebadbf501d82e65d4cb050b8e36","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211115103050.tgz","fileCount":22,"integrity":"sha512-PlXHslvUelRd02HGz2ybn6/LCj4JEWCI2xSts2yUliBwAqwLMOOCy1tRXwjQX6o4xzVSy6hDjhihtuRNbk9tuw==","signatures":[{"sig":"MEQCID7c57O7bHhKSRfJQYhT5YJ60JbPddUBnXxKlRubegiZAiAURwMvjtXJmi3eZCD8X78cqynm3RBO0di0ntpiwXi3NQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucP/CRA9TVsSAnZWagAAc0QQAKTCCa56aCzSMkNMbNLL\nbsYOLXWP6ugMWB4C5DAxOyCNIBsOpbMcgWDPECbt2GRwGsxHJksXaZPAoDRK\nJ8/DnA2sxMYuNAa0tZBNz3r3198D0sem3Evw9OrfXabH9nU7fWVvbiMNIbZ1\nJf7AKOPJVE+13md7XDaPaB5kkyzac+BRx7BreTTt+Ef7ww1xS+o6jYHhI+3t\nl/Amj0/j+tDShUIOlNCK07N4i8bkfx1L78/zHYL+lvl9Zx12BYR+889ugr9a\nWJiqTu9nFaZ7VLGmp3OvUoFxxNbXmBdktBtyj/5SwAJRZ3hPF0oKcMQ4AmDB\ntR9ocHc5n2i46argF/aeikupM9j/iSRpeo5ZDc1gOwe7wsh2KtyOE3aBnf71\n3wRmOmq0rdUtgcHe6IeV1oi69y9bmXfY0SjuidV1qZZo31fvdUditQoRb/RU\n1hLkfGAigOND0bu5VahvTajwDSZ6LTJB99VVDh43DpnFKTvaAzjnEd9OqQmB\ne7hezgU1uXX30Bp9tUtYC3AET1lg841IyucUwhWEVlfj4zJBAUzy3e2RfhXw\nBvhsa0k5ioMZb/ii6ilYM9zYpncLfRHHi+JiU21qo7bxD24sO9d2YiJDGl55\n6A+FAyeR9Coug3CXmcUM2PMRkInMr/H9FsE7hYJdrvoaFwo4MIRGpiyrE3G7\ntSvo\r\n=UKc6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211115103050"},"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/input_0.0.0-pr-20211115103050_1639564287177_0.3581419585027086","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/input","version":"0.0.0-dev-20211115103321","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0eb7e5be3bd35b122f94c5499674e722f607c9cf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20211115103321.tgz","fileCount":22,"integrity":"sha512-PlHEZxb5hUsIBVgEKwA2+MhMHPB3X2Y3qAowIwM9l0L8pYEYY7jASJbk3pzRC4cIUHja4EyC/4GQNz4RNc1uHQ==","signatures":[{"sig":"MEQCIF8OJRiDN68jeIJDIQSjNW6jE0BIfqnRtr+JIko7mEYYAiBDtbGg+ncG4KymP3FlgJg7khWfWv4QGa7fZ24GiK2+Rg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSSCRA9TVsSAnZWagAA7xIP/j7I4Vy2hiF1wDSiOgS3\nurgH+odV1a+Ws9BnCzUqODzg+sLjjJYWG+CLvD0hR7Gx1VhZ5lHpsobSYg9e\nyQz288lvMLI1HRsKmA6GaZEjZRqhB0nK5qYq5JpCr6Rupfc33hL8Jl/K+Btc\nqn1pe1tmfKppP+cH3LyTIB/wnhKzwQh7JTdpOIG7ofkoO26pARY4cVkoPYAL\ns79oI1zkE8PgcmR6boLmyzCoO6fBJFdLJXxQf3BfwBN0ITZJpbFCVUtLkzjX\nbpKzOIXFyxC0y+pfRKCrWYJoxBZcwmB/lp6xK8RFKWOaurOMrywJK+YGwNz6\nc1p3QPiVVaqnQmAv18n5TBKv3oop7XD6u0a7mvL35lyp+RmFoPAB7xBnGBNl\nNUvO+C4PF8riftd6itEHeWx5oDpCwXZPBWOdB19tGihAbwlpQYNaR6cBmjZc\n9dCG9B2GEDWEPhjIoq774G2wes/suVndjueQ/PgyPZHomaz69DAmyen88k5A\no5jq9PUdf7MVEeCl4NtZYCbU2nJQ/Q94evNTpttMfoT7fbdyidN0K4TwxANs\nNP8fhdT6vApklOwUSJk0uY9RG3rpcBD57rqS60FYMMjElRPVky9Rbq3ZzDr2\nonrjPP+KEZVRHdMerIATjcLy/pmvztgGITythog5epEdzsUucK4wO3Jjclz5\nAXfz\r\n=b06v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20211115103321"},"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/input_0.0.0-dev-20211115103321_1639564433985_0.9689437617682817","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/input","version":"0.0.0-dev-2021111913282","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c30de8e6b92fc2cb30f82f44729d850f2a9fc185","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2021111913282.tgz","fileCount":22,"integrity":"sha512-zo7Yxdl6Uwio7GXFhqvHSz0kBzc04bqGqBN0xJUBGsoAQwcmK4FYuzD3DN+Q5/jGc6vjnAVT9UB4Fn6gpnJoPw==","signatures":[{"sig":"MEUCIDBqWROqRVSzU1OV4gXzJoPhBal9jLcy2T+gpUcRxXmxAiEA9NbyN9NIuScRD068308yOOLQ9EhuPEMfC1K2idrC0AI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzOCCRA9TVsSAnZWagAAREUP/1cf0e94//FKy6Y5hm1r\nDriHr22gT1yU/Q25TjguK3Q9sMBUcTdmGW/MIFRQ2xHxD5bFKCEvEg53Ja4x\nwxdf0ZtA40rs7VYlqydaDzY+JGWM7ZDulU8Xp8EfXWLhDKrAKa0c5ObRri36\nkFq3tC75es3IUDZC92SEabGvxmylAvWdtOXcc2bk5eOVtMOEJo1evJfQc6Ba\nqazuYjcg2MrCLVqM5bBnuzE35zgo0vojFZKngKp1SrF3Q4xj3Rwsz1bR7OL2\nlw1P7kBcNTu8ZU2HDpPb8vg+A7J0qydvahoND1wkigmXhLXzBHkwf4g3Jp/l\nk6mN137BspuTQsfkfg9M59xxbuBBMj9RbK7I0nq6y3PtL9RW3g/fkdH2F/Dv\n9cx+BN6R4CHzQN1vfzHQEJ8YKFrOKSuII7Q8Apanpjee7QgzubQU47i/gZtg\njMbKnCZZ5NG9BCPYWZoPgx80dmca7Ogq3KjlXoOjJJ31YroEWoDcqF+dOPw1\nOX0a+28vW/CQb3kKmI7KMZjzwTaiAxHv1riB2dNCsKY3y5sFI7Cfj9SMZ4NW\nb0ZwRz1p9Kgd2Zsl2L1y8KVc5wxzkKZjRNeLeWkQfOjeDP1HU+kECObiXMcX\nsE2Ziw/F+/dBK2pvnZi1DVPBOg7GgjlSRhuUu00AVTrsRd7cPgqzVkMMXxNr\nJk74\r\n=mjYb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2021111913282"},"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/input_0.0.0-dev-2021111913282_1639920514538_0.23772016897716597","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/input","version":"0.0.0-dev-2021112024830","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"76ed3e71a3ce9e8e2ca78e3aafdc41bdc2eda7b7","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2021112024830.tgz","fileCount":22,"integrity":"sha512-GuQ45owDcX5t8BIYPmHcF0aPDKUPdP9m7u/2dOrpLioOGM9bfb3tnHc9fnV+/XMtfFx8SG/X0+5GmAqCAMM9Sg==","signatures":[{"sig":"MEUCICJkNHcrNReLb+QW3kjOmn2p/MKQB5EJpM602YLO6gs5AiEAnAqzd/EXkzJqijm5gonowY9ItbQf7ADgU9Jqqw803MU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8aCRA9TVsSAnZWagAABG0P/1lCXe9PQ2G/wuRVIjhf\nG+jNP/BUlBYN6vjkxYT6pF8sLvbf86KSK5aBJHoFG4f9eo9nYHYHuF36h21t\ntWPM3ik68lQi/M0eXsMIjUIAabUF9ACF5mP+roNcuORYLvpvwIy0ouP1CMBS\nSspN17cC1g6GwLnF8B38EvD+4aTQIjpAI/LuJy9ZidbAen8BlWseLcr2DBqy\n0PJPWFuGKM/bgOnrKOeQMcaa2f78hSGqYsJ7wJ25aAxiFif7Bj0VJEEt3+Uy\nX1Kqfjud0FMX282OGqNB2JCIMV8hOjSeE+1hvqNyoPxJvc48DeGHzWYTrgW3\nYQ2ueb1C4h6CBhO5Q33lzFKTDgpQkbM/5AVxOGihQ7qRcY7VHJMxk2zdEQub\nbKXC22O3GmV1dzfFldtst74/XlL7zZZNrlrkRcIv69niBS7DSyiPuUFmnKi5\ndc693DUznYjawywpY7uTt/NYZKCJ2JozmHLgFAqPEnPaxqj71sgacGsFTHCK\nxJdzem5vLUwYePu056vLf9hixuRLIoro8GSFZ0nNUw7n3+vxmTDipm9Ks9+6\nEAcvp4MbNlYrejYzTysXYLtioPyWeeKBseK4qC5Vfskj/5uL/0yy0NU4hJgC\n9vETGX+Mu4LZxYu9h24XnpDJDQIkaF3Iwg9IJeD1dUEck1q6dBVzPtPaSZfM\nUs/E\r\n=tAQa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2021112024830"},"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/input_0.0.0-dev-2021112024830_1639968538814_0.1423011985928495","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/input","version":"0.0.0-dev-2021112031456","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"acc185c3c62f73080e5202561bb552ce7a64fb80","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2021112031456.tgz","fileCount":22,"integrity":"sha512-dPGyaO3bjUjN+ImyyPB0/mPAJ6Phf8AmVJxiDShA4RfkiDFZo/yoSLTDnL4uMAzmijDzFWw77xs/f1pBhTSFPA==","signatures":[{"sig":"MEUCIAiDPw/YBRLFFWwrWIriQPNblaYhlTDIoSnMy50J95cDAiEA+ZI4T0xTfZ59BF4TnEOtrmuT/aztkxN2rZRxdoroEkg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VQCRA9TVsSAnZWagAAvkYP/3NfVU51iY+Zf3IuXqIU\nHwSH95HK9ss2TwQZSu6AzhTaPfhhVxhEZ55qUU4qehAZEpiHcutfHgHevkVL\nXWKNi9uLcAhzpaWESBEvi5qG1sp75Ic6CoT1F1bfOXySbv3noQBxrpP3au7j\n12ixlKDaDCFU8TRp1EJeYv+vB/eHPrUuFPifRHMTWdBGz7pgZG+K4viuVYel\ncv9/EqKud0A8Mgn1ZPPV6DtmphJM07cQQ9kKWCGZPzw+lfq0VhowIP8to0qX\ncpIac+2jhtrYe/z/R5UAXBHn6DJnZOhlkJ6vyNNDCN1o8eeFhkR9VHvzVK2e\nFOBnD0lKyMUVClOGnggssp+atjhskEoo0prCFWDfoe5ZNfH8n2NVx0ARvagp\nT++rMnEIUlpgpggQgWIwyL2J++F7/k2fOlKILUlQhLfJgJDAK2W4atSSh1D8\nNqIm/E+wuQuK4bQUBX6VjUMEL7MHYMrk6CG3rfkBkUeiiHgjHJAFmafcZQjW\ntQ7qKq9cf1vK9BV69G/tsDyXM9o6EhL3xkLSQrZ8yG7q1EtRCIzcDFB/uoOd\nvt40oFoLDJwF67HKJvywiyPM/VOH/cx8VqKr7AHBdaz0IKHyUzVaMW08QqrU\nFdr7gEI/rv4ittgi0OSllmF3PHee9mse+afqce7XAFfWUNA57cXKXILEa/N7\n3P/q\r\n=uKBa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2021112031456"},"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/input_0.0.0-dev-2021112031456_1639970128648_0.01797096659408859","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/input","version":"0.0.0-dev-2021112031622","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7543511c14a685049d439c944ee8d9d328ecaf8b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2021112031622.tgz","fileCount":22,"integrity":"sha512-SzVqjtihMVRUOKieTlPVeOeUil5GmSwb+m9VNSED4m6oN9yunJlnO1BPtL4hul4LGvf2d5sA/aYeJH62KPBHNQ==","signatures":[{"sig":"MEQCIFT2rRql5kKxjVTtm2XsY87aiISw6ujvdBetUfM+HqGnAiAN2d5wARyHoGWAYdQSGt/05dcIoD7/OlFKjjsLRJBIUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WnCRA9TVsSAnZWagAAeG0P+wfvSRFZfOkxVDt2gZFP\nbz5dRl2dbq2oX5yX9S2JONvMuqMzxTBWCHfXRNkB0Z7lDNfDQgICBlCowHag\nLbuWj6Lp4MYSUdNb6OOXflnpiaNHF3sF+V4Qhi3r6dssTfdeL2g0/fv8XPN7\nq/oyfp2xA6a874MUQ+rF2uI+z9nTrTvVGs5I5/d2yDRsYElNIhGXSpQZeJmR\nZtjYPopCzePwxkrFWFC7+a5W/F3kezIWQ2hbBK9PwcMfBo3wuJW0G1dcQiCf\n1m3onbtLQvW3JXvURwsbieHLMOQadnxxVkFuzlTUDS5uFXk2nUx+DH6GxD08\n+AczUsrRJ4Hwtieo+XxT6S7Q4yJ8diRldvJnXnEvPqHVol+u12LeQIBoPKcG\nyxrI1ikW3fIW3M21QALBTy2SlEsMedwVrK4evOw4c8MhZE4Oj8swXAuA9TQl\n47zpCRXX2Yh+iPMzygBtP657to7nabCaAZrdW3puJVJ5PPw45NjP1+3jWOwF\nwShk65h4S+onF3lS9VzMYBnTVfIH5GrMMZ029jSIUb8au/3coXkPFFlDDQqg\n2F50lHYVHmjobfi0Hj2km38sB7PLYXvfLAwRznOjJCWbmV9qWVYl26lF9oPF\nWnVKQatmmnuv1rcDR1jUaNSp5o9aqg90V6oUzmKOCd+MfHqnt94xt43r0Ce5\n1Nh8\r\n=uP5f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2021112031622"},"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/input_0.0.0-dev-2021112031622_1639970215141_0.4737354224986987","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211120212826","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ddf8d9678cc5521a693a76d2272f92f426f74ca6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211120212826.tgz","fileCount":22,"integrity":"sha512-LsPClwqmWXylq21kVFM5ZiZ6WJk39O28GkphKtsNG2uuK6iYnsheKx87j7BfaD1FrjYDxO2R+30xixmdoc+B0w==","signatures":[{"sig":"MEQCIDnSsG9vygpHqq0v2GJavuUhpleu17Dl7CrJ67pttUdjAiAXuYbPzBFxIw1pp3BXdTexEifYH7nVkr7EVUmjK73gzA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWXCRA9TVsSAnZWagAAg7gQAI2r5+dsKUKtGnW0VJmg\nAEypnY/7Vo+u+DZy8Ix14DkFaOfQH0n8L0ts7lAfnyi8ZAhwApZC+EBhQ3JJ\n5R4aaLYEnBe+thFrTaYW5MShva9mqzaY3pKxB6kBXIGP1k6UUC/Mram9BqQF\nqNz7nRFvwvUYWjN6i0SgQvZtZdhM+cGaJw/epsJUWne+zLmR9Wx2mvpoorUC\nWpBuoZl0P834iMfQfQhG/ymOEx/4wqOzRkSVzylcctNdQ64lAwE2Ekuspq8r\nJrDgpJYwz9GSBJaoDDIrDfQK172dbwQAvy6NfvrJNcG61CYuH47VvuaDkOUD\n/9A0wUrcGuAe7edTose9Nj2dOc1ISntLBPN+9YX48plY+KCc5yy/GImNiGVS\nU0hV8m9o2ueGOpAsGplTinuiF0E4INL5zzYig9b8QMHUEJudAaIP3BhfDgAP\nsPyZP4iJZs1jMwOHZDJDo/Nm+hc01ktgBBQJQI27a8bXtEW2qAftB/hStjB8\nLq7IbJZ9hEPJHB6UTn2dcmfX/gRhMcurxElIZ/da0pEXWaHu9p3Y/XPAR4p0\nMCXLOLRs7fZ6oeVb76o8h1b6pVBYzAMxwaSEPVDsSWjYQ7iwlsGfCKnn1Pyi\n15JBOt+K79VZ8s+4DKsy8J0jw/1Tae3CjlRjuVxZZsRb73EY6VsWUyViaiMj\n9VNm\r\n=PAqF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211120212826"},"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/input_0.0.0-pr-20211120212826_1640035735177_0.5214877840510359","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211120212927","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"21deccde31d28f6e2b2075b6b632562f9681bb62","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211120212927.tgz","fileCount":22,"integrity":"sha512-7hVSTX+dcgZm/YzVelkYedylhtq3QFu2/loTuOl+5k3Tswjnl6KsMMEOSPwGZILW9rG+csg4sjDsj2I1y+0V7Q==","signatures":[{"sig":"MEYCIQCFZGJ3FXv9kjE1p+TVzvFFHXUbWP0SHrgWVxGwd6uzTAIhALoQX0msrpKEDeWJ6vDroHI030YvNtlTzWbotth6qEN7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXUCRA9TVsSAnZWagAApNAP/2Fs72wDgisTA2EnPaSI\nR2B6T4/yBqSl8YxQk+aBBn0X9NcRYKteADIts9LoyQb3BALFv/uFrAdHAzko\nlMx4Ik1yNM4r7N8Rs4O8+RMTJyL49y+zREZVYBsANnMoxkMDngsgWwD5tbc0\nCqYyrBV++f92xh5Hi0MGus/b5RUaD91kTON02dlkdSQsye7uWUiV+HKMre/A\nFnT4kAqDU2lbBRBHo55AXh5sv4cDbnwY8hCUgTm1cbOmhvKEeLqPwDscP4gs\nWBYO7lzw62GqtwPB+43/AgJJVdHNNqTCvk/gcabBUFSvMJeJib5XX821+c7p\n0Zg0YSyWVKvTrPIUK8O6gB/PegWFsdLLSpphjbPYAafsA+21FK6M0EM48NM4\ns8sM6TrWEIJ5mXaSEgnF+83STiOds2G7b1J+/3LOzQ4bXNEDqqUnrEWS2JkP\nWVvIzMBhOcZenpub6w3XG39GUtlpDz7TkAuwGRAMFbEbAba2MGLFnMI1E/Ez\ncdbzd5QndC4zGBJ0ROOn27nct85IIF0r+DezS/cOwGXNXnep8xjnSBE58MnF\n3ZUZvZV+SmV1AiLprnSRxtKXgSFTdgMcNqqWAqus6FhiLRubIXA1LWle7o7C\nWu1bQL/Ztc7NobTs+lbQ7Q/jrGoxFa7rG/DWyDeO5Ls5yH1ES7UacxX10se8\ncxat\r\n=axqr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211120212927"},"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/input_0.0.0-pr-20211120212927_1640035796143_0.31238905791812743","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211120213315","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"58bf62c139e3bebae84f601ae4f73811a6eaf184","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211120213315.tgz","fileCount":22,"integrity":"sha512-mC46M6rSAgWmfTqLV/olAjsTUjuUa9+l9mntC5HT5LZlWGhF2cEaWTuTXPG1DTlimD1v7niNgc8w5A/p8mSVdw==","signatures":[{"sig":"MEUCIQC1KkLgsidEe08vqG52Wy3XJbJOPnGq3YdStF4JbRrwBQIgQzSpAF0PwhKIJ1F6O55vyt9ms9pN8INnGs0poRbhBeo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPa4CRA9TVsSAnZWagAAAVoP/28Zs4IBprO4xSwdjtEc\nI5rh1tQFiwPc9SFaR/oHXZdmDamHQfCgfmGSWTJSwKJM0mCtUcrEQlKdGh+A\nIUjQsXFqUia+Smfngf6g/Yty8rUfcbWeZvYiXBhHLDYXmUWUmKIXo6zovVzU\n0uNto5Ia+xXiH443cCBDqoY7bnoLywFA18oxcBMY+FdSHcYOm6M+Q/osXRuA\nlDhQkUeVEg76qHxLDqNWBSxiQ58FvWrVB7+O6fm7KICAT1DG0bfMhSIL384t\nNVvg9pDuSUSVnEXYbcrVdxPo3RnQkRxr5rQoA1rFTLBT8SWjkNXjavmelBbI\nGyoz+MlduqcJPtDY1zmM9vO0Tlfj98GTCbthwBxf+LqXStoGVf1BoLn5jTnS\nfVtXa+/1fcsw6/aO8WANVSspzsqKtiGuCbnsNrkEAHWPYFIGfAdTpFip3XSf\nzSFTvz7I19ddQcwl3426Czl78qFuXPppOyPbwj+wZvqD8BE+odxwNBWiHWSg\niGWqpkIxMyxNnj4qJmctph7egKCpR8sL/Q0vlJ6giN2LSXE1Nh9nF0Xvcl/A\nUDFo0zis16w2gW4S3WuPGy6ZMYhyQQnY5eHgj7DvTETGwJYNNhkY2fbE5FE7\nnzuxGBpdG4PC6P2p4ArUqYPb6kJ93+f4hZHc8TEcLjFu78dDmyTogvRWph/k\n7rN+\r\n=70Lx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211120213315"},"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/input_0.0.0-pr-20211120213315_1640036023943_0.4669538416373229","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211120214314","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"18b7d9be48a69c8a97d79f827b1a48028ec9690b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211120214314.tgz","fileCount":22,"integrity":"sha512-Q7D7gX4W6AdPSBGeK/PLI5wHwzYJZ1ANEf/qwMRCXbTTx9P8X4FPWxTR4X3yjWGNeMtU2MNcKm1vHurNhcr1DQ==","signatures":[{"sig":"MEYCIQC8CnpjGyfgEvTnXCQ3Vjlx+4bBqSycfqWOYhz1nfP4hwIhAKPjhRmoNM0/oIUP79tqb6WKqCQxutzFEhqxXz5s+BMu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkRCRA9TVsSAnZWagAARkYP/1Yigp2fvVgsgJXiNDhJ\n06JlGrwg1uRP2FmF1wM4f7/4FiNqRcLY1ccyvg9YnNKlhU0pl6mfUePxCxO9\nG/V4/3FHMxwpsmOJUXHpeafEd4Sbfqz+/qoRw+ZwArwpIPXxlbEm9QIVyON4\nA6ft+Ew9jC4ym08xCsJLGet2bGM4krm7Le1fVjbKr4pu1v9RTUjv5PAeERVZ\nzeIeTs3OUMwkbG9SbZH+SOnWXid67G29mPO7R+rWs3yeLgyvlwMiq+CQRds2\nd5kR3gIKfZUwq8JkAHC6GvPXZfMZCmjI3i3/loOy+N8QmKlSJy2qyisTpXIT\nxHazp6slMrpFEnkKLeL4/Ghx2fnj5BeEoCN/8X9/eTyNY16ZMGvr4ViHFNJz\no9oNGcwuFtPSGsu8yZhsHMZNbcdZCpbpEOPL34/mQkXXly2+ehI+n1L7b5Au\n0Qnb1r7icveAr2BaxKfCfUIRSG91QqeG0k8Oatob1CpklXzUnikp3GPuGR0x\nSq468RJf/mPhWDApbOfsW2bOKvt11itVSBgLGAqEjPgE/AxWqSKNpUiyGbi3\npjKpRLoXYZ77cRZatKJ7jpIqEWC0L4GFwF5gis944Up2XwW0oPxG9+aRGoKD\nwrHKbwhnDJPKLS2ag8rfhyqjJ/UIs0hz9yFfjhJzAcZFTzHMR0Ig5gVcuKCm\n5KbW\r\n=fRIq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211120214314"},"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/input_0.0.0-pr-20211120214314_1640036625651_0.6068225266399807","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/input","version":"0.0.0-dev-20211120215621","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ef5b0f1e5bc726132a0719fd21d20a33cf76912b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20211120215621.tgz","fileCount":22,"integrity":"sha512-lJ7WMdaBJcKxFyQkFicNY2VBtajQzcGCprSn5/IwfupJcIqwqxdTXjptSCsc2gmdRpVYqwl34GSY9mUCX5O7ug==","signatures":[{"sig":"MEYCIQD0DWQZQrTpBkW2fEAov4SR54qIO9kctg9SX20qySa5zwIhAMR9OozFkfXKdpFBvOtfaT+GpFnODEhkZGFe6YxMwUMP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPwoCRA9TVsSAnZWagAAFm0P/18hUzh/7llMmdS09wvz\nv30AxmaR40irPfYWKipM2fHBEJtvh13gF2CYTJb+ViDAdp3d4NFn27IzpjOQ\nr5Q/Rzr2MR6AMTPNL5ALCEvQqoGgzozbHNwq8Vnw1bqOm96bsxQdWAyO3pMA\nU0qGlFoqBm7UCk0T7s856F6Hb3lrwu2VX3olxtSFJbgVO3/oDiq9woZPPE+1\ndAD7q46X2ZofXPNr+tdf9/QNvYUpznnGdYH2dGMMycpjfaBaLAE4HpdM5yAG\nrHvKfs5bpQNWp8XtXiZZheH6zTyfnII406791R6cCawrwRNLhXRm3qvvNI1X\npkBiVbvtUXdDjgyor8Dl/UJd9oSrhKfv9GEWfOlHnu8Yy/UdgnGPCaMApZPQ\nOdXhckMkRJEiK4ijhHPLTB5ACikxo3KcbHIbWLIVEkQWL/ERpQytOzGdSWwx\n+YxD6no0G1EVX10Yuqm9N58J17SmUJo3gjozYfOnS9OhQK0NxLZWWv3PcIVQ\nqeAbkTg8EWIhkz85CbfEA1P8mD1ZD5TUGemqE5WrUIwD/GYXBs9+4zPUNIwU\noDBSysPtsrZerR7jO1hZtKGSgJmhpUrXkHCJpPBwdRftMyw6g9lYfxKzpBod\ny1e6z6t8lwfL54w5zP9WKQJAMjcLPeIxm7FoNLPC3T02YQJqDID3sdExzVu1\nYeSv\r\n=vcWl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20211120215621"},"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/input_0.0.0-dev-20211120215621_1640037416072_0.011013924482836224","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211120215645","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"37407f4fc8d0edda0a4724b13dba6c5e3c560ec7","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211120215645.tgz","fileCount":22,"integrity":"sha512-OfIgHNlyfJ4z3XrpBP22vcj9nJQhd27Mz/+ViOyEVs5iRFozKU4bwdjCW559Xkoe/Urc2PmKeXOk3RRzBM9c2w==","signatures":[{"sig":"MEYCIQCk0wNT2sDUjSPbyIsr7A2y5orGyV0i4S+SAH7PWZ6r9gIhAICDdZAmO02RwlT1W3zVIYi3i/K3t1hi4MKHYKjDpqr3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPxCCRA9TVsSAnZWagAAA2cP/2IgP5nwZ45oJ/du3VWf\n2peKqp9btp6QAyB18zTBAHtiHpimElbqe7b7MFUatgFq98zTRN2INEBCBFvL\nzdaX3satU44N44L9wHMrcN/0JqfeeFdDrIegtiSOufltAVf87/06dn73fZoz\nWwye3Zi6Zc7ZnV7YrRBPItk69/IbsfWhttWPeEndXV4u1ezfR/aWHKe26ibj\naVqis14lfVe06F/s0qc1eejSUdiIryTmKhlYllScdilfH2g6RbFY3OwCd99H\n2sP+kWSgkzgghb7Z0zDXmcp4XsGDZpgsZ8/Uweb1bANa4z7xVWKYtS4kORZh\nqn2GO3WNogY3mAEUblpH0tUxKcb4fxgmMxaYN3sx5oPqA69HKWTF6ZbTGZdo\nN4V5lSxVju8Hucq6NgLo6MGltmrucet3EM/tesyFUsp+7ozTiVkmQjMt6hBL\nedYd/SptBm6/eK21s7y48KH2j39m0ztFev1PSshl7IxeDubj4Nqiujq8QrW8\nNh2hfpXw0PTqgQApfm1Q7yb4KejZfa5N68l0aZD+PH1Q/1Lm6SUxJp9KnVyk\nSEvBuT57GpyjsAEPIpWBFEUxDyVVqJ+jfFL+7h8EmJvK4/DVvz6TcwgYyGIM\nHOQgDVdqFJA/kLDXDp/uP19qXIzGtrwfuwRjGOkMX7n7jqhw5QH1WMlElqUL\n2CMs\r\n=plee\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211120215645"},"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/input_0.0.0-pr-20211120215645_1640037442626_0.3633678509204872","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211126151058","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"65b52440c06a7cda935f84ba30490f14fdcfb714","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211126151058.tgz","fileCount":22,"integrity":"sha512-ysRZKt21Oo5eNmWDaqzeB2kP2VDY/ZgKdTP32trDRArJVSvzCpKN9pBSqqCCPDqDfuIf5AyUSoJ/8xB9eMzFrA==","signatures":[{"sig":"MEUCIQCbSqRAAZHyiekV6SJsaUAo4GQPw5fWWumcOeS89ZOv7QIgLyqjzTLrto/lER7gWrjTtzuq7HZ9jROMhbfoMgG3a5A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYiCRA9TVsSAnZWagAABF8P/Rz4qzyCNcufQE7XHrzl\nHtdYEeHx+GlOAlD8fScEMYeNEgSte6JPcYXssGetuRbITYZM4a23+kYNCp/2\nCxVESdqHYtrsq30LR3JjXI8mvOxGuQRDx4XYoNaQMlgl20sHCxTuLVOeNxDd\nCKHm+LIRdxMhh/oLUkH3/iYBCrYDVc9bggzIl554NmHjMmQyLUSSRNBRDAA+\nG4gg1uW4Pqm/H/56rymdWy3W2hPHqpsawHA/bqPBswqvFTCgZHFmKYyp0PWr\nEOq4twTeMfsX8dwtDoZXD1X9BHLowkpEo3jqAFGHRu9uJMO3x+WKQt/Vwv9E\nBF5D3y54X+mql87X71IHfkDe/nc/PX4Xv62oapAqPbFxoApUtKJKjUn42+N9\nNcFRiFCIJMH5ms5+kCgHCURn0fXuF2vVqG+Rnq1yYTvkus/FJ852CNciT3+C\n76F4CyIBP+YGPW5nav1xZM+ZniYsHVul4FDg1uWF8ym4M6cHoqrnCbizLbRD\nzBfBJuqV1Ewa0T7jmgyzYvmBMTP5ekhf1WiOBGKn/MgS28NmZApJNm8i+WnP\nGwpWN34LwNqmyQ9Do5aXc2prGgKjriyQtme4BoM9xJe5X3BPJkZazQD5N2sX\nf2S1YRfX6VGPlbluwBJKA26rUAhqZ2FpIkRQ+FOCAk9UB7wogS0iZ7Ex6Odp\nM8aQ\r\n=jVn0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211126151058"},"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/input_0.0.0-pr-20211126151058_1640531490349_0.0777749842441613","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211126153437","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ebdd646a7ef74a8a4f2b62e61863900ccb84457e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211126153437.tgz","fileCount":22,"integrity":"sha512-UTQWT1aNZOhq6BcQojLH7Rn8QSQTk+DtkwXhtmDyGqJMeaf3KweoJ7l89w4+87H4jLyJdnzafEHezCUMrz77TQ==","signatures":[{"sig":"MEYCIQD8iaT/necLzYm2dzUZ0qTLFD+BOMSUIlSmK9hwjaoLqQIhALE5sjDHwjBejchjQkSCtsLBYHsQ1GphfHQGrMQ0wQiP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIuwCRA9TVsSAnZWagAAuncP/36AjG6QbnoFiopvLt1g\n5wpLAJPQGyAtRc5TdJ03/j33cZMdh+oAF++BxRODUv0lGpjzmmFb34v0DX1C\nHTNrAVwfmvTWLqcQs5TVpcIEDEPg2yZ64ml0+oAmCzBLxOOkWE5+rI6rXFBH\nTMw9wlsb3GK8z4CdFybS6fdJ77O0WRBemzILltssKCFw4fdhH90VvTk9eM5V\nrdNHKEYxBhvT+S6tRqCscBr0PzLfEqfLofT3cQSgnTFoHwQg2vXRL+18pVdo\neFoAVnXjuF9KS/uIr//BYxNyeachIIpPteHmS2OUZa8UPbtjoiTBKLmMmGbT\ngFpSTeR4xK6PZOPFV3I8rjvumdaLSFKENRC/3SeAmLdXfLh/NlXDKwb2b2va\nBJ3Bir1Jm0aG+2/vNEnv43rK8RqU7Pjw8UBh66kF3sQCc80c1q5GLEGlT1s3\nKmZFUXaYKnkd8dk+XpqZNtw1NJAgRuNJjB3z5Xl1QxpfDJZ0R8OgcxDdf4n1\n/VX88arUvdLr0UmdkL3URvOiIcc3laL3Vvg7GKvzH0lIRvKZd0o6IEB/fi6Y\nW3kJqtAtPEyizU0ZBEKS5KoXlrCZ4CxYkEoMc9cbwU/D6L+x07v4cmCT6QUM\nBwLdtbffLR3Ury756RbKGCTedc8a1iLXD2jz9RIbin9Bm6lJfhtIX08MVEZ5\nvUhu\r\n=+MwB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211126153437"},"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/input_0.0.0-pr-20211126153437_1640532912355_0.12507944254876113","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211126153854","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4ab6065e0bb3a13c350936edc7946abfcf615d94","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211126153854.tgz","fileCount":22,"integrity":"sha512-ZZc3t0Oug1fK7kwJteiZzy4d1tB417D25QLYEzyaCjuFqAj5SKWEeIziI3vbG+RD4ittSj7N1aqaQuAH64ceDA==","signatures":[{"sig":"MEQCIH0vXpl7LAv8AKilpMJgH+uP7SkjfQBvMmNSD0QMoZPzAiB5hnm9uucJXtMF7DMh76yX42Ea2Xa0cFKJux8CgTuV/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIyvCRA9TVsSAnZWagAAHJ4QAI2lsH2WCiFKwN7Wvk+0\nuwTXgb81e0uACL63vQ2THcMQbUYRUX4uuMkSdp32SaeCFpJKLuTgeQD50/FB\n54LqeucOm4F/+eukwvPJ1c+LchEYjwduRw9h4Xstrwb37mYW6LSA5tp8oSGX\nPLhjuNy5r4b1vWASDVEfUh9qhRVidG+H0wDj8/PDVSUry8UXH9WE1ekzof72\ntYMW4VyBEkV8RgYU1I7UzaQvJscCmD82TBYe2lvZ8JNj1szPh+JMYP7mO9JM\njXcc4pbbQJ/s9FjqY7PUDg8aODyGAeHWkSeRqIYVGwtQlWCjB/jEAdpjkqA8\nKZrIz4bP9VnCVZlpKhVjal6O3XuQbQc8zZlObiIsE/5HRmXCI9y1SGngKfPD\n6wqykf0JF/UmZ+ivgnbKJpcteyO6rX13w2Z6U0stwT8ERow9wdZTZ14+P1/E\nSdalgrtbXmtwGaXzaJtVKfMfqg2DXE08wTSsNoAyIrv/8wb9eV3y8o0Ghm1o\nJtARektMLjsqqZZ3gJtYbFGzvFH0PRTSymdJL1fHGBvARNhaYznPL20zlWbV\nGk6mPREp20pmZejm3uPXircUZzmyL9ol5DNV1UdbdQRPiE0TXI+lgcieORbz\n57b9wcUSrID1wXNI8ZmYO/DHTJmVfTCaIsBO39CMjptUWhemR2n668vDoULF\nYN7t\r\n=7KXX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211126153854"},"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/input_0.0.0-pr-20211126153854_1640533167186_0.2877858127031907","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211126154235","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8ab4f3fe43f6aadc611200f8b9778ff939bde064","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211126154235.tgz","fileCount":22,"integrity":"sha512-wE07OF9PYCJoim+ANR3B0GJYuiSq3phvyptcRYn3MmN3V6Awd214BmhPqWm5Sa9Pwwi4r5Ws6G/hc2uSAc1/GA==","signatures":[{"sig":"MEQCIFH3Ob/pflsBSUzM1MvdQy7MPRrgEbVgKq6jdWvUzRJuAiA+snsU2uEjzcApyy0PtLkOf4C7jFoR3MEALCdvMh/dWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2MCRA9TVsSAnZWagAA4SMP/3xGAM3OoPu+54+Smn5b\na8y6AUyyyHdgNWnd5p+0dbrsNsHW6aigI63VAuOxk/Gu0/l4usW68vdklLs5\nRT53o8id1TtHVOZSmnGeP3MHEcD4KYr6UzpoTQsdCck2PhkfmVW/OOUSsY+P\n0auuKsV/7iXM3unLMQKgxLZ8jya2Am9HUMUcl06Hw+uGUGamO11RTLPkpNwP\nmmCXFCYMhy7u9XCgE+3h1C31ESYJz5jsqX7wP/qRtGl9Uhj7GMRHEb8HEDPO\nghj2Zo4dnjxqwPVi3IS4V7mJrAVdoWK4wamGH5WSewAjaxTJgYvkikbgE1M+\nfb44qPSyVNBI2+ucOsiHiA+ef46gvEZLK7A6BgOVU3TY65iiPvGVbP3Frcfq\nRCZwO9JfznL6MY0br1cailk0DMCTIeCnqffFqk47TQveFobJXDxRbOdtvVOk\nHMzMt9oaHgo/CYy3ZXhE+wRuNZsOnC+m35C0+9fDsz5JXheFWKGKeTxGBuWp\ncfQpreuZcKGyjKTs+9NdkV/UyaULMwFHBi831uvio5t8jzfMpdRwaDv1Cglf\nd7Et9wf0wiFKWWZlyYaj69q4RMuXaiyRHla3XcGF39TDwFjXQdgEqqaoNl9/\nRkGEVfitohpNny0AiXICNiayQdYtckrl+JNeLYUuL5CtOXCH2/EhRDxjsgHs\nH/FI\r\n=Zy0Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211126154235"},"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/input_0.0.0-pr-20211126154235_1640533388791_0.05546551018479007","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211126154241":{"name":"@chakra-ui/input","version":"0.0.0-dev-20211126154241","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"174989f56926c527b22e60a1cbd990b06b79ae48","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20211126154241.tgz","fileCount":22,"integrity":"sha512-ssDUS7pkmlbUG2iXQ6kxJHabFcYDac3ouhmUwP10R+Y4cJCeuMNnYSe1V+VfJ4XwNHXh70IpTRcNogEVMOucnA==","signatures":[{"sig":"MEUCIQC/Xd7fl5VGNJxBDagYSTxHdzLMkkx7tzmjancpUjHFWAIgdHj7Yq7eTTeha528YvQLa+XXBWPqACgqO3bENqTswnY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2RCRA9TVsSAnZWagAAMG0P/AnvY7GnkTSZTD/3K1qr\nDe1qowPTSGyVzshoJda0HL/oknglfHfUuD03xQKq+a/7NdxZod1/FQAK5sRk\nW9V5as0RXnD1pbL645n+HZVFdubpC3tiY6bCXBXXnpL+tUfnFoDYMSzviglY\nPp7rYn1Ug4v5cTA2h+Gm3C9NF8F536Q0HidPDbO14P0yPi5PNWbJ3rUSxqRY\n2S8sbQY9hELadalZ9DlpzCgj5Id38LME/1Q+ewqXO83d7lMrxOX+HNLDKB27\nKy5IS1X0FvXVR8oCzKjpxeGxabdMSc5NhuWcTAD2jGjfCUiegs6Hp/nrQBC3\nCRJFb8r2U+aBEOLPWnv/9TCgS2mzgfUNmokgGDZnmw5AsmpoTmVKhD8H7P/t\nKGq0Xxyv5QpSnUhVgMYEqVF4ZwsTG+sUt1X3mDBvMw8jGNXyByndh0PC0Xb7\nOfInxJHzJvAc6/4HryMc/vv8zEm+V4iVuqfyN10j5Y0jDXAcqK7Gt5EqGVGN\nj4zW+N3BFvAws0sX40/IeGlWa2A1sbi3I45Awbu2he37OzLc7zrOKIjG8rdq\n7xQxyCm9J7S6Kfl1903ZPBECB+E2MJdwYFZgF/LbVF9/wLqw0Y4ku+C2bRP4\neQfpXqgmFHEVFEb9DddS53fShTW3/hGiwdD/p6myfcOxd4/V6F2Sjyjn5AHq\nzRJP\r\n=QQFi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20211126154241"},"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/input_0.0.0-dev-20211126154241_1640533393305_0.7599705457938708","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211126155055","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bbca54eabdb1b6e9814340f6ce4a7a1a4b04e4b6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211126155055.tgz","fileCount":22,"integrity":"sha512-cUl85O/qK1r7prJScYxrdJZeV4ji90dj0G4SFhUjf7zAzvAMoJBE3rU7qRMQfZbv0HaAvCTx62Wf1uny6th2Aw==","signatures":[{"sig":"MEUCIHXKEJ1XV697ttqQpuEOOIdj/0vNe1DPRmvigBOms5yhAiEAkmoBmbJCB2ZYU2NfpT2AMBwG+W4Icq9U1b3O3TjyQX4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI98CRA9TVsSAnZWagAA59sQAJm4K3ku6URUVUkqw6lC\novfvyvn0IyBw5nM2p9wvk0W/bIm3QjQh1eU7VeyAKTkcRpqMZ4MSR759truu\n4+Zt2S1HTm6AY82a+xAts3qiaITKsWmCykLcLSduqqkRdl30hMacidqMEMP7\nTap/xfZ3FZDJVRh+Mn9+dlPBu6ellsWqW9EvAAO7vsC2yaGyRrT0noOj5/Jd\nMuQslF5s22f+4+f8Z7ReTLfGm4a7zKjIiQBKMgf5mJNbTOPb3bpDvRYetMfR\n0HNaja1q9FCKTZKnIf+sdJcjL0d4JyiIk9TSke4mq/7oMmW81YYHXPCAZbLq\n//PpoOd3eNr3SMO9iwn/wv0TlVUd91kK7o5jQb2V+0Y6hhTEClC3Lxb3x/qq\nqXH50HdbyLtXhqVRwGGqEVH1JhF4MuTz2aT5yLtwwJTpAbZ6wCpVo4sF/mPb\nzd1b84xnUbaxyWBMUKYUt1502xNKgUityNSH/IV4X4x6KCV8F9YEnyqzvLHh\npDFUdZiiUmRxTeASUFF/F+YrsNDm6qx63kK6bRMWIFNMmwUktmn0rCtQsXbW\nZmNo1+MfF0gqY/voZVw0q6Xy5sC6xsmmiYgvchytLjYGe8WmJi8rMzlQ+6K6\nkQSlNHl6k/pkrjGiR+9heM1k2Tc2GFCfI0QRWrH9owublRhBhPQ4cy1iczWt\nhmPa\r\n=uwqK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211126155055"},"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/input_0.0.0-pr-20211126155055_1640533884012_0.8312463558163155","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/input","version":"0.0.0-pr-2021112616030","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1691c911831002853608381ce041e1d612e053eb","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2021112616030.tgz","fileCount":22,"integrity":"sha512-xDqZf7Xi9rHUTddI/ps9JOpSGFAWKAyFIKeM/HFEDVKEHwWkSaKdgsuKsV0PjSqudLUqILG+ZF/rwD0Rc3Uhuw==","signatures":[{"sig":"MEUCIQDYRLPKVIm0KK2Y8USx6piWwYuJueQ3fxeKfrqyB1bV0gIgXLV4rBYn6cNvUXD8f1GjD0p6hhjkVLEbR3McGzEQhwQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJHCCRA9TVsSAnZWagAAY+kP/0rx+tHHg4rc61GcGcUd\nkPEcV0KSWykY69f1DGJsTMjiL/+zIqWq54iptXqH/BBVsAoSQ+u3GVLmCqyW\n1ouSR1XYAZsSsxCyXp4hlMuXQaQ6hnWunkSoKyfSheUJhbuAWPWn5Xp0LHMb\nPTloJXi4yOqhWTNiMxiW8/W+S3ILNI+jJs0H6cOYE0aAOJUFC5yRfeoMe8Pb\nJesl1lzp3cIZ7UgDyalpeNbmgd3GbeA0N/1ITiRZh/Aie59KdolSKc9ybHpn\nqw/Js2TA+sDDNI3iO7u9pKiud5ELBO/gs34ctSSUv4QWk9Gu42LzMisgpcPN\n8rKWOR+QgKuZHUeWMIAucZ+91ZpUmI5Mr+Sc52NTICFK4N/8CcfCEqNnerkH\n1tuFV9lM6RED4V7sZH8s0MN9FIsfMnJjQRmdJ+7flwRAQhZrnTsOV67fx3Bt\n3VbHIPC6ZAYivhyQfbmbjlXIIH5Sy+T+nsNsl6NTTFoyXB/FJemlaKF5P/Je\nztR0l/9mCy68XIfhIn+zv2MDiQi6jtnm0G8HEbjGmWT3DmLrs+Y8IVTbEZ60\nGE7S7rD11lFsbjWUvTW+nsyAgYKZUrSoNPo6Fxjv0YUYKGtIgbRLpK3C5tNS\ni5v8W/yoKRkUCi3kywNS54hHqYWbYbougccKhu/Nflc/PaHWlic9BAFA2H4s\nmz9A\r\n=jxJ5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2021112616030"},"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/input_0.0.0-pr-2021112616030_1640534466239_0.8901110693034222","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/input","version":"0.0.0-pr-2021112821613","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"cea2e40a006f50e287cb30d2ddcbaae5deee118d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2021112821613.tgz","fileCount":22,"integrity":"sha512-8x8xh4ZGVf8h6uegqiLeOc7JHFuPx3YoYP1aVgdVag6UZ93hRh6+kIVi4BA1Iy1quK3bKxIYcTV5JRAwUVvhAg==","signatures":[{"sig":"MEQCID6FrxKUqKmbRPTJHCq47Jn7JtLa9XvxRlD2bhD9/ZmPAiATs/kg8ap1ulJMhcgtQ4lfnYXd2nn3hp9jFLuqtMTELg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3xqCRA9TVsSAnZWagAAnIsP/RJjR8ySS1rY1WYsEdI8\nKh+C9rM73czDFtB7UNmGetmH8DPDH/4hqygfRpUmb7Q5cGph4MGCB1x0T5cO\nBnvzd13qtUSjueIbAUeKlM/8vuAgHNmhzsAyvWCYgvx3jtH4eICwWXFCIa88\ngxalWXwdlIxMqOVsX2wUXoXuKZ8IsNNkxFwBpfPk81/kskgqcdqBElcueWvR\no6JDvD2cOQSOfeLxAslm3sivD5E8aNGlI3r/c5gEHxMBO/nYMmlK9Rdn4oVu\ndIV+t6i4GyyhM9QCtCulPlPPq2KFTCkqzxS7nP3Gj3ni5TEa4ZL3TC8AUSTY\n6db4uU4RIE+m47x6J9BAEPRXrHFAKp2ktDnDh9j27knwMElwrtNKR68NZCzo\nNnmUVfpZGs8k35unQdWNQFipo8V5jPTsSI3Bl6PBOyUev/tGwYQHYv3hKl0I\nzwWAymccfcCS1Psdr6GJ89BdO0HyYFYADiWE8UleCUwUDuY/2Fk1ozHB+E27\n72M4jAh+wpBTPNyzgnACi8GGYMD3/PalK7Ul11mROilcx5+MiGBjcPJv4Jum\nbMfTnP2sS/wy4fQfbwCW2F5Jo+K7s5JelEs5lz0dC85AvtYYI1Of19t+uEJ4\nxra9s/qvgWDwi2vvyxuWBAdgNHVRsFaaXzlFr+BxUEi7FYf09Ijr7WjTOh0I\nLQnV\r\n=/tY0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2021112821613"},"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/input_0.0.0-pr-2021112821613_1640725610563_0.21098058058350944","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211128215540","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"04b47dc971f7106eb821214457bb190df5e0e839","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211128215540.tgz","fileCount":22,"integrity":"sha512-lb8muWyK+Z6HeYrz3Jsxui9HA6LzmesEZgFtDDncMIFj0v9ji7D8149jJgl3onTQj1yTEXG7y4W2ljuKLRl8Jw==","signatures":[{"sig":"MEUCIQCdtz0iwYXp7efvsv3wbdycRYxk+ZDEff9zoKv1MGxhkAIgJb5WZTk4qR/U91TZC2G6qiF7weTWKTQf+VzehDbflDY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4f9CRA9TVsSAnZWagAA9w8P/0/t/PVzizk12+HdEdai\nSXxPvwP/NYxHu36hmnNLHf50daoNupwI1Ek3r/4CNT++SX843LS8JlqWyjld\n8eQQLuP7ltYN/e7ZfdbKupaHTlLZM4mN+fH9Gj48rOqTINPFrxMy/Ixj9z8E\npJRAeKIqBkLDFo3hJSDtBNQnaC9ZU5Do0DAD7f+DMLbGGcgB3N7iy83Z6ByQ\nRp/eV6BsHpNPlnQTE59hb8J50zXpg+dEWnvCiLQoItpHJg+KKyUOnsng8F8+\nboSDMNnXNyI5hHUm48uR98EqLkyLX7eWWa+vgBJl6ukmW2GLFuLHRrPGvj+Y\nBdUByH/zhoSDfMfdgGaMqw5J7Xd7QPSrcFc5rDJSxbvOJhbog8DW/lb2sf8/\nHrLj9yXglD/3F6zexXYGKuqd+pPLiOOQ7IhqbHpZnwT3vxYUJofD4pBgP1vg\nGI/KFJ9nzx0aPIZVsDbRcClJhLEhk7sLeisgvpvGfCp5YcDirc0rqCZt5yDU\nLN2Z0p2gz1ZMPkhtKRSzdEPE1ElGUpcJHpnNk879LzSkbWLLApe/CLEQqrH/\nLvYlXx9Du1RtEOiGCBVLyEBRp7B7DuWBL3nXjuiJwCuE5EWlpXJ4hNuniixQ\nOHyCsbuysWTQQ0F8BXutjwKdmhkhtYISlsVtiS/26GAEmUPL2QbL03FRPHkL\nSsdV\r\n=wND7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211128215540"},"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/input_0.0.0-pr-20211128215540_1640728573009_0.35498147934272595","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/input","version":"0.0.0-pr-2021112822349","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2b5c18c9cc9b45b9c2ee0d014093f4e882614d11","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2021112822349.tgz","fileCount":22,"integrity":"sha512-zUDnMueGT43hyaxskpc3fV/arkL/8yUvspUcfXhV+HzRFXSFrDl/OlC4xOvA2V61w8xaV57nnqloYlL1Pwlk3w==","signatures":[{"sig":"MEUCIBOgVRyrVr3dF3ja0+P4yyivcGGrTulfLMGcREdY0mT1AiEAijCqzsxXFWl8IVzpRdw8S1c/CKfiF481EDcwLfzR9yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4npCRA9TVsSAnZWagAAbCUP/0flIUTANmnspZB3dyMM\nqlPe4a7r8yar86MC2qIO9wJz3Pa2Vp0c7v3MRaPWlxNvLnNdt5mEWnWk4Ce8\nKupm/uWqu01ZZVaHBSBzsaa0kEV4goQ+UaL1FIZUhvP65U0szz5eyEiVC821\nl3dkMwVvnRY+Ao0DuCFsvBRc5Wgg/N44QuLv504aTqdsq7HqD337OTDwv+nP\nIy7MK6dY/2fbWF2QqqwBQcaJPpKHqaCzP3W9zfYJq8dFSqUawyxbZByfTirF\nB3SfK0qK40xmBizRz7pweRC27lftA1mI/OMoq1r+NrxhwIMNwJ7ZY6ozsHyG\n/giSX5l7mmOS8fnmdzLN3jh4Ate/EOJ21OHj2AY44oNAM8J9+n7nTRcIfKpE\ni91lV+4mbcvMZghorx687qqR/fDnEgrRxpoUg9jbbtS/0hBw+oTCksilEM/D\nqZRmQ3qJd+HN64qnreGm6BxlvTqJnFcW1pV5DtMPKcsNy4SLvdb/0tBQmvRB\nliBN/aR3UkmB9jsJmPq0TdyUyH6mGKzRbkB2lD/PGmn20/4TIrqm+Td/7b2W\nlP+IAmtv2FXEHXhLELIJ+wFghaEKGvtTaywzgKZOF8jHfLQbjwtcj5vWVxHv\n1ZlE+9hc9DAgiCg/GNMcwVvE6WY3lj4+qyBCziqQ72AMVQTXeHHYXYvy8i/O\n0NfQ\r\n=GUT5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2021112822349"},"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/input_0.0.0-pr-2021112822349_1640729065304_0.11726220936583709","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/input","version":"0.0.0-pr-2021112822415","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"6e90dce34e801a42c5e93f978587a85b61485bc1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2021112822415.tgz","fileCount":22,"integrity":"sha512-9Unh++c24eGY8P1CgjpUDHk12tlE3aRBSInbOx9M9j6nIQR6Tn0CqrIciJewLUMAqtPJqYPzu8H1my9GoOumBA==","signatures":[{"sig":"MEUCIDYkrQbjBI64EQ0okuW8TERyrRaTwL/oirMLlxlb/8sPAiEAh63QY8T7eBZkrd4xO9ixw+aFmx1oQt/sQ/sJpUacNcw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4n/CRA9TVsSAnZWagAAAjgQAIXwp5m496psWYP68I+t\n5di+Jwr9G/Sf6LKFRHEMoWPvbsWOm6u1Vne1tjhWxTWw+g/9JZ6I2QaS+yhG\nXzERp/7vQOvdMLqXif/cj/8KrjfnsdbW11r+2tMGb+nS4cLcCTlFxmyebahT\nytADQ6ITzRhWcORxjyikMMWlDnTXpxV7HrOF6d0WIDEGU5pGJXzAchy3VVKi\nF7WGgwe3in/a5jSsPt8kUS0MKt+XVWRCfBwnVf7dJ4nRj6RL7Z2rMA8ohY1p\nYHBsY56McIYyJzlmELcLkjcHLfUZICC/JsRFIvcXr7o3pQrHt8dfj6k14SVs\nBLfaHpEcAkykaIMb2IUcIq6ZqJ8h1oFtkUCJkfkfJmjIP9e14924H8DKDmwI\nAVIbkOe6vY9uK4QaDRE1nhkytRA1g5jicmMXVbWKtxubJtMnAXoByYQz0S4a\nYXigNItmkLL7jTYncRwrIKvZkkguW84PMQk+Jom3Mrrd42SWjtuG1oEf+cir\n5lOeXn2pbkUVcjHG2s+i94nx8g5zUCMOsIyGxZkLBpCdKZA0ZIv/E0O0tp6S\nvUKx9EiZkknF3BDAT5sA+9RofZ/Ak9CLxZzjqFxevij9qzrAGZouKcoP/It5\n0pkSBgEHdykWbSY5F5Bjr/S+RHAuXhF10aTqNQzr69Ug/vZoSaEYcX0QVSl0\nf7H8\r\n=8mj6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2021112822415"},"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/input_0.0.0-pr-2021112822415_1640729086850_0.3711311112926434","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/input","version":"0.0.0-pr-202111299618","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"835b19130f4af2955d003ba34d72b4fb1133bd87","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202111299618.tgz","fileCount":22,"integrity":"sha512-K1swD2nDvbTP3TCFRPUi9TeXg1pCZsQKxXmJOZTGTeXrf2aPkXCWwSp6fwOL8O/7cQph9+wEfXeRepOlZc9JSQ==","signatures":[{"sig":"MEQCIA3fM4qz//ofMKfuoBzCp2KZA0pcxivQZVD6V/Ifdt31AiADHiAGImszOsqaViVCKaqSzYECCxBwoCYHUxfXcQe+7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCUvCRA9TVsSAnZWagAAXfkP/18mj98do7n8aiZz89Ew\nHndGefhn2ed3MKY4u3BF77+4QLoIwVqmnElkcRUaBUYTMBews0Hktbr0ptGI\njD37JwU3hZ7x+eja0OG2s8LNI7F8xe3YZytCpZuTKsg6WXf6t4/zKZ/EySsu\n5Zq9ybqCVynyh2ym+9sOPbVFTRnQOgHd/B9lHWaOc29NU8iaIbD85t7AFfJ9\nXFeBSlSziA6PuA3yKtFgndA5q6/s79KWjYlxwKATVXnk7bq7PKxK/GCrw3I8\nItGDXtBY0bYO2MtxUF0FEx9rErJhHsDYTUi2rTYqprHdQRhmOdpIX0DijwwE\nQrRThFQpO5IsE8/O7N7RccbSjdgAU6gNHMRf1wKz+d8M8F4Aw7C0hxg0Dvcs\nAhnouABTEKoXABWaCaz2BGneWG5cbIhN18fmXjb4q7CQlUL/v3f0NlKXHlmg\nCFa1VYtYD5CsAJppt8RhWuY42yqBgp8DUJx3H5IX5pi+mLa0xODGl4h0/uhG\nufc2GChzauC4jD/Pp6Lg0Yyg2ClxShmQ2VLr+XUFdK54MlSkA/j88H+Y48N1\nEfZ74kyKHTkh3aU1BjEpij5mZaNrjxF0OFqMXhD8XWefiromXu52ftGCoNzB\nc/W0S2axqY8Ymv2pr90IHSpm2Dkr99tjC0v3+IuO0tAkamW0srsQPU8CD5tA\ncxq0\r\n=lor5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202111299618"},"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/input_0.0.0-pr-202111299618_1640768815205_0.16844131587047206","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/input","version":"0.0.0-pr-202111299647","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b426bfa07d021663e1631e6d4852324886ce890b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202111299647.tgz","fileCount":22,"integrity":"sha512-8EYP2H8np2zDx62iw4iLNAau0DaoG/mVJr1r3HCxC+lZv5ix4uHlaiDyo5LDmH8xSgkWswD1QgILNdaiNyMF/Q==","signatures":[{"sig":"MEYCIQCzT13n2vKqyzcmnH3YlM2YPi/CicFOFrgERm1mCnrHegIhAK2Hwr01KztaaF14uq8pl/zm+9grRbhXZJgf3riqCIZK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVHCRA9TVsSAnZWagAA8HcP/30wwtTWQBk5tFt+HhTa\nycwuLzzHnbygiWA5xZS+B3hYNrE4lL416a2v30KVY8m4zPJgXu6JpjSnlfm3\nQUMfmGapBDdiRxCNtoxiMkJ6rT+Dylgbkm4KRfordBG6KpCjAGaDNqAyAEp9\nTjDowfFT/Df1CxugBujZpf/TLs4MOZBkso6e5u4t1BfQWnGP+qg15aeh/mZl\nRQtg9IONHRvVmhutZzUgCbNnJgE5plly5QRK1+IBB9siqvB3oDpHLjh/b9Hl\nfLPo8lnv8ixbpVlWz8IzfMTrOGUK+PYSVMbDjZLTXnUc5GXXxNZmxcYhvAbr\ndTzozvaDvbie0nV8H+O8t2Dz+GTZd7Lm4I6fgHnmmln8DZxs3ZG1/VqctCt3\nSoZUMek9FOEnzmFsfvdRM+AO2+AJlyhQuf0QkiTRlFJkiIJ+b5sYouDlLnFS\nbqT8l0ht9ln4GRzOE1kX/B4ijjaxdnVt2s46JdI8wiNmGvYCW3gcZit86iql\n8m4qkaLJKZp6WUHrwa1JIMtzvPXp7D3s82XL5jtT8LVtBValuhiXN0Vcl2h8\nJuuKrPEYAIuZYA4l5sfqzJvHAOWWhju9+bNW+bCGoogAZ5NnV+vFsVGc+smK\nnTCWVxj9ePurpqOpssKET6TYVyeglfU9SIMlOyHXytI4sbnc0tL2nJCcGOXo\nC5S+\r\n=yHKA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202111299647"},"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/input_0.0.0-pr-202111299647_1640768839048_0.3122076194293151","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/input","version":"0.0.0-dev-202111299720","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ad021095ea9fbec03ce32ad8e9e7a9be9b85d89b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202111299720.tgz","fileCount":22,"integrity":"sha512-MQagI1eQYnlWd3EUc+uVmkls9zwleogKpv7CwjaGStF0f+sTrnQI6Uhtn5JRK7FLxvM26YY8F2rKZZb6JHUjWQ==","signatures":[{"sig":"MEYCIQCAZCifLctFTemLhQ8pYT9JGrta3hG4GjtXR4tmCZx9wAIhAILlC6CrvNUSXiXFwQvngjZS4+VYyBn1R4KaOOsZ+jka","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVtCRA9TVsSAnZWagAAEhoQAKKln7KaEg7lWL3P76DW\n09fq8QMG6guwXw3rkFS+PYZNrjus9yGXqZDEhgdeq0/7/K4B2PQ5zh6l6oGD\ngk+0KeSpQ+cvz70JiyQEfBsB09lJRfOXFlhB7UdRlK0pJuISofluUmrflZen\nTLjTPRVQVUEMRatONBZNn6BORuh6AjQtMaUZ3wHj5/4O5kqxew1X97b+EIPC\n7mOl1lHsZbHGMYwIuFx1igqjmmiRrmosiuAuTki703DXuS99U67MYmnkDdqG\naKkYrqSRO3aZbX+P0ArHwzMDsTKeX0uFf2Wq7AVHFoJclxwCodirsW5qVnbJ\nCOx8Frn/tlz66aiW55/lwHbyyLZxYqZwrdp+3jwdWz1fe8zfPVw9EHIysneY\nwPzhn74mq5R+GKYefm1dBbbpKac010CjYgenfx/5HgH0fqXGwPHSQYuYkt9d\nWfgeDFpD+sjHlpxn/LqN8KxCFsyQQNVNKAs/nTMmrsRn14Na8R0rDyoy7ovt\neJfbcmvrXcFvjPi8auCmIyP1tzt6yW0MjzCKphxP1sG3Arbkk9AWnEDQWcnl\n3unz805fpHCHmy4KAslyo54J/Za338OBEDuvVJBOYFnRGHNgAg8XCE/gyogT\njoR3huYmqYLi0FzrYzcXSl7T+1GPSp5iX1++0W/TuP/Fa/DLecVZv/wSqlC5\nW1MG\r\n=d6oc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-202111299720"},"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/input_0.0.0-dev-202111299720_1640768877129_0.8515452177631373","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211129981":{"name":"@chakra-ui/input","version":"0.0.0-pr-20211129981","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-pr-20211129981","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6c6cf214af8b6e7efbebbcc0e9302e1562834316","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20211129981.tgz","fileCount":22,"integrity":"sha512-8zucc4Y7/BvEJrIBeq3WHVoEL4W7iL2rn1Bp/SJlJrwO+xxC7LzaNuXSvusi1+3ABOGj61d4XVZXtPNNnaGp3A==","signatures":[{"sig":"MEUCICEhvKUBmanpYXBUHdmB0m1zBbpASE+W0w1BbTg4FWxmAiEArpkoLiGjPElVoedWjaUj3vgmVS8bAv9lFE3ZUqSwl1I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWYCRA9TVsSAnZWagAALL8P/jFEl32BYT4P/WlvOFCw\nBkQvEk9ypOnItJ4RdUbCioEOv2sb6wq9tme/oz6VtIFvydv9lcsHty4LptnG\nvrixY7Vg2PhECJ0jhr1f3G4F9NqDTzNifMpEiJ5w1X0KYwnmFbSl5x3Zt6NL\n8Kwj7pU7dLTgZ/jmuBmhY/doaHKQwffWC4UkPcDJHs1W7V6Xo/ibJULXr2sH\nbvq+/0n89xFWSCJd3LAOjpiwTRjLTs6IOmimfz1Kt6kKOvUCYcibvMNqPZ9H\nJWsWL8vma4pmHC+kDMesfxwGIAb7PFJEYZPCMkDe+4EMRerejjP/1GxdlFB4\nIAaELTN+SvVAGQMRBltYwa8iB7YQ4QDQ4QQaQO6ARTxyJxBh5i+DiOxnqImJ\nWDfAkxqWsVx4KLOEmABBMcAOf/zH2CDNh0zZbVLmDlUyffg2xS/WD3+Y6Ujf\nSRs+i7L78L6DwMvyejMzoYGGWS8ce4ldAn58C0RvZZJK7X40nX6fMAcvQy8l\nodiXmrYORfK/IEdkqFk20XJ/WLK5nW7KfCchJi1moKcj+ghHn1ppcKv9osQr\nKpzdTaTW0+QSGWUDqZym0KnXqOX/iXlUcRDoYjepb4e53ats/moQ6+B9j8s1\nPO+9DCeJgU0Y1jgiBcB84admAhTJCMjHQ347q3rPYCmX+fTtP2YY4Lbi+YWP\nLtyp\r\n=Dw6K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20211129981"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211129981"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211129981"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-pr-20211129981_1640768920707_0.7827441697627504","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/input","version":"0.0.0-pr-2021112991213","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"895326d49e7d7ef5f671d3e098e95401bb439ebf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2021112991213.tgz","fileCount":22,"integrity":"sha512-lsaDjuulES/7L580HZx/dkdkdmckAbzC/k2prphhDsouFuD88E1rvGdm6MFOsy8L32TjWShA8i1g5vhGhGxTgw==","signatures":[{"sig":"MEYCIQDwf1XT+Sy96yk+bjPnHUkwjizEGvSg0RGkfZPVdUUCnQIhAJDMXuTs9/7KIV8efFNvZBMCeKcFJfrgNCoCxrPk2pTC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCaTCRA9TVsSAnZWagAA+QMQAI0INPC3sypcRLR1sntN\nRyg4V0Hnuc4xlSGWePpHiVAm4Iv7xUx2dBIVlRqDwtq+5dl4UFzpsl7PqY2u\nxQozq/D4ijRhOqEzkRESfgCtxetYl+G+/fn324GzNOkw9veXAk9D4sZ8XAsc\nVwFwwlkMFoPB5DScwRuG0oQ5A6BDW6WJJjwooNTB8eew9c/YgIKzgO8oMfpl\nmy/ndKF0b5sxPkOYg7Vs/aYSXtJR1lGgh3bvJPLMDpuYsTbdvyygSvW8t1Mu\nZSQdsfA0gDn5Ooz8TD14ff32dyZyb+15xhL6i/IekKfX3RnbVnk8Gf6Tsi7S\nsl51bWzt9Hg6D0llpPhSeVrQHto3QUr8b3/ZuB2DSV3j7bj4/6QSe7ZByqnv\ntCv1W51QxGqpNl4cfBL9H7G6osbK1Iy/ARlK0dY7Oy/Ya8FAySpz54iTdPNZ\nL/QwX+Py+T74Lkc94e0ICE38cI/8p7Zoq3T+ftcNpZ4FjV4UfDLE8ZVVwlEj\n1QztvrgIQkTWcguRc6qLuvavGA25bwO8K5xAQGiFC+KcGncEUlXM2/D1xNQx\nQb3F20MW95ZLKv9G4d6vW58uw+CTQaumILDu0/rm5/Z+7cDkTHkyy10C1aH5\nNshRPLcboSDJzCWiiXRGJCb/I9z/OkEVkB+UHtgd385FMHfE/rg+Um0bUokZ\nGJ7e\r\n=onSQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2021112991213"},"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/input_0.0.0-pr-2021112991213_1640769171763_0.8506063622550204","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/input","version":"0.0.0-dev-2021112991233","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4b326bf36db913942b617f54e6db3eb46abf9e2a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2021112991233.tgz","fileCount":22,"integrity":"sha512-snp8ifEu9EajdVV0SJBWBaKw6dYW8j62rk6n2crWBT8Dvb1zhPCvsaVblDTC4j9gUAdZqejFydkP4wD2/2tyxg==","signatures":[{"sig":"MEUCIHG4uQBV/klNk0foEPqrUfSmfLM3k2RvTKGfVXcDmz+VAiEAqG0lJH/8Lt97t04bH3KoPSJpLnrb0DODpSMSn1CgjwE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCanCRA9TVsSAnZWagAAa48P/0xXMoi+4V+WfUPhmFGr\n5C3Oknj/cLHWm8x++xmrof3GVhD3lEEiai4CDDRa3IvrFdjam7QstML2Oej/\ncqAjW9YDN+k4XSYzv+MRUVv7EadcV1DDLhGr0GDy6DNNskp5bNzNozKlGGj3\ngxAIqIjZjqUV3bK3T0ohtako1dDg9aNQYxxuDVWwKsGzNKFEgbDUrNh8jsUD\nRbkkmRpeiRU7BQMYwtzPGNIdyT3ueJ3kg3D/7mx4pjKdLf/3wRYmnL06z+Yq\n+0v/zMPFKdtxPO51mX7wde8ZEiCviuUf8XmH++GpNGolfdX/iC7mInbChbvR\ntvWySF4TZ7Vf6iG+MpOmiUyrzW6g5NJOBViaPcO/+NSb5Z/5+yj6S89Feb0S\n/YbhAUUSXJ68k/zcNLfZHIsc26qHd9LPPxgIoW9NrKzlvnNUCpt2WHNcJ1Y4\nS1nwW1YUy2m5HqozzPU93JQ6B1n/gWfUL+YO0h+PaEflCiNkyr2+iR8ucAKm\nqQWzMINoyVLkbS/b15S8vxc3CgGA0+NVLWP89SPn8N23XXC39PKR6Q/zJPi7\nX45/FL544DrKqgMsGmfJzbMmscZ2UkCvtPGzeO5LwZKJ2WMoVXAVD7GZ/2hN\nMqZEdgG4bhUlE/XDhqI1HeQe8FBu4+keCDKFVe0LD2CLSEHB8yXQ5aY9SR7H\nzos5\r\n=Y42g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2021112991233"},"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/input_0.0.0-dev-2021112991233_1640769190904_0.7340373066463173","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220114234","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f693f35e37f093ea28bffb14e485514173ce4ead","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220114234.tgz","fileCount":22,"integrity":"sha512-Se1VBxNgqeHivnqFSCuK1q08Z1p4G/n9L7Nz0YcZNdTJEZOv4MKHIFCYFf04gaHr75js/EqUGp1DaiBY8w0cjQ==","signatures":[{"sig":"MEYCIQDVo3e53ftBxzsAufnBcHysDuUmGxGiN/f1mJuQ+kCa2QIhAIEG4wO9hY8bC/Q1qZq4OoTGHxN82kx/iulWK6LXgPX7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7GtCRA9TVsSAnZWagAAFAkP/1BGztTISRk29XJJUA4g\nn7/VSr58Xom2+l8lejKRsj/hBsYu3sBU3ZUyfjfpwT46Sx1BqHdr64cgX7NC\nVZvXuRjMtS4a0hrjO4p48kXJZayKJl1bjmnxHqLOCJcl0cm8aBB/sCFWJebr\nMgU6ndIFgG5qxJVt4ZA89q0uSCu5qbN4Vk7NcRuFzdBd3xJAnvdNKqacFy9g\nnTH9D3EWrZ0RkmG1FGWAsa38rAt4gMzppJ+yCCsnHbv7Pf+Q9VjuiIIqRQEA\nxuVUqsuan5M8jOWwNcNUX0SEV8Wg4B+C5c929GvKaCZ2EMQ3agqn8H4pCBqF\nWMFUOmxtJvMJhQu37lh852Gieh1z2nmttGZpsSnCLWa8mjj53evKVmMi5DCf\na5cYZSyxetRwzWdvucBOHQ9Sg1I95nnuierxim0JYEZH2iGO7NqeXTgjJBMj\nZOYdbZ+13n7bqKdyYo9ZYHzL3n8dl14gENinL5sz7EYpgNXiGs6PUDJazm3r\nsYXacfOV6Rd/OtBNdTx2G0hKq9WVN2zHKJLXaIsf9L5AOvI9bKQKUerwmcrD\nsOF10J4CXFO19+pBrb2r2Af/4/FQVrqHOBqp+LAj/mRK6C3z4U/nYSTFVRHm\nsw7ydvZInoXSAeXJi/Efr5fXXfZLip55pqHfOjv3r78f4VgUFIocfirENL8Y\nFNf5\r\n=ljPp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20220114234"},"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/input_0.0.0-dev-20220114234_1641001389265_0.455804285509273","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220114728","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d4e699e4274c7242113df68e39c050d822890a59","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220114728.tgz","fileCount":22,"integrity":"sha512-Xh5zexB8zETvyFizswlgKIcgyUijLYCKxzQa2bGlWYHILylt/G5LPGfvxHB6xbb9xUluq4T/tk+YaaUTgO5V0g==","signatures":[{"sig":"MEUCIQD8q6By34j9nxFBUgVprPxdRc1IdPEt7emVvDTPcDf/RgIgJStSozopw4qbLFdrOaUJfVqG3DSZpl/Wqb2ClFIkGyE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LWCRA9TVsSAnZWagAAYoAP/1qKtxd6qYzcFqh1emwX\nFz1aCSPen/5c+nKWn8bU7cGE8Sq7/d8CnjDTW/zuSw0IjoqoLNE4iIHJGpw4\nGiesnMotqLj8fAeqvgEOs3nEKTZKSyIVStN/kpm8YejkwKrO3rrBFyg6fWF9\n4tfZNi0vrKmVk/X+ymjGkj14ZFxj7rZi03w38Ep4q2zajJ60v/a5Nso+kkGx\nP2ZnT47OlEYAWTQEzyncTvxBppSJdxATEaDzCCeXq7Y991kIm2/7QJvAueT4\nCTVRdpaAg+QKdQYTI5ToReunRiCfqH40SxMjFcpQNNvoyPEE0E5zFQIk2hvp\nDPTdhqQRGh7sarlasaBpyymTYa8QMKdg2iGC0jjieDxNW2nGdNHlBSef4X3Q\nvdwvToRpFvrS4FcYUvPLdIE8npsW17GKrIkb1z3kNjHesUHL1eRjPgSLexWJ\nlVHaLPt3wYXL5//cnyHWzA/VfGzsilPzQERp6GjuOb/uO07CsthpB6SdDdVw\n2yf+SGVhxsPUgXO7PEJT49/4gFgZ+zyNwNX5UNyR357itJiTaJ+ahJQV50F+\nBpRGrkEuCRS4dekcrKafs3NIpjPav0qCd0Mta78XQAOL7gzTnHEkg3jQu5oc\nrnCh4Qesl9eUMAjchQt9eySdVwVz5KnM672dLMkT1IDOtwwen2KZRZkWngbC\nUlUg\r\n=UeCV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20220114728"},"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/input_0.0.0-dev-20220114728_1641001685904_0.022001964937316654","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/input","version":"0.0.0-dev-202201134936","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b3d8e7770b027546ae9af981f95886b8add6fdae","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202201134936.tgz","fileCount":22,"integrity":"sha512-2C6KxNg48BTf8UOG2GpRG9dRB8RhhHtGBqlijooZZjUIraHxFLG/NdNVjv1ug1cALwJ3a4I3MOVkAXzU9Px6Kw==","signatures":[{"sig":"MEQCIDt11V398QGWpMFjFTOGzYpASyE8WOxmr4RRjz9Cc+vmAiA4Aiqr35z7qMXs50sYzce/37OQE3nCgEuKb4OgV0ve4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FwUCRA9TVsSAnZWagAACpwP/2olKClJpnM+dufzEKXr\ni7pzT5ZrOCVBMlrwguUyghc9VKFg2Rlzfzd7w79m/VxctOVj5HycekkhbxAW\n1WjKPg5CZs3qi7Y6XTUpZjYQQsUL5fLanTKSUNSNtVs6pa6ZYYMXARm74EgS\n/IHplEZTOjRLxjR44InPL2afD5L+y1uutvUuN2QkzWizGoZT19YESC84Nx8k\nntXeRZJrKIWHHEXZMybu8vNNEsXaJBWdUXrbk/wZ/U05SMqbmySCGL7C0SbQ\nDVmStddfSCiQp41VU+vyCic9X0FZ7llYEbG2QSSQ6cQYVx3qmXyX6X2M6e09\niTeZx43Jy5CO48Io2aa4GlXKLZ4aL6Pz/gDjKCeVBCQ0GjrnLP6xROstyr6h\nT1VfJYeYvnPod3AtylH+OBL/deMUHZU8rJhkqIFVcnaHEyjZGc/ewNBJlYAj\nuAUvzQhbAOmElxcXMw/utC8aO4tCA/KShFpHXD+z7WzK24teErZpt755pEQv\n7NOJDLS4qUBttfYWQDd3uzfN7wZeJcHHF+gwprrWVBRf7u1Cc0gyy+MQtROC\nuOKKm62J+t0dAg4RIO1L+E57xnS2UAUz7n8xcNWsI6hRFXDCqh1KcTyq7iSR\nYnwrD0koW5ojtPEg1nns/269xM8brqlW+EKDXAhF7Tb7vZHqGQLKA9ueJ2gW\nzr2A\r\n=OGA5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-202201134936"},"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/input_0.0.0-dev-202201134936_1641045012304_0.8727830990273406","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220281628","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f597e91bcc37aef042f89642587e66c751468c6f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220281628.tgz","fileCount":22,"integrity":"sha512-TPZvnqnOVAJmmlcyg+8UVAtAPPuHcEb0ub3VMMjynFc4K3jro3RD0ex0cFjBVyvNjcbgdGMdDKNTNBXLpOdePw==","signatures":[{"sig":"MEYCIQC5efVPdEmof/viW7dkSFSCeHaduvslQJeb41xzRhU3OgIhAIk1v4XiG0G7bMdWUHbN/2sc8Z793Ntkft/BzQ6+eKcA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V+BCRA9TVsSAnZWagAA/QkP/1t7svy8vD1/dWY3sFiZ\nqzsV1mKW+z+zaZ73b5O6CzJn6Q61gwz5G/dlVGTB5M/e/N+DtIOZme/AmOXr\np5e99eKEuIFhz5xOxCJNKjmxZ4EA9tjt6bW6xXvGLCg1jqp+q5aBY8jd9wZS\nygg/2fSHIT9N3IWoZ67trAFFhhOahqtfyi+oidurAeER1KlRAW7OvXgPvidM\nGEKwvwnudNaelfZve6830ee2IxwHgQx60XmQJbjjA8/fRve+lWdLhPSrJH3t\nqP1hMx/DQzCaXIZVeWC6qdUsvmKf/xO/c1NKZgCGOXKjIjb1YuZ1Fa8vw9lN\nOVOJ5IjRpPyDFpKUFIOu06u1OfBbdwn1MV5lJTQg+vpOXIgqaRc9GZ+RGgfS\n+CKqGQyKzHkTsgvBYodfufjC0QMTJOBsAA+nfqt8xaZ//bpTH32TvwyoQp8I\n1qLFW85VKyQrIi6eGpg7KnHk6eEbBhlXXKbFwubW1qS8VoFvLTK0mRVPS77u\nndtEPSuzT/joNoUYrVBPN1RSKyKaLkXUvAzCxo8zFygQprP4LjdlFw+nyTDZ\nQh+9G8q+++FA4LagLb0Uibo8WTOyufTi/xSV29X6VwH0PAr+rlo3vgxHqwKA\nhKWG6dSqJM59cDW9MJk4+6VltbjCcnhUtcfrq9S6kJOT8SefKmWxBIJ8gonO\nZ7hg\r\n=0UL7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20220281628"},"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/input_0.0.0-dev-20220281628_1641111425587_0.4258611582099985","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220282224","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0c6e44dc21f3ab994d8e4f2731e0cf92724b68fe","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220282224.tgz","fileCount":22,"integrity":"sha512-nwU3Y80KPYMpMxtXgwo+K78niDgeziwrsLyye75uBOeoCCwntflPdTarCju9Ygh5QA35PAPbmpEu/NKJKIK6dA==","signatures":[{"sig":"MEYCIQCWGoFrER8B5yQMmfliVfc4nSJjP9dQcGLuLKuc1QNcPQIhAMuTRhhv2Prpe9SrhWhf0VIbM/IYVlwyk6+Asiak2Ri/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDjCRA9TVsSAnZWagAADC4P/ArKQWma2sNpCthrgAc5\nNls+/sXt7tu88BGRxd0CGNr/RUgWKI858TpUlTZ1mAzNeoo7qMYO0fe8G6ac\nmxudozjtDtNHbIvoCj2hP+vg2chesrQTZ39JTq43xV65bswpZ69vWzqmfAU2\nMPBzWbAUagmZNYWbxf4dNXMflHbOdv8ZEK6ITvDFmJUTNXq+6aI5lEyFygr0\nnoEUnZX7GOgF7iDb37WoSvooMS+7+vKgH03Fkg75Gq2ArURJMImlWOupodFK\nPXmBmnmaHFnWM6gfR8ClnkyHFjapEWW7KCx6zhCwhiolH2N7CZJcEzp0TE7X\nBdm81c0ZD04XCvHnWYnrOyBLQLC/TiJ8bVitU1ZdqXO5jjXIA/KVgdo8je6D\nZh0AhdZb594WFLeSlJbpTfCYqBS8g6raRB6u1RrLB1wYcw8iWh6cQvf+MGFz\nqJiObeAeARwtpUqfK7YM4uDudazKzfLsJyRZiW0zyKeVvEFsXW069+ursftQ\nHfIgykQPZtEStbdUrTnEKchQqxsvdO8rgLvVTNLIVa/YUFJ1EZPmvCerdgbh\nKykGHlmmg/VUeR4wddTt9xxJAD4nm5LHxG+zkylSfearvD0c9mEfZ2n6vg/w\nkDbLxTXj60GeBk2i9dWdTlkexbb1MoWbQH41i2a3VYXOnJ/4oF0V6yPfWqYT\nNlXq\r\n=uXZV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20220282224"},"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/input_0.0.0-dev-20220282224_1641111778895_0.20043237639864753","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220282356":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220282356","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-pr-20220282356","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ee333bce2e2bc2030507cab08c2cf1630d0097b9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220282356.tgz","fileCount":22,"integrity":"sha512-dh4q7K+MCWways/fTJO1ds2PVrNwoUk8bjuPr/LEzHTJdtJ+/bSdvIrLd90gmPDlytyfRZtslMheZWrBaciqSg==","signatures":[{"sig":"MEQCIHkhFzRWhdczCPyalxeiZ1hYu6m7x6ThNZ1gi9kujIdCAiAX5patoLB2/4KR9PYuK4RSgozBe46YoepUfuMnhj0sNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WE/CRA9TVsSAnZWagAAbDEQAIzFF/yRyMZOM31AapQm\n1lmBBB59XtDcpgOHAUde6wNb8R/R/T3y5pWVAKNPS9F2VS/107I93ZsBULBM\nH3YieH2d+OpK8yEmLzfvpqLt0ap5EGgnJHkhceBxe79h1KadeqaYRN1gDGlA\nhnxrK9m3F3PIvWG33WDfLZiNgCMGefGJFu8yZfZDisYO9BMM/OmSwVaoEDKu\n5UXJe3pDoVhZ0PQOogMUp1GIDOqZTwgCKztKULvf1MTu18B4S7WqmRQDdlWc\nhru1UNW+5Aa7Q4S83xczsWXTSrorYChLGC5jI+C18LviI4HDAa1L8oEEf5xB\n1DENpSds8VR4NHsSU0woSwjYU5VApTBr3Uc6EmXC1kPPPp01zTdO33jabmuI\nbAb2g54Fz8C1XdNdShqkBoLxTqrxcdEhCPooGWCDvUT5Fwi+D+Ka2QfhyvQ4\nAl8CJMsaY9LkkMB3U4gAi9soIN/HDiAM1qnbf8Ppj2MtQC6hCMUFwY5Yia8l\nTq1BmEyj8gDo0+SGE2d4r8agjJeJTd7OxHjKl7G9eeXq1zgoONwta0NG2Lg4\nSOL3O85CAyx8RSB5CFM6ycUzkdzj5h0gg7Hmh32Kxt/QfIf5XuTxzki7ZMsB\nG9iicPztZ6vSmny+Rd19TOMGV/g7WVLR5hovVkFtewHhfYz6v8GyXH9Lh2yO\nJZWW\r\n=KiOf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"5f17f205177a778009116d708403fd56682b1fd9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20220282356"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220282356"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220282356"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-pr-20220282356_1641111871063_0.35048839112974295","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022028277","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"318b1d69b6c4d315438629738861cfa5e9d40542","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022028277.tgz","fileCount":22,"integrity":"sha512-rCWVbaOW7F8JD92Gc3sGXHsPzr1W3eChY0p13hfwAgjwlmvq/BQLkctZ/XWwc2hARt8fQAD4kOH0IGV4nPxClQ==","signatures":[{"sig":"MEUCIQCdwPXnCjFOTq5wLoi0PgXIkjnMPnSsiC3TfteloRq87QIgY+QoLExltZ9h3Qa2QNxnwfbmncbsDRXotvwOSVBYAyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WH4CRA9TVsSAnZWagAA8+0P/1HSBSstNX2C8Cj1ube5\nKy+7PDUMGd5L+4d93Iv+H+o+2cipwcuyWCNWp1FTAQ21L560Nx/P9vrR6bn3\nnKko9FtvYvuswj8JQrgT0LSpSM8UMqBozbhVrYTQatozvqT+EVtN7Ru3VVGg\nk0c2PxkQdTtalhORdo+C4x0fflfqjsk1tBnG/zz0VqcWtmXRC6GNW/+pohWL\nGy9BQPLfwgBbTag4dlE6WpqD8+U1jdNIQ5JXAG6Mc13bWRo/JSoCN/XnrZi9\nabqghRA43fCkg5Y1oMuwqBM11JNsj8ufWqk8pzKyuZS1xqBn07jBLe78DKiS\nOuHGWwBFLPdhms795Ztm8phw14tA7uXCjo+ZWBPU0/JtgQ0BVgwWoT/WTgHW\n1CUY1uVN4qPZeGTy7Mcvfbp8RCNJs2ykEooIvR0uB+6SkWoJQOJ3lDBcsMrR\n+KaJLHpsfBkz/cD9ZYsPfypClGRiGzrHGYM0HFC+XRcD2BMdwxieoNMjTrWN\n35aqxF/XXR1Ra0/B0z8kGpoB0qo8kfduO2CzUsQXU7XnnE2f6t7gJRPM7cqL\nbkzpJVpXXZk0Zu1SmZoY82VybrG8daqa70Ng353CDJ8GWBPa/0G1kgLkuoC9\nc072XBfKD7KLOSG2xuvCPngszr/pEdBVeG5nfL/8X+gyNXpSLVJphEiR3XIu\nEQW+\r\n=ak6s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022028277"},"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/input_0.0.0-pr-2022028277_1641112056458_0.249448207161046","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022028387","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bb299d506e8953a4a3872c026d9d60fb1c6ae770","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022028387.tgz","fileCount":22,"integrity":"sha512-TF7T4x4GHRnRXGnxjLkZcLDdeXc8p0rYa/Yt/DwLK3Thv3ATgchCsBhX6/DzD5MR7hkIqvPpLQZmFoKUsh/L0Q==","signatures":[{"sig":"MEQCIHgyAIDDM4/u/eJ1cr0o5BTw9YcVGhd9P5R0nclKiR9bAiBNjqfr4BVi7XOPU5S25azHPLq5+l3i+MoENLVj3ofllg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSWCRA9TVsSAnZWagAAPfYP/R5GCmQM6XpSFRRA04HT\nqu1U6igRQA67IrN0utlvHYNOc10F+8TmYWxukGx9mdwkQPC9onTOXhft81IR\n2aP6/Z9o4G4+bCOFQ4FS4nK9D0O0NYraWV7FSgxh6Uz4mAUMiRzdnF5atMpq\nz6Kl4bqwwzoLhT7y1hGctvPPddwlOwbU1cL1NUC/CPCffo/uPOtBsVFBxNiq\n9W4vNVBaCCtnHd0XxiXN4i1ptAYP0/Q85CMM3n2hE7ogBxqIEnW7ikJFfI3z\nW8FKytw2qGoxObViTNa87vp69joGH82XwVsvRoRflwpxr4/++QSqGmVQ6Nqx\n1/V/eDZAqnJZX5r/RyZdXqde/9mR8pMCnVldGhplP4VnL9LNbqJlEb5PEOJb\nD35Htcko1npoZZkauyICieyhGTs+U3/UnPvmcCb5EkUyOUROdHjYVCKsaU8J\nTmrmzY1hDdUSXg6SPLreWszJVY1HWTHUa6L+1ZGwsotXrQEGWGxTo2SK+C2w\n/LmtnTOIPvYFX5fyXk/nMuguop5ux65V6eC2O08PrJpnHrMUOsVSVugXuN7U\n5PxV0mxJVEPhGywuPu7oFv6o+TBZf3DMPQwEX2kvQl9ShkNHOZjSjFtlEpkO\nYz8RaC7dbPgv6vCxrW4mh2fmCDekH14SUjs3UZtxbOY8EQy0SF+6IZXxkpJV\n+zSI\r\n=Iyie\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022028387"},"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/input_0.0.0-dev-2022028387_1641112726207_0.09941787302112881","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022028457","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fde9acb85456cbe2515eb5b61a636caef9bd28fc","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022028457.tgz","fileCount":22,"integrity":"sha512-xqwXD+N8MLi72tENrTCFYmBxUhGjNgk2Q1j3/k1NpMBRG69iQD7o6mCB/6ia6oeP3HYWuYTjKTkFtkux7mmm1g==","signatures":[{"sig":"MEYCIQC+ZfYqdTKjBMObBfjqkTx/DtmPXmFU+RA9E9sR+GSoLQIhANqOm1zPL6Vj7VP4jnY9ou+cAZfTUyen0aUXYWKVAj9x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WYwCRA9TVsSAnZWagAA11kP/2KT7simiWNd79UtgCPj\nXsE2KTO4WMQobX9RBvAOk0OvPi1gWW0AhReRwKuvbOukinBhIfjqPoaswG12\n+r8Jvo3xBIgjZjXl0tZCEzMOV+wl65/HSLGvlCHufCFce4q36II3bVfOE4OC\nPFVCkDEyfR7jui1I/Qon0KP+8aSQqoFMczlYvz2PF27C1SqBhdfedgmENcBj\nivsk0ZqfWr0ci4nXhVKbMZFr9RHKw3N6USpWnFPdAvSZdAfXY1oHEafILcl+\ngCWqa3TfRyrqfV/1Xe6lceKpvgBg2HkdBN3ZzUjq3oRk+V7T71GhdaMJdR2A\nJXqXwowhNmvOWSCXbYUPmAQuyV0eIb59u8qRGmS7bvSPyoaGlaFIO5Zh1j/Y\nXbA/TsezL1RbrWBh1DmRJhjT9TrwI/nzDHKsvpTSIWRwfWBnIwlLnBTNpM8P\nPO1f9SrEvhaEPSrk3naK/FOVVLiTHMUlp8IABiLkWCRoHAmW6c/MPn9LAVUc\nmdOH+EXOZqs5Ebffh7/z+laMkqQXURR5yGOXiqKv7yt+bBOTUzD+EiIH1QBg\nijppXbkS2zEwpaXr/L6A/jjePEfF3KwkrSBUfVpP+5Z6x4EriISsDrSC7NLn\nsIxyL28uU52goVirh7Sq+GI3HWx72A8V6Ro1FB+D2w9okRFZODYYdqiAiY/q\nmgCH\r\n=gR8X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022028457"},"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/input_0.0.0-dev-2022028457_1641113136587_0.16305663986252816","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220284534","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7e4b8aa922b454f036cc185fb104afef28448884","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220284534.tgz","fileCount":22,"integrity":"sha512-DsN7orCNF5Pe7EROFb6ftPUgoakboONAtUmAUE0G7kKsSK7xWb9JYk0kgNUcpX3WIBRbGfkB/4bis+E2VdJzvg==","signatures":[{"sig":"MEYCIQCVgTm7ZW8M5w/ln2zT0/29vABfKL6zkjBim1ApJm44/QIhAK1Hw0ZG23fVvlzxPCUNGYXnz4FkFHQLqHRw8p995nXn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZPCRA9TVsSAnZWagAApX0QAJJb6pNz3EZ2fQxySOD4\nfY8xt6jBIu5SsbGoZseTugVzKv8AHT8bS3HDwLFlb9gjNd8MSZ2jc+0ntgKl\njUNEZtPZXxaK2Tlvq4oKPbfhbfogbFo+zgmpyIoCPrONvONa/QHmGxPUaKE4\n3AyLFmMO83STEB4sdT7ZcbQzgmGQNubpiMoYXsnV1TgEvyVBapRCvMAdMj3H\n5BW3srOC43lQ3WR0mPVYyrY4R/0vZFYw14V94GSLqD+ldRpQFB3UpfRomLk/\nPiVGaWXjFo/bUpVHa5amvHPwac1oe5UP+SS/tVmZWRgb6Qgp1KagfKdyOWmG\nOoqgb7Z3h1vT1nVvh1QFZhsX/jsEefdPCn8neeuNKrWrH54/BeAOqGk3Z/8V\nqi4LH1Kkp11oXJXCiRtwRYnixx2LZwyy02DIMQbbr+2t7Jv0yIX4Kqspcocu\nclwElURMxNMz2WPuMIbDhY2zNu2ygajY/5fwnCTilvlODbDUBqeOgG85S2Wp\nPZsWeYBtG7+Pl43WTdDapx9g/l4HaLTZLYNJRwk1cH0cXrhDvWEUqXO3eqs1\nC5Sbj984WQcz2WlEuHeSd9Zs8zJ7a56fxOu2cDpLTzOYlCL/r7No1W2gCQuS\n11Rv1pC+6G1Tewr1OYw/S2pyDV570K4ed9b8only37hkJnvsniRBKglCOfD6\nLOU+\r\n=j61u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20220284534"},"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/input_0.0.0-pr-20220284534_1641113166814_0.20203740346636168","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022028579","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"438183ff9208fa05dadbc83dc85a5cf3b4f5ac06","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022028579.tgz","fileCount":22,"integrity":"sha512-qdu+lE1+/QgNPJyBYp784hs+AlEcpTOwJ5cE90B/lehXDGKCcb9a2+eMjuZ74kzV6Wmdr8+X+7J+VOTQOL0W/w==","signatures":[{"sig":"MEUCIDZKQseLIZHalnrq5/YW9/bVxGifGqqRTZCEnVr3Uzk7AiEA98bWMDrNLwGOucPvdsJQzSg9dJSj6pveN3YDqTfKi2k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkJCRA9TVsSAnZWagAAuiEP/2wWPV2NV16V3s/ldok8\nDhRkWHyVn4ODuzTHMlebh7F4NTtys8Lk0FUFC7nzOyHiAZAgbSxh54Yb7VIK\n4iQDpZOPRZSz6QJEdeUY/du/B4WuyK3qWv0FEzdCiTAlzbPYKu9+hRfbW9Td\nUJLTsfk+C2j4ivslnhNUiaUytd/seW8Ifm/lWgst65mIREetamUoPEen0/wH\ngIJewfm2/BORi3cUBmhba6KqYTiVJSuQ1LD2SXEbru/YqHY7BMJft2AGbqqK\nkx5wXBEPbK0tqPjqMX5f04bo6m752ZY7mJWcRazrt/9ZD7aIowcMIyC3m1JY\nh6SEmoN13IQLoX531x70CZ/Llmeb7tVDr0JyQ1CoMKGysDLCaDorqpQ1uck0\nrtcfiTh96n1FBz0wUl2KCKvVz0Zv5dI8Rly0d+kRG3kHwVEPplt0eiALhz2d\nRQkPHGmNMsRQwQrJxNHIzC0Hcp8XQEao8xSImEFnlqjtyRyp3mBI/TS8qfwe\nHEsTpxtUF+xTWg+MX2E3KLhgjkCzN7mLYozwDVWONaj45yUxbeF75n0XgzK/\nQaV5yBcy+6mectR9ec30iN6zkm/z4ehdvLjh62T6PjwdOgnHSqxLQwCrMCWY\nqB75bQ7WtvO9QW8GSLlK7lT6M8Il4V5+EuLNqPlSgpuQiaN+AuFps4c908Q/\ngJB9\r\n=+De5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022028579"},"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/input_0.0.0-dev-2022028579_1641113864957_0.10858039188921809","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/input","version":"0.0.0-pr-202203225541","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8b70d3cd218a05df0ec20aacab032a212a00d304","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202203225541.tgz","fileCount":22,"integrity":"sha512-3XcGNrrFuVD+Hqe3TBQ/XbnNFRwDVhcvLhv53YeFYRbCcY/WwuOaWh1TdUrs0MCdz/YpUMEJPi+3Izpk1Be3aQ==","signatures":[{"sig":"MEUCIQCCEQxwopMn1Gqq6714G8xzlEEpsX+C8MJtovWsYHydCgIgVLXid5BFhh1rdoiGLPpXTeTv8nlhhYsM68xE2mqovCQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038UCRA9TVsSAnZWagAAK4QP/1BrddX9WyYFjqiklHHS\nxlXHqHh1FdsvMy2kMcMAvJJUHRTtBB6CttYwT2BlAMsVWdp4Gl9+4118JyYm\n3+igvEXR1MPCZ/s+z7HXU1jFlvAlMYwU+sFWGleR2HaDKaFrUB7UluCXpHVk\nOoF2YNQ8iYRjz4m7lFgxsvrigqdiPySFQd/W78U+aPIX4GozqDe9pEYeSntW\ngdqW6cUqiM848AO6AYBU+7J/SFUhEzdUituhDyo2pXwK03U3D1ArzHOzu1m/\nK7qqrxu0nmwErw4wFBGdbxF565wQVGQA4BTEVsvTxf83gMZH0TpgV3TekxIG\nQUBGN/m7YZ9iNSmDTrb117LZOFUSKR6e1xXPCZdEPxWX/6leIbAHufWlw+EE\niaqVUbDs0fm1Xy4H4+l/R/K8yQh4OX27bFX/WAR7btBu5OVpV2ETcSxwZ3ly\nmP4VXbqvQ4bDN9wsZFXpNjtwnd7cuFBTfpKYfwAuB2hwEp3DK/x2RwA9qe1z\nRK9UxnKzPSIzEzVpSMhkPntT4y6yJlaiMNqBBlJJT0y7+zejxRLvpAHvBhQw\n1GO/rQ1YRDl8/R4kuwL4FS/oMNKW5cUwCrLMx4Cx6R+dX39z0V+SnhclRuDc\nReRKqJkI58ogolpbYMFYgkrDdSxkc36AHbo5jeTYpKdyFoE2XrmpKyJsXQlr\nLXhV\r\n=2Azq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202203225541","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202203225541_1641250580463_0.9964844594248432","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/input","version":"0.0.0-pr-202203231241","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"95d9bc97052152e4826ce46e4586676d22c7e6ff","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202203231241.tgz","fileCount":22,"integrity":"sha512-bq1UvUhxUyBuENZqRLU5C60Gcth0kTarpSk775hqskoNsP+zgWOc0ko0rBGjEZ9maSz/1VKLQ9YeoW2Vrh49mw==","signatures":[{"sig":"MEUCIQC82PA2QbGQIbWj+lXn96ZBiIyr14/DoRh2f6nZ29CaXgIgB9+0trUG7Io0NUv/6j1pF5XpOWFO2+Bl55jJ6d+2liQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MLCRA9TVsSAnZWagAA9NUP/RUZwY8xgiG/pjs1ohg/\nmTZCwCjqpw/djtD11WikKZOk9vzLR1ccI2NNMu4d++IOOxLRVY/rN8liRxaM\n4QyFLcaIUnCDi4MBwr+9xtiJHXKRpRjHlzOsXwTdm3YIiKHHyfruuSTdU9oV\nllZamSW8ILNrGMMybxQ7ZQCLWH1nbQT+46pevRxo232SFrqluC88ZHdOfHhN\nmZOjGKD2Glncb4QqbN/c83KJmh4GxQGrKM8omNNDmcuLhg2SD0uL7P0xwgII\nIDNYPhDX6uxLOdM+BsmrNlxx80YVx3qFe00b/E8VDRsgZYTGnPt0ItyjQsuX\nbygYoX4C4QPAZyXaP4cCWL7c8bgtFJ4rlhuuZX9G4f6FEt3Ldxa4fhuVMmDU\n8/MvG6rtR9ORgr6F95f4dk6+cayikNWSGBxY9p4c1ExkgY7+WI3WEXQK7rQm\nVTG925g+Cg1muejgPffL8nYVvOQ8sLL/itWTa7KSit4yPllFkwSQ1LYNWvAM\ndz/GMuxnjnH/ySRuxS/JtB45yTs+pdE82V7nWB6FB93yc1P8sYwvk2n6lB5I\nJbIPmJiww8vzCg1FrUq90zyqm3J5EW1w15EbwCUhpems53NxbYKO80dcb4Gy\nVtVCLqf2wdzuq58lu6j54TgbsolfcTdioX5WKmnxo+hXMhxwSVawo6Qoe3x0\n/tRE\r\n=bFyV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202203231241","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202203231241_1641251595494_0.5079636098711728","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220483049","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4fd1806f3c1ec08812377ad80b14966395c8946e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220483049.tgz","fileCount":22,"integrity":"sha512-DOKL0kleDwNxq0XigQ3XMW+nhvHAJGED3NTYTwrYRd9hkJwB4dfzOJ8ae0KVVNBxyg2EtfFdnn4IrIZNTf4N8w==","signatures":[{"sig":"MEUCIFUFe4a0QYlBqgcF2q10GOgvSFOXXk+LGKCVkaWibELrAiEAstAXZx6EJCIuXzwKiazs0dioS46PXiGNrrNOOvyQb38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXfCRA9TVsSAnZWagAA3KYP/3U+GTpvKtsAHAFQ1H8k\nslYoIFKCOvB9sZRnyUdzkV7xBakDqSkOXp2vt05yWLJKxPGWW/LUPlrg+ipo\nzKzYmav+HEJe4wL5p4HEEXTEOM36fpN79Jz5mDmQ0Sy8s7TeMLlIDwiNQrdr\nmcU3fyoYc7SgP/R6ZbaATr7KGiq4dZ/afi2uXxrnGCSEiz+sQh+7YcvlIedn\nfY3ht88ed/9P8RWeRKNp2W/uFDLesxCfCBtbf4VyTpj1mr7oGlZ+3oe0auHz\nfJN+HQHnA3IXFukT24mHAcinl03E+xKBQX51OAOnTJ1KCUd0CgXXr6T/Ka8r\nLGeRRv8uFh579LJsmgSUewpqccSTlvAxXDo9Bq9HLXNo31UoI5EQ9nFIsGID\n5psC17mpLU2DYNhLpHQcWIRI4hyehJHbvPBq2D/yz9+SQ6rECtm7dNzBHPA3\nNTShw88xDwjZHlmJZt1Yld0Q2AUXuJD28bst0a8Isgya/K58ejj1WgQfKrY/\nUt3qB0/J9uR+xB8THAsK3tAmfT9ibua3Nl1to8yOqg/+5dfLTO6ea6MPxJHI\n0U37fxK501N/pYffuwAFQLAMVyPGWoftviySEWg7uPMfquvodYG6+yYLFOLy\nz16WhG6WZ3aRBawoCVqvPWyFI5LWS+vj2HsCWJM9ZkAildRdhYU0XqV/DzZl\n+NT7\r\n=ddG7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220483049","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220483049_1641285087804_0.479043255149878","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/input","version":"0.0.0-pr-202204173424","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"30b1ebacad54dba015c8703e777ab9d9bb08f62a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202204173424.tgz","fileCount":22,"integrity":"sha512-4hILi7L8sbUDVPXtn+mKbNyK22lXBU3QCuKVe9SRLBRBLrn0mTHWg+Rj/TgvTAfRXsVHzVcGDkcp3GyGL/0rvQ==","signatures":[{"sig":"MEUCIEQXj79LGQi8ovf428CBvx8NsoIY1fWDWvaIipRj89FqAiEArtPf8jt+GwNlHt7IPJ3LvPn4bD1AV99W03cV6rypYhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IU/CRA9TVsSAnZWagAAI7YP/ixu5Ute5jI3UPTCVn7p\nnpi1XbebJrnbnWf2C1stX9UgZpy/Ed5fJAD4M44EevnSubNb+nQQHXdeRBQt\nG27b+pwPadFNtH+VOHJaPXGsDTDg/2JozNuFRSHJgoU24GI8eQifzl0iDVRQ\ndJ5VtfVWx18hvSmh2epVkYfrXZKavvLhRM6Sw/jIIyWldzTywfVU6lQoCJ4H\ne/bz1ve8U2QL9h8LJj34iCnW47lsL3K4NTIckIXKKpfeLE8YLKeTJfXQ0PS+\nhtaGAETzqG2wBVOwo36CBUxZUHZLn+4kWegmeZKhIzDpietjhcLnlEFOTEwz\n7OzJpyOZuNC5ycf9jcjb5l7MMNZJq9BVoDu2QMPDac8JshPN2qTmPQg1Bj0G\ntReGyUclbai0fj58ntsKuggbnj0h6Hn1lu+QakTVBSuVJRNtcXj2zeotknQF\n3v3BsInmsV7IUBI1onTf90GjkEkXggrTeWuwGNKdZMxqvInkcxJ6lYL4yyeR\npo4C2sQ9PqNk1KgEHFfszUZ5T0CVyGgR03EbR6BRDgDTnrp32ybrBLWgtDC0\ndmb/IwWIz0YVESN90mMZcEO3ONVgalTiJx369MDb1xZbjqo6HC1L/Cc8CpWP\nKWqAayb13I10GBsMXHcfgLu8pA+yM1sRokf9X/ZYfeW5KoV2a6nqAZcMVDam\n/N3N\r\n=65tn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202204173424","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202204173424_1641317694905_0.272596361327587","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/input","version":"0.0.0-pr-202204174042","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d3ca978e598b05e41e569d5c74b29dcd738eff41","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202204174042.tgz","fileCount":22,"integrity":"sha512-j1nYO6Pv2Euph8K9de0ZMT/d1bEAaLB7IzJTw4MYzM8MvnBckBtUjHCX4DrarinXgICULAtA5V0XV3uHFGuXbA==","signatures":[{"sig":"MEUCIF2ZaLkKlqXReZu5lLY2SA8Y7y8CmlQTh89HeLqP6343AiEA7lSZaxxjHgXyxzupMiJLnDDeuD8T0fsSc/PF0/2kL6I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1Ia6CRA9TVsSAnZWagAAQ4oP/01e9+m3PCThhUMsx5Hr\nGdiptVvXacCv70p0fQOZC8q6kS3jmGHrUlHIMoCFMFrknIZMPp9ggIRuVnHY\nAuGeMAw1g5gJ3vm212R81vYSS+nk4PqxkfpYaVz5xC6PUaFzdMPQlpd/tKI3\nH8o2kzjKuDccb+f2+LWi1yi5188vfca8Q9COCNTEGDJ9D7xzWzhSqowJPGmf\nuQ1B9znUTSep0hXKH6mLCUt5v7dN7MZWslat9Ei4tz5IeC8UUIpuNy9GKiI5\nluLsF74s/TK2AHmUNxNETpkPuH5BiLuF/JVzvp4V5m2yLDOrpU7FOBY7kjfd\nElRllurbHMXESGhu/1/qkcyMA+Yx4HI1grXcg4RQgUmb0R3RsBhUSuOqBk0T\nyoCNCQZBmkciQujL2MPysSaduQUWtGVjqo1HQY3Oh19Mm49a2yhj4wgg3PFN\nFroAKzMeDq+WueITZQ1vijkWVxsSANhQeO2psHs+fwzhc5DIdL949Xa6Y4cV\ndquVVKZwotRBcsvs43ElxzRwTQFr6cKjJaZmkptfBMwlxKdTg5rKLLbOJo7s\nW/rLVZ80x+HtWtBH1aug7tA1RwXY6Xr/lNdIej2rYvsEWQhMsbQHxh/8Xm5q\nxyianMs5PhcKzWaagJqiWVBMMUhmlHy4nCnweqFhftr48JvQAeRzTxGmLTtv\nc1az\r\n=tKAE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202204174042","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202204174042_1641318074492_0.3665556501820073","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/input","version":"0.0.0-pr-202204174930","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"48da4b51775183b4dd2bfc0ee7a2e86b0f701a2a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202204174930.tgz","fileCount":22,"integrity":"sha512-ADJrES8HkgYe8z4muBOg5zKnHdPx9q9MQ4y14Wh4OC64TruKkNvOvk93inTiDaustRfR1LJGvsBa4q84uHHHQw==","signatures":[{"sig":"MEYCIQC/0w5QtCIb49OZqhqEcTutxgtvBZF/tu+jlsoYHBTBBQIhALzU6A2ENh6v0JD5hGyAO7uDSPtUarP5DkAF3BMQWghA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjOCRA9TVsSAnZWagAATeoQAJipHkgit0j4hQLdus9W\nVsz+BI854xmU0INBoNbaoxjr5f/BABDHoPZTjdCrtZ9Sv083QN1cWTlRJqcQ\nUd++oeag0okj3GIskZRFk4Tf1YYaWH8kWKb3n/+C1xv0WT1JwMdLhCntqCJw\n6nc6M5iRvIJvU4h2y1AFWq1gdq7KwmVWmjaArXGDr5YCgr0AYDNSixp2CJYI\nlAmjh1LLboBai7FxGTxG1TnDWOUTbuGT1S5AGEdNTY+/ow2Sqt5Wutt5RpDl\nLSQQ/UEmR4/kS/REYs+L+js1HJS7bRsGLl9t8PCl1XX301CXu34amEOQ/907\njm7fSk4paVBZc7QHIHmtkGPUNtp454CvdrcsQ2AgXCs0JP4DPRd8aGQ6eWB+\nl8NqBNOVewNgF0C4MnozWyIF1Adr4NabvuLuoFP/ogRz75xf8OhVbBt/mJ8X\nwe+8fX+b3lwDexw3qSjZtcPoiBcAlF98HdrNxvWFKUqkFvx6PsG802Y5M+Ur\nrHyUpPEgILNEAKOISQDXxf+ABz1PnKi1zeiLD9xeXq3LA1iLCxJYo90pHJUt\n21RWINHwKTB2poanYUpxsfveQRqbj+aToZTUYqkZddfMHtHa7T6N5MLDvDud\nyg6MWjxZgYNitLecWwL9bsuFFdYuSotqFcyGnmH5V9bzIObGQhQvdlw7sEB0\nFdug\r\n=ppRJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202204174930","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202204174930_1641318605909_0.5389964261010687","host":"s3://npm-registry-packages"}},"1.3.3":{"name":"@chakra-ui/input","version":"1.3.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.3.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"671bb983c22b066301e972de1c24cc63a05c7350","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.3.3.tgz","fileCount":22,"integrity":"sha512-Fsivp608cKdc2tSQvPXczHtyfU6YHLju+EuAs5pjqKC8ZTwPawBRkCvlTGPPd7VwyTHkp08X5qARCxEgjRFbzw==","signatures":[{"sig":"MEYCIQC+/TqQ7yawtvBMxK5u853psXbTKuJsT43Fa0/BKPTLwQIhAKDiXhucNb97p+GSQNtF1H+h/1NWCGGjVNu9wz4TJd7d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43986,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/GCRA9TVsSAnZWagAAN8YP/iiQsSA43shtt89F5mnT\nbetjFLF1uxos9DzALYXxbNOS3r1oFX4DsJIwAz3XGuKBS4gSg9Uvqi62y/+c\nn8dG+t367tdEHFbPadizl5btB2R/jiajrlVtTXdJrRzOwlGG3OdZjAKm+pv4\ncUzdiRQgVDyXXVIknZoHM26d6xwfBllHx/1W+H3Cf9TZ4atBIOK1zMSaYOf4\n6z00OW7mk3XFJrlSm7x9Tik8gYMxURprCiqy5DeUor2PHpeMNvwUnoX77ana\nEgDlwj3hKxk/tvAJc9qxkuy0+skQLN4FdSCmblvTme9UJ1QCt8PL323+ntZ5\nw5f24ntEFd2iiCpMRS5X0IGAN6uQNkIyDts5eeIz8QYACrPswzXOGTbo5nS8\n+X9f54gFC3ZsNbX4RFe5dq6DO5ixyM2hR5kI13vMeOfWx85sEtE0Pu0n8NAz\nAPT/FUc2uOEBizzg1QYohbr6IDuvMW+CAgJf1aIExlEn2h0kCqWCSq/Ufknr\nMHQmNM3pTNcTIE9y51COIz50Sogq2a1qqdfaRKA9RIkSqgYzCqZJakDql1vi\nhkqChJTESqcalU1jTngjowKwCEmYbS4l1MsNTxfTDJUtl6sUtjmJGx75XVFQ\nrReesRhnHXHr7YDK7iCHR834XQO4c14+HRFBYDcUaTHkxWJWnU85jdmMu7Ge\n/YJu\r\n=N+b/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","gitHead":"e2525941277b6b96b38fd6dacb247ccf40cd2fc1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"1.5.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.9.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.3.3_1641328581854_0.05881867061312973","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/input","version":"0.0.0-pr-202204203645","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3bff75b1cb09efe0c482bb8d4f2a34b5b8af290f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202204203645.tgz","fileCount":22,"integrity":"sha512-6gi0FRsFxbBfNUoZwQGvBAeIVADIgLhUaZST4MztEOTdlttcYEAwDQEbUCcyqsQof5GnimLjAj8YKIK9M0fWdA==","signatures":[{"sig":"MEQCHzF073MIxV5i3mqVOqVQesKxmtZEWoTHdwZW6QuAuXECIQCrKPsuE2nLGkDTnlZdSFuGpfU22g+bEhDYnFonXYCaTg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LABCRA9TVsSAnZWagAAd8sP/A2VI3L0IShKyZ3vM6Y3\nkIasMq+6pzB+/Tovo78GpRRV9MfOVgVxWzWR5vyY+ZnMSt71f53PAV6cxs2/\nH/gUneb9Gav0RY9O4Y35dSnAV4seiSHw+lEItyR6qviidwGJ5O5Ico0OdMNo\nqbh2Wj37JhAZ1ee4ozhIhDL4M/51qJiFV5YjVJ02wGRidIZkERykzFVJRHMg\n1CQZjDv+VlnhfBlJNPbBHYAHah8Mv+IzQauM7N10bDBTFezsA1Le57I/rOeV\nUWoVZrdmQtt1FOaLkKT+f1X9P9/8mLKS85YBPS5HBTxXTDsluVct1XwuhoDQ\ns7xiyXGrv+T4sto2nS2W/IuImXyujXmVcFPAQpvsNZC8jE842qlEwDX6iGJk\nrxXoHFaIZkGYdQHhzWqQMhFLnDvJJ9WVA6i7ibz93TF2Z9Vlyg9iFf7RLrUP\nwFY2mcGmg15Mt2MbLwwVQZp/vvtkrc1UOECjQY1il2qa1uZrR70Oywnl6Tn1\nuoX3mp3kgbuwp6UFSIokJ07skh8d+5KPC1ce8IGies9uVUNc2Y0Qv8Qfb+kg\np8WcEYcZ+LRk4Dtvz4g4DhpMl/lRzYSHKD1ybikxQyVIQcHfdjL/ugX5pwid\nJy0PgZfYHptlcXsdxl81c7JRL6goktM91QQxBDwylakWytRebl+twnv4mIFO\neOJg\r\n=VJLs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202204203645"},"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/input_0.0.0-pr-202204203645_1641328641669_0.5243546492622009","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220421928","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4469e49a4afff68b9638efa1aa187df67a9a9703","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220421928.tgz","fileCount":22,"integrity":"sha512-P+37rGruLxvnJRE00nQUb+PlBtZLrjOdIp24hLWshLojLe2Tww7uRnoU2wVgUcdfICqEL5VBkqrBQIotMproBw==","signatures":[{"sig":"MEQCIFvbL2/PUJOyGpRnkbPAKioG6neVT+ywjX2cBl13wgIMAiA3eXM2PggPigyMvm6gZ92sHNcRd/tGL2xtUWW7pwdn4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LepCRA9TVsSAnZWagAAA9AP/jeCHJtVHBS/+IJlmbGX\nPlr9iSu17VoDXmUyKT34MBVqsttuuPbBGhQWeBL3+wAi0SifGzZa1xetNrLS\nUPDy2YDmAgTQW+aBsonKjNrfGAR9N3nrJ9gvEHhk2JzkPJmvfChEeTy1cLDj\nQk8d6coKu18UfaIqFdV3kbGzblF5UMYx172VnxHvAqF0oD24Q0HKpnmLpIs1\nuxiBt6vUZUzG6rCJFzEw8WkSpqbiajgEemKx9eB0RGgjronZ0EAeyE6ctcFE\nYRUKbzWMlbwbTQlliDJ4FiO7hlWaNnC/amT7JgSgEDjijFZmRDIiuyJMDIYk\nIvsUOkB64z3TUFYIPJbMINAr0ksrfVNqyLfHgR3bQVe4U6WMHXrWQk9Ao3Cg\n2giF1vMstSnqtkXr9zDchBEcGERaAsGHhy5+acuyiPve9riNZXzRI/ZZSKD+\ncSPeZSLIalUm2uSMa1pi482q/jI9TmMYfm2g7WZiaaTBkSyMvQ9kNx0qlVly\nAZPX/ts6UCdsyyxTEvoFiSgs/OxIFRVGupFgjr9jPUiQFP6eGprb+nnmGi5c\nb9QYPZEk73L6884bcrCltr3RUc3/LfCq5KhWpMuY8Qjv5QIJLzZVOWm3Lpxx\nPhtE9rVuO9q1LjUwL9Hr0pGNhDsZ+1dgUbOMB/QgSIUO5NUqJlpy4qS8Lebf\nl5fB\r\n=dZRB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220421928","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220421928_1641330600841_0.015533812724623619","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206185910":{"name":"@chakra-ui/input","version":"0.0.0-pr-202206185910","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d1fda37168dffb2d7a8cb66d083d54429d5325c9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202206185910.tgz","fileCount":22,"integrity":"sha512-FyxOLwro0oufZMkrxvkGYk1JVRVnax1Z19BlrsUUD03qa6CgOuSwpgG6103OsxzzAeK/VrGg3ZjTCzgyZ3uWPg==","signatures":[{"sig":"MEYCIQCWxEUfT1wfL3/ISuaAzrE/86ULcA6s6wJ5F4dlKLHZQAIhAMyVpMcFdf3/1S1I+x+BAWj14nwA8aycuAe4QTrDTzQf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1zwfCRA9TVsSAnZWagAAaU0P/0GgW7HRRHCrJhRa/GS9\nFwErbb9ij4k1RcByvBPAe9G0XhnQ5bA6Neb+NdG0pIHGrEgZ8Sc5EeLrHwIu\nRIkJhj67QsI4BmQKXxUM9sm732CxM7BmaPIa5eA/SuLK+G9qIObsgaUMB94W\nUbFOs3jFCYKJamCRDTSE3U90xu3ED7ijy7+pWNSldA+KNaMBCsG6yS1cgj2y\n9gshyosvdOHmDSzqxd/PF/mwbt2hAZVTnfhk7306M7CI+N+E1P8AVeE4ilcU\n/RuT/0zRSivYjSvajCUQyLalhM1Jzs8wdJhjRNg0ZlFbbsnL5O285MRaA7nK\nsRgDhc1FgCkZyB1eGqkwJJWFxEIryTeZB76wTkDF4k29XhzZLTZpDS3539OX\nrYiXNrwW1utkgXfYnAKHDhOYvxh+/02RK4LR2TDl3Bx6VeEUrAlAI5pFV5l6\nJqCOZZqEYrb6XqWNDs1fVOu6Kofe11bW7n+o3Sysk6ggLT6e7SrYBGf8iWTz\nQUksa5urFsLCwcpOZNEj8U42aQ2B86VqooW1EjqurH2Ciq23k7G0Qghs5e4u\nWd1Q3wOUfTi3bgtZPhFyXkrvodGVHVSl6qU8m4WfJ5MT+V7XaC1UeGj1G59T\nSwvNQduV1rqNkdAN1qs/6lpA2KQwDUGnb9pHAtvibLcY2ehNQY19lN+KWkoX\nByHM\r\n=sv5/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202206185910"},"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/input_0.0.0-pr-202206185910_1641495583781_0.19015401253163366","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/input","version":"0.0.0-pr-202206192031","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"196844a7f5b137c43ed140440e4942c9847f6f46","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202206192031.tgz","fileCount":22,"integrity":"sha512-kbXYZ2sRtVC2Kdr0bwXFabIcjhc7pxd59u/CN/oPP4vlBcUly50d1+I0I32utQcWpXmhEapAinoEUAufSw+vQQ==","signatures":[{"sig":"MEUCICKs8uO57phn2Lv7IVevOxRmk7EUo1vi5Q6DdNQr+STAAiEAn2MVZBkDHFhMne4kFMiguJ1uk0L+R7pfvZP+SliJsQU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EjCRA9TVsSAnZWagAAsHoP/2gj1EX3nZY3L0d6FPP0\nvcKiNXeVQrmOUK33PWX3ZklNvJhC2DMg1sniboNXGFBaK2rsUnRL11Dx0lJ1\nPypI+XAgyCTD0CAzmtDYlVU7T94boFKXF0AQkboFOZcvEXIfIfwa85WWt7i8\nxKD66Td3y5Rg2+BWbgGpi17TYT7e4o06sBcIww1FhOR5OxewcYKgwcd1QaLw\nO2K1aWze9vzWds3Ijl6hCY2njv3mWkmUx+PRmqwiODo/tI5ZzOhGksubvzNK\n0y4ZvtdG/YjfA/qbUsZ7pkaVqOP93bpkitq86vRADdeLEcy5AOcowOegm1cn\nZBljiOJ/DED7OoFeJpk5GaTzLJ3jFgmjO2oKhY3HqS5vbJhj3+jYfnQZjU+a\n2KfiB6Tv2yy4O/2MGsh3gZR9QmdkZnraXgQmsJbobczbLVNiPp17O+STeVgS\nVCoC2g9s17cmfyZ2u4YdzH4CPfD+QaYsnKsWCH17izYELE1z1nYWAkfwAZPa\n4nkRXCZMWApB5mRdRcTuUOpyyx/l1Yk5QUl3thxQBHaqBdhv8PMQWo1JDpvs\nOAW5FKMyUINO6IHGHvB9mQhOQJHdrLcWYfKPWauCNFEeG1Flby9NqeNFhAv+\nvPe7mkCxG+urpf7U4xpU6sakmTcqVM+I5mDdTI2nvzH3InhOd+EXlMwTYoAp\nylRG\r\n=DQKM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202206192031","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202206192031_1641496867711_0.8244778288384795","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220620149","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"483112588d9cb1b259d001ec95224767080998d4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220620149.tgz","fileCount":22,"integrity":"sha512-QfxEQAIZ0SYnuPAuwG5JtfgQ01W44RW+v1Ob7/iS8ExngYLun2rxnJfrHkcMPba4duvWNmCOvCFtirh7alAmpA==","signatures":[{"sig":"MEQCIGbG3OzUdxvdBMxgJ6SlRhelPPhM1o9M8SKDZAKh8mkwAiA9QK+1v2Z+fKIIIdNe4nUzH6cYP7kTCpdvcutz/TrHxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rOCRA9TVsSAnZWagAAteoP/0ch6IlvDTdmGgG+vNhk\nwulimKBYX1kbSy268IJi0vBHveyO3uOB1nalK4zydezSv4aK6lP3SbacJcQJ\nMYEatnXXne7I9PNUOAH85CN5hiMWRRtg17fAXRYBtYDuN0z2taYURjFXLptk\ncQoXoH77pZNiuiXjlxaZK/v0zyABag/C8ybbXsQIWHt1h2V05mP8tRXXTuic\nOoClI1x92igzFm5uT19orQcqnV7anlaPluyGSy8UgOzFUBTwMREK+R9xRnZU\nLSlCQTJgRa8CehmH+2WFiSCgqdWYArcqLNJZIeKBjkXX7RNpOFslH012YmqY\n/hCQIsDqMBqI7RTHINoWHUBtOaR5xb0YP0HcPLOW1J8PcrXNrzFsSJPVOofR\nopAh0mxz9wjsUAXWMc0L+FDBL8L0vhhmlhGSRJ571njYDYiw7COr5INS8LMl\n7bzHzrRRj9lpHCuY5Dit04648yb/tV48CTFSnvZi6Pljt5YUeaUVvX7O4b1E\nRmuZhli3bT0+4/1XvpaZk/zhn0oC4Xl0Rw1DQ4eO9njFbKKutnYMozhkkJwT\np3W1wgoBacB7bbBRzw/rctXAnSTX4H+JflZyD7WtkbIULXDBZhT6nNG50mhr\n8PP9H0m5Sb7gt1DCyjwdlXUqS0nAcEbhIu4sJyoN1luviRW5rYrQUzwYNR/a\nfT52\r\n=sHEJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220620149","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220620149_1641499342751_0.7138139629709686","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220620653":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220620653","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2795f5541026f0f227ebc292e1dd72f14369b605","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220620653.tgz","fileCount":22,"integrity":"sha512-f2rop6gFoiHD2sn6Pa3JCW6hUMr5MB/2ffdsuRno33A/NyrEYg0rETGzne8Ovw7GFG/7S/45E/pEqL62hTxPsQ==","signatures":[{"sig":"MEUCIH/TqaWct5cBiKQRkPxgY5XFzSporyJNCvEDd+4RG5y6AiEAxmXj/flawvdx5NOrFwNqAQ1E112YTMPZp1JQ3rfIbrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10v5CRA9TVsSAnZWagAAwn8P/0kJ5C7HB7yq1tXOLkuX\nNHsGU45OdmkTNkA9a2fs7MxVuxjTTJidBZdKzIlan2/sUCeDEs8u7KvQpUF7\nW9azIQXNbT00p3CrB8KUBkI7jBkBS5jNljt9YJ17TA9129bHc346HM2l76BJ\nUfji9QoiUJNznhTVVBGhVAR4iY+yB9LAbruIy7sswY6jL7KxVOeqFSUiWVXy\ni+YAaFylpHbZnpTX0iOVI1jLofhGXQjYUkLzO3pTLXqjWHF9lRGzSe1gBOkt\nfr2lZTsAsoK52LOlCrnFN9pBQwPeZtLoQzKK5jAnMf4S3mMImXIZWsz+L4lh\nn23RMBZF+RFLqlUAQtzI/cR/nJu690Sqk/MlH/PWQ+rnIsTLKuhHfjWesY19\nkpRB5O6Hibepn3TaScgr5SXVffcgKh+8WJv6TL4D2fPRMMbsm/71k0HkfHh0\nfdTfypeGOV6qu0QTUmx1F3pkXMeyHdTkGN1TfOcDIioVy445pWGmdheRyE6R\nLGpAAdPHl/qL2hwWtUcSUmD1YCJ9nSprqsT1Co2oyF41jNOloMeOlFKc7t16\nrooh3XwT/ehbZySp1QSEugGAGPZ5WIfGG/4SJWe4gkT/9dOpGlK8CDjxtOFK\nx4IuZ0/xCewJsBgOxDD4BLPerKDHDCwACEQKoXBzyAvLC8TChez1wq1kQEsu\n9y17\r\n=W+cZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20220620653"},"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/input_0.0.0-dev-20220620653_1641499640916_0.360042163627617","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022062070":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022062070","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2c9bfd7a344e954ef672664771e46b0b51b5058c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022062070.tgz","fileCount":22,"integrity":"sha512-esJ1tx66JPStdM8mWFMSgZmt5GJR0e75k4dDjBE9AvebGGSIyf7xfNNtPi5Zu44xiw3N8OEgPh9jbSm59L9UtA==","signatures":[{"sig":"MEUCICQ07qb/sF29rPAHzjmsR5xijxf81Ud9rDfqCtQQmO4lAiEA5j6c+7TQupwwK/G45ua7drtYxTzCWVPAniftewVgg+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44042,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10wGCRA9TVsSAnZWagAAx8EP/RCETKUijUbmC853bQk/\nDKr4Ywobk5t7AFnG0ijZ2sNhA4/aNcwpN/J99JpS4Wx4B/vUquTvAzbU3nnI\nGXFHO3BCfZoN9Ur71xTFg9m9ZGS3CvTgK525sSEz+Vx9VPJngG1OQXSbJy40\nfwQ8dFf+y6vszQvXUFeX4JeVQT0/ytl6pneYv4Y3QMaP/REHOmq3A0/44S8n\ncwwbaLKkz+RPV2fp93e7/a6AT83ULxvpxGavV7wkBi8VecA2Y/H/+F721kKM\nlS8dra88kUh6r84tKn747hgeSt6EKiGnlSKeZqmD+MYkDv9eiTlHpD5Uk3BC\nJEEwGg+WIHsTBpKgdelM32Ax2md000F+75at3me69nil2RaW3IgHkJRFx7Hz\nslEVCIxggYF5hWJCjnIDct5sQCKMTBWY9/4QqHVhPRKh+r3m2jyBzknoTh+V\njsDjhq1thfQpi3y4ftSf3ztyglt9BrQP2R7XQw3pAs+L/BSQHgwIgFQKnOoC\nE/s50UdsNj0J+1x/3ljFpsPtP3hBiWiKufkcMNx+CXnTlRdEg9oSXgA0p2zA\nivPn0R0gCMTE8+KazD2CYxGMvCR83UFu7Wsn6t9L//UXuSJAn9i4KtNZw0D5\nWpBAdJRQIFg/kKGyljaeIOHoY93Jxup3/OMlSBjCcV05xvVvGTd6kRfSl83e\nTq+V\r\n=79pL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022062070"},"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/input_0.0.0-pr-2022062070_1641499653880_0.01072995120165654","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/input","version":"0.0.0-pr-202208163634","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5b6e5c6a8319e95ef8f28c572a6d6b8764f26330","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202208163634.tgz","fileCount":22,"integrity":"sha512-F8OE8C0mv1uB482rZdxUCEh5JCn/To8F7j4jlzGUOdf6DtVBoQ3hLUonYX48ZOzK+uSrOltsPLp82n4qyvp8Lw==","signatures":[{"sig":"MEQCIDzYHxWSYnba84uf4z+OZedinIuybZJ3ahnGEsDUMDSUAiBJUjIL5MSRZTohA36GwrVOuE42y8u60aH39Hu0UWIr/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b21CRA9TVsSAnZWagAArVYP/jrcw00M/s4CX6Ib7mXD\nDlfq3kp1Gz+VNYG1sAEub6e+eyQRyV6mSmLkkyKOHzl49ZUQwxXjgeyjYIQi\nL2xbMvVtsN2cvICmabY02gLoZXvJw+/zQNnULx6MDWqr3iJVvruwYqLpxL/P\n6Qnw8NUTo8b+hKfp+AOnXCvjCpnZz0QcKS0UQqd/f8ht0/YbvULpn9mDWM2D\novrxkYOZP2iVsaDMhwGFj55sXQb4OSNRPcP+hUUUN88ObSC6KdOJGXgm76k/\n2ybLEJhdFc7h7LAwPk6wOZxOXoBrWjtXWaF+Jz786MluUk/6ZiKv5M6tmSTH\nM5Hh+522YvmSBYyoBzpQGAC4+xlBOS8OLgUZq+4wld7bPgeguRyHsEsXhZXo\n4gzSAPv76LkC6quxw6KyhAUMZGWhcDQthOuL8LkouL1M8Wa8TIoF13myBYEW\nOEG+6z8pvMJ9b8AFDdLWWQH2iHNkL8hKjOo9ILytDZdLxOghp8FnGIMvgWYS\nio54iwdKbuzEX0xHyJFJxz9djeq6sIWW6Zr3NwsF6TSD25yWmHp4+WhxCzoA\n1mcHC1Utvtml8JyfedOyaxneeT8zMWKXxWBK3vhsuz24wg7AD8GHKa+Mb8R4\nUi8Vjzi2Oz0kr5aQCf3iXywNa6HxtioF9vk5vekNqCZwm4tfkGPlVwf2Xfbs\nxlBc\r\n=bB2g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202208163634","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202208163634_1641659829701_0.7950122907032249","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220816386","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e8152b39fadfd443a2b4bb3133a913e9d2ec31ea","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220816386.tgz","fileCount":22,"integrity":"sha512-zlLZXIWNsDbF73C4LQyrEeEI2ien4nYPybhvmk9NlKBUaVRbOj6BqcQqkbAHDO5NoO9e1XY9kGii1F3FuogpXQ==","signatures":[{"sig":"MEQCIEIv9fJsGqkZ8NdmCqOtwTJ4Zn4aaNZVYN2V3SzAH7S5AiBh5XbDtIiANhGLZZphRgxyKQs8k0ovZQCyBzdj/fVd9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4SCRA9TVsSAnZWagAABOgP/2JGbvmkUG2NiEegDWU1\noynDXPfpYYOvGi3AmF4vUO32keuZ7xwtoFy4a+nSAd3xQ6yN7MmObzl44Kfl\nQ75iJLpBN1ZJfkyqTgIXNYpauwwF52fXfIO0ddC0y9iYSKYf3iXCbjl20cTW\ntXWKwa3vBQiB3eOj6siqZlNQa9CxXQYv8CSW5hrd9nDJ8oGeZjJC/BexiUP+\nqNTZj3FGuOkLLwho/9p7gD3eXUGlBwHbDFNnlZe/xkWJj/GTU4f51yTf0BwL\nfokFaMR5Nc0YCLbcqqT/vVXVV3Yy0H4gpZKAIw+cDTRrF0UEJIHbAqOf3v/R\nacmiEiNKPVPQ4hLiJ0Cyg2n306XALE89X61KeibXMfO5nPDML+AL49OcKZmR\n2dqEUAiLebgRJ9CqQHgWWSBZNwgd4yKwMXvyBfLDX/lvk3vKw8u328qaELf3\nDK+zbe4GyOixWcQiICpkOEzL6fIVJa0VIvQ7dFSh3a2CY1npV8qAHai1Pbj8\nVRezbrWJRlyg9Psma8NfDG6C2ZEFULwa+cCtm5pyZbZRKSLppc4ue8QeuxQ+\nm7IS6UCIrQGibkQlBqNkbwZ5cFDVRnefiFIsI6a0r24i5gArkenjfdOx0H4r\nSQRl97PtsgLcXJ1Y5innz7Z6bixa6wrY4V4ZAVbDbgI2JsrW3GFBOfurI7Rd\nDd/L\r\n=puOG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220816386","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220816386_1641659922255_0.18707522536176358","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/input","version":"0.0.0-pr-202208164521","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"192352baae33648c1197ee5dbe7c937c86b67de9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202208164521.tgz","fileCount":22,"integrity":"sha512-LzWAcq0UWUCvb4OYYO1qqdP81f62u2dH+0+Dv4sy4qIPE7p3d4gmBq/Z4PNv4AxoHH1vU4Y3USLmd+3RahhrSA==","signatures":[{"sig":"MEYCIQDtMBLkoki/v1M86lO/j0gaeCvKU283tmSRaAxkgx5dQwIhANAElpgBWn4WhlS5iwygPgHZZ5kKrXo3HEHLHW5F/yxq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b/BCRA9TVsSAnZWagAA874P/j9iOiydY/RIZmRcUAvT\ncYW0lAJ0kBwGz7bfQdSWDN95KZORy4H1yFjndam/LXBKycRkx2mZr5WKmHxs\nRUO4kZ1nZmZzqzPrtbKfT70L72/EaLjpSKduPUmJ3jQUBd8xHoAWpLP7U6C2\nxa+f1nOdWiNmZJq643oSNpt+4LpDf3Uq2mSBCbAUHdsOHu/XJDVj7hiOO7lY\nmsZ4u5W6OrhRv2Sag/BqF4ZbDjiHw8OfhvfNQVbuKOxY8cDLV0P+z0OzBadZ\ndzPmbGwuu1o5N8Ty2HpZcovRJ/WLzDMWVm8JCpF+9wLMw1uK+rkhqxp2fLth\nqhEAng38HuMOq66Sg81A1mp3xUtj2OOLE+Mw2DYCZn8Q5z2Gh8/C2q83dkjo\nW634WeVzgI+yAVHgx5jFEb2n93qWG6yoQmGAXDQCQSK8Y3KaS+36p7/Y/85C\n62ll3fv6M8DYA8PDjSWzwU6pbotwQsgoDv4vSIDR1dZFLEsYj1YfMNSGCzUG\n1f/9ZGnUQKNOzqeMRXpca0oHxK0JmlZoHZ/bjlCY548zjo6ATew77Xw6XU1U\n8vK7O1iX+oTJOOrAs2Vd4VMwUouyqV/GqYP7/VCYu6+8AkDO7JLRE80jR1+2\nxeN/wd5qJSlw0fi0vM1tOBvhNp9NyE3JY5hTYpqdrGCh0pk0We9aZ/dUo28+\n0d1T\r\n=Lf4D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202208164521","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202208164521_1641660353624_0.7326356473158369","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209205059":{"name":"@chakra-ui/input","version":"0.0.0-pr-202209205059","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0a38e230cc82e998fda9ae1735a6d656afa4614d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202209205059.tgz","fileCount":22,"integrity":"sha512-0mwTVRPJYND8SjURdUjNbn6Oaz4CT6DCQmSO7GJ/4iHPpZbM7deztdR/Yc13iKd6iJd76oPU3uYw4lZ3Y7mYlA==","signatures":[{"sig":"MEUCIHRNZfFn88nyDu2yitTjsxdBvyoqOEgBhMfnWUz0wFdhAiEAkwy5jnR1u9hKk9ksJ4xej9um4VIv8YcYkajttYa1GdQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20rSCRA9TVsSAnZWagAArwQP/1mM34hmRbqZr5QXkoDN\nxJepIu1l79Pm7d3+sQASwbgfKDvrBy9mPPHWaUG+dpESOBOlw1IVOWuaVX4x\nO3WyUOg4nLxLI48ShsYTmPMYzPzdN2sJXYoRMA/X+p5/fRJ/BQYKsltWYf3G\nDOCLx1WglWZyKcV2ebflCeONwsmODEI/W7qg4YDm9bm/tpZHpcKceUYYe691\nHlF5lzSiKNdrPAOT8giA98Xdy+ydTmKzKUyh44eQ3YaG4beaTnsWYxeODLUT\nL6YBz107bWgTGilFxBM5t7MUYTbTj3eDQDiO7snG4alpXUCNfAXUjGi5Pt6x\nL3j3UiSYhsxq/TJxUm6mJgWiU1jAyslBvIRRmgw0cPF82wCLraSJh1sMxf/8\nGDJ6kNKDqpHtK3B6JTsjTKh39ntirFlfXCxy0izyvYd8bBZuNRr7Rs909k1B\nN5pplQJVtXkuyGs0FWlhrTTzb7liBu0eBVeftZQmmSOCyBuT9Yge2M7sg6qf\nh8keoUMXyjeabqsv5cCTDg3EX8Tpu2HOLm5Zvq6vhQnMXRYU2dWoBRVfhp4n\njjQ8klJrRvfLP1fr2prR6GtHdzhJQdpW0Ll3IqCSxi5+l5oQonBKDVFC6n5m\nMgcVezwfVwsoIUsiAZV+NhixkbKLkCpttl9wAzCOV7N7ZV3ny8/+DpTi7SDD\nanHk\r\n=e7Q4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202209205059"},"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/input_0.0.0-pr-202209205059_1641761490408_0.2804425249428386","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220920538":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220920538","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a1bb4b9845e4fb8fb17085cfac4eac381dc108cb","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220920538.tgz","fileCount":22,"integrity":"sha512-npGDhKlw019gfNRCpS25NivQu4m4hNdLlyXWu5LxqcQqrkEffJoAMgas7KsRHPybhsqZfmc/Nvc+WpL+Quz/+A==","signatures":[{"sig":"MEYCIQCN8g/NHpcHlbqoLr+j3jsng4TccxEjrvomqJK1B3xgbQIhALRjXUK24UhuVabZXf00iy7SeW1Zm8+RtYQrk6adYaM6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20tTCRA9TVsSAnZWagAAm3EP/3HI4gPZpsNa0+7Snq7x\nfY7d3AGvSZMNRjsmnv8mAFKKXt7TobEcbrIsPJWJ4QpoLw0cH7Jbe1Rpnhm/\nzseSBOOncpr1wrDOILP1fzYSsvIOpBvexPoe4f0QjQabpoiXxm7hBQkAuggl\nxi/g9RNlKqUOhHZHjC5Ck6HgItO72J6ztJJpnNNJ/QrXMBKe/MSwZwFkWWji\nHLcji7/6MEqkvWTvjm6zhAurmGYJIa2Q3j25/7Ad7JXu/l0XTEWu3OVVCTmz\nIzCJhEAyhyUq0sj3vT7Ciivsx93KoJa0uS0gtmDRvEQ/2GowniHKCWvNArDQ\nm/uqys1a2c2veP6ZA228ttxDnuK19zGDglM9FLxUQMpsEZKXlJ66TXVUsSNm\nJIaipF9cliOr1af+zAmK+15bFY5GQ1fFt92PyjjY+39GglypKElSpoS5nkul\ntT/hf1Tr6kZZe8gVLy0A6tJa+IFuhiS8vc3ZBnL8DCGdte2hVRD7M4Z7mWnm\nTYCNwfzFjHs908IhYXnlvNKH6RenkCEHMR47t3S9u9RpLUGpQzPgGynEKu3e\nj4xim+cDEnikN9EP8g+pRi+RXChw6vB8EJij5/41DR1iCYRPGwD+fVLx+z8m\nQOxx3/ZLMYILxp7GUFvItP36UlYCmJ8ozYmzo+vcP01o/epHZsOw/mHa2Ekp\n8CwW\r\n=Qi8H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20220920538"},"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/input_0.0.0-pr-20220920538_1641761619675_0.3685017362858545","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209211330":{"name":"@chakra-ui/input","version":"0.0.0-pr-202209211330","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"13d74e73615bc943af706b87ab9219cd33d57b1e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202209211330.tgz","fileCount":22,"integrity":"sha512-OU088KhEPgrI4xc6+3OU/x3+ujehNIEwtNfGMSNSalI4IcW/D6Qtn1UvWMUqpBEkdEA8qRw119pDbLVtABqfyg==","signatures":[{"sig":"MEUCIHWam9RhhTz9ImAIfwmoz2oyk1UVVALeqE92L+TcS+2zAiEA+RhTW1WVczQKvNbd4qOEji8eThirMO+pcN/XAyNVVTE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21AaCRA9TVsSAnZWagAAUboP/Rfe+k+Cm2rMfagGEmfN\nB1uFPQUJYmeV93x7ekzyWzPd42revdPYCI2s1RaLn0zwdGNzxvExmuCo5Fjh\nnjUVJe9TdxX0rjht17u51Fz1BE/q2/moeJW9yHUchC8PQcWPWSmv1yE3/vCV\nwtdHDfQrfpNe2wqgKNk832OfRKgrpyv7ks5RvtqDDE1ZIc5R33tQ0/p3pHGU\nbO4HBSY4PzezCthpuJ8lFxW34c81Zz8D0g4ugwB7Obkmf9/AUmnVqRo5Dy1a\nVkstYK0Vb6edTmBdUkv5Knd99v3xctFRuxQh8EHqxaNWBtZZYdbJs8JbV1ta\nqR2IV1DrJ4syUkRZKVQIiLYtbFpN4cdmC0zOgUT3Y8PKhBMS3EGQ7InW3vWl\nyLw2Pux38JvXgZZIY8imN9NTHAEPa6PuDap9QC+cark6wQRlFP1m+oR17Dq4\ndi4tyjoenrTh4DcC3Lopujl8cGr6wYf2sr5Y2lbCbWiW6nRK2KoWFOeDJGHM\nL6xvLzAJ0EYG4/aJyLfeys/EhT9wG7Ej8F1ZyQeNupIm+RGGwh0XA9TxPAVU\nIEeKhDu6C+FTw4CKOipjYHRWk5Tak3SCsPHqZmKOXSd462l15nPDOsFK5g7P\nwd+NHb0EhobYsaVjRPIq9VVLrlSAxZZVUe5H8cMJBiKSR47F8VTChlu206it\n1h98\r\n=lDki\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202209211330"},"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/input_0.0.0-pr-202209211330_1641762842359_0.2562739667042122","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220921590":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220921590","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ea48cf582678e46e3b00440f18fffa9cb375b76e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220921590.tgz","fileCount":22,"integrity":"sha512-qK5OQ9nc64fLz7tF15TkQvAIoEloi+3clrULhP3NUentLjCbT0zlfQkkxgAb0iax8YoZgQnEIDNG+Kz6PebggQ==","signatures":[{"sig":"MEUCIQCVo1kG3802o/+8GeROKzYWSRxxph8HvbIx+zD1RIIpqQIgWAPeauqxs8wrzuyfxRKTh6fkY8gOcnNmxLvOejo2Bps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21q/CRA9TVsSAnZWagAAbQcP+gL6+NHLijxuLo7EW502\n+0J+1WjlD3nDzbHwX8S7v9fz14RDfJ3HCW/rB7Alhb6IaBLG+DYWnkD0vUTK\nK3rvhledPMei6QzBq4Ajp/lrBt4xaGZrjq9f2vggvnTm25t8atGEYGMk9YDY\n06k4xjUfLQZCgt03P4OBu8hKSt5nDsLkMMH5FFZzMjnEvRZeLFwpbCLDg59V\n9F/KUaRqau7Z5r18rB1CGl2Ni/yRD/7JVY5LyX1+xZo6OFGmzJuVtA3yZ9h7\nZnSiv9EG7rkURBrZ1G+6LmDsdjyF3DyEXQR807/GlFVJ8m0Ljg41muHMd2tu\nKnLkuVQxvwS2HaGeAvFwDFDIi3A6A/2Ts43BTT3frqAzyJtDQ2BDQCpu3xln\nRb/zTGrVeU9hHnzuxDR5oJYWy6iUJmjne68nvp+OYIeJ0g0YEjFvxB8FCEe3\nPScTiAE2qLw3OvGdSNf2pxRy5trIABjftA4BIFpgBYRGcloqCeCY2R/LNYKp\nPMLjBNUOAUAV8TGbtTWne8dATpi6iqy4jfOKY22N+9pXLsy0HQi0oECG7iOV\no857btEvjMdd8bEkm5fMJZbyWPn2gKGCmd9KzBv+gaon9CAk31D6wOqwdwY7\nvyAYoOSE42pZa1kWylNM1OxHaezIq3VFpIGmIZjzBLck9ZCmkT4OW2v/fFh9\n114t\r\n=OCgy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20220921590"},"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/input_0.0.0-pr-20220921590_1641765567657_0.08566864162527876","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231642":{"name":"@chakra-ui/input","version":"0.0.0-pr-202209231642","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c9b03d8f2bf2976772491fc1d022dbf42be172a1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202209231642.tgz","fileCount":22,"integrity":"sha512-ir67DO+CHH9StwZfCCUvuSeyBOpkrIly1X/CDYHea5BRFx1TE3KUMgb6aFeIhQKxlN3Szyysfz+TcxNOzJLYpA==","signatures":[{"sig":"MEYCIQCB+3UOQP18kPsyHVBR0uHqOXRv9tciIWfFqREcgDxNZgIhANkubQorZYCDT7hX5mvqOiyjA2d+xI2auf4yhOOVSmoC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh22z2CRA9TVsSAnZWagAAEH4P/1sF0zsUIu93OqL4bIrU\niS9WIyuufkMVgv4TkZg5Mh3n1vmZdKLmYVBLlIlVr0hkznR0bAUeBjI8dgVb\nGDXerHbT7J5/rWPZThzGFrhBcCiq3VUAOpXWKFw+ofR+RiU/yseH43/BuAVG\nJX6NOPLq5fKqTCdmLUGi/iOd/bKBGBKC3pGTxMvxcsNI5i5a/k3Fl/DgXd8L\n7BKTy5pgDdKkBypoBfpEjvejupbss9aqnNezwAlXW3byxkkCkyZGBMemE+qa\nEGKZZHtG6zDMZEUTNVqS+I4/tyf5Bcewu423+eI9/nEcsv8hNssMAvrV549T\ndVA9BPdCPW8GFEhcV4DN0peJmOfn47M3/I8H1EjDY6fEWuLeDgoE2KA15MJQ\nNKzdlpFRnwa4EtTNRT6UzJFVKvNUG/wwpGhJ29FlWrjprPHKpjp1Rb7xLEfy\nJRcdKqiWqaWyaSbGCcsCcyvh8R01SsBIALktY5HGXxaBuG00+t+E2Ayre7JV\nu+GWMaScfcB7CohFKh20R121jdsbwk6gpJ7Pz5dXv3DztemeZKdXVUD7Ev5i\nJAVtJ04XJoX0WUjkeo7iGo89ngSvxbXEH5/PNMsXxqFPA5s6W3ceWQqBBCxZ\nD3KVdaoYicZd1Vbbz5TYvil4Ejcw8iWM4Ixwtda4NZ9rn4Z94+4r3clCq4gw\nU2tX\r\n=fi3C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202209231642"},"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/input_0.0.0-pr-202209231642_1641770229839_0.0171951025973045","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231818":{"name":"@chakra-ui/input","version":"0.0.0-pr-202209231818","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"6d547492b98d3c8dd2ff9f732a6e62394d18d0a7","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202209231818.tgz","fileCount":22,"integrity":"sha512-SCwsCpAZbirRM0klwvCmY4s8LxRrV38twxxCQpovCCbMFbnzY47AcaHFHgCnBFQPEj36zQ6pHfBz3njbGSuQ+A==","signatures":[{"sig":"MEYCIQC7ceMvCkSScBXXV7A9Pvr/g97s2vKYErCHnbSbEOlqNQIhAMvqQwGsLMpYQNyEPBT5XyYJ3G/96MUaFZGyogqYhMoh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh221ZCRA9TVsSAnZWagAA/UsP/0KFIfsKYWpO4yWtO4U2\nZMA1mnQ5B3CluJffDAhG50uitNl0O6srt97fOR/KnTqMVusR+lNCyb6xRMgE\n0mFA7C8AtvIk54Gq+TiSbFEuvKNWtePFkMRuq5aLGhkkPvgc0GNg25i8Mz3+\nrIwqgD7p5cSmq2g0hglMkQNf34tbYsmKhRAVT6rxt4Bmdy7uVGBa6uhWzRlC\nWefHRaYXchy11ja2e0X4/aNzEJj0K40LRCE3/2+JMxrKK2aJLu9tr2Pb4RTu\n/A6cqnYWdPyyD5q8d5Bo0RIPB0/oHuqE0UePEoi7Kw2dRFMsble2kAS9ZQBv\nyG34U8m5RJDNqEXhVZd6UxgMX617zUGXCOkjFkwi/EQszDmLiLEwhxwZEFp4\nBRO+3HWTTE7sMYaGoKvkbay96r87MOenL+doAbRcRPu8ZBhnPfxDuSr5J7Yk\nGJOI6B/FhLFQ7apWgWh3myirtZRHU8UraHJwu8mDtf/B0PQcBnWCdBBjFH2J\n59ekC+lzk+LroIDmrk6XSSEabvpkYoo9eiOwIt1/V43lWGnXzpmkJG93bjFn\nguEJeb81VmijRVdqF9U98ACfZQpE+57kK+E4X0KJnYBxb4KEdWz5a+EsQChp\nQWRQFYwt32l3cXlSCXjIXfaYBbA40s/bXBdws5nWG4dg17I4U0A3msItfxyl\nj0xT\r\n=5g2n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202209231818"},"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/input_0.0.0-pr-202209231818_1641770329008_0.231640241625495","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231927":{"name":"@chakra-ui/input","version":"0.0.0-pr-202209231927","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0ed524052269814fe82056771792a7bec2c41f6f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202209231927.tgz","fileCount":22,"integrity":"sha512-BX5fN8pPqCFXcKtBzI2bX2Q1mPWgL1YmqsdS+cvCdvw5S6OeVPqV+H21WRgq4ZiEaJTfdqVTVkZrPRHb4PUA5g==","signatures":[{"sig":"MEUCIBMYILassSA8fPaa5xqtV6qoMR0InmTBjUZ2Efbdj4McAiEAlBqEB/gwPjuixKh35ZjOU0J6oSYXFyM0k1Bmxt6/ccI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh222fCRA9TVsSAnZWagAA6BAQAJOqfoxgn4n9//gcxusn\nbTct/BXdi5hALQScit2KNZRUSv2jSk8El3ejXlYP08ekOGch21UqWsgfjqLF\nDpRi7GFvt1QbpnpX9DInflsH/eHOldWJV/iiA1VGFmvbKLOQWycFUsZO4N37\nYMpx14xSfdAfg9//2kBU5B8c7+1TKj/SR6/hW+UNaURxxlsoIPZm8sY1IMHH\nPt7BR9FbBo+ewQtNPtiwPtDaACmOwfurdeFSkj1BxdJDyGCZJpETCOah6RX2\nw0PeRGSNa5KSDNfYC4UoIHdifl8DtASKPe83hP32C7TjH1bBhirVGsUZEIQh\nwW058qJjw/bMnroYdm7tTmX+vU+pnxu+NDR5MjW7Uy6BQny2IBaNA/tLitXt\nX9En12sgcyEEUa/HRx+gD2rEqODasQMoa30q7rHfXT97fnIlzHgvMwGSE16/\nuV1gRXCL1RUz17XxXAKv87YHGLB27MJj2ocncBDoMXjKapC9rpr0tYKRUYk/\nVMY69Z02KATtZFTg8hywfmgzxW/2oEYZ3/kCM1rXM0q+Ikbwsv5Zd+X1tZ3K\nHzZApxs+VvQCRHk/8zrl8Ha6KZq6HbBqjh3EidUa+XBt8BWNnCPLod0SfGzb\ne14yJCdfYydySbMZ87hA6Cen2EqpBHFg9AwPw5Qxgxp3CaZvAaiM/8UWlxSr\n5KdJ\r\n=0Rqd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202209231927"},"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/input_0.0.0-pr-202209231927_1641770398911_0.2492172645730082","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022010134944":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022010134944","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8d4cdc95b89359c82dd1b6be8b202ee869a23276","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022010134944.tgz","fileCount":22,"integrity":"sha512-RocbWgxUMI1jRpJxz84mHnmFWvzIiLdaAqKJRaTZy647hoVvlRt7HH4ri5fR9fZyulyRqsakuacvEH9D7SMMqA==","signatures":[{"sig":"MEUCIQC327tmuSLazuWor5VmF2e6KBfe2oljWG/gE1f6m7azwgIgGHTkynFktQPOAqKzwd1ziX/li7LYT1snwnNWkG5xe7s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DmRCRA9TVsSAnZWagAAgHoP/icMvvVQmyxG68u7cAVq\nk2n4hfHzRmKL5oV1PcRH4GRTz+gqNxp+gMcrU3kCAHAcwPSI9A3wVLOwC766\ntwq3+u56IvCr4623NQDMqRZq4/1MeIXxpxZ+MYCiQWPM6BVED/eDy2GetpLw\nxOpWfdx5ceNcb/LJLSXE9KF1KaGl3aazcQ4w5Mh0FZG3eicGJVHZxlVRKifk\n6Hr/6nwDwbXNn5Jl0QgTet+8lNXvBt4uLJp6lPW3UCLCRoiC9wtYZ+HNH6W2\n2eryRAgoqb6kcJtG3ALgeWwNdNs1amzieAzLq/8PUmBiamTnOtb3E2aUz7lU\nkC2XQQrAzdjBcZL9CL7YdomAii1asA2TrQW+V4vLPI1r+bSJqUYVcMZKA1S5\nX6aX2vKr1fNz/HDu86uWaL/uQalf9N3BTr0UBs//x8CnucecIdgewugUb8oR\nsG1fVnCGaXAarc6EYtm54GAMP+3n2GTad2MZeAshIolArlh/6J4wN6pGqIY1\n9/iSExqnihSfM4qrlV2SFj2kK1AYwBRpBQgajbjfIt39TYb/B8id+Gs/dfJG\nLMkplGnNi8OIzaUzS7Fty4f3JaoUobohSENCxpOMV/BQrVsuWONCAyIQ4cdt\nFIyRYCuXMOcHK/Ns1ZYCh1E11ZjPnNxGfS7ja9hPkt3huuxtHYLibIwUf3eg\nQWu6\r\n=n9lj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022010134944"},"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/input_0.0.0-pr-2022010134944_1641822609082_0.4156804736980064","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201013510":{"name":"@chakra-ui/input","version":"0.0.0-dev-202201013510","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"75989a4f9b1b9a7011704be957886bd3efc566e9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202201013510.tgz","fileCount":22,"integrity":"sha512-HooScmD91u89/iTKjw1J11pAGpne4AyppDI6A9rB8QwEgnvFZZtKnaEJe3tRAuOQRZuSCXywPvPeL2qFvTQRSw==","signatures":[{"sig":"MEQCICTMsvteG+Hah08hcFHHvXktfrqIR4h8Yi3h6YJWXDyUAiBDwm0vJcPZSFOgosyDIv4K3t9Qf3o9g0z0CzY3gykD/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DnhCRA9TVsSAnZWagAAxRoP/03BnIayKm0PeRZH2uqO\n3nbxRXAKRf55qVSexO2U+jdIGbre/mExhMEXcBeobD+/eP4scaSM8VO9Cdws\npEci/RHXuCPBZuxkZWQq21NjHaRVL51io97guZDSTCTAtukbZHORbVN+u6IM\nRtXdj94weufxQQi/3TEKlfDNVe4A2nBlqTX1nUnahnOI7ANt5yTDcA121r0Z\n2yFcYTQs7c1G70chZp/jOwrsNlB8tMYBPCJp6nBSZUZ9bvI+mWnI980ElDUx\nBvBTaErEmf7fd6H9jYDIxeEncwVQYtkJanuytOSVjqKzd1++nzS1gm+Fat1s\nard+JkpwxvmESZEREDQqMPqFMz7mxWURknb0x0caAyhRWBirqbY8lvDDxk55\nBnERwIex24PIvoU1WrNustvEkwKzXbCuC8iKJqpmAOquyCwHtBQ9QjO1/J7c\nTq2e1JmqgLC8EOY2n4XyD5ptZfxCR7j/0EIpsSl7F4LeIPyVO72/AokJYgEb\nUi5j+8EcrhFUPe8H1QRK6qDYUuerdDc7o+bqWEnCGsj4L/Hqwvz5+ap5RRta\n+37o9LNzedgJXGciJ9EKDbGTo8A72tChxj/BkpKRDhnMT9NWqEFzaxQlgBM7\nnCt7NAej5OOnGgQ93kwOtztyW1N+QQTREbA+SmFZ3n8I8sC2dKzNs0wgqxEV\n7k8N\r\n=11nS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-202201013510"},"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/input_0.0.0-dev-202201013510_1641822689527_0.7422640855510276","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201013538":{"name":"@chakra-ui/input","version":"0.0.0-pr-202201013538","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"60c69f033134ad93d186d940579b2b6cde0420cc","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202201013538.tgz","fileCount":22,"integrity":"sha512-YRazApVu/1GyPKPuQtHiaxLx1cGVJ3YH75nIeGiVJ9ozOdi7bNO7d9JDFB+7pWJTyKE54W+J8SN1qdIajHSwwQ==","signatures":[{"sig":"MEUCIAM2+nmkrRoSVs8dYiGfyeR/DwmMhcqKZ7ZAyCLUZoc3AiEAt8lOw/w0mJbBERk4P4g5ud+V0mtcHWANt8ZdLyZ71Ig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DpeCRA9TVsSAnZWagAAGOAP/2fJLUgWaHYKR4ttBrRB\nsQk16mXzfW00N53wP4WGn9Sx5X1x/csR46SrLKKzZ5qcn9YTgKhUUMukDmSF\n43mrhrufBoEZZvhO3UBR6t98ocXlnv2PjaLnULmKP8lz0smqoubp7Mq/M5xo\nyvqR89sfcYB6DA439cxm9HDfaxLmMOzSDotwl5Eyd/Y/JWHf8/EeVQPEPPQQ\nqgOlj4NrGfhjrqLyGcPZBk05dqC3XE5chQFv4mpuhO67LDnjr57hY2jZRLlz\nw/LqlLLC0eBpfP1cKT856CY+dpql3eAmSksoD1VbRPOT84qbKDxZBo352vQo\nsjsGxR7XFa79l37vVtQC9eecvA51LauiIa6E6OX+BeU/8H/RYlvc3mL4LRXn\nltUJBu7417yOcfNShbR1boStGf8qfaJMtvG+idDpsN6OTS9vytcBmk3lO/nr\naTarzcfm20NV5FFiP6bp8KL/0OD7RBZuP/RxiZkJF/Zw9RohgnZJOLMtztrS\nNeQQOhWAgVJWSjv0HCRZc5HI6BgCYS6NG7QMy6KnAs1caApbtnT+3C+eOGe1\n3bhoOIQD3Z5zZmJbXP//ht26YEOLAzdc0SQnmlnnxZ35x6QcMaIe3aJYOnrQ\nq8xwzYfhWPOhSyD5zqnLTb3Rx4gt/DEMLfOSsOvcGjn6Zwc5RBoxSLtcs+Qz\nkQOZ\r\n=tvuv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202201013538"},"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/input_0.0.0-pr-202201013538_1641822814757_0.46038105045822175","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201117413":{"name":"@chakra-ui/input","version":"0.0.0-dev-202201117413","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"26a7ab2737623587310c80cf27c9d3bc4d541fca","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202201117413.tgz","fileCount":22,"integrity":"sha512-WtOSVqn6OVKbmKPq0057IiywkMEbAm38zAmyT7NfSFr3Fdg4bgQNaq3W7pqJtoRI6Hqgs6f67VgC2AKpArSZwQ==","signatures":[{"sig":"MEUCIEya8/WJFIfwZphJg9mmO9pYiX7fuwCCX9is0RInTYUPAiEArgR/J2CwTVmW2cH0h8sN8kRrHrChLQ8T6ArkQM5mN4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cFICRA9TVsSAnZWagAALEUQAJRWeqBJgh5TgH2lXBJa\nfJYWrDrvm1/1fGN8cVvAEDnoOlw0x5YV+VW0u9sEr/qBML0numtJWK16ooEb\nYspwFdy7qlfff5b/0yDOWSGpnXRa80JjHB+KBHiNL18dBuxYdRCuktlkQo9v\nIS7aNOAEMwAL1Xr4Ib9j1Yk9zIMQshY8VwEQC4PEhwAsTeasYUZCuw6Ncd9n\n4f7wx27/jhoCE2vZeKbg88/NO/w/QmirUHhUV+4P/xmpZOCeO3d3Cdxr6fD1\nLqT+RKjsrmlAN8FkyUR7XWyKti5HYMbNLd4vGnhzDqueERikh3mhHKofM8Mk\nl1TyYV8E+VFkfM2kKfUKUOZxjnwG+UoP6Adjf3oJY5agZS1Arf9senV3zrTM\nsaxq6aCojA6Vnb/5Hv+XroEg1aq33rcnAMzuoBzukqJopVCa1SjZ3YnvDjIQ\nmBugjuoFKSCHJEZ4xDyOcQQsgYblB7Akpo7UiBXZG+ambDImKEOsbdCECWGp\nEoZKbpCe+WXbAA2i4eO7aK+OZbFu1rZoDw7kWjw9lznbJQO9uT8t947NIOQu\n7mmRwSsSOIJ9QzgsMHIaiYyXMkQZ41IjjwG/B8cxPnx+Kd0q88otb2cxmNN0\ng9dAUq1A1ZYRoQ4KFklPZZlejs3/DkIT3TH4tqbpC4M7Kk7SFHsxb0FWIvKF\nZ1Ra\r\n=v97H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-202201117413"},"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/input_0.0.0-dev-202201117413_1641922888756_0.3767085342616996","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011175644":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022011175644","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a8c1f1175fc7c220fb4dad827924a7019f5caf35","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022011175644.tgz","fileCount":22,"integrity":"sha512-JY7DhisO7vS7Iz+hWnD39bOxcAy2qhoVywY8Qc0qNIY0HF05kD1MRgs5b4ZrqXbQPZfOt+mM0LjMvSDM2cuszw==","signatures":[{"sig":"MEUCIQD8ae8Mw+hr3GQNf3pZb9eYXjSB5TWEm/XrwdW7X1RmfgIgEw91evsaNej5c4aLJPOwc+ghPxDUEJF8IT/BEULwV5Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cT6CRA9TVsSAnZWagAAH2wP/RcihKk0FOxU5U54FJFn\np7tK52zYubVSjChqdrRRKQrhEgLr08YyqJ/G2HpzWf8f1p/C/YhOSXs8lVrq\nE3ai4BB9Hc/VCJG5Z9oUL2P/w53VbWB30Gt6b99VNmByIBglnsfcri16K9Ot\n9sDNNR9ckRRLLfq89UdXe6wOPZZvMh8VW5CDKibSmbnTMqrIq2xYF9iaU9uJ\nnKTiO4YrwwM0znhyOver5ihSiMyIBE1try8M0H3NGA0VkGbNmHU4vv1J+O+Z\n2GbvvY2JxXNqr7p7Dai3wc/iCrPXqdP5MiVIHQ7wJeAG0IzXiHPTBDnlLeeQ\ngt9u3ExVTYUz/KXuuFVbDIiI7NOJ/4LQRYiPHZXef0xsxym+KLcpYeUx4Tbi\n3ykGE6Ehv6RM9X5H3TFAM0BrWo/HPZ08DtCYaQdHb8Es1BI+36IJ1oKQnO6x\nSURF+2a+ixkUenEPsljIBR7O1sPY37cZI0FvQ7m9jHV4y5EO6ZM4jqL5OQ1J\nkUYcscP4AM2SIA//l6QI47PAaNUtZE1qrJ1hSWZZblAiuMFEEQOiRr/5YwBy\nOw9tQ/AWHd50hXMvQpU0CnkNiKXv0F+GGBESLnrvPbKA5IdOB8iGiRiSwv2D\nbAQVc+oVRwfwZWy26A9Qc8D9gWjRiRYXI2tQ+dbaYtGAt0q+PiliP0eVOj+r\nsrqs\r\n=cD67\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022011175644"},"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/input_0.0.0-pr-2022011175644_1641923834209_0.49015953065222506","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011182024":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022011182024","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"021fd418fbf60ac5c5e5ebedcd2cc30e288e09de","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022011182024.tgz","fileCount":22,"integrity":"sha512-OPvhbGG+ajoFFS4dyvnPAIHUipbvjJToJJXlsWi1M8mxKxaAyrtnusAZ17MVG+oYMfi6J7QHoAmyzLFjeVOe0A==","signatures":[{"sig":"MEUCIEjLj6/irs0LIDKSZQuDEfzPn5Lht/yj79jTv4IiYtWJAiEA6QbqKDCxyOWG4Xze8pAZsyS28TY591+Lx6MElb+pWOg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cqJCRA9TVsSAnZWagAA9uYP/iEjurLahucLWfoRc78D\nfAD1ct0TJwx0ej/ctnTc6iG5VI8waFoClNVwLhgcze/3W5OJGP+QyoPz55q+\nMP1C5SgbdhzVfzkbnF8f7OCBx90iDmHpvF/428Ow2P+TRhbKQpLq88+b71ww\n50aLqC1mIsjY9jGGwUGy9DV21ihqgrZ3NeedxV3NIUtWLH4gzZ5Pi2KFsjFB\nf/UYFGIReWZR6rgkvJq/BWp/B5ov/G27SIfXMKubmluYQZ7lH7V/MYQphswH\niO0KhxytEGtaqGM8CCshbS8l5mtYBYmPYUPR/qHkgAMYiB/MzKEJ1DDL7ehy\ngVbHngRYvUk208QF9LFOFmmdAjOVvq1xitHYZ2W6j1SlLK+nYqZ99vOdprjN\nMFwOMJzS1q+AbPy03xdehLnIB3kn+2vtn87YcHm8nl5w28dJhZpD5w9MeFBp\nESwWDuNkC9s0tZL4pN1OAYEwMqoWFgRGGFpIZX+R6/9uAMcY86O69JNnBJzo\nV7VhMblJ+/3KU93CZcyupl3Tn39z1/DM3sR+Brp0bhCulZ/Yshr72heaN2Ar\nhRTXQ52O5xvDfdrt6Tf3kWwnuF+ozirTuiOs08UAKsEDJid6iBWhtLVRpLDH\nDER28pnCp8R4hJ4pvaB+2AZWDM6r3+EdscLMN1NsfBP9dVaYY2oWxTYt6w2n\nqhbe\r\n=9KoX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022011182024"},"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/input_0.0.0-pr-2022011182024_1641925257469_0.6532204686869554","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013185957":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022013185957","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a5b5741f2ccec76d1cfde4c43f4d1c6f0e247b0a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022013185957.tgz","fileCount":22,"integrity":"sha512-d5h84LnpeMvIQ6RTEVnZdiQ06oP7S5/POtCw/NnZuf6lA1axf+Q4IZN5OkVVMtu4WCAPNOYk2SfAsSsq35PUBg==","signatures":[{"sig":"MEUCIFqrf8YpfK2IgDaBS/b2EDopw0MFEcpQuVDr8fBuvm73AiEA16K2eYiGcjbg+Sb1P07gBk8qZkvlzRMZXeJ7ZZ8FPHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbKCRA9TVsSAnZWagAAj4oP/irXSwgyFSfgPKm8xdOP\nnz1ZSmIYJbX2UykyazhIXHdfFh1pYIIcbqNzn6ACYSnsKl/dgshY5Mp59zT4\nSEHjR2L2UgUmG8eHQF2cX4SoKlBbmdgNnw7HV4D0qu642oIt51oQnVI+0ZzV\nNA0XQ+S7bb+njVGihxQNVysutVYO3pEKdJcikXjSwxkGSL08ChyUyivlbjC3\nXcEXjAkOjlCc0N+zyVybDSbaZk+b5YRrk/G60KZbM9njHtcjm1B7cso8UYmU\nPrUOC0sfzUNDkfy6wRRadArDQPyLeyBTqna/QTxOFvKAAPyvA30ixmdOnc8I\nhk+SHHg5eC7ZDfjNLluaDhzXtQEmpPRKUUX1RWLjc+BDcOC96FpF4LUnmgo+\n1BINXPye187ktpFGw7NgWotAnY7vK3QzBLSIxwXcDUoRHm0d0nEmJ3oHTeoe\niNicXhnLLeEDX3Z0HwSaisv3e1bszqMqULs7Mh4x/2ghRaBiiXkSaGtSaeY4\njyOgOplhN99hQX80oxRpmumnCKCWv+EMMI7pDmB5aW7wj1O88mF4Vsw6keBS\nBTsmuvmMGK9DZ9UFAQhL8PDcZGi7gJI9bgEQk8ryIYfCBGADa6mtePqD5l5P\n7sNh8JvY7XrFXZVjgLcD344mltXQnSxJsxqH77kEsNlOnzCHvknW5jR5kHCU\nClaA\r\n=mVkl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022013185957"},"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/input_0.0.0-dev-2022013185957_1642100426492_0.8014624516739393","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319022":{"name":"@chakra-ui/input","version":"0.0.0-pr-202201319022","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e6a48cfce00f90ad01a4441f94abfc8db3c8e7f4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202201319022.tgz","fileCount":22,"integrity":"sha512-zzR8oeNbrcvSPbxOM/Osfzx1dFUZVH20RrHDQbaKZjOfB4tJI+5xEQSmd4elKiMEML5vH90RLdjUh1i3i7T0DA==","signatures":[{"sig":"MEYCIQD6CxwnMlTlpLs7rgIB1HyHoueO0Ae7zLVIVoOUAVnbFAIhALNQTzjMlFnBG9YFOBVrsOhiz/IpSUrJyGjVyGTyMObG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbjCRA9TVsSAnZWagAAZEcP+QABWzPj0uOglWevlpFr\nf2P/7IA8WBY67cxca31xu+NShzkCLuf0HeaO6+TdeElbdaX9dpuSnAb3sash\n7zM8rAY67butkt25BIYrp+bVZ5+6bNjzsKFAW1s5VXdwBCWJTaBg5EdyjZKg\n7QWmzd/zXn/+gY5eFSZvbAX/881/lcEUljkgTYLZhdTU34El0ki5yqr0v4pZ\nDXCPLf6hNolR8thW291JERpQfIXrTCklilsXRZ5bPc+Atdahi6ar9pUFWfbO\njJ2E/LYMKCBZk5k8OvitGSXFCRCkKIeVeLtn210dl44jvyYbE0Roy7ALqxrL\noynrQoi2RMwHHN47ZGM8IvxIWHnKlq0K6lto4tPVBRF2Nf92fjl8LFupPg+u\nIjQknATuOkJJzzT3RvtqYFdMf2PVMajlQwKlOpNX9k5kG4c6hepmribgRy8G\npqWalLVQDmv5qd8If9+87SS9haHtVeA/FW9rrgZRmIZCKiftSUtUGrq5iyWv\nh6QxcLhauQxXuPxypFnqZWZuWEYxG1hhCPsSKcLW9p+0cD/cWDxJ51MCJkTa\ntRgJFeuB6Nr+cR5QEfboEcX8hDOJdx2LA23r1jOL0Vt5HNpT5svxciOJYomV\nejFEllEjaPnBfT7Spumm3Bva82xKY8OICWgGIE79OpXJSzQGXk6KvZL1B7EW\nkBQZ\r\n=wZ2X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202201319022"},"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/input_0.0.0-pr-202201319022_1642100451423_0.32970929637711","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201319130":{"name":"@chakra-ui/input","version":"0.0.0-dev-202201319130","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bf08a84bac7c39f07bd0002235b3358a564e5919","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202201319130.tgz","fileCount":22,"integrity":"sha512-dKiWBBkQO0Ggd8B+YObRf0EMEESwjkEF6AFNayTHMtzSqNqB5cDdMbumiLnERG8AEXKeRsu1o6d4SNbnMi6pxA==","signatures":[{"sig":"MEUCIFXBKRzp1F63cuGSzvcXMSBBlzTGlBjb2Fi+sPAqzdgAAiEAqWM9YN95StJm6zQiCt6nIqgkKFMQ38zSI1XCxQuIv6I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HcnCRA9TVsSAnZWagAAZgIP+QA/kTqXyrcDWCAqFyVm\nkFW12ob6eoxVhCWfbC0K+QAXzzj1K+Nl6ij+LNEZH7OWjvaSVpuiXTF28AxA\npHYL1Ame6Mt9XHl9bprfva2lvs70+VmWCjgs2ZMdodUXLhtLCciUeLo7mrJ3\nCJg7NDHgndB1DWusTGEN+jxZuTt5WR3Uistw4zijtsAS1xm8IcM29DzrZEq8\nZvHROKfSSH+8bw7oSQoRRtSmrfjJYSHjHIoKrgwTY2pD/9Vx4J0PQJLwV2J+\nhBGNWvHPbzjHv3Xt+/wZlM/6Yn7+5D/8LuixR42MgWZOGp++NFhSNhaKt7NI\n55SzIjVT4ajMEFhnHlbo8HVrYwKlKaJD4APTtUjP+Ty0ZGr8CZTO4FsSrfGg\nCH41bfqKbO2qp49BNLV1NQ8Tv1Biy1YOgslgnxQXqglwCK2hrw27415/FKGH\nnM+4h3CXEx7SvnrSv4WyJevDuhyW/zjRJlY9EeiNold78/Q9QBZbQvmldILN\ny3GkeAoM2a5viM9LyRFUYMkfGDZfXpmdaNmJavNTus0Dd4vWBMYBt3r2FzAV\n9urgv0ICn5/7sIQskhzE+ZL2zE/C3PcHBn2dV6kC8JqGcw7/wF6g8Njo8ifH\nt7WLgDkWDblJdiP0tFBrMnn47Vq7rbbQRbLtfYzeIrwfuRIZDWz3FPgjZCkK\nwL7i\r\n=lMgs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-202201319130"},"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/input_0.0.0-dev-202201319130_1642100519649_0.5496111066295231","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319211":{"name":"@chakra-ui/input","version":"0.0.0-pr-202201319211","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"6d2af48a9b8dbbe43e451fc27ce25543c81ead82","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202201319211.tgz","fileCount":22,"integrity":"sha512-WJsfWXonBC3KnteApUC2w/Sz4TW3NyDzbO/3k5NwQGECilX7FVttTEvnmLPZw0pS1vpiq1U5HCz8ml+PfaY1ZQ==","signatures":[{"sig":"MEQCIDbdIWPEKGdjINTlzT75mqTlge1vuMMnoL36HaRtFr7UAiA12I7HQ/RMLRQiynF3l73eBAgAKd6i+p1Z5Am3O+9PWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44050,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HdRCRA9TVsSAnZWagAAjfoP/jQCLgChfoYRfY6CgM5N\nLMAZLzRnHUWxZlin0RxSSsdbKcrvVGn3klk3L+Dwghusn2pVt5SylNXfh39p\nlga73Hkf8yolTfSap1JKFQpEersx1x/KMGddFc5nAhrepcBcWg191xZTk/EQ\nM0Vnby0GsJHf2l0KhzasmGdBGV/F9fUxHFcjN7AwmJhkNgwBc9XQCoA7r6fh\n/vWObfwTMUjsq/wtDL7lTsDVBUP089ZOuTHRfv+a7NK9JIP152pWUsfL/R2d\nIeD8QiVqTzl/fsqFXOWgTDAcyhqb/PVitTMuJYbVWjJRXxPUO4LjZPP5P/p3\n63k8/baBx57654j3yPW/F+6oLfTVh094FCzFOtKrOISkF6DIzmmoY+0HcGDd\nosnvI0lF/BwVKQfUBJNJ6BStcHtGDePEOvZATh7TxbK75Y67MXKv/HJSWLTv\nKrdLAbi6a+WKOd6TqSthTyJpQ4cQVvGQkF3hMeb+Sz2advksF6yipy2geTrp\nwTV59HpLEdlahSQEFxIdLPwDFpW76PQxe5EYQzPtZyOVyc1/UY929zO+3X1N\nsMlmgYQ44elX2cAUpyf3MzRrMbh/0o7Rxr6k59TTUe0wMXvMeiOz7lOAmB1u\nFgtLrH9J52eAVAP/LUBVIpV3EP5zSYrv5Q6pIN2STii89H/+HswFnotO3rE4\nbs7Z\r\n=uFm9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202201319211"},"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/input_0.0.0-pr-202201319211_1642100561578_0.7499041280082501","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191557":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022013191557","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0c01d7ce73865e6d3564e44cc88e9e764fbc819d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022013191557.tgz","fileCount":22,"integrity":"sha512-Yg6Oqr4W7ewiKRjkFsmruXHaJ8ZkiCoBRdYSQpkcGBWn9N5tOQEhxV1Q/TSKeDaj3mHlQA2z56MzIivQPVzDoQ==","signatures":[{"sig":"MEUCIQCI4XKJeO0AN3YE1dXP+zBdEtw4BstcFswNoqTWEJ/eAQIgKUUfFEQQ3ZG4lMfWr/PKpiO2vrDKS521htLbIj+sEaQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqHCRA9TVsSAnZWagAAHhEP+QFVrMYA4MdwIwGqp8ub\nfUgGbaQL2Mc7pF/58kGG43E2LibJsDqWQL9+tYmio1GBNiRjK8+7a8vzkkkO\nxkjbjM4Y758MkVdQWiNgl6IjSWR16yIxMm54dqzkdpU28ycKiodUs7F923cV\nWibORStNIuD05FNib/BbgPvvCp4PBADzqfskXtyYrZRZzId4osXdZVnCuGv4\ndMi6mF1a5sfKO1kQGY2GXz7HDEJZFsg0Ja+1OYZ6ScW6lHNmttK1azZ+VEDu\nHyFbFQh8VVlTJYv8leAQ5OxW70B3c8ep/7+1FH9vo0DHUMMGQpkc/M9NiDbS\nBJ+9Fr8YhvpTD4CaPc5oN/Y1vtoZ+nPI1PFKRrPp43ZCyYGsp+DQx/yDrgyU\nvfobshsQIca+ZhTx/RLuxMFW5gpGFLy1kcBdmQcXCdIE+eyHKRJ6IEJNkFjt\nTGl7U2xfYjUpsyOCOjeWzo2O8inFg40776ehhlsydSM8LA24i2rCtKKGq3ES\nn+nv1JYU8BIcVhQSro8xTs2fT1wbyxvfhKPmxNt9Ys+sxpw2OSZAl5VSmOJC\nA1b2Y5lg6oMQkO9rCE2EyTpeosrWZ2PS57xNTKVVArftHDh+STzxLIYUJMxg\nCnhoQ+yjzfrjMYHAtMj7aGL5fpcn34DkgaLxDktXLDJEnQKkuH/QxhWg4MCC\n0lZg\r\n=pGc8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022013191557"},"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/input_0.0.0-pr-2022013191557_1642101383252_0.7306970959261008","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191627":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022013191627","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9d1a6a5d91c7f24a8846e1c7ae83ad62286d0b92","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022013191627.tgz","fileCount":22,"integrity":"sha512-SKQyLJDC9cJ5NYphhRwRzE/6VwWFn0U8lj9BFPJIla65O5F2VWT7k5CgRhoYBWrqBnwr48UYNTHqPPTdUU/kFg==","signatures":[{"sig":"MEUCIQDJ8ZBqKG2rxhnwYfGmEaQ7EC42WRlI3zLHzx9oXcDYEQIgAX5ZIgpuSvTKjzSaNt8Z919gwQyrfFusevd9Bj+u33A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqkCRA9TVsSAnZWagAAG34P/A9hZnHN6L4wcOSCuMO+\ngJp7f33org58+cUXZRdJt9oObggBdv992bQKd5A1vlI7j1iBNKvx34iG/Oik\ncWmp57MKQH7mm83nCRs0GTTTee/oP/CPrCJ0Gk5hyFaOKkV/uccICalTcEzG\nEhdnON2pmoTPBgjc8da5VCwoygpNPQdrE/V/wSiIjsCDP8mL7pDPYlu22k6Z\nWj9qk6StZtb5Cc8chdrHWFn1MSswqBdLl3i5+ZA9rZM5c7p+ZFp2uhwFLBXA\ngHRGeId5pATrHQ/36CMgUlUCFW6ex8fShc3KqcBdrKLAe1COjLwD7zIq4Lv5\nFJbxlZ7vBUqlNLEMNZ7tBmljPR3O3JPdQcY5P5ssUDA6Kt7s50y1jl//BEfW\nQQInfQyV7qniyEe7cFcA7vUVA8L/eXsodj5leng1VdCZVkfsxA/B0KNwCbBS\nEOT11L/FYj3PRuEqT8VGFTgx64jFrFEl0bla2Gfzue4AaZHEgDP09benwnLZ\nxO+FkKFeqIGO+nEVa4PHJa5Eh1oHLQRRMyvMmObhmuObBm9q3HBdTVcxw57+\namp0qCOyqDEFm3ONU5Ho3BXX4xD2471DJPmw9CSu6dDOecvYgePOiwQ7nbzO\nW8iJCdW2bU54lE9oMz4IkHPMSdzsOsvSClfkzIEta8+EYxEDJBpbPqh1ZkBy\npa8Q\r\n=h/eo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022013191627"},"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/input_0.0.0-pr-2022013191627_1642101412793_0.7721094877098256","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191632":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022013191632","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8cbc14b83d152ed40ac503bd02a6720b2b4486c6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022013191632.tgz","fileCount":22,"integrity":"sha512-XtxRPzS1sZwnbVdTE6uEXQM3SuqcHbGmpuDg50yzXZdV0a/CYUkgmntDow32Odge8Nmv0rAtp19Mo5vKmWBTIw==","signatures":[{"sig":"MEUCIAIXYWW17J6j7BmX0xxWUnpGxVXy7d9huIDo8A1fVxC0AiEAmYSSl3cO4o5dfbi3TUyS84v/hl+igmjd+5KS8rhNeu8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HquCRA9TVsSAnZWagAAM7EP/R4VU13VdKd9M4cnlbOZ\nEklLUnxCsnRGTVgeLX6ZpSlqwbjEz38Zfzb2GYRLJ/wcjJYNwT72o3zGi1dn\nPhWYZCvb+kKsqlm1tCF8Vq9dNkm8GtMaUeb8Uvhv5u1zH0cg9yNLfqrlktRd\nSFfW1+yRxz3CbpGdjdU2MUQG9GR+CrIpcBOulQWrV4PHqds7GLjeE/k5aSn2\n+F3GG07xIfEnPjU5OwckMgDtCp90us6arxTotgaVPYXj//OhNoYAnLOhSbeo\nrlO1m8/58t467/IZTvn+j79CLvkn6Br5pVP52vKwgPTRztDxeqCl0OK+n0R9\nGQ3dcRbLZFtEdwZ5EFfQheM5FPB+h7EWF0bJXQya9WTZPnoqaPKfhzeotjDj\nl8WoatNPYeeNDFiaMMXLzf4lop/R7EQHl/8V6F8NEoyCPnw9DRl42abnY3/4\ncgsqMGbIY6A8A7lY2FQHXrCKttkLAoAsIqGBiM8QmSsYh90Be/2M+RAKiSHv\n2FJ4RmaYrrZPnfuSZMLeM2oZFLSUBdnQr/tTiJgmZTZK71xcFjUudjlkQgGS\nLhv68PAtz1tnwXAnMy1hM8HvXJu3AGvh/9zO9dTmq49bMwlHW28PpR+/CDO2\n0QioPuMz92bsOJkO6NNC0l89WDOajnQSAz4jvYEoTpG7Y+QmOPjLBXA67o8b\naQ2O\r\n=4wEf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022013191632"},"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/input_0.0.0-pr-2022013191632_1642101421773_0.6319223939587302","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191659":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022013191659","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"07345df895307c8784f417a278c88974d98e8f6a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022013191659.tgz","fileCount":22,"integrity":"sha512-FGX9jtpY+E1vXTZpEJ2oMT16r2g5OXDkBQ7nZjLE/Z7BoKawZy45TAf5XMpEnupJzYzWnNjX2SJTgnFN748PsQ==","signatures":[{"sig":"MEQCIC8tTUjAIlKaLoAYF2jI8/HZ4VyI+iIcvgmF6SMFus+oAiBTn9eDKZAxPTWzMLX3fPxY4YaD6Rfz6DMKDHCAdQqAwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrJCRA9TVsSAnZWagAAh4cQAJzioZK802qLVf/IbKA6\nVT10xVHn+K/1MM/Jz5NrFUCiHQBm3ZZGrXGVoFImlkDxRquY+n1/AmVhoKx/\n9aEJrLQ4KvVBk0RETR6ceNuGeRyZY0+4Q5Me2sRQvHCK5Zr7Ax/aEzpjyQLM\nF0kXMaeq0dOwPzRPF/1X3yQFgfu185/sHnT4IkNY1Bz4itp+VVQwi/EyS56y\nOKnMdT+W0WHJcLFmqeKbwWKG83nuE7wqMVm93A8GDvJG4VVZqhHlArHOIRDW\nW7gNXlpELMPYRAauLSnBaL8mrqRerc/68Db4/x0nCrqNVCO3E8aHglrCN7eA\n4Ini8L+luCwwjFtDL+cA5XiqPYX3cmdKi4cvd1K4H+SJS6wPYGHIHGgW+MEO\nfYSGD49StVtL+bCPkubcLDny4j2TMVunJnyqT2NthwYhDpmDSJiX4xiI6W8s\n3lPK3cXkB6xnje3Ux/dQiToPzz3g6C5KzUJNjHb9qQnMPKK3XjDhYlNFoyYV\nTabg62rDKvV/VfAujEocqA6/fJwaJZpMbSok/lYEtfAYmUgPirNFDAMrCyu+\nvG3DiOrZ/LHgfEJ87g7uHTGHcqIoQGDnHijAfP/QweLMdaTbp9yGxSch0W50\nDj6QhVMZ2k8vr3xLb48zSmiTCqGra/SL4+FSzKAAuJw6DGdkEzevlJSYYAqH\n78bF\r\n=1/mS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022013191659"},"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/input_0.0.0-pr-2022013191659_1642101449522_0.424669705162356","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022013192043","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"71a9169de7c20dce0864aae2d9a9226d387c7893","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022013192043.tgz","fileCount":22,"integrity":"sha512-FbqvZmJknaZ06p9r2Q7X2VdnnjSyoasUKRcmRmghU7a5cPAfZmnHDgen4AQM4ZUvlLTwXeHvKqd1WRMl5z71dw==","signatures":[{"sig":"MEQCIGSeNq6uODXNUxenxxZoc7s+S4NM1PO78mKarrAaL5T4AiBOkleiaLjHo0seZoo4xHhGtb3N2LCss7ovbHv7nakl8A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HuxCRA9TVsSAnZWagAAlHAP/RE6enmP2u9TcfTGPqGq\nKlS3LFPbFpv9XFvErKV4pSfSLuNUoMhoyqZzOjNYkSpsDgMV3H1KFGIqrMCM\nImikTAhiGGWedzwrMeJSnlN9oVMZAhfS05d7/JvJIVsoM/69UPRrxJZprJu8\n8ySsvyub85qLDcqlgpieUCdTxnxLWpUZ63CCVUFiEqjiQMgHWaACE8bdt3iG\nvROkx4DYIfolUENoQC3ZFVWC92U9bhYHttrr8FXh52oZlbcVQQCazyl4BQQP\n/wJwJwHT44aB7ldxxK3vFPb6SIemozVNRtSs7otsKWMDU1sY+VFfA/qx8Bsx\nwkF3HLfE6QHzz1Cxi5oI5uzwuXOl/S+c0IMXxYJLdmc5bGycvg1avgX7Lc7X\nUvwuLhXuZj7lf14VbBzWiWQPAGoqeOvNkXOx0vSg1qRQofk8KeNBQ/7fU5zz\ndOSEHTotV7pO8f4XoxuG4rVNADawjDoe0XyhjnZQNEV572Re7SMycRjuobKT\nHmg12w8zeF2bujMhRTUAvlBfR7tpqUy++M2kEnV5HzwbAyVdZAqi4jlFBvfW\nXBmnmlPiE+9Jo41aFi/gpgdN9eZqLQXr8c6mc9GnopogJTvKK14L2++i3Whq\nYpAntm/3hKubLgj8kKNg32mgXA7iA/dlLE7tPBFMnMLh3+Q8DpUS/LPXVh8h\noLgK\r\n=i7/q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-2022013192043","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-2022013192043_1642101681317_0.33813442417959805","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193154":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022013193154","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5622c3b8031772d5c176431ca82fdb93fa281465","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022013193154.tgz","fileCount":22,"integrity":"sha512-C+PjbwTYkGsrMwy5VfT6kFesGx2jmY0jiYSfAnV9ry9dQ/TUSoKAmWcJtNfqJswCeGU8zKjfKoAAUy8/f2Z2dw==","signatures":[{"sig":"MEUCICgxVtlNhGxkL416sX5CErRSdA9qr0ZDjXFNvhUPerGnAiEAoSX+ZBt7uBaZI7U6p55FN6xpzqiFuDscNFhjiu0Iq7Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H5HCRA9TVsSAnZWagAAASQP/j25OBEGc2J3hCvOKhV6\n5EiEY/iqB9NV/F6a5FNyTVKf0+UQ3y0faLXbzgzHWDRA6A4UX4dk53HzHXxC\nq1Uf8eb7lbP6j6Fco1spwb0PI7soT/qs3dFsODehzvACe67+6GRuzgzwsmpp\nOeHJ901GJJ7sK7TYyRbKxLjiiP5nGdMPax6Z8d/gLRsRLkDGaEOeHaSZmipc\nPj6Hcfe9pN+Mg1/UwVP1WLrFm6pO/ZSTYc7/jo1l1bhTnWaEEpMq2NUysZU0\n8eKjyNcNA9HhzxxU43cFrABIuzx/9vGZ7viMYa//Faa6ob5im586Dj/xSaAZ\ncCgVSGM44+vfqqQc7Hw7BCmS6UvwupHS46zO2ZSNa2orpVJFIWgEq1oycTLu\nOxiNMT9cEg2wCB7H2frwmUgfaUNS5PCSOR4vkB6y3BDSG1lIR2Yps0DGtYW3\nw7KM6fmx/IFUaDA5dGymKWW730onvuKHwV8vVmm80odwvp7s32tH3Icu1Bkg\nkItqiM4jBexBV8LV7d4V2SmcoiHszFagXM0SGdbPFzRcU9IKIGAPNrL2ATLs\nRkjnH8qFWYqqQYy2QXZ31hdX6crc0nw0FdCxY8H8F48ntZCzUx762aGT4FwY\ng1TBdaq3RAF3ntu/MMKgtJNq7/k5sg3DJiLNSKCcBbBjN+MsfPCGrmRKvhA+\nRl14\r\n=vZvM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022013193154"},"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/input_0.0.0-dev-2022013193154_1642102343254_0.7451620230811884","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193526":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022013193526","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ca640ebc5c3b056b25d94bb7ad83dfee737cd0c6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022013193526.tgz","fileCount":22,"integrity":"sha512-uwRl94ORkLUO0TU0ZUytkVImwbEyn2YjyckJ1KnDt5hDUQkaQqc5t0UcKEYY19ndHVq8k3L1E/tz9qinc9WW0Q==","signatures":[{"sig":"MEUCIBteS0+8aAMqTk84S65ORs5KvCWuD7RFlewgW74WcOAmAiEAyNdMABZaQ0vwdcQ0vLlShi3UfbtZcE6KpoR42KRIgmg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H8fCRA9TVsSAnZWagAAsooP/1A97/Jh5Pd+fGd1bhKo\n6fDzUsllYgkMkrDAe5yDgO9KDIeON0MamPDOmo8wm+W3dAGFWnemRG24Yv5S\naOX7t2a+7JsP5BeeMiBLF3IA+UjicrIGDjMRFxjFWb6ivpPfoL8wNwcweJx0\npao6ily7njVOOC1RtzJJ+S6CBO8+/Pt5zCgVH3EbA9Lz66VYBFYQNtK8hp7i\nAxPEcxWNXX5MLGqzxxThImnyl+IT36i54qHQ9ybu/mqWIz3zu8Oz7WGOVG6g\nS4qhLdSCjIGgALmI/d4P0rRxzi2ZvBZzYdiE85rDJS85csT/3IPoNo8Dru/r\nMpG6miCM7+9W2i6j50Adcyqil1sNmEr6jGjYErOiYwYKGIAfQN/JEnAuxr0X\nZp6R9Xzth4Z+HT0fe4U8kTESlAUHVkVvhFPMwyl9Lklu1s+8YFXAWkMKFZFU\n8f19KuMMYmrOY5kiKuty6ewSdfAvOLCOfT45KscM5iDmpcNnwSLI8GpmQER4\n3p8PjV3U4FAc3N0hOzG1fAzSzHDJ84x2piJkUpxKFH0LmA1VOZjvoBck7z1c\n4lzvSR9lLSw7aXGcafwmUj+LtTTzEeN9r34fq3pZE11wZ0BNyA86+IGR7cpD\n6sViGkmfKLKou7wkBBmCbGo9QDXXGXQMYTT6JaG16DoS0qKBp5BIA+Zh044K\ndR/C\r\n=t/vd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022013193526"},"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/input_0.0.0-dev-2022013193526_1642102558910_0.056454314983070075","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014102532":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022014102532","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8d8f7e5321827fa4b69b65ba9e2a7cf6505b56b1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022014102532.tgz","fileCount":22,"integrity":"sha512-ix4HAkeiD68vj2gjzaQ3cF5VGcoG/VuofUpYC4h69NPYhvCPkZvyHKNU8a8GIYxLe08SOaVUg2Aj7Yvhmfg9lQ==","signatures":[{"sig":"MEQCIDQcHrUOeAQnH6WiLVrGolS72cuzI5ntqOWm6UfznKx9AiBHnAUPKkFC3MoYGuKq7ijrqoifMW7WDxNQEedPc7U9rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4U+7CRA9TVsSAnZWagAAoXUP/1OrwPmyu3/HUbbBWqAG\nuJ1O6xII0RB2SvkBjQ2Ixl3eSDPuHem4Wmgc93TUAmakzJP54P3qwur54h1b\nypEvBSpBg5eP7a7XTkbb7z744+Kxmn5EkmLEzeS8iYQyQMAKIqc6TLkW9Iex\n1KkyXzCvNjC8JxdKSl8V+e62RqIcYUBZqxWFk8699HL2ZQ5b8VE5pQcJgzeG\nST+HXeQi+1dpYrPoiTm6epnAQgUwCDvtZTjeVKfgpBy1cox2LX3RJiY95a5j\n5Kb3S6//SpEgQwKlioOq1Chccb4vgTbd4rgTl1tGiCdXTXd1ZthKOtFyru2E\nAUZhOTs6umO6MFBPlILIBDsW70Y/uddUW97lm6JqBIeVMmVYHBtEqC/Ha6hH\neFT37Q9o+kbatZhfumRVraNcZI6OlKmBZNeJNNQg4VUTnNys3aKqAXfnnOzU\njla88SxLvAmmhOAmsTRroZFJU9Y78rlsf/IIEGMqc8RXkmeIDeuWBfwpi7yO\nW0SDfKqkozgMxkiBa2Jg1LOrXD5siGfXckse5HfEx8cE6a9yMM5taaYYtTpq\nXU0N8I4H2cCJezbmuZnkuhE3BcGdh6j8TzjOJychEDZni+mD6QPbkL6FbYzF\nbXRbUckCD36NHPMtxJgx/3W72DGLDNR8Dy36Ko9JkuxruDVYF9pS78l0WaN4\noopq\r\n=B3ty\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022014102532"},"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/input_0.0.0-pr-2022014102532_1642155963416_0.11143777365281426","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201418849":{"name":"@chakra-ui/input","version":"0.0.0-dev-202201418849","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"afe9d6d527b2373cdbf2040cf34c87b0038a69a6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202201418849.tgz","fileCount":22,"integrity":"sha512-zohHhSV6adK+vtejwRsGJNGZZ6Vzt0tDNPsW+uBQiz4njff0KX/i+lEjgh507q+GB9ScFF1eKUhc+qFAQmFbag==","signatures":[{"sig":"MEUCIQC/db8J7a5udkwQI8LQwxt/Z5tfwIpFA2t2fe4os2P6KgIgAWKJjdD5FOxDL8AhMv24nk51hBDNhSjybv9f4OUPs2M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4bxSCRA9TVsSAnZWagAAog0P/AqNO6jGhKa7cuJsRIVD\naFH5hJ6pv3g/eMU7cBwevyZbgZroCyT9v15bGde/a6Wam5okjYCrAcIcXNVu\n9xYv565BNtE/RbRSBcukOOCHYVnT7zhidccUzaSgWEo72S+jOybDD79vExf8\nmWZz3r1F9vhPgdLqqyFX05jmmZkJBiaCEWNcTcCBj36/IYbw5DTQ+gXP9Rj8\nx/hpDi2FYiK3rvQu0ruB8DUtRn/Ctq6q3asHC0e1RUCAw25lLTz2uHM7F/ca\n03St4TfLXhOCQFbPUxy4WW8QTM8INg2Pw4emPgoDiEELldEmFh4VJVtT7Yu6\nYnymGVoIobrMh80wBffznKP8SfviNsF8D4VvnIyhJHC6oFxC4b7GPdBiLsko\nZmxl176oNxSNV3Q4sQuShHUn7LRh0akYwZG9TB6Gwi0AvKJRmgVj8i2IHzfK\nArxFOoY+PKlfPRYuCeqy9URwcnOKj+sc5E/BM25Xbhk48k5jqjCbklydXEfG\noTmTvfgHkwoKFDnK04HCqWgagKTWOtMWFDvlzx0ws2OUUk+irwzrFrCOktX9\nsXQPjc8soTr5/bTsmf3GOKh6GWZGQz+AFxTVWzoo2i8ZUcHcYZST6SOXMIvh\nDwPDh+qKJsrDvfuQYToUhcwOgH0R4Y2sPWuFBWghjKQrcdZ2d/0A2thMW+b7\ne6q1\r\n=RDh+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-202201418849"},"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/input_0.0.0-dev-202201418849_1642183762591_0.17852559895858966","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/input","version":"0.0.0-pr-202201418280","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bd7591702203dfe7de4f5792973db4dcdbccea54","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202201418280.tgz","fileCount":22,"integrity":"sha512-9P9HVb64h4x8sReZ0oOxuKyJKUKSBr5HIialAwgMgZkCuYXMsOEMe/TZBGHYC2Syh0C3D2WmLzaRgM49JFWjNw==","signatures":[{"sig":"MEQCICVgzub1EuGGLEREgcV4ySG+OK04QVPLgwClngRnVAlwAiA9v7lbRMS6p+Y7+sKwfjti5EUt4bWEXmwT8DTp9rb/nw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDXCRA9TVsSAnZWagAAcS0P/0WeSYqE2Wsd0T6EujtH\ny2NhezWszDGBuj+O3SiNd0hCYcH/KSfCdhNgSpeasYDdU/6Xb62p+Ij91OgI\n+C8qKC8Z5FKgW7DLsmipGyU99zcWbwa5N73AIjCMxbpDanJ04XmGVy3MvEXi\nkp64uxUcEiW7uBqjeLZ1zoO9wfkoaEnVzj4OatP4L1m89ooF2+iWO59F9kAR\nAArROTasBs4Z95fgQ8SAjz3MeAiZm06mV36IodMoYw+WWSCntXrmcrXwgJhx\nNnkcp92491VT7wrHYexPBSOZILZ+NCmxH+XWQhiuvLRKR1RM9hXx9badP7dM\ny1VhguRsjf9D8m6+TruQJgs86a0Ksn3GqcFjGVvaTfpl1SzlKkdBMYN9dD0v\nLwfIr/mFEKs7N8RyRYhFhGAih4h8YNNkTnF0YxW7EazCjjWHMTokqEzyOenj\nSQAP0n1EsGYTP0qMdYPAvM+6JVJYJUp78yyf8+KbClf+oPuGEDG+dNsaAe3y\ndEWm/k2L3UqLCc+xoKIirPVOQMc5WGH8+cVCR3R6UzaLO+Qb31RfzHUSCCN6\nSxeHH9nOhZjDLJfOQVq5/zBAAiJJW0U1RlzjaigItAxJn9RUhsVJy9cketCl\nNFwQBYgbrh2ci5c0Qb6Ye/vIrdDYKAaFZoWX2+Fd2KTSJ/Dr1D6nl49eOBWm\narq3\r\n=0H3/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202201418280","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202201418280_1642184919278_0.9683987201788402","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022014183133","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"49bb495c8420731f2faea4a878a9dbd2db12c769","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022014183133.tgz","fileCount":22,"integrity":"sha512-6KOo9LjAUcG/u2oAbnQRKGaAi4JwKPZorzIt8BUApqjHgoP49GjhsdvCaGG5xhNaDJfvaPqPFoChBoVu+UWW6Q==","signatures":[{"sig":"MEQCICcvzdtO3Cbu0dSNKPGfT/WM3MJAtvno1D2IzG5GadlaAiAoElbEhFRFskGHJ+ukH82FmDdxcTRbdRcjt2A3sHhi6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cGsCRA9TVsSAnZWagAAnKMP/iwfjVQwGmMOfTyaECoq\nj5U15lhSDbS9/O4HR9sUAm07F0EbozcBEoJ7DIBTCImudFafObPU22qW5rvA\nj3uAcwi5MkaGtyybYxYkhnSZGxFwM7U2dam3Bhz4/uDr/+rk2qslywUpC1AD\n22v8Q6Hhqu4rGwDN18hVUyif9rZ3t2EeSFpo/NOCWbtEiORYa2Qs7aABsSod\nD7vgdOXZiXc33I5D/0XPqr5jTkxTGx3l7ic9tldet9gsex8lWkydPu4dZ33m\nOVbIvLNnkDT22Ip+/CVDTIQEchivTkUx3ijMLDtf5B02vkFTL193gh/ZiH9C\n8EHqtqEhp853vwTzSZTITyVeTsi1myhkh1tquRTESR8nEi+d1w5asOvlhFn0\nP+6da5jb0x7h8NJb3ydHsPlJO/1UZbo3cAuQuEPIWhKCWLEGCVUd2Q8dmlxA\n7EvzpNoq9vuuZryu0p2PU1D21AlPA1RMrkIUUFW23fs1wGlYopSbj+DYdX6E\nkYeR+b3Exs/RcAErCvkoM/l28/TfiEBZXkrW7HLeEOf9PUvwBahuMy9s0/KX\nBs1OZ3EJ7u3cYrcwZQUzEzolEN/w8JIRS9MeiA2DOACvwQVdCgD6D0AkTKpZ\nFLrOlM9P/GspCrUZf1us9JdRCdjOf6nyVPYmLoBBCzOIbhwJA329c8hal/B3\nzqp7\r\n=RX6h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-2022014183133","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-2022014183133_1642185132864_0.32392531389061885","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022017182645":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022017182645","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"524d111a9d51683112bacc503749f2d46bd9630f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022017182645.tgz","fileCount":22,"integrity":"sha512-JPuPHRQpiqRpaDz/1DDpimq6X1/e7LO6J8e5SLEw4GMzRFuXwCYalrKBL5dEZYDIjxanuMUOc9knOtwqJ2vZhw==","signatures":[{"sig":"MEQCIB2x+HnuQvzvq7VXVNUK34u741labpudASfU/mKwdqnXAiAGXvIZ3SOyuV0mtUEs9KIhmFYwVgDUL5VkqMNRRFHCWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44054,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bUECRA9TVsSAnZWagAAol8P/RWmTdRheNYo/3wyp3DY\nP3Cw2+S8H7795lrEGB1qiiqIZwHqfmXM9kxGknFJXEZ2AC5zc+QFjNN58oHV\nbVjfXbZwpoAMOOxHcJhhnD3MrlQgxeEG/8amhB8aSTgYzxd+UrK7AGTn8Qj0\n3iQz+LSwAV3xTAq6kRyLez6iIOk5c2uPTZ10nqz1nizElQdd6+Sy6K3S7NLY\nEgHL4qOznDLURTH33Vv3Ih++vUZ94Jma4dPd/YUg0hiRmsdu5pbPzJs2o2Pe\nZ82Ehh7UF/Sz/s14C9GGJtdmEZLzy9ML+pmcsqUdmMB49LicSzB8gMVoIMQc\nb7h/TlsZGcqvawYg42WwJZDFH2LwW9wOGvXbdwZ7OWK2F+4Oe1aLRrDbvsjL\nJRVKaNmMHvY6oN66kXtyumYmSfY56zbuIKlJRcxboQ7KYE/+DXCnETENea5K\nu+HJcfhzeNcUaugd6fYzyQCujBFLlByxr1Zf4lnPvdNtufCgkR51BxQi8eGt\nrKrwYWfI6jH7APEPw1uly8HGe3CeX5LG2DXGNxik8FAiFPeZ9PsXV2jFojps\nupHLsg5CWRjhcBcwdnuTxpELyNdNMcanqN7y/NBqzAiVlqtVCxRe6UhD/oHe\nLhqqIiGg4Bma7okRQbQGh7JM4TdyB9sjo6NJKlduug50+2l9xi+M24EPAgx6\n2nhO\r\n=lLhi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022017182645"},"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/input_0.0.0-pr-2022017182645_1642444035902_0.8352655406197016","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022017182859":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022017182859","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"51934ecd1bba5242bf1bc4a01ac433273cafa559","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022017182859.tgz","fileCount":22,"integrity":"sha512-9xmKyC5bSrVPSa8x3WP60D+0uNLaw7W9wX0zQoczXQEB9Rhe31F/Te6Hv171NFNRNBye8qU8sZdTEHYNgxvP8Q==","signatures":[{"sig":"MEYCIQCannStMuzsPBcxIh5yWemmkbnpom3bykvGF1sbSzZq4QIhAJ2me+qHtbOxUr1dmPabE8+MynD/KDko6UFxMcFopqmA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bWPCRA9TVsSAnZWagAAYMsP/0OuUIkQxI3eznYdr44o\nAqSGMphz2ghMArPjVwSyfZT/Ia3J3195DTBoHI49ZMEuntybsMO4XkY9oWVx\nMK96+N5EFqyjXwq/AdnLs4nl+xy3O8AokdZ3isQmL71u064RsJTESPoe34vv\nYXNCEZoFHI8jcX5CRejWC0LAg56SHG6ZB1MKGfynFg+W7abD6EqdCUwYj8fP\njHjPc2PbFkQhpdNjVx8E0R7CqLGKdmM9M56VjLO33t07G0O/iQv+BSIW0pcM\nUHQbc7saq81H1Wh57Ks/q9Y2+91DhvD2dh7g4LHhDc5PhuQvlJzOx697XrR+\ndX5NCVnX+qEUFowPSdc+ry3Aa9PgzbtX592Xbhgz3S4sm8rybSf/Y20BFurl\notfUO+cmTnmgcV2+aMxFTMkCXmPoVbKNb7yUwJMU8Aci49JBhFL8zSKonuAE\nCscGxySwvrJsM7pmMcGhb4UMcXcPI+3pXPB1MRNYuSslUA1PPAJzWdoiOGhG\naWkaC9M1dUYKFZNj7Y2y6FrI5rL60SbsSSei7+PrzlJV7GSf5oIWpl2Ai3rT\nLspzJSmtJutoOWui3lDKT/hkUK265X+JK6BeEAu2j45kdFUZHRakUVJR3Ast\nSMYZetxe+q8WulT7Tz9ifDIUSZxrq+85W0fVbcdHvynjjsyPj76jJ0wZhtuL\nvcj3\r\n=mFrh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.9.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022017182859"},"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/input_0.0.0-dev-2022017182859_1642444175129_0.2704249068745035","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220209527","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1595374c751cc9e4d578ebe13ffcddb46c6c64aa","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220209527.tgz","fileCount":22,"integrity":"sha512-fVH6HD9GzjSaC4qqy2HZfoykpzUFKxyJiV4aZ7GJ8wA1B664FxfaeoGE6Bg0sj8UC1bIu4yEvFC1Ouv502e2AQ==","signatures":[{"sig":"MEUCIQD+YT8qz5ya0IiEvGHOgxOCf1TNExsuHFslAGLD7IFz7QIgMFu6NzKHmugPL3yY6z/4A3zX+abMoiQWJoHPmJUL7Hg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SX2CRA9TVsSAnZWagAANUQQAJ6hbgrKcpG4J+P0ATyc\nfsSyNPQfkyuFwDMUk84klUpf7cV4QLEd33LGM8/+gfdmenRlTWWeT4XGqLZH\nFj1emO+B+Nkh9BJkkc3uS6wsqtQCl1m1CUwuoOIRxeAqzMEKh8XZtzw5W0aT\n7Qzef1aa8pqVTTDgTTKd1svCh+HDWPXz86zKbr3Qk5WauAMffJN5DjWaTL1T\n//eyWAgkQW1ax4nNtx6O5BpBB1uIpveiKW4IPtM6ycUgdtBoVv33OKjyhj8O\n+GukGnpV6CTidJAm4xdVlFtid7HyZTtod8Zvxjfr+wEQpWku6XYTCsIWb7fe\nn+21jN7aIWXGO1ZN4JuBiimGwUTTeuKA28NKsZuPd7wsBLPFH6g9wasNfscu\nEBZqs6wbdDE7JMRjk+exYKSuMX5XFObOr86Yhmm3DJpz83S4oSrziGlv4f9i\n/qeXgU2ig8w+YrVydxvzW77CBsRaxXB/gadlHswgx10skq0W7jX1ImfgKSPR\noR+ezhEgIdiswyau2UsUCuY0UnFhYNdLptdvAoH3fO0cOVPmBBl4FmiF1kGg\nzAw5Ty8zNOPcmusIlvg7YGfA9wIbcQ/1Lk5gNL+2rJz1qmx1FOe4Q3U0gOQ1\nCGNgHnikdToHmIJGnLr/btA1vJrtTS054kIpYPo8NuIzWPp82XZVS/qMvKe0\nC+FT\r\n=sxkB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220209527","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-20220209527_1642669558784_0.2148551286408784","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022020961","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"70404659227c2f325eca91c956519a13b470d1a5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022020961.tgz","fileCount":22,"integrity":"sha512-eFB/2dENHbv5twr2qi+dBlWEFA3k7xQz1KrpjotQ3X82df/vA/NnMfibs8iQN0JsU4nVpB0YiG4zMmxox9IBKQ==","signatures":[{"sig":"MEUCIQDmCYmTqUqd7cartk7fQpGGaThP3YIAbScEVFqJVuZkZQIgJrMDbSiRaxEuve9BhCxS8C4vhhT/XPeBvE7oT5Uq9Uw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYiCRA9TVsSAnZWagAA9AgP/iziBQC9u9Syd0z59wVV\nlWvsq97UufsW+Z6tYK8IdVVLYAB6GN0+WgkKaDucChm3FIaelVaiZ0LmJswA\nnJU+9nDvIInCCsRbK0pv8z23tnzZ3VPuNzvcxHyWpn6Njluf6lAoV4X4JMi6\n0T1377c7CDeRNHwWC8wzOOS+C+crPAGSEktPptV5jjmHU18ROwV0EKYRG8Up\n/JemnIEpu4cw8VRRJXVjODL5D9bZOVpLuUftsfEg58+uNODevXeRxnH5WnXc\n7PNGq9/MdDT1EOmNnHq5moXZvQpAXbreeeJkpSCf/tvnBgvZQPLvc8h2V/YK\nb7QRzpRGbARLE8/3VZYui4uYR/FrR3+0/bLTBkZm3PRqvh1ktoJCUk6Dvl1o\ngwiVgl+hH0UV3PMdni7wYRe6Hu3bU5QRxlNCn5UdQM7hDubGnlLWsylMJPpA\nDkLANTT3PyGmRlmJqZZE2o6faue/p+Y8Rki6c6+kquCJUnLXHDDoGUwA5s3s\ngRwNGA6HD2feNKcrqrFri0q7kTushZnOpD99TnNBpWJEAawjHq2eV0iLRd5r\nJdXOhAzFCBH0qggsD9rW/cZpuDiRVPR/lNKeBVmLh8FL01u/f5PxWDYKHwhu\nhzxdLvACw/fOxP9xD/BB/ew5Z2rXh2LzJoxmhTCwOmWQRDxjfTKjIjkXqiBu\n/M3z\r\n=9SN5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-2022020961","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-2022020961_1642669602766_0.32379588910642765","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220209192","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"405e8ed49272c19cbcf13a5ac4b57ec27b5b34ac","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220209192.tgz","fileCount":22,"integrity":"sha512-Gn3Ue/RNSXXZ1mY4MutTGtoHopYZ2+mTVjay9gd5eLkSNT9xkxsfxL7vgq3stuxlMq1teBcPcTHRJojEsn1vxw==","signatures":[{"sig":"MEQCIEv1QgD/onm6NnfWApp/vk7/eglWGoTjW+n5A0I6k8wFAiBw5tRwZfd2eaocn1v+Xv0MmVpOvfNJtMZ7Deb6C8bBmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SkvCRA9TVsSAnZWagAA+lgQAIrJvh1wRN8k9e4Ci1V5\n2DTxnD0fa+JNAIJ2nwEuM6WxiZRicumSida3I3GPLCA5nV7bgqj54HGWjEKD\nVr3Im+a1V7QSalVNsbg4jH0wfovrAyDkfbtjDKtng8D8QsNQ86o/GTcYD8JM\nMRMohd7j9f31XI52vdNPN2kzGfrZdpbufDEHC2ymEU9GGbqT2PWJGxqwCvwJ\npaO1R3y6dH+gWaEEYHrUUPEDbztJhwd69Xu/JWHbj9LdJOWGZUoy4qYnlK8T\nMSOc9pinL8D+u9GHN6C0/YvdEGnbzHBvtmzh2Sq3aIqvQwRF5CZA2rKs1uZY\n9QYpxZrKASOIyYFfQepZYD8WUCrIOwlgCtjNpin0Pn1DxMd2nV6JMDeRFWtW\nIjEOH6KY5c2Pnnjcn8hkQV3Mf6sbCXY7ZtgCetN1qxIoZDI2CBPWAWDl8iFi\nxfzCqFSuAzGJ809ZYcyB9vxtDPrc90hPNkCZgkrhv/z8bXIf8MQdePi128Aa\nPpfeVzqvrYbH1hzISyl57dnyQjRXK0DHoC/5lhIXvpp46Nx+p0KZNGGdA90F\nkf8kEeCh+S3bjgXDCSS4pofI90D77yZSKAd7Py1LjAI3j1cAUXA+yT5lg8sY\nEcMF77n5Ea6+CZ3l51a3bPO9UZg0Ojfc7IITEoxiy1b0dMbGo+kDrO7R1ZlL\nfMZZ\r\n=mJcv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220209192","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220209192_1642670382848_0.14541466714273765","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202092345","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"14a732532321d122c881c909f6072936764695fc","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202092345.tgz","fileCount":22,"integrity":"sha512-o3NedbARjiyZNvJg0kd/gB6skfmUzA59vYaje3Hp9oCMUNCa4m84JsWvEToPczns0EZXiyFV+ee+33JmeSwDzw==","signatures":[{"sig":"MEUCIQC1qK1W1Klh9HLLUnbvwIcGMXo1zADfrLfHxJ86yvl2AwIgWPFFlxgAAKHqIK2dnS46oBEIfR0DRHwutYOJzoWO9MQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SpICRA9TVsSAnZWagAArCQP/1RiB/9rcgd+x7zv9elT\njNW9xozxNC6Wt8n3y9iJIH+qI74zJEwhJg71d9pMJnvtGdetJhXtc7j4aduJ\nN2A/6PcFYYTZv4Eda6fmHN4MGSKpQ4TVPKDsCf8SlRl+84zqdz6j3fLjkqAB\nt0qTTqspTdkzutLwEUliAvXQkhmPZpJeDpWyK1xSKbain7ff4mgdA2jORL1S\n9h6hsveuHq9qPY5IH/KCqEXucccExdMEY7rhIf3S93/2rCVRvufC9L++ZV9g\nlmQmy5VipG7+PD3qxje0aZp+9f0QV30+CC8ePPVvyjDryaESDsNVa4V2qolp\nrpW+Kh3+hng0o7puGjqvpEZlMx0Gac5zHYMYlnkp/V2CCwY6vzsT4sLC3ho/\ntbFduZNr3DPbtP5lCHXOW4DEdhIizvta5yu33oJwb9lhbma3nwabXwCnK5zc\nvTG9sfJXcBg5QCgymb5GQjhevP5kRsui6KTaZQyD5SvjyaQveHsBY7RCuQja\nrJ7yXAC6Ri2sGsS+u/wfJXqbulkoxq00+6yMGtM+kSFVlso/uZMpvoOhNS37\n65lTBenrXrnoTrsWyJxvDjagWtSsIfxyQc/yoRiB2CXQjzsnHxDZlRBN8Ytg\n3G4FGKNccpYfFrfQOBZM08LLHzLv7yJJG0WUE0FpXuYlXv9SfdKBY5vqs6YT\nKEfH\r\n=zRzH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202202092345","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202202092345_1642670663919_0.799651076277806","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202495259","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e4b0f2017955f6a303ce6bb179db65eb43394038","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202495259.tgz","fileCount":22,"integrity":"sha512-oyIAaJebt+0jHrDs4tdrxb8Klmi2sMInfw1bN+ESRAzeA+y+V3c03f7U6opFrsY5qs+DfjplEcyR5mnKUxZ7OA==","signatures":[{"sig":"MEUCIBMKxLVQ6SDzkgBUCJo0QvShRjMNiZPJ3D7NMOAa96+BAiEA0kk3N5MvNtfHBB81kx9U8zhpaTvA7JNUkNPZOu6RohY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ncjCRA9TVsSAnZWagAAbacP/39ngkXzaxOm25aK8Thv\n1k6A8l2Pk5/GPMbyBdnT+3R7glFBuvz+PZqv/oCCR5Hqfn7c6/RhPLdelhzl\ndO7AAZGvnYQA5GWSIgSSfnl2pDBH05c0T4xACp3kikovi28meQoLRhjST6FE\n6rzPvJKU/SgoElpRioA9JRAGvqX83ghG8OHtVJdLwCP8sH/gsKHeI0UntjJ3\njnMjN8SGEk+lkixcBCV+4vv1utQU9IDp7xhXOzjClii+vuGzdeial6cfDCVd\nj7LSksNhXCfsK3SisuzXYxyBErrFO27hb0lKAqpGcMMXFOfRLsxVLNfJ2ovB\nbiuBmfEwlsiSLkBu12I5cOYWp4DXRC9k6NTzBAqdB4GpRFvdgb6npn7XBgMB\nY2kC1Y6YT2m+QL2Zw9Lrjr8gpqgf3UDym++t4u6kfvKLJKpTJkOT2ntGY6GO\nfMsQVeWL4eAOhUoM/umNcZ7sZBvTts75YfQSjRdvLtM0AYrxEEdBkh+wiN5d\nR4qbW+exvozjaOFH0Koo2LcoC9SC8o+3Zkfvny4Z3cdfWq+axjGwzK9OJj/6\nVhm4oD+DxgkppfpfhT4mmknaCSJEFMOjmyFwKo23tq9YZElFZRMj5CZDdWBZ\n+oraZvnsvLYk3C8FCroapXGPLbqY029Rrl3+nWXoKFLiO+8x6yadwHYB+tGf\nji00\r\n=cj5O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202202495259","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202202495259_1643018019325_0.7538114815939354","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202495536","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ca04f88b3741717cba51815e30058d99129f336d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202495536.tgz","fileCount":22,"integrity":"sha512-zbjSFiECb3jqXbDPWid2Nvg+Oxvu5VQeeUzRmGegCuy6NIEc7QarQ6kpG4HT1JN/m/DJ0KrXDh/vMR5xdQa5qQ==","signatures":[{"sig":"MEYCIQDcgdTmkG3bAtb+6r9yNYbkvJCCDG76nSCYfUWNMvk66QIhAIqQWX/Te+Q+916NK44IuuxxFIrEIgo1aHJBi98LVCfW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ne/CRA9TVsSAnZWagAAbycP/071Iy6oMW4LSA4Ir8K/\nwP+o8V/MqbrZDujQQr6u2fVb3fTqBjzmX48d1vctx6TZNsSCfqK0pAYsUKVu\nHJkjC3xDSV9LlptmYFa9+os4o+nUibnjcRwGfeHY0WieqGEyAAP9y9oBtq4C\nT5JiSpjY7cqWmseOQLQkKUNp++Si5HNBIDIQR9Gn+qmE/aldBC9eTHpJqdpM\noo3BA8iS1v6QXMBxcix+v6W3rPuY5nEcbzCMp5MuNmn2tnQ7bjF8+43unLw+\nEr3GjrqJUWtD9iTb03+srgEssMr2YVRi/9hLAyhE5wW+coj5I7MfBsvv+df9\n5VaJez1NiobUNFbgEkiwtZu5nRWLnVOo8bR6WlxruTS/aftnVZduqCQPQWk7\nlXAZOGQOq2EfcUImqxx7fPs5fzHGfZyHt2tqebaqG6D7SmMeR2nr9k0MWkwh\nQy/O4+C6CQBM/awAXJi394DKMkuSrhhUShH7kCXkWle+A8nw8jQpt6zeSmTG\noIcE/A2RfEyHhqoNyPSK8jUdCRuBxsZ/mb+9dv1lhaqgYub9zftOBeW1vKsx\n5OCimDklkD4v17e5XyJiCVlauj+jxR8AAUtga9XNJWUA35qSDd7faB+PCE+H\nUUB4S0uYJxY4uCA7Kmv+JuLZ1ujohm5HFzZBK2A7mVnanF/hyOyDhnzJVaN/\npjGZ\r\n=y8t+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202202495536","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202202495536_1643018175407_0.660533562950459","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202495553","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"cbfea41b5de479372f339a4ca0d4e3e41d250533","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202495553.tgz","fileCount":22,"integrity":"sha512-NsC6gUB2WiFW/IVt76yy2W3vNpcc2qijC0lotk118Qu7pV2Xkc9/P5VAXTMm1jB21QN2QuLMCXY943sLVbsTTw==","signatures":[{"sig":"MEQCIHk/CljGjoK+wB6SLt3Vuv6vu8Lf3HP8cMDyyIoD7hDXAiBoDAf88eNhK7u7kkY9cJRihEp9AtMZSqA1/RGaj7R4Qg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfJCRA9TVsSAnZWagAASlUQAIS3/1RNWIHZ3Ui5JorS\nO4qN0Z9noPuJtjw7HP8lio8AEpSLNH+U+w9CvD5h0CwGEzJwAKjVMEBLIpBv\ni7mLFsffvOe4H7A0nPVQbD3/8Kk4ftnO3VCOLTICXzy/tvXnMstP50KqNARm\nLvBywZQSJi/77qwfHrDVWTzVqzI7/jliaTaul9Kh7d68KmXS9+hiXj3Q8Nev\nLC9IEMMSwjCoRlgzc8JphSYtVTvRMvpzcMCuls/U850Xpsb8luqE7g7K9xj/\nt0hlccY0sUggY99Mww6OQ4yOd4rzeD4P4pD5j/FLj6gHBoKXHMaRMLqNsMEh\nuuBnEdeBFx8OMsz1lZEFtFx2e/Jb5gjKSjAc7NIrN+hv3yFi/IhsIC11adcO\nwVYQjssB1e4Qfz4SgwUPWmh2r8P839bFBuiAIis65Dm1lDhTuViDK3d+O07e\nvUZFY0xIhVQ1+by4bIYhkH112xnM4T9dK9Eqdl37LG5ozihN2GUfRd05pI8b\nyOtbR91F2sX9yt7NTiU9fkwVm9ucLXIeMvxAmERVsQekC90575jmr8Or/SM/\nhnp/fea44977gJgkRlICBhBIMRlqtUSChDE21KnPRrSYUNPN0Xuw8kxTOy++\nHEDli5rut/Nq2Kh20y5V8SCq2Iwwhol/Ks4nCLcQqZcfx0qjkUgVFfqiuUYG\nFFpP\r\n=gyy/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202202495553","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202202495553_1643018184976_0.4513437243488094","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/input","version":"0.0.0-dev-202202495727","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"75e46998f4883dda1bbf9033eba45f0b745ba55d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202202495727.tgz","fileCount":22,"integrity":"sha512-a6Ru5Yf99zhwh73PRQ4zlK7iIxHKtCymp7muxW5Lmh/yGh9BnoHCSRLq8Tt/C8pLXueBvrXO5ZOJnqWqUyTLcw==","signatures":[{"sig":"MEUCIQCaI0fdHF5X/VWy6RPWg9ROOktj5FFcIEvimOM33J5ZyQIgHTU6sEQoqTk3ZHsyCejAIJ+tmBtdGbJnWm7q3yjZk2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nguCRA9TVsSAnZWagAAX4gP/1XG3rBHCAr4jiPlBLcH\nrg5qzNR7oa1kLUS1DxEuXavWx19hCR5VTixxqvgn/qZ+YJfpWiVM/86Ny+JV\nLdUPKNpl/DxPRICK8SbQ7m/V0VQeRMHD2yNAFHJXAzV8iXk/21xQ6A/v/z08\nYi2a++q7xb8KUYpnVuheXDafQLaQ9ORqX6J3lk3B3yyLqJcWEUkEBn5dPHW1\n79Bhmoz54aWVcZuLVqXxs5sRWf2dCiO406CHsFXtN7ny+l0GanHO5/ZPgPYW\nJ/A5qFu4rbu2ZUvgwhe7GZoWUpMlDD8RhyrJQUQPrFjSuyU1Kt/rQgLR0NP0\nGjOaRTpEWZsh4FT/RHsoB1sVSt5V9gmBY2UTB6sBYTAyIsFyRym8llRRmm0s\nIFxPHcOGi1dRiBvZ+AyzMph1f6vgIEASKwoGg/gU2i7yW4AoXitIEJVKrkBP\nHCCjqTlV1HjYK6sku8kcjkV9zvrvck/X7eGqqd3ZDtEujUdCuLn96kxCxUjW\n3tU0Np4r8OBVqw4tCEHYiUCIK4/3dEK7QfOPsvC7ZN4PRMIs8tjuSCa4FEYO\n/t2+K+1yRoflaEWqBFod80ssh4QJZJX/8x2R8voJRepfbufaYeghE6Vs7ykc\ntkXiJZ5EOmb1/w3MIZtpUJxeLicA52zIkahBACxVVoVNArbAVtMTDOea3Y5j\n1Nb7\r\n=7bE/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202202495727","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202202495727_1643018286557_0.25278865142062523","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/input","version":"0.0.0-dev-202202410017","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e7511406aeeb25bc893877133f4ae27245eb9f13","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202202410017.tgz","fileCount":22,"integrity":"sha512-cSP5UJI3roYaBN/icXJalGJZt1n0H+1ZXHcmInNiQTwxDJDxiWXf8jeNo0m81LaUXVDtaQ4RgnxEZRpOyKU4HQ==","signatures":[{"sig":"MEYCIQDvIeAFX/r3jCtZvun6aQV5CsOEQxIfiyZvuwe2NPcI1wIhAM4JTDzVWATOTlZVwOP+naeVkBTtL0QBfpIHW4rNYOIH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njSCRA9TVsSAnZWagAAy0gP/2vK7S9R5vum+WE6mbEi\nTsJqgT8h8cM6OaIXEB74nR09gC2Z5EuVSh4DDQDLNlsW3B0VKfPQMurItunE\n3f3gm8EFebII9e9Z2ZKP0hhoIjvIAwSb5JIh/oZVjnIh1yHyX9Hk0bVmFz7U\n/CHoQJdPqYBxQYXy3QJ13BuMJrTGtmpoyDday/8OqFSCJr9NN/6vUr3Om4u0\nRkZ8J6TNjAPfMItakYNx+6nNCESFdBeixE8FVJ4OyT9cDtJZ7x3EMywzerod\n7VvHFhKpW5bMa2PeasmUNdSJib6JvqmAbHtaOb9OJDcqgGCo9ARCmqc+CUdi\ntdJDCQyFGzL8sU/Ltmf2x34GDTvhL+SlJmZGvFjqWOiWbWgHIELqYlumBsFd\nSaJGZzvvbZWfZm+zPrSeI5aEsMTgxULYLTiPwtWubrZhvwJsyTbCk0JO67/L\nMaD31IVeqAgi1OflC1U3xIdlEeEdvQjCaODHwmvI388GLWFtJMxWcV7QmgUv\n0EfgMdOV6sIROxQAicxQdDsVTlOl0hz6rPCSha383uXd9ABkBKBWk1laYpSB\n6DHWkgyzvrDFSNHr5hvbTvas/UrJK1dm4HLfKX5vnuxKRXmYEGKb6poI8Biy\nGW6xuM/0MXEH05bkxRzuRjm0zMF3ujwx7AIk1v9wFkY7fKmW06BiMNRwcARC\nI7ZN\r\n=I6as\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202202410017","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202202410017_1643018450020_0.6280120637397208","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202410034","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0b673eff58712da951a3f60c734904e594c10de0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202410034.tgz","fileCount":22,"integrity":"sha512-nRsNr6+HTpPCdS/zJfCegIvj8V0KmYDg16xc6Rr6KsgGul8aDw3KqDYwV5iTH59Cmt4jgbvNjQKp88jN6GS88Q==","signatures":[{"sig":"MEUCIQCyAm2B0Y0hNEk1ER62BIN+Yyzochfo0npgoo5SjmwBnAIgKMSSwStuF2i7RP4uikGoZ8TJ4hIlzJHT0jOKYcMRcZk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njqCRA9TVsSAnZWagAAq5MP/3RYhJtkwlRmU/+sUomC\nqScWhWX2d7seZIBG2vnnU3Gm3OUfWknfQUqUpiA16mpcr4lK1TFoc0NCDNBZ\n/KmxwOqaLbqD2y4CVDjeiSZy9bCkzYfu4/rjICAGQLzZJOavWhaPcOChFT0v\njlkciumxIW1x7HOjMDSclc+4HzUBe15TzOvCOER9qTUh4IsTDkQIgM/bvFN1\neWcE/1TnIbyDjFEoGMsIuBfaR/b/ZDTiLMBb38FG6vmvEjfGGzAgRjc/du2c\neox1qCJjkNszYmXhKJm/LAuxhx5Ju4wMNjDUYydv+Q7Mk7YskcVxEen/Bj+n\niyMy2DpEf5vNzSiicwvxliXw5/Q2/DGxvps0v+FzX7MD4v5y1pi2P1WR5KSd\nad/tgAzmQfDqwiisY4mHSfUtfYyZ3l9+Pm6VivWSYUJQG+TsfXJ+2a7GOcjQ\nfQlD5/BgDfbARZoNL+oZ63wJzmOfeUlD6MW+0cU6h5yulXz1cnGp1Yaz5/ri\nDZVtzO0wISFP5o6Mc3bCjE28G5gXYP0iJduN9kGj1471Nijr+u7c7jY5+YPM\nddZmQJDfQZkMiZ2zWsBBrxtbA5n+0UZRun0hLRzd76VoxcDBQLctNcXUY6s8\nB5V2mBK4gkfBDwmWzmUMjaKZelh2npTvfwR67ZMDs11jzF0OFJrwH7MhsSTb\nFB6O\r\n=PEIU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202202410034","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202202410034_1643018474563_0.3154184156476185","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022024212254","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"51c2a7af455712ae6f51b7765fc9bb6871daca0c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022024212254.tgz","fileCount":22,"integrity":"sha512-3JP+dLJqU2MGGXG5CY4LZzY/eKYQuJZjjdIDpdMFQh9+LT0inTCemWZEVKCdpdEPEtAXq8w88cpedTrNRi9hmA==","signatures":[{"sig":"MEQCIG4UTUikQMctRZ1JxIzEUMe3Lacizip5lLyssEcENoizAiALdcosCs0wbassiCWg/UKqSIVwFXWjSWppVPX1mNG0WQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjTCRA9TVsSAnZWagAAc/IP+gMlO+3VuTNoxHm9daY6\nauHp79dhYtggxOXt+mpHNFT7WzPlh5RSSq6raar3WKcfjiqAb6A0nv3GeLz5\nhNESgLwpQHgP1sOmA6QPgr9s/AGyjxU7cUGt1EZDRaydhnSLUAn25S4UbnWq\nAY5knHTCMoxHsmmdbu3m8OVTkiGJVVqTvcrNcX6FIrfXXxl2cN4JwI7vJbBh\nVkyBBPKBGWCapDiARiMYoG/to+WEm0EcDCfsO5tNBD2yE8XyCH825SRzG0oB\nof4ZmRvWK+Lfwq1StCv7JJIAcY8cxDW36lkySxcP3FF9ueGZUmj4B3lSJLbs\nifJSKXtmM6Q60sCMEIGxSdjui+2tbIl4r3BrJFJ2OJEa6S7dYuu080PIkDrB\n2foCpyqDPO3h7gR4nggKwqguezi55zFlevk87R1oqLf8bnU1waAfGh88oNXv\nOesbY2E4NXLz17GeH/3Q+tFfvkCTYSmTGTN7v8VPyLinjORAyblMIBEsfmO8\n4sfSusRVJU6l/wK9qgJaYldRY1GmRtCxUJKcjuz6efk2XUvMGCHVybq9xSZG\n1z59pP7vbBa79eLYoJ3aYaQ9tJ1hMBLRik77ySwPvKKGEy6OrBhvbmrGKKLx\nrP3eL6t2TAQ4SIRfmvsQbdU5Z2mcScKrWaQMtLaN3mf6e+fqMcwSJhClbKfA\nHkmL\r\n=X/8l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-2022024212254","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-2022024212254_1643059410880_0.5708601631885883","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202423375","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"78fb6dd4dae7ce78e3d29784cf0830a5352ad424","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202423375.tgz","fileCount":22,"integrity":"sha512-0f5TuqB8hdds1NCiQvOgB2AfXtXxOQtefG8mlCbIg3aQOU4VMGUnd1ht0kyET5fvSlgkEzV+n9tn6dnU4Df/Dg==","signatures":[{"sig":"MEQCIEHq6ya1tWh5R6xrPzrUPKWIHbufF3/uDVDr/tTqhu4zAiAinbbxCLABe90J7DfTIfs3wo13j3WgcBD8uwAsoEuPMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zhDCRA9TVsSAnZWagAA45IP/3avSOzT3lMbpSi4ejgL\nnFWK9VyCP8hT3PKUGdBnKwborPFdaeq8BLA0CA8U+ZUfHxVmX3LoqMexYHd6\niP8aa0NH2QygBhHyHnNtDxf26JvAhLOjz00GHT8hfmc/IKXzww2Dr3z4e7UT\npK6N1L6YvIg1kxibW0Eet7F2U464Ff59GTHICUXSxHePAVJReGAItrB5xzSc\nKM4VtGthiB9NdXWjtvOkwmtF7vKbjE8Yd9PRfIlbNqwM1l1NJgBLaDdIyYNp\nRrBEsUfha+wTphrxlhFWoELAnqD3zi4l4fa4M2Xko0AjbdlIxxCxV8FtuBm8\nKudlBvyl1FY2SrNWAFTYNTDNYNHe8Qw3iSUxaREeyIoLJzk786X9ejCklp7j\nMe8+RhEioJOVlr5Jj/67XEXANcBuJmAgoKGbRHXSsxtBYhD4uBl9M157yXgG\nsPHDGWBMtgfIDdULxTIzHcE9S19mnjRyFOPlbRTASXVjR2JMrOiY/kCV1SKH\nA4VdfZFZ7eF4rIxp7oLp4UTy2mPXfwidoXIvtKeLptF+J/Rx81lHkNODrjXe\nKd9eSAFESg6LhsQ9IPSqG+VSbkddRA74pNZSGtqlIfx2LGt2TLsqJMLBSEeD\nU2CDBAKB2vSSWLV81C1Hi8ABwNzZTeZCZ5+QnXSQilLVFP0gb+ub0+UJMsuE\n7COz\r\n=4hys\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202202423375","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202202423375_1643067458879_0.7196381037944535","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022024234531","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"89decd17be45dfcc38dda9e8cf835eb18d87e618","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022024234531.tgz","fileCount":22,"integrity":"sha512-W2xkSm0rLMBVHNkixTATpJq5hoMogdXPFEmO6sAVEcvZWcKUlO57C2cjXUg/YgTJDYyEXQ/2py2iMLsq6XJ37g==","signatures":[{"sig":"MEQCICgbrkLfwFRTIH1Rj1qy3H4u2p1lee3hnqYZ+92/XW3wAiAsKxoZ5IvOSC6MWSZwKYYhCeH1jtdaISTgSqugFKnxtQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zpACRA9TVsSAnZWagAAQlAP/izi7SPlgCxKl9vOVSGS\nJ0misKo6l8wloUFtG6+WUIJx+9zoiyLDmObf1S1rT1Q+b40SOlaAZbTm2DW8\nT+zSK7Al4+33/lrRb2C6NtghWhWJuiwvIva/el/hdNhZe7UdPwb8akAk7cBY\nlG5fTpMmz7XFOj36ExtQr+6NB9cehxW2iHRLk2wvQKoo94jvnyV8R2N2m3Dk\nTj8igvV9ZM8LsJTLTrdlDu5gVt2s+AwnirtOj8wOtiwRRU/BKH1rMEh6MAI1\nlpkIQQThkTAnH3YmnolTdwRtJ55vqvdNoX9jm72GcM+QKar+oWCNw/nBX28e\nhZ/LiG57tTFA328X590DggHE6/5GNUv6g8iBhxdc0PGc98f/NwGvTJvUn8Kn\nZ/YXnbOF6xsgSdIJeDNfxShjlpXW2DpRXqgdPvsPTZbL84GKwsVEar3uSQiZ\nlsZNPEBl+ZaLF8AP6qO2Ng/yHzI5rLstnv571Aps+1GugnpmuTmj8lNoEp+J\nZcQYpGcy/dI1W8AJRqk4etkG7cZ6CH9xll+O4+ii6TGo+fw8IdDwk+XZYZ+d\n5TsUrWjzotL509eBRoAsGDD6bzK452Vdx1cxn41L/roiPtKTq3AWIZRFyTEP\nXGq29DfjbCrupo7qZNYVeUKQx+UxJIgyIjpdKxi3rAGvNJc6RJlmrRl8Rg3E\nRzRt\r\n=qwJh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-2022024234531","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-2022024234531_1643067967933_0.7520579143284016","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220258423","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e0f65dc41a2bf8a02337d91b759a057332ea6d65","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220258423.tgz","fileCount":22,"integrity":"sha512-a6QShF6htKC4PylMdyaShXNcAMpmLWc48aDGe/nfUgVhuT0UbLoZKraU29kSgtIge3Psq4HOHFFcJsleNTCPAQ==","signatures":[{"sig":"MEUCIQCA+BDUdCF46QjvGxaXJYXIElDvB04VR4xw26OnGf0NxQIgRqTHwqsvPvZKo+YF8dHAQRsLpvMY2jyaq4pRpczhcXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77gCCRA9TVsSAnZWagAAus8P/jYIzaPdL59iMME1b4Ar\nJHCgNyEe8iSB8EQB6hl+n/qmuVoWoduF/4y53XQluW/TiRJmVwTHL89dTKed\nSXTzISVmve3RTgDMH8rEGQCZ45k08HFFiY1xd9M4OSj2B9zXWYJ0MQ1plk7i\nq1QwBAhxi844odlU9eHwXmRHJHaKqaQ+i+HJw+vXO3sI5hOwfR5JDa+GrNdW\nQEm/42AzA4BJaHBeyi7yDStwQk8lHM0ZmM0qQRHCHxRd8pjfoPY1pi4tgOX8\naeMu6rVbXR6LxmERTdf+BXcsPtLvApH+78k3c9kNkEzs7yKAsCkkPbeW2ayO\n/2ZTN42bmWAxK/miw0LoshEAiR2jYwKlGr6/K1WqIJRqbGbXAhl5PKq1Z0lF\nPnR0uY7W1hiV6IJT1t0h7uVAruExMdAJhIr1DxoOaWTd+UlVpN4Qvky/7RBj\nNu4GMo2xFX8afcMBCp95ltHR8syhK2XpD7N2hBXByDAbiNBowWtJJW3w6Znr\nQo5kqApk0Fpez2SV4UtUIfSaFqdZiaA5VZhUYQPhpmHfzQt+fTG9VOP7/07s\nGNyKBOOeGiVgI5tPOt4OmEauhWEByHM3qI6PdNwRhMjBb+n4QleagSwKxvGV\nSk0e48XXzhoojDoKAQXA/ZbwdkTOAotERZS07BxIr6cF3uI34ogEk7IY6WcF\nTUeD\r\n=sqLr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220258423","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-20220258423_1643100162337_0.7436543403548284","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202584437","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"23d34db423b88e5207f22696e7fac53b0eef2148","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202584437.tgz","fileCount":22,"integrity":"sha512-GSN4UOSk1L8qIpt5gkSyjm3dxQIAwvgG8zKivKKfjjU9Btsy/cgyZLX3KvKLqdHRvZsLYSRvQTKTsE1rrS/ouQ==","signatures":[{"sig":"MEUCIQC6pU9oTFZPK1gJRn1UBPueP/goZocqJyFUdpE2ZIlsnAIgR9lRrF2RZcE+o3TBzWIC92q5IW8KJUc4BAxZ5bYEoQY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77idCRA9TVsSAnZWagAAO2cP/3ZOxb60ZbCVr57eXkdl\nL0j4HnGwmIQ9CH1ErS4lg8z5e3huwIKE6ycGU9CqUaqb+A8KWEMP/M2ST4E7\n689E5J1M/BKrJ1sioglg6RxTZIBX8RnEuw4CB5abSO9k9QqL6ZgJy8K+bVUl\n82AKM+Ew5MaVStGaJJi5jJ6bPRjIE4QUdcYaTNybCMnbEhJKqJovaplC5jg5\n17NMFJlKEVn/aaWAP0u5zVdZm6gs1QgQig88e1GfLLeOWIbHmA83qHQKgFhm\nEN2PT0WUO8J8lCWB6NaQJccov+N2ihHKHnQIE56giCxm7HfbZ+A64UIiLy6j\n1+jQOMjFrrJhBquztSfSZi6pnGILTJI/I4ReWVnEZVm+CwIQ/299v3hc2e0o\nU9u2gOpOH2zMx7yzm6abMxGEfDt9fsz8lsAoR0D7AdtVAkQb9FNHOIZHKhZs\nfmKoTwRhxe8ayOETodIvLF94MkTtGB5CTkv7jqEsmF5YidZALqQcvN3CYaxR\n7JWJB3hwicFUbGorsTY+IHR5AoggFUM4JhVcKJ3fzedT7yKZTMuW/Z0py8nh\nMPaVPmFIcppVqJSYHTIlIBv0T3T1q7suJQqHaW53zDNgjrLJMlUFH8hW9JJK\nSk8i1mZgIpfEE8m9xi/tlRyAa7+WFVw8fJeT71vKAdZ1XmaIxT0iiIA7XQCQ\ndm+w\r\n=Ajj1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202202584437","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202202584437_1643100317182_0.9449001469755198","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220258462","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"68108b641d75aba7d07893606a0a264adca205c2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220258462.tgz","fileCount":22,"integrity":"sha512-U0re/XUz0+OQefUDuNLotKC8SehJzlZOsLrXEMp5tHmsD5D0LSB88WcfU9ew6QZrsR9tRsAYFswe+WdpbPDFCA==","signatures":[{"sig":"MEQCIGFfCsISJAJxZNKEP5HRcXdSbzZI+eIFlYeBE31qih37AiAnfmn85dJHQet9t221rASSYR8pTkjrEVyFpRyRjeQT5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77jtCRA9TVsSAnZWagAA+FMQAIG8WR7fdR7PFfM6/c/l\ny9C3poSjPfZRss/o0tTz4NQRyZNj8TjRkaM7Zui7gWifV6B+Zd/0XKXdfh6t\nZikz0CeeDGAhpNyhKUoJVS9in503dmFkslBbclUqAtY0vzkdpqSXP6JtPGRj\nMXgKoRf4ZDIsU+Byn76FoUoqu8qaY7oYBz6Mz1eaIyEUd8NQKBLwKcrUdt3x\nGa7j/4vZKfQpoDKcPKGTLi9owpYvco2m7w6zVfDEpFrsUnJFD825S0xQvyDR\nEWj4QJdkTUosFT/BjSk/3S3cORnsz/fbNbHKK9MIBSZgq4p0Rq/egoXFmZ/d\nvcG0IA9niRzySd8CgeNq82JqJvGM1zdFzoZWcq+YbKZ+1pHxhfY/eJ6QChpA\naUjR9rHiniGjuuVVTfQSKXjLEMSUtJTysTVyi+pnWzf4pBoM8zjYATB2FNOK\nptzkrimVOWSOzD/UAfYUkorB132NtjW181y557KFWj0kXcQti63T6BlWdQDP\n2DH7zUu9ZzxxgrP+OiXb3W9/hJJCtDwinkASUYvjehSzt++shWXoxyhSipfy\n/SeHvfzJgCS8eVST8YgF47iFt3tRdlZqCK3OqUDMUvwd94XzYNRfa4UaClhE\n/2zOkInaGwn7acxYPc0yXqmTauLIlnsN1Gpes9INYTgjT/rAAz8KTpDrlpT9\nzIWd\r\n=dVCg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220258462","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220258462_1643100396992_0.36085761419668816","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220258486","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c6f884d1c3504b4d717331c6f23401e1c118b288","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220258486.tgz","fileCount":22,"integrity":"sha512-CVCt5yGr8ZopNPoKl/lSfAOiVmoh9Ax0hCtcryQho/dlYeHdl/v9SHJg/bL4Oeoq5ABryIAl0k4gR3OARKOVAQ==","signatures":[{"sig":"MEUCIBpFZGQQGal9c9I91D2tOFz2hYHkblaDnZlk4JBgwhXWAiEAlLOIJoplh6Ij30QUv1OJSJK/5knqr+euF7PFTj/gXVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77ltCRA9TVsSAnZWagAAXmUP/1pY7sRHuCUcFNq5Nox4\n15rGNekekGesAkRMzT62YfkvY9XejWRfizVQFg9uNXIAZ802hs6NTrUbePv2\ntpw8kSojquoz2Iek17ox8+Z3Uc+M0svlHbQT89WPb1wR++EWcpsjjSzcZcJ5\nD826VssMzqn1/L+6OnwrgUS35fiQZsYGTxNnuCDkS99yaatiey8TOBn/7/wi\niNEag3gmsoJTZSzLeygTJrz/bOs6yKPX4wjBxEcsNiatxbfPL6rXZnhdTMbY\nT5b1KINdqLpvU1BIFvJ2iZ/0iyWE1r8HAwvpmgiFdLZfqOUnM9J3UIN/8H2b\nbMKOMMX0De6qKfwnk7mTn0BoBWm29YHYJdnPWlqE3q9VjtbFWFt+Gz6e4spj\nAiXMmpBBBTT9dbJB7dtqH87x8w6H8xgWTUZfa6gMmBARWEMTUWve0iv0laWG\nzfzJJUe+X5T1HWnMYu00+zUkSvcbXpMSlUHuwJHpLESGoloIZidJ8AfzocT8\niKMU+Rt+chuavDVO4DUNOpsm0U9enO6yZust+qc+cYFdGOpoQGTXuL07uAge\nqQpVkKVxXJX+ZyDNzpEg07Zmep32i0y+59umEpOqM29oKgs2UgLHQvix8+i4\n0gliEqGRkQL6T5hN7vsDPScUAfXvSSAT1djSw3Mb098Dq3Gi18uCeWbVuC7T\ndOlI\r\n=+Xxn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220258486","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-20220258486_1643100525552_0.6381445432723782","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/input","version":"0.0.0-dev-202202585455","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fe3a3c2429d1bba4d0327de2e2bac00380f52a94","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202202585455.tgz","fileCount":22,"integrity":"sha512-cHHlV7+dpQf6Tc8FctzYywnZ1+E6ZiyajJcK5iOKE4mtF9T6OEVvM+TKmnD5NJW5cTgqMBOYx+QVVm6FSd72gw==","signatures":[{"sig":"MEUCIQDGp2cJAKm/+pcZT469doZS6QrqPwHqBsNEb/Ax5It+IgIgO2ut/zEVV7ARUOAMLCEneRJk1yK7mcVaKkKSePDxmpM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77sBCRA9TVsSAnZWagAAEbsQAIVcq2UL9+e5XZe0WwkB\nvr6YyGrGCJUbOlf/ob3GBQtRg8zF7hff8NWK7jReB5B1VhN5bgIJbhyvUVFR\nkcXNJErW+nEuJ1gMTDt+B1S03OMU3xFnwAG5ksrfwDIil/PjeEd3eT36f6bh\nLdhDLqW7e1rrMxxHlR4RksfwfY3UTqxq+Mmd8vkTy0vHSq/ov+0xkQMjF+/y\niLVcyXx4ba5K73P0pMeN4eCjNmRVAQp4zQhMRJS6U2k1uUj8KhEi/+GbiviJ\nFyzLfydjuz8WiaRfb0Ntt3LMcFuCi2bRlNjQxtFO2b8GnFfQWiF5W/qamvqQ\nzFc+E0/utuu3nGb4+OI3sCvAY5+xvyHu+xYWBpguvAtKEOwhQ0OH0UXmyZbp\n6vQoL6+SfOlg2ALzcHI3paDpG1Hpa1Jom+ayJ0QbA7WdCbUIs5FKy7SLzuN0\nEwW5lucyYvXfjPCIaEbZdUw4pyv2T92DtrBngMHLyiHZ3Sl8fnWRMiQhPvMh\nvaqYitTP2pzjxdmWmPtxAl/lguk9Bz/VIzMRsKIX/hQD9w8aGv9S0e2en1Ij\nTskSIz7uAp3eJtuFzvMjiNPhJCXsrpSglqZza0u9h1kubdwqM3zX8DRWtY/j\ndhqJIH6IpHTymrJXzk+/jN8GvcolZB+pxRjzpOY0a8qw78w9+cd04Voz4Run\nNqyh\r\n=4zoF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202202585455","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202202585455_1643100929653_0.6626462590784024","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220259146","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"34b8d5436867d1891db2db64860a3ecc86a2562c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220259146.tgz","fileCount":22,"integrity":"sha512-QROz1aRZe/IFtN70Yf95jDpbURdxMcHdz8QRgmL6xscuIGS9oQxZELoy8VQ6EhL2mkcRKqDsk/kziWiISqnv9Q==","signatures":[{"sig":"MEUCIHsNpFuCWrJV8quqn0Gm6jTBP+mZEKOVSXyHsTCbjDwJAiEAzhVUvgo6XbMFWCgN0Ak8n1l+6rNhC6H6wwl8aDoeO34=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+BCRA9TVsSAnZWagAA3r4P/jKY547ZOjWB6dOPeuse\nRKc8Pyez4/z8QjHaLlwvQ5QuCK6q/WCuRJUQZIDj9GuKHLw0m4IVcfpefirD\nKdTRnQH9iiTxF/synkqCYGVoreNyChwKdbPeQErfaihbtTFXX/z/eM0l//M1\nGsWx8QKncYEiYcDFKdPgq22WlAzZBuoCCsh6vqrDeuOQeJJJMiRVkdV2Akq0\nWltoOpBbb/BDW0jyuxJTKoLyftuWo+MOGMNg9eJtthatjXpyt1Kediye3Ypf\nl6xS7DcgCAJprFgCIJwX1nirlX97k0MngO7GoS7sxeRhKsRVod0LkdD8BL/e\ndlozu/gtPzx2BgQi1ujA969FwalisbwDROTRUS37HoZQ9qiEVmtuOvV2UhN/\nTKkXaHvBOF51AL4ibnDRmziWtqd0WmoiCJDg55g14PQ5e1O4D/kue2akcsxV\neI7t016v663+OP/qMaDPL1UJ/g6cr3xBjRaMk9CZcbES/Te3c6g8uN45APCy\nl1jEdOrUjGdi92054oBb1/chyn8eZpvofayZc/SRUVLFx6NOkDPHBnCCRI0h\n/tqVOt1bNQTuynNO4yF31K7g9SfESDFKgkwbM04cQ7JOcGgqfoaJvPxzxwKA\nWqg67NG1hX8dcGklNDspcDpSvevSGw/BGK7zKoISzkXxkK567KuCGlsO5zEW\npCsf\r\n=A077\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220259146","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220259146_1643102081139_0.7289740950654067","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/input","version":"0.0.0-dev-202202591453","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"63362b44bc5b15cc4e30768c83ddf3fb55fede3a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202202591453.tgz","fileCount":22,"integrity":"sha512-WiudSpnByRLE4scHQ+oaqLWLiExkWQGlS2rbfn0yyZ4agddYmLjMjI6Nn4PS3Dh2YlDE7dnjbH4fEW/BeyEDXw==","signatures":[{"sig":"MEUCICt6+2AbpVGi7SWyRZt/PlVNcZzTYCOEmkT32cOMyoqFAiEAjTC4lYQjoyFrv2zx/coVLjXn8WTiSRptII4kAvu+wPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+xCRA9TVsSAnZWagAAfmEP/2svzqCvQHv3qii9sTS9\ny5zFeDXWCKBkajZhF3y3bviHUmX2cz6K1+M/PpsWHVN2sIbKJCfDqDtUZdgE\n8du0LUk3TpmTp3sTpOQyrar+9JnHGarQO/o/c9BQQQnCgLjF6LpIC24+aOaX\nGNiqa6Mzn3//8Yu3fGTPAXklaLr6+vXU9WC7VuF9wB42tTsFIY9grmYV9K98\niLtssDoO5unb9794YtFcpS/qdlfJeHYIYn+GUHv7wPh3jEWbc0VeDMLUThBj\nr0GUTsYCstKVEDjrQ0+YFg16lbO/2wDXQGHBLHAyssCIctPca2yRLrHpbjTg\nx7X/gKeiBc5gDTVFfGwc4at2Iw3/nKdu0iq5SxxrrJEDfHweukMCd1Mfd9V0\nZzUOxjk95UCKhEH8hXOVTEEXepIZ02gBSnoYWgeR14gyJqQ9VsII7pzuoKpS\nihJoWYgrYhNgPkLSHlFnk6uGAZnL6KoorIYkv26z8wrli1NnZmHFAS6q/7eI\nMzcanwJ0jz1eM3vDIjffXnECah/jeBUC+s72to3LnFtIaNgDatu9Xf/6tOaR\nd1wLduUjs8NiqBRGrpqXRCamupgwoX1zeYM5KHXZ4ZG+xx/N9d9r9yFbMP+v\ng/cVcUTaMlt+VX4FkTqEV4d+pVwpidNmfPzm9mRk/NwIdDMnOwWnbt5dAUTK\nLp8N\r\n=gzav\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202202591453","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202202591453_1643102129436_0.96686155388593","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/input","version":"0.0.0-dev-202202591937","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"05383ae46e7c323b94e268254bcc59265f006f0f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202202591937.tgz","fileCount":22,"integrity":"sha512-mXtKOkfSHND0YeaEJNBgfxG8nQaZJvm1Un8KaCjwzwvXLyfZPYDEmaVn6XnfHebX/KPsdyU9d2sXY2fr0ehorQ==","signatures":[{"sig":"MEUCIQDkz2x+AcW2u7mApK9kCyymEyM6T447dt3X7SzQrwveZgIgQL6yBw9Mhcc7OVmjsFgCNNzAvgETpfgqR4lgnOJUUnE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DMCRA9TVsSAnZWagAAl98QAIDERZbwRt8AHHl+vsXy\n2FF2KuFr/VX7ACuWXU10llpQrvJ/75lEzF1Gn7xbIyxUCuO/G+BxpV5N/+Wz\nv0emF4uhITfDk2z3hgU3DjH246M6bW+oVfmKdCuDRcuWfy9H5dvFBSRhI8zM\nq/9yedCLz88h4W0Yv+doWhE0MNvrvHD284SWLbQtWn2Nst9zocBcaQNQbD3L\nXZ1PJQZIuyAp26v3ejrM8d5ve3NgLRhIg5pemOdeMlD9GdFqVtvbs0GpwBg6\nXf3QExFxbpA/b2HsTgtTyfDu72tn7MBACirYQ73Cu8WA0AFANnSlO1DwLvu9\nNKmIqTPKjShsVGVxaY+nTvfEED41uSDyTzYtS+/4b/TltLo+/8XsUDCaVzUk\noh5y0/TTCe62OVZ7H16DpbG6gsVxLNSyNyjeTentBPhFDkovyaf6I7UgNR0Y\nsCoFQ/ZRdvn/21xd8XtNV4nC4f416yEqgCUcO6Dk5pPEejmISWe+xtQQBnQv\n9sHg403bwzQyBrCreWHsxHDzWMgYnzuIXeYgdiZFqRB0sPp9w4RJKrPlwC8d\nfo9RJZjuUZnr499r57kz1PrNhg+IdvWlmOMvCabhZIhQtaX4PTIFu9VcKbaN\nbLuT8hWJgoD9iq/r83WEZ/kh85YE8eODEI67Bw/7pcAr3AkLhsNiLRYxQTZh\nbDcJ\r\n=nVCn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202202591937","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202202591937_1643102412610_0.3464639490938932","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/input","version":"0.0.0-dev-202202592640","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0bfafb94dfa3ac4f4435ff18336ed3772dc50a66","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202202592640.tgz","fileCount":22,"integrity":"sha512-S0/XQzufjwyfkooNoG2xvmT960bi2UAPjTDGBBC+aRYhsrRzDs1l2eXbWtGFQgleEUdKhJ9Rn2p7Y85YcRiVuQ==","signatures":[{"sig":"MEUCIQCQylzqSxx1DMmZFkuQKr5QE9QmbtsWH/2QV1wPwm1p2wIgJUJoX94pCZ1Qz9AfZ2oFOwXRmPFlTtkXQzCQod59qcY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78J6CRA9TVsSAnZWagAAJpMP/jpxn0MJMTrS+h7Fv8T/\ndLmDIslaAvnJZdOKLyAGeIqgeG5G65HrPA7HG3FSMIPNbCohp83HAhK1WCkL\nhsVGJMR4clm8wC6J8m/Hl8dm3HXh3B0gpMxUAfSyOwGkj4zUMyv7DPEZ1L8s\n1+mXgimiLy3L+61OfNDb60Sxtjkt0q7AKn8iFINSDoBqPTV+4zWVp91cq8Qu\nxSVcu9pBI7HOWAZe01todNJxLPLq7FlO6/urqxkY5l42P8LhdCeuAJZETm0O\nVbESFd2LX2XnpXfNRQY/NgKCXe+u0lnNFeFcyHjTQBeAQT+FiIS3p4E80GGX\nrhRSx6J1iACTmWXHEUuzIVi85jzvNRZlEOiEwZ+5zEyXF2PDBZNe9XpQuUJR\n+f81pRlbDuS+8rMnaedFPOXVV7N0HGoE6+u6XBY+LsH5l7i5IqOGfCMTIZIt\nvndlcpTZ+Q5ti5q5BsIG1rZ4MREP0pNLOQxs/o/Z/DfMIPVp0LyPKD8quVrI\nVSrO2oxveKKZV8fQmK0u1cz9GAzNgEOftQuDi1j0Xf3s1uBbqTE/WQ/+pojt\naPNJ5tIVHJWZ9XpJSanENdymzNnPbykqQ7PmQ/VNFD07JB+zsJ/Lm9+Siid5\nszCIrReX+E7HJpp6mt7r5qY8zyRzoYJ6Mg2kBUy7fTGK6ed79LZ8R7TGZCLX\no+b/\r\n=XlEw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202202592640","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202202592640_1643102842647_0.5887936513543921","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220251866","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7b26f19f2c00aef80426220ac94fc30de608abef","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220251866.tgz","fileCount":22,"integrity":"sha512-LcrLtcHySBlQ+M6KVegYi/D3rneDBMfnQNj+MimultK4Y+gCO2KOFpPhRWEX3nV2FcDVRUe+gQ4gAwYe3DvmgQ==","signatures":[{"sig":"MEYCIQCIL+cfxA/LnGm9dP0Ls9yR0QnqKvoN3DxFBlsunrcJawIhAK2NRmLm41lM9cr0M8948pA8Du8lLtpuTsZ2d0a1Rusu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DwyCRA9TVsSAnZWagAAf2MP/A9bFl0Wn/2SDN27i3jG\nMlSGMRlZUXJdCajFU1WxWucpyO8UWP515JaIZQSH59bOnF91v4nlkIVi/6PN\nrmaGdlFv6kdr+49jAUxPjyju/1/KldbkbnAvESF1Wffn4oPzZy0OcpvqWVXS\nLJSnacfCL4ixFBfPED6dvZ5n518pZgolmq70SrvY0MunLIkqSl9KYgFn+dzL\nF8+WryiOdcyQSq3suywLy7hujjIWDveRT/JsDYUSvrPX3nwD7kFQ8X4tER8r\n4kt9AWdruwDAiNhTloWx16G/IaGeVrcpynFr7Z5LSCU8AtHi+nweTa5umJVe\nJG3qh/E0REiR1FFcBZIoxL125mJhlplitAHnv33AfEn9WoZcnj5qcZXXtqn0\n8ZUUF9C7sodiRoKhOZlFwu1WuJdmkKniym0S9KSWkv1mzkISMvz7G3UxioAI\nCQ88Psieas6J4cs9n2cbSisaQkhl7E8TsSAR8U888pRSu3aNLKxyh8OBlF6L\ng3eiGw2W50ua1kK2+KnrNvEdTERz8oqsXDR4Rrvh6DapnCni3vMB69h/qZD3\nTKIJahT0E1SLGPCssSlMRBan8Pi2M6j9nQ+fAlq6vs3FCboiTNTzkFfDaR4t\nTDPzclW+GRNgXgGkR95xhH0i+b/OLKXSTudnbg/9S1gyryo1LFPJXuVE7hGu\nuMJK\r\n=7mj7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20220251866","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20220251866_1643134002039_0.37413937345491677","host":"s3://npm-registry-packages"}},"1.3.4":{"name":"@chakra-ui/input","version":"1.3.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.3.4","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"5ac4d7eb2e1327de8b310c9fa5b78e8cc426e6d5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.3.4.tgz","fileCount":22,"integrity":"sha512-p5oXOxbcmhGagBMqXjAMQzmw6w8DpAJolCeFLdAnpy30KcZfuUuYZI5zdbLnbbwXua34lWqPoGwDLrfsGi+YWg==","signatures":[{"sig":"MEQCIGWwavT1p2dv4NhAzHkZrNFzRBElyVYs1FvNrTIgK1fmAiACNd9K/VTS/HpCO9B7n2BbXGCfRmtxNxrxVfpZ023vfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxYCRA9TVsSAnZWagAAtw0P/1mWDpWhZntUwXzrGrKs\nYeyqAip+mWa/WKzpWAV2Q5bee+aQ1u9YOSCFYFwlY7e2JPSogB9lTWDao5Xc\nk/MwAsjZ6uIkvwChewrKL8m9vPNoJ0EhuDxbdcpgYmIRnke1eo8PQaPMZ4H6\ngQm087RmlIFUMoRAlfRKU0ojTwjScaJO5dQ5+FOE8M9u8tma8I0xySH17pPT\nMN532zbl0VhgXNuAIf2qPay+cgkwv49h4cEPZQNFAiT7EHcfI5iuLN934fUP\nHVieSlOjkywPP86ARZSOtrKrIKhyLKrmG9t1epAt5ng+WNhbLH2WOS5+aqMy\n3fO+qdpr8b33M5HUJSLzwPc0ueOOhSGZTkglmQQi9tivN8t1iehBB+LrgThq\nvtYUOKzyDpklB5TqdvJQ2cZe5piTJHFgupk8A11JuiJvxvSmuVLKOM35BPWA\nqpjwN7ugnH3aLPD4CvoH+sBlcmLY0zJp1IH7WYB09nmm5Pr2l97xkAdEAhsg\nvgWRo59JDLsIM9XmXM0tGPLBKoG3NhYPmQq8IxkEsJ1QPcBIx2fQylA673mi\n6hd4l/yGHC+uTyh1TH1aeqsdYW/PxKXJtJEcwO+4yDVZDOEi+Ifi0SMgrXei\nCmvzujWbDIBfovyYh5oQweHlggojg4FdYjnsLdFb6YJfTEznblUfUlumqiP2\nKi6Y\r\n=mY+n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"b8508b0f3f99e0ef04333812938efad93da02dd7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"1.5.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.3.4_1643134040276_0.010576726512783408","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022026181758","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dc17b00eb9f53dd6d8f0a0ea0dd840320997d003","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022026181758.tgz","fileCount":22,"integrity":"sha512-oqFVGm7MnjusIh/+BKszi/JRUMt2s/EIa68N1a0AHi0uq00wiWh8Y8ldzZ26uGCvEEf0sMEC3FhhUoScgUCNEw==","signatures":[{"sig":"MEQCIDTaqOTQakLGBj3I2SfqmC1BFFR4xGNrt4zq0suj+XYwAiA40MKg1n8nDsxHFxXvcYZNOEeLAtASPclNDNgyRmTPZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZB4CRA9TVsSAnZWagAA5VkP/0rvdrI4Z57jIqcC3w3A\niXIsJFsTvHlVSyCgY/+M1J/IVtOoWkoqZADQPeXuymfL4wTpLrmYIUr3+d+9\ncrPSNSULnaECc7IcXgPPrNpZqHDD+IUKw6ytgqRxQ12/BXK35ibgRydt1U+B\nuKdmJGuDmVnctbEeon6naEv/AjaF0rs4PmeA0KN41ocXh50B9h9OxKgMXsVy\nFxOfym1eNYmWXYVJdtgtX+6i9Nh2gmpwtI7Hn4NXWWgbhvIpnLpZPMcKWpcn\nXQXrAodCpFBAzsUo0MNa+Sx6Y3VjDt7+d0PpsSYz6HFNog0vMdpFWbxIoFAl\ngyI3omLtzLCtKfnAU/VA0fyltssY3Erz7FDw/O8iecLoL/UGbx/EcATVMnW/\nvRoQJs3K3XNjM9LgV5QLRfO3ldpdRYXsLosFalqReLKZPik+5ZN+Iiq8znUW\njernsA4lhYHENpIVON4URQ49FqYGH1pc8auzsK8XQA+gVNBNp4boSMW8DpQZ\nbOcPKd8kVJDUpgWVZgzfCsLl5tkRIJas65FH2byopVmfZXeB22425IiEMfpW\neNqxetrVRNmGwgpJvXDj8Q/uVijEyMJI6F918+4oskiMOnZW3q0NbvB7hjKE\ntefJA1aGgK/OjrIObr2xhRVNH1CZqjWNAS9S7EiLwmTXxg2dX2qvn+UA5Rpd\nowd3\r\n=3kEN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022026181758"},"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/input_0.0.0-pr-2022026181758_1643221112537_0.7694868832044031","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022026182926","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2e349b3d46f50d177fa2e4358f2f08d7b0e8e842","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022026182926.tgz","fileCount":22,"integrity":"sha512-9Zo5Vo9AY15Aus70Yv2gf0y97bjr8NW6OVap2Ig1lwQVzuM3u88Bnqr6xRxj4LKODC3BZjqE1HkGvw7wSbFZGw==","signatures":[{"sig":"MEYCIQD+6dE9WIfRiQ9/evAN8r+L/3RIiG4wPPeKdVk/6kha4AIhAPsMPuMjujtJ0QLlhV2brhS2JhLof/CltMOFCuq0bKC2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMhCRA9TVsSAnZWagAAU0IP/ig+8OOWBfyXs1DvLDj/\nyWSo/MtXY9LYvceY6dDqpHKGDYIyPprhVQ1f4quvUUfTPhrLGTvfaca6kMmE\nHX/9AttMydoSUuNsaFi00XluMqaGjCsoFHVP7xaYzsq+vWC6vFk/ZgGCkjQy\njXI3lam4fDmXFo7KylMExuW9voNbAD+EVWy2fiPPqaYblWcHPIn9sjZlfOTK\ndRBXDVdGflfzqDpJJO11xTGVONUG2/wWulGkTCJHHqgW6InyQEQP8NyfQ8Of\nEMWs60egHQt5kph/YfWj9JB5BI2oKRfpE/OSy7qu+x/1cql8OCdEgoGVdt9Q\nJBDL1c54HZHH6vsB6l9/lfGe615T50BPpgifdELLfuudfslWJGrtOe2v8W8V\n6UwjQU+6Q+7tTZYFTxzHgNNZ1YsbJvwFHlLUcHMwQj6xFLrGlyQqnjY75zAi\nFJng0ttFbasEOPgvoT911unHEfQOlR3gdLgkLpJjTaVpbg37L+1peMfOyD1O\nNYUng/SniJhN92rhx5CmF027ik3hNdTtVVYt9DGCHLDa5xdoER2IS99ShF+Y\nNGIs1RVhlTiUQpwNoa7MH6580hYbNl3UsDTEyHxclCJkPrZrhN7q5R5v07EN\n4MhFzQs6YDdpvHd63cLbDIVM5F43bMKXt/Vne5ozhVDza4rpSWr1y1tlMMo3\nzSIx\r\n=yWcn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-2022026182926"},"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/input_0.0.0-pr-2022026182926_1643221793410_0.5338345286615509","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022026182947","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7e7cf7e065c403bc8ab2d899583cb3436f2e26b4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022026182947.tgz","fileCount":22,"integrity":"sha512-cbK6JOZ7GSNBoN/gqhfHL4wIhJDx1Ypj2bKdmljJLznZkWRj79lH4N25HJGOtjecW+y/Oav2LF4Rd4s9sUDVjA==","signatures":[{"sig":"MEYCIQCUHf9BYti4iiuTaaVEWUNDCcekdqopht8UHPF1bUWTIQIhAOC+rKOnYbHp3ls5vpi1KoG8bZGQ1X1M4ueDAMyykiLZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44059,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZM2CRA9TVsSAnZWagAAPQoP/RN/jDT0PHbnM1M8pS/K\n5hU1Sgvb7GJ+sGou5bK917ICCi2qOdYRrQTWuzvX9H7tjlPbq64yVVpjpgby\nRrdPPbajPnQ3aEX3bLxnQeiULIaOMFHSJweblIPYw59aqQXRgtH+xLfD4lyn\nlCfI05Szhg1RCiU9GXno7agsJSILVYFIS4G9kPdRtCy4M4Rb4BuVv4l9/Ctc\nsX1maMZ8xr6oFIwPUWK4eOIhuKDMkwhgwUn1ldRmlxbfdQvjx6KdSDJ2AcXi\nqNWd9WjGQN1g20obhcrWIE3EBlXa5w5xt2Sqet2W01vz/u8dBgknVzf2bJIR\n6tES2jfZum/Fm3RTErOv3ilEMnRIB+2Ehk7TERjQo6ua9iRFWn8wn4oUlnT5\nxcX6/fWjQ0ReP/9wtbCy8/V3nZwO6WvT78sBhQt3wQNZQcAb82E7jaO34Akt\ndqN8Lkn9MKg9hBOav2CuFYsrWBQLuuKOCkS2J06VVhucWpbLn+qGSEUVd+5N\nMO0T2Rg7xbEponduteETeKOuj+DrdhUndCTEtyvFTT/FxKzTI2gBU+rVb/8K\nvCUB/PsoLkP6rtWp/787/WHcQKaRqq/e0GKOJlwg8d8lcih+i4KySzm8XQoA\nDXTTlgH2r2+TJAcBw2T6L90vD5TIwwf6L5OLzqBMn9XgSCJ9HxNalgEbe0sa\n0s2c\r\n=QiCZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-2022026182947"},"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/input_0.0.0-dev-2022026182947_1643221814808_0.1603315606014455","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/input","version":"0.0.0-pr-202202618407","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c0e3e240237c10b27c23f2be7658fa95cc2307bf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202202618407.tgz","fileCount":22,"integrity":"sha512-ypezWUaFoEb0OxqUhH7aGBlITWR9aHcvSqEPnQw66L6oJfr2bfGeBXtvykZrlN2gEL5fTEIBkWWXEhVkS3H6DQ==","signatures":[{"sig":"MEUCIQCdXfa0lMukNWd04gP6fE/jOVv52TE0HMNgrOVvG84ZnQIgEtFdE9P1UMbS/qEFKbyaLePL/I5v0SGKBK+4aT+aWDg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWfCRA9TVsSAnZWagAAHKgQAKQtsiqI1PEvQF/e/txu\n5uEfyblGFw6gA+nR5X5vtvv9tODGpzfwhwzlfMk40EpfWQQZAqKmBCG+b32w\nxZWJDLvr1JkyeYob1gHuSJICPlUUC67lgREykqBIw9Wpi1IHlOSoO5qokwIT\nnLPu9N4ygA7jJ7stnRJI6O+X1vd05WGiyV1kAV2dmbNH5nAo30zgwe8mB3gZ\no++TikYws6cgt797SNlzsI2eUIakBoGi4LjEQv+QoDUGrMDaXqaThEpXbW3X\nELqZ5Z+fcUyMkCN7PM+zvuHjZzdn4N7KAMhwALi+lrw6V4qw69g2bvHFx+wg\n9d0pqkKq9sAwrBAacoltiw53crQR4wezOXdzesHwJv6SvQiVeWmpDwXOrCto\ngqVTbBJn8b0fOsrKC2AnU3FUjjUtH9+q+nYc7VoS2Qm9jPeDLPsRVsLbSGb1\nJXSQkne04ZrmzAdRGOHMdQdChLNSFYtg9vBoz3/vpVEqh/YL7Okeb9EeBOIj\nF6fnPuynPldrVHauGx2uYv3l/CCAwf/Oy8ow0rxgY5yEjvvdE1j8TJeNU6At\nkoU7iksCQJM3HDU9ywy5zNpBMJEQCPY1BGg97oOjgrbkrRRH4sNa/bwHDgWf\nYN4kWUKiHqGp1QZKI/PV3W1o9Xy09Nz41wCue/NewDZTOAaqjRjeMBwhyg2b\nsmO4\r\n=L4j2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202202618407"},"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/input_0.0.0-pr-202202618407_1643222431552_0.2709571620815163","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220300344":{"name":"@chakra-ui/input","version":"0.0.0-pr-20220300344","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"297305b79be15945c1e50ae8c481e546f8c56e96","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20220300344.tgz","fileCount":22,"integrity":"sha512-R+x901Q0TlzClJWJC/UDFQiYnPdLBd0P6ivyzLoZwWeqsF5WrccZ9u4hgrX9esY7swaiYZmEY07vWqRRFNRpPw==","signatures":[{"sig":"MEUCIQDJcIJjL9otrz+swPEimmIo58hr8aiotg6IV8kuTkKt2QIgTa6CF+YRjNi7JDb9INnXL1H/VChVoiypfIa5TIpefqs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9dX+CRA9TVsSAnZWagAAIEYP/jdCHGzBGVXfGrHW6R1j\nZ3lp9MTmXCkPc6O7sOjSm9z/pLz/f2RoOq7+fB3H4ncALv45Vbwew+IRN80E\n4R0Aic7caxZt7piljWYAw8BoY3NN3RlkrrH4jNYKdNLVsROzoJbpt7bFGyzG\n5/euosZa9GuvkMpNdnvEMke4kB86V46BGef9BXt7zzHonsL3PMetYMBL6ZRg\n0t2Snk2ht/6r84FwQb2xKfWcGXEemXRIjiW9fMT0jtSw51DtV0w98D7eLVQe\nbMri9bTyJUn09oDcGZIEh23g9gqrWz9weJmcIF2OQjXZ/Fsx4yVYj6zevag1\nB6ooX/IzRam9G9i+T67uW2/58bJGr8UVol2HjU7As8Hih5XHS8i9/W4ZU3jY\n63lMPRBT8OrdyPlFJNkTnT40y5T2NctQXOXDcWnmsgC4FItW0njX4VJiBZ9h\nZLP317AtfVtCyJBvFClrSGqOnvJC5fFjIVscBUIonkP9sPYDK9Ywdchy9cd7\n6dwgDaZXK2s2Quj8wYKO+w+mr0flJpNdyklMiiCsqaDT7EypV3yvbHFSXfAP\nSNDr6sKocNTWnptdfM+VOQokh05+p0jJ0UNa7e34mb2VMp63qhp9Ks5fQ/QW\nQLzjggvFCKYggjVNc9J45aLalRAOlHAd8ctH2GLE2x+KSgJYxRQrNdY0mswB\n6nEg\r\n=JBzF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20220300344"},"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/input_0.0.0-pr-20220300344_1643501053760_0.39787465342970973","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152957":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221152957","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"de233fb107a0c2593adb3048b242fbc8429f890a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221152957.tgz","fileCount":22,"integrity":"sha512-Op7PSmSjC57sOraoQkqF6dc55OYZqoX6/9XHQzqJr9MH93CFMBf2H4079VkOROq8KHHaSGRlLSeCU4L22+0Opw==","signatures":[{"sig":"MEQCID/CGXlNOV5FXQNlF6IokCx6BjY6WRmYBYTnHwFy5JcMAiBe6VO1Wn9YI2EeF9a1DNUd0elqO4tC3aJ8x3tZpJA3zg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MV0CRA9TVsSAnZWagAATS8P/1NjnAGDvwd0hNHDWecr\n1F9zWj7AQDwutuUIUJdg/Mawa3Whvhn7dFdcDgvlT4FRViqR77VSgvWZ2Jcs\nTXDeoSxzsikrKXjRN3bU6Tcm5UPZJsmuJuowNyaGxNHv6G6/nbCCO2WX3c/G\nQDmFGabL14WEL6FGzSLH98XVNjfmdH+Mf5ZQ9pH0pOaT+nwtVoH/fID9pUvU\nITbUZORkEKcefCXo3pcQ8Ihp12y6uVXxHPtmMat0NCIRjlIhpI3aNsfZSzCR\nUZkkAHSsraN6QWQKq1G56bUEFLYnWXyhjLxd1RgsZkTOiWCIh3fG3pr7K1u3\n9QqHbgiPBJ4zYv3vWJe9sN4Oirm1dLw9TH7y61OdaTyRgaqbPO3HG+74+bwQ\nFGNVn1cKpWTEwtdToC0UWnHlvzsacRadful3N+52Kl6JfeT36zVUJ9Jj/czi\nVMTqsdAsoNCzt78TlJPUrw/nQ6qTsqsNTf6mQYVKnW9KJpSyEWNrSjoaJiJj\nZTAT/BRpgeHnf35QCQwGtuuu4i4T3gZviuIiYJkIOsM8UdffcYs9MpXE8IMm\nCrK0NEvo1VG5o01jZz78gmzqGzw15DcqABEWj5/836/PSuZg+XC0XuQ9t2MU\nrzsW8Hu/L7FJsWPuAarYzukijby20UAT1ji23OtEGr9xEKf/nITLMx4wZtex\n40qw\r\n=VDDv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-20221152957"},"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/input_0.0.0-dev-20221152957_1643693428605_0.6407231383755385","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221153122":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221153122","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b552bfbd80cd1f845d1f78dfea523d5be56c352b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221153122.tgz","fileCount":22,"integrity":"sha512-P+7wrYeoX5sCEk8MDzhMdxQskjDlSdnvmJBQQXUE2tbINBWHtSFJ30SOe6Eu/PugtAKlkb4JgH+VLW6zjqsQyg==","signatures":[{"sig":"MEUCIHiMNI1SIEj5gjXT2pClxCKhQCGcmeEBBlpJOcwlrIJLAiEA/ocd/VRAuauLd+PPkZ2N5B/uQWm2DdU879CdnAN0Iqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MXJCRA9TVsSAnZWagAADpcP/0eq15vNxH86ZaEwriKD\npgBbSSl38iQBxAwUI1rbCT29cOHcwk6O+ogenV8gJLWq8G95adHgHCor1rIA\npRYS0THsz4pz3e8LlBHrzgkv4h9k0abOcoAEdXMy9lDUSMocHUQgJ5+tGne0\nyWUCizQe1J/RKKOXlx9KttLvu8qW96DELiaQvxh5ykDRqKnM/VPhFXBG39ok\n3mxo/5WuEzNytSnCaPWQgHypXQ8PjYX5XQzWoTvQk6Lo2dMdjrzioadWhrGH\nzeHXjyLmSJ7ZVea/FngYSy8sEnGs+oIvMQdgAU9y7YCf4864C8nuOK7sTLeh\nvCmqurN+UbyMX6TOcQBqesg7ne7h0hmFbQg7E10mAY9ewp+qR7RfBuiKSQVw\nYLq8D7ERFAT4dHyvWQztTXRsTINm3v/j6CJggb5ux3aKkLxdg+dht5nIpKhz\nDOzwrNh/JicmCluSK8J+mCJ+gvLMN1KYMhgSkcerq8oOEPaWF3HEwe7OCotK\nkXobb4zLDlt3NrbStYV6enSFDjGmOAMzdcGMLUClq9g9JfKRf8glYQ7lzNwS\ni3br/lYHvJXwaXH8cvBKLpE8iNMhibBYzdK+015QuYbZKnzO+9zEnix442rP\nie86Y34dA+n7BORrCZQviW4AhizFnS5JAk+JzG5S6sA/7rP8k8rIHz2mObo1\njztI\r\n=nGtL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20221153122"},"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/input_0.0.0-pr-20221153122_1643693513556_0.4870761646155559","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173228":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221173228","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8c46461aa2236d3310924a0b084abb64d346cd78","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221173228.tgz","fileCount":22,"integrity":"sha512-zkaukt5Ls94GtT6JfEwvlRS8sTv10ST/z/lc5bMxdNfq6wiI85nyC67dpqkI4g4OEnqOGX6UYyefXRPXRCDeUA==","signatures":[{"sig":"MEYCIQCmMuYiQOAuJ9clpX+SfrjTppktNY7ogF/FYl1+oegvDQIhAMxZxJDg2/8Bo1EqGx6+mAa1kfirqoCi6lhC/S1th7Ur","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44047,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OIqCRA9TVsSAnZWagAAIBIP/iUtLWPPHUjqf9q7AqQP\nZu3rzhfgrnL2ONk1oAfRCdRsqvGTjtIBAPr36s6x7NrCGJVZD8JleX7vY52k\n5N+fKXKXxITWbAlCbGxVTGbr43Nze0bWOtylMV4XspX79eY8hnHCTbNlMzVH\n2Rf8ckVLM/tLeAKamlUn2wdfql6uxef3seo5KdeGLXcnMlWodBRqotGlJs+C\n2Eu9BLA5jrsen4mpK+PS1f4cJgoe2FA4x6REYUyY9/hqxQyVS+Gvihsk2lTJ\nIWJ+V9VPaQnlm4JKDyo30kYqCjqTqLzr63RBCQMKY+nb1B/Zr617WTaDPSwI\nRb4kdHh2L1tjF0dyW1FHvTx5sHazUV0ZdLvO9rloFItP+Klwsw17xezYL0ca\nMjrn1dUpfYwpuQBLDp3Hhto1U3j7r+MsvTaET2ofRBXB8Eh2DgpHSW0Ksdvh\nNUE0w0dmrHZh8qAKmHfz5iWuNX3y/lEKOk+DuWzmrLNyKb2JETwH/NqfX3VG\neqsRA3QeCBTbkCTftGKubryq9K4O4sUNitXUezJGEkGvAQiB6ynKBJ2VvD9S\nHQfZFXwdkya7yZ8dyldZTpOcLvojR71/b0HTCPWAQn/wVuy0N37ifrnB98EK\nScCF1+rDwgS4M2O1uRRmpsdhJpaATiZ7Q+hCtxxQHRTeXrnKTo19fTFTc2gV\nqMfu\r\n=Kz/E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-20221173228"},"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/input_0.0.0-pr-20221173228_1643700778474_0.7856391141681769","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221173648","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2efa6c9c7260ea8264a433fd90c9cd4deccea0a5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221173648.tgz","fileCount":22,"integrity":"sha512-p4MpIYK19SUsKdjHAsZpVITXpBGH5l0YQF4W8GX5RWE1jQwAriz7eVjKrUvqFGRdCNirZ4z1P6cx+ZOPCo1yNw==","signatures":[{"sig":"MEQCIE6mcZfexnCoNJ0KOmcAQ7GRR8/w6at/SGhY5DQvaeiOAiAMsdUm1wFuhfhDc3+e3l/2Rm5uaaQobCKrSUTu/v8dJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OMyCRA9TVsSAnZWagAAS6YP/2897NRMvKtzzmfDbQbQ\n70rcx04Ppn1/Ooz4ZwOkDPT53kI/4YLoTFI7Aidr2cFLA4qgNFPx5Qhn4jXb\nuQrWUX5dX+u2BjCgNz7ss1IX2qrnzuqMOmpzXTKAouzbjZM292jQOizl4VvS\nWOxL++0TYSRxLmkuTDX+1PfEOspnxkQFj2P6PAaxdV6xkwYE2wncikVmqjEQ\nV6+qSJYLogJTScvaWE3jfPAWWOXe57ZxZThZ6moqSQHXDsVpmUpf8+QrAq3z\n5P2LO0ws7mP40TFKBiXSj7HBHg7Cp3BlHrBXmv7+5c5Hge6B1hLhJau01amh\nbSO+H9F1s8OfG2Ho5pFwaaZ03Lo8GffVS5E0MrLoAap7j47gXPuh0SJ80vfh\nS1yLce0s46bFNjxdDjeyVvexEtXOLptf0h69ZWr+ClSBFu3EJVUkoQw7DhAf\nb6le6cvTMBlNnkVO9GXh5I3zEjMWB/GfEBtt5P8CpAy3Veq3S4MyhwY8GqrI\nJOgOd/PPuEk33OWc1as3wDdWjUhXIIDdccW6LoxmEkHeUhzfJZPYhT4sUbbm\nT9mMKSe7E64aouEJ2bUY5GDTPOVY8ksQD3NCHaXaSBr+SAWAT3LULq/7898L\nW9vfloJoW7GjcwuLmy/Hh096e5WWaOiY+Zdj10ckyPBg393MmiTyxXQd5zd9\nmWIJ\r\n=Ob+p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221173648","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221173648_1643701042839_0.11731632533520941","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224055":{"name":"@chakra-ui/input","version":"0.0.0-pr-202211224055","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"748d41891627c516a0d5271856d0b65cb47b8941","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202211224055.tgz","fileCount":22,"integrity":"sha512-3L9TCLGimN8uYS45OOBYxvudIfDq25ZebauoXsLFGsX1dPZlJcusp3OeHnUbHMb3aRz1g77QMbj9Ip2R4mvxqA==","signatures":[{"sig":"MEUCIAiU0k2hzukmF65suHpQV0CGhOc0RajjqWbv6l0pXFOZAiEA2GiSlOOk+iECM8SY6hCP6zMqzu2Nvn55K5isHMpBZD4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bcRCRA9TVsSAnZWagAAD00P/AxjO2T+KmlVm9ewfcus\nAGxD0ZQg5Mcwe2J7PEP8CWM3xZ3e3bLxOeC0l6ymqkht7OwCELfEca/hNa79\nyzqilUhn7aj1Q5KePqA4QvGF5EeAUrhl2+OHnlMdePKUoLr52IiPbyXw5tFE\n6nDMod9ZT0q7jmIHIXBRT5gcesM8YYiil4recrXMVDRQrnQgMl23XQR0gjtM\nb9mPCg7R+A2AYcOiMGpJbH1yq0QvX7DBFwhAycF20Gm9tFn1C/c+ddfIkG+w\nrEPk8Z3wuF0SG14lPfZTyMKIZtJdMvjgVgaApgZ60tgeWH1lsxKlAvLiMjtU\n3jPg7agX9H3VLz0nCT2G7kTBmqlTqJCwqpf+HN1xtQsibR1TMPXwwvaIsmTo\noFSvHSnAQr1t1f8+U2e0iWjtzq4JqRrvAAVdm956dZXkHt0y0KBK7IWsndlP\nyDBvxBa448KNHnCyMvuWvsRQE6/S9QjW45zgCrbR8um2ipCK5LuFwcR7wFTY\n3yCSrqM5meDMRsXb6WijtNSk6aDdKJUY4nhKyohpodJLknf+eUxtAiZNt0o5\ntgtebyQV5Jxa8dA9w48FjSjjwZv6VVOW7JYj2y0ZkPpy80B/PUlGJ3vkphFl\nAn5DynCEcRnODYlbey11tYJ59O/V6EJ25Xl468ytuDEJgp7PVaUo8JD9sOc9\nXda4\r\n=+0hB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202211224055"},"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/input_0.0.0-pr-202211224055_1643755281423_0.4646562966413301","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224227":{"name":"@chakra-ui/input","version":"0.0.0-pr-202211224227","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b4294e856e8fc20b315acc5a23c9292ff1bc8c0c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202211224227.tgz","fileCount":22,"integrity":"sha512-DHsk7M+Xo1uFc3BwTVwQeaSC8nN5Xel72ZG/nodOIW0brtZf3GKuT5d2Lb4bme1qKV5BlBwAWvrYUQMijAe/sw==","signatures":[{"sig":"MEQCIEV51GeoexK01MReqfJF7iB7yBlVQo7hBAdFafIEPFo0AiBbFxSB72J2aGQTKiX2NsEUTsuayZKyuCoT0J2u4NXyFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44051,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bdzCRA9TVsSAnZWagAAb9YP/jgXzAv0xgICTVoEIVRz\nvblk7CpoAqhFpI6ukpFy9YgdT5WWXSmipiX6akIm2aIqywrwbkLQXOuK0fvN\n6HYYM0+M6L5Sua7pFO4632W18LYJEe1f4v/t1pQTrbQ7Dh7aHR/b24vlB1ya\nl2rKYyXY5KEYBlWQNIGp4ilfaUa49iotOwsVtItAohkvAkaoo+YAwIgBursK\nER+k2TMWcDMxBqTKpATZdVWJ4wl6+zDw16Bga7IwXHCMXUvF+FG8Ha3KEz7+\n6o0DVUudghQnq2OofiNnj2+oKZrLQSxtv4+PhxFKhdDaMepxUNj8clQq9etE\nirOD1S6VwAPXwF5XumNANlOdVhgbJrU/qY6OdKsMeDS7V4e+50JpVCAy4qZh\nbtfpyQmigx8vXEU4O2aRcqKydDo7Q4slhRHjy7ZE2vptbpH6mnQ/nY3zuJOE\nS0XTYdVbUpS0Lq7aouH6VMYFs7eP2nUFPpN6yXKA3KCpuLjOkiVsu0t0Q7lu\npdDIFm7++d5iHJAtKaGHXFLn54BVtISIoOz66MLw+CGMXQ8uK+UBQk/tPSsW\n024R9wPWWbMj5KqSHozMiImNkYK8y5KaOE10/ipk8qcCs7K4iy6CNdhj1Z2k\nBaTBhm/TKkziHyjeuw+RItCch0k4XHinrEsnfk7VD5gMLU8l/YVPgGG4h7Sq\ndgYG\r\n=hFJ2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-pr-202211224227"},"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/input_0.0.0-pr-202211224227_1643755379557_0.5011694111223888","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221263638","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a53a9c68f1e1e4467315358b9c1fcfa89012c12b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221263638.tgz","fileCount":22,"integrity":"sha512-V86/dK8eenuhcUUUXPKaToeMaQhk7X8R+eyScYN+dYm4Xil0lO+49DxmmpGHHM3Zh0k7jYNWqlIKhOqdqWI22Q==","signatures":[{"sig":"MEUCIQDaM2MTPwDi6im19NaY2IesvGafdHwbGgrqNawiEak7wgIgeHmNmuVfVcV9oLmBG/uZpz7GlUqHu/9vLUM1ppInsGU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iaeCRA9TVsSAnZWagAAtQkP+gKkdBCt4O1aXZN+w5G9\nwdg9YGPXqRbb579jCGPpNCf97JtAqVDmtcm22YVpzalty+1Wd3V1OF8iurig\njSG/xqtnu6CZhrMQyxbe4P8epIkE6nbxNf65SMGBpNY6JYg2VYXR4XMUAj1x\nqQzLJ6zJp/YkTKWHUVQehfnRgsicNmC48ndD0LYjC7eZ90Gr7x/HHjFc40uc\n/pJNarHNQKRl41NHY0dW55YGvY012QOCV6sZRWe4L0/vSUP+9VBNRTFpu2vc\ncPYQIzrrpHiErIAMJa6Hgx0m5S3zXgmb2DZZSmUjbdg5uGbt1JEc+34kqFhL\nBbNLrTThxEABYkVPTouC4IpgUAJ0ZbMBh+fJ+zS2cBEr16JNz5mDM2+TwsT6\nPvdMxQrAGuCq2TRNu+2TGtK8aWAiMp3paCjkK6Rez8gkd9e9SSQSwK9dW1xz\nXQd6ViXusw4v2mRCZlp5rC1hEKJq0B9EW1SZv8ul5nrLq1+xk8NGUKdosj7G\nxW7Ox10L5O51lNjSu7V4FN2SbOdt3mdrOIJXTBJeNwTF4P1YVnqPbv59pjS0\nEo8q5yArM3qRRnIrhq0qtN9uJWPDIGWWisLkXS5BYZpbbKJ/JqpI1YBFRO66\nzkMyW0jkeIpSKAdCAJXFTqnTCm1MrblOBLcNdAkNG51csLaWpc2VoRvXLrme\nf5eP\r\n=ZbYK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221263638","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221263638_1643783838709_0.0318865478071253","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221263715","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ad48645f8b5b4cc8b2371f8bd5eb875aa7cbab87","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221263715.tgz","fileCount":22,"integrity":"sha512-Val0SChbe0VHJ3a27Tln/RAxuUZnMxY2C1MHpUCqn1coSLzqpodHnPws4ZwiHzyplSGR1PosabomquA+sruUqg==","signatures":[{"sig":"MEYCIQCQwo2noJb+QQetpmOvRnoC3ZMVjLXKgNDyemjBdngC3AIhAInuTaLmmo7kUcLU65uLSYWZ0EBkf2K0NUX/Huw0MHgk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ia8CRA9TVsSAnZWagAAQecQAJ4kOVhRuEKuXQJdOnAB\nIBkwxlUPX0V6NwO9bm9BpM+0yBr+XwClrnHcoUzUeGXydieBH1jrCPNB7+0p\n4odBd8MU6RKfkEUOISC9NdF6q1Aw6jhLtF6tpGZXYSfmh8fuIz7HUSULZB0D\n6RXTxU3jsILdWP25uP1WJsbUu2lNS+Lvq/yLMh1rDzhU9zkM18wNqtt4qlQn\nu4VvX9RC0UjD3877cgiE8Q0L/0fdYsW1cqztcdRDxMnsWw6UPduzFMxBoSeJ\nZ0LQSywmW06lIB/bKqUZkOcJqJTqIxmEPMwmzFyJ5Tsbej55XeEtqhnFTIbZ\nyCV+n4iEd3adR3O88uLJaj8hB6L61DnF/7roCZ/vBxEHV03eJXoJjfvbtfTj\n7/OOCvxNFFJ3CtHBXA8a27lR6w3GtAGAlyHnovGPWm3NW5Sbt8qf7K/lhy3m\nfOM5mfmImARR5tqC0y4KQF1/wcUDWPjrUEDYIiW/gcxDt9E0hdELCRe7Vfdc\nOQwhh3oMrdoc5mZ9QqITDPPoW9wp9tyUHonE7aWIgFlKNgImDPBx1ZcwSKLq\nnh+tl3nQ915W6QkawxU7xpyXMAK706dmThecllSw+EvXNurwcsRC6t8J/cR/\nHGUYX4t+hWsKcfMcAOz8XC5QMaFnA6Qokh8yUgEExcGreUW7Vtwyd7AifTTH\n2UhP\r\n=lM0E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221263715","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221263715_1643783868751_0.03258330820406008","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221272130","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bcb2756b06a115a439e1bbb1b5dca4ebf9ba5927","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221272130.tgz","fileCount":22,"integrity":"sha512-0DzXz7x1Uh06eSVwB2EtmFeJqOkWKzssQRg9pp8o9by8BPFiQf/MUNQTGZMFJLTjuyK1rdXb3QW2bp4SVqiuoQ==","signatures":[{"sig":"MEUCIAoSsR6EtYtfTDdDl+yozw2qE0ZQp4hERzLQHUJX60/bAiEA9z0UeXil5hZ2hcC3lpu2DWMjAv1rgLWjswWVbHB6ug8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jEcCRA9TVsSAnZWagAABIYP/3zHFHmtOmSPhNYu8fcV\nrtKn2iohXlxrPelcROlf71rEhdMNVh5x6LWDODRv0CK80msVNMq6qD4qEWk4\nvK+w8ScbAln0G4FEKnD0dR1OripvJASi+S71tGayXAfO4gV8niDClcwZWLRU\nNpPuZtAROGvUYDkOHfuEnpa6xND8NmgIL7txpsK3k1gS63BzLRucjnwdk7N8\nyIaUV0Yx3i5I1EHHSAFWQEgkbI429tEeikhTKY3AeF+LVUEjZq+Tb2Kl294W\nqjmU+JXrXF25xSf/0oREzIOBMMA9CbKfFqN+wQUk0Gu4kQ2c/jvtqNrTb3CR\nq3gFa5tPxB9uNIVkiI1bVyLffEnAis7XmtCJ3yOP7vUemc5WkYBTte5GfnZK\nDMCwsJFVkF8mnyBcton/EBE1hgofltgpOg+S8dfELP2xQu8NSbt0ZY+nKwB/\noasUndo6d3iqlGQrI6ULQS8c/DK+RLst8l5zzXIvYp5E7p05hS5cDTWJZdEM\nOS88VLIwN3caH7lyAl+a0mSH1cUKn+j0P28eeBG5Qhx5MjiHiFdHkTH5xnc+\nSbrFea+6QKecMknl6nmmm6PDwu5FBHSj7jvlFh320qW54zyTACfvvujIT7im\nyJ/WiiuidjbyMnjB0N2WUtRypRgvvx4wM5/YYs1iHv15AeRpBBuPDo13fmsH\n/Gsy\r\n=ihBC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221272130","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221272130_1643786524644_0.2779862121674199","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221272450","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d0473f4429bdabbecf908ecaec40cb2d498d8a13","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221272450.tgz","fileCount":22,"integrity":"sha512-fRz0kvphlLgMBRiATwQxT8ROMKZEIea6O4pRT0SASK/ML037jbLVodfop2h4I4LLn4UKTRP3UH7wH7gBBJpNPQ==","signatures":[{"sig":"MEUCIAIpxcwrZsveMrBkUflFDXWpCPZeGb7jBZhh+T5yI2CjAiEAwbFdtZIn3qmMwcosMMTXj5c6n7Y56ZcY4+FzcsjwnOs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHmCRA9TVsSAnZWagAAt3QP/jkLhDCrQA4QYHv1KX1v\nBJVwLP0XOj2sKCfJyu3pWdqrij02JaPUcTKGnWRkIWJGizs0NGRmQRIbkq+i\nYtuCRKylKiQ2jzVm6r5u/iswFqFbWF/WQltIcIX9RRty3RY/6ycYzBU2aKUI\n+/HNUnUxF2WY4gvi8KFVXldBmsNyIXM0SMhVWNwQRmu3g8+Qqz3bOC8MmQgs\n6+WxbxxjtEHZZRkcQggoRZjreGlyC3g46ByrKcrwxd5CFAueEt0PyR4usimO\nJwogAtIQCTen1Omn7SHJkwk/TY9E/v3P1yd7zqKm0TsSFz+F8uND4kcTGpvN\nZkFVLKjGFCiP7VzFq586i6RfO8LDrwIyjT2ZOYUrVxWyjlzuNRqQ9eE2fICr\ns9n9P+6/5jNtJgdCeA1y2EH/r0HlzkYaTPfg1YTK3CQ+kRPpt+At0msXjTMV\nSI4djrSA9MpzwxLS9WKzpmMRAaXgA5Ro2MciYqogs630TzBbZ5paISzcqW7n\nHXpz6LyqAg2+SqRrpWNe/Ol/gKt8GUzvBz8ApA8pVcmqoYWDjEyWkzXgKTOD\nTkbuwdVuN/ZVLH3kVzXoggRse9ITvbfuWLoGMob/5KzDI5qXTdO0q963XRoW\nveE1NR6oLuQLvd/8dmpoSVzR40l/JIYylJvJb8ohPgKE1qjiOH6ymm95KMvj\nT8tz\r\n=w/Lr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221272450","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221272450_1643786725839_0.0843202349066341","host":"s3://npm-registry-packages"}},"0.0.0-dev-202213175727":{"name":"@chakra-ui/input","version":"0.0.0-dev-202213175727","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d7e40b0084ca9c9b6045a9bce1c6adef91423e6e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202213175727.tgz","fileCount":22,"integrity":"sha512-I4FddeUlrIvsgOI2ByY64Q3uH1fGtDm95GRtnFUYdR5rq/Y6MYxcIlWc755fGubg5EiAzNBPU7VbIxxWCg1Abg==","signatures":[{"sig":"MEQCICMgKBNb22qq2e2jiEsS7PBqTnGVZiM4CRoO8LBLrvTLAiBf/ckRiZ2AD6NbSnAXKvQfSz+1HejSzLNzHdY2SUf1+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BepCRA9TVsSAnZWagAADvAQAI5tvf3PPm+/0/oP60Cg\nb3BrMbIxLHANfRo+aZFrfC1RqcCbC99CEKjoxOqlr1RyCmpVE2HOGEJDd1rY\n82xSVFopN1NlDN54cwFxuNyt0t49X9fBE1b2doae8HmC6qWdH3+1xkeKpuMg\nDEg/m62juM62g5dL8niWzTrCzWnLCwXOmYxVcl1jTmpctZsOW+xMZhBiBuvI\nqPnMHwJmfmVMYy/C0lTsMvJM3yp58B3m7ZQO1h/j7g8E8JXsn1Lpn+l85ttH\n5DVZb5uEKEU0v66IStcyHhb5g0wJC0+ZlPjTAJhjZ+PZ34Mm4ZrCE9fxiRri\n05dKMncVk4zxCpHe8QdlIRbL5WVxbLROZcKYLr5jaC2abr4IKWXqHp3zr3/w\nJymf3GmNVO7dkApfIuAEPri+Ihw4wr/1Ud1IbNCUF9QFCAjEB33Om68Lc02q\neGWiZ79K/q+RcSPfYvEYdQSaz6hLVDPHIDEIHcm4Sj++TG2DycsBbNvFgB/9\nloYiM0pI95azXHHf/YbKmRsqkUqqASxi22Qr2lWeiU3QWDGXG7yOjQtHIZqc\ny44wlvu2NowSHJhPTfDyyAeEGv5C0emqSsO1VOuLLw7vvt1BgnenAAAlbQnD\nU1xt/lLt2uwH74VmS4fwVDNveUAkvcdpIZSautdItFAsHsho8szogsdiZnP0\ngVOl\r\n=3JtD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"0.0.0-dev-202213175727"},"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/input_0.0.0-dev-202213175727_1643911081370_0.9183502806582875","host":"s3://npm-registry-packages"}},"1.3.5":{"name":"@chakra-ui/input","version":"1.3.5","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.3.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":"a6826e3e8aa1855c9f029cd73c9b6cd5aa1ef849","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.3.5.tgz","fileCount":22,"integrity":"sha512-hc2eqgU5JLJQMpRrtMd9D3CuNsW/khImurorz+5FwPRpWvBnYlU9nyX69f6zJh51o7GBJ3RirC5qHqGCN08qoQ==","signatures":[{"sig":"MEUCIE/aKrbKeWceoZNb4u4TqC894CE1s/R+pfdBvqZmNsZUAiEArWUofnA+s2wr+EoT5AMO3B26eAHaWLVuf8H4YsRrVAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":43988,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BjICRA9TVsSAnZWagAAmhoP/RAl2DZA6KJclytMKU8P\nVvJOMZYRJFeGexOZLCWoxJwnq7qiN0MiG8QRK7Ggtbr7exu4HUpGh5EtJcU/\n97gs8sI4na3E4125M0JhGktAUKNAMS8m1osIi1jPlW5SIXKpnKbjL3LGUjq8\n9TFcAeyl5mmhVZ0FwfjY0orcghNjU3lh3vKtGDB2bD2Rm+4LV3nd+Pnh3r9F\n35E73Ijb7Kgs2FsWtDzdtGhNRpjFE7SqVueEq460196b+SrpdvYvRbCugZO0\n1Ofwc0T3Dd4rZ+KiO3kS32eVg5flMrbRQAbIJ5COvGXRzGlQfaTqpy63/b81\n2hCxYKeUOfx0feZeRSkt2UOo98WNY0JWY/okmgSyLVxwCbogB3bl7BlgQTvt\nsCEroOjSE4exfs+P8yuzL1DF8OPnVsgZsaJFY7I5u8eoW2LHIt+PHW7kcI3p\nfhfCGfBkQA7po8fWH77riQR088MmjdCFC58jp2YjHQ/FmFNWLLu2xLLGJwP5\nmW0nKfuyf5NbJ3kIDX6oYEn9JAJKKANFZ203AcSrZ7D6b6Hr7IXV5LlfjLhJ\n2oTik1PkOPWeQhRRbu5UtwfCvAt++WY3WfTPxrlSvnnCQ1RvIntnvVKivymm\nEkC0wCsXSpS3Ic2JotfbYYIq5aLSU3ESB1+5oTOf4nQOSi5n/dP/qFA00lpA\ne2hj\r\n=baEQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"bfcecab28a4c8d2492813eeec80977c62bc21c24","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.0","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"1.5.5"},"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/input_1.3.5_1643911368115_0.37718512693494777","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221462931","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b1000decbe3868d9bc76ca91acbccf90cedacd4c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221462931.tgz","fileCount":22,"integrity":"sha512-SCjpPpjT4FG/uYIf7mvrGK8yqcDUx4j8lI8LPok2Ac8mMcZcn9aCvnF48uwfAV8aiYHu744au0PR5Bnse1lSGw==","signatures":[{"sig":"MEUCIC5+rrq4MM8VxfPgBS7TAbDd7Zdxlw4+5J+VwF02SpTvAiEAiI/P1QV5oyNdbNYXHe8vzZc58IfGrezxwfUcdDM/3Sc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mf2CRA9TVsSAnZWagAA+mYQAJhnCAJWGeZyK6TZFIVl\n88sN69jtq/+X3wGoWJGG6HaxdoJqClKZtaW18lukiwhpnJpY25ZzVnPZWDu4\njURbcH6kAgO0gaMCTsy/c0CnbK5sSYyiH8QurCJ7LYnLWXtYCgLejp/DuTMM\nE5ZqG+fSPS0fmR4p5WGcV9oJ0KYZQwilKKBuA635I3x6aqosovnXIr9NXuIL\nHBDN4ha0dAmKpXx5z99LlxhhzwnnteIp9GB/OPtpdXLUaxWwmSvZx5onxCmE\nsRufewO1VDMp6KnsBakBKkilGaL+feNtGUiorIWLA+gtl6XYyAaJbyMcYeYP\nut38fV9N2rWm4plkV869nCAgly3jznzmlF9oARNx3oJ0HmVg2Nb8p+Xa3Kdq\nPN62ogc1GYN4WGr/pl8VPigxNeheMdZQNCV7aIDXK86I43u8pgOv8Ioz8aVi\n+kOYOtgp8mEtdBkmlpV5QdMqn5ycE4eZI65IKSBajfhzC3VMvG1vgNT/fwlU\nK8ZtMde6ouCm0MqkAEtg4CxQXFvTiv6lHqDxllzIdjHr/Yp7qXSKW2rxv5uZ\nM6sK+fmEstw3guCSqseOe/FUHbySZHoH8gDW1OIicyQe5ntteZPGCnZlMKMo\n7gz8QIyWMOCX7aawDzyEqOEubAogaPonODia6GN3dPrmrezQhCXk7Nc3Xr0s\n5BoG\r\n=6ftn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221462931","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221462931_1643956214011_0.9868298973704812","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221463045","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1c942acbaf2295216f0a72cbad690163bdbf28d5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221463045.tgz","fileCount":22,"integrity":"sha512-Gv+cM/Xqfb16cQkCGRiN28VgBMj7OnqCc2X93ulrAXuz59KglBZmceldVEWESBdkiBP9GSjDA1os20Q4HExObg==","signatures":[{"sig":"MEQCIFx+MaZmIQXfujW34KbOoq5dGT21ig4JWws9hsA3LdVjAiB3pQq5Di04ENzPXf1Pf8IGeiBen3rT7iv4wa2gmeCkDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MhBCRA9TVsSAnZWagAAAcEP/RI0TjDH71jj89iZvfMg\nVXR/WQvpB4hjnI3ckMEmN9hSKRumow/z9FrrhBN/eRK5LdeUuxONLcveljDL\n4iPjUpygyZ2Mddn5el+MBUbw3Oh6ekN3vnExNy1pze9E8ISmLJXaNswNDzTL\ngcIpN+wxVLbIDGWlwTTViGySZ1z8RSg5iwVq0rQAZA7rXK1OxpOIs1YSlOkU\nfQMUk1/HvuYqIl4x9R5EwZ8EBU9dcObmXxPobWegQQyYuZmCNN8gEBYk3SoJ\ngX8IkWQCvC4uEw76qmXMToJJR47tm00v/HbM5kg+hy3QCBWtpwZ8UDLlB1xi\nq3CmSsPCmaqRBhNvOfAsRy507NLrMbRX+pt4r8362VFskXTPQaVRxPbpEKB4\npjDTcTgyXA6Rpxy2R8k34cJWALrFEUFUEVP6/tiDydAZ5j1Pv7afup46a9YA\nw7xFHJZCDKCHnKZgu8rXjJG8ENCll2/6fHkuAIRqQZvKfa0pmtXTVIUrrf2O\nKQ0aqlO/FhA135G9NDqfJWUUck8ENC4Usn1AbGJv5Bxb7aYK+9Gbrti+lDho\ntUhVAk/C7rCPE0x41mJ6Skye00nEqP4Cnz7mwsywj2DK+d6Vid7KpDinY0JM\nIjsE+LKIdd8cTkGGDwuyN0oTBSQGltvq8XOxm8K519LCM9dTlxSK7UWVW0Tr\nGxPE\r\n=pov8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20221463045","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-20221463045_1643956289619_0.36392025808673223","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/input","version":"0.0.0-pr-202214171317","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a9f73818382b6bbda02d4c7395138e24299ce8eb","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202214171317.tgz","fileCount":22,"integrity":"sha512-hCqNPQazZiNEeJwXyatbeu4goK6qZ6D1hRcBtJiIuaH4Oih5uwzNUDx6ujAG81zMXxn7WSBmZ9DUr03gW3/Osg==","signatures":[{"sig":"MEQCIAa/1VXUFrNB205zpjKkonHOdcfOoThgg805PPLnmFbbAiBUIfRQMDm27wwRAGYjg6oqcBAAgym97wFmWqaqHSi0SA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7XCRA9TVsSAnZWagAA9P0P/jxHJiAI6uvMDUAhhEdP\n6TF0YiqbMeZ01gB+BKfVEwj0jDYbrki/qffOeNsdwePo5GhZzNpixfbvxnMu\nyuPYGDD3l9Qeb5XUI6Vx3sAkd63TW/wljCZBSsggnMVipp+xx1zBoWQ6LufR\njlN4Z1UPUF7EufNltaX07giRB2YbBKHSw4iIDVIcQsJuoAz1sXHOofTWPTx2\nDruVV3gs+qC1OSFW8iee29NDePLOFpK+nUoSMEn7ENCS8x5HNZDM97G2JamN\nMG8ZFMGR+b8uvTYFtZT5YVzVAkLrQX79QRfGyHPlvxF06kqK4dJFeVnuKjLJ\nde89OnJ++bd1rF9TiUyk8A8fMEkkEEOup/3HWLR0VJhpHjuikEvTuglyZKey\nNc5/BOBGUAwH7eb+d1UtNoZAYaY1RZ+CgCqWhJF7lSrEeuAHoHYRbGSj8pBA\nQBUUvPSXQqdMPSHnmxTd57M19Yxu9iexp4PdO0MMU4KRHSpongC4IluJrbr3\nkboFDqU38kZxSKgcEPNyWZWQWqSSmEnV1m5ChgVE7elcXYZn8YRzxw2azkLP\nZ9xmagwiob3WaHvTFn4nZ2YflEhtE7pXAX+JAzcbvJMIjlo/QXtwEJfgEESs\nFoD2+GKJ4s9OJzJM8feC6MbLAy/Gzm3yeef7IpMzL0nT45nLbrawF93F7FL4\nqwxj\r\n=cgxK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202214171317","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202214171317_1643994839358_0.6181876487157907","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/input","version":"0.0.0-pr-202214173019","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a6b1b3ce49159684c19e513fd5c34384418e622d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202214173019.tgz","fileCount":22,"integrity":"sha512-qcSVyv736BLcpFTq8Frkkx6KR9RGnCz1LeDIF0tIoUVoHnl5WgMBFTcEIJsynJWGCs0LRCvb7zMqW0CdV1aW8g==","signatures":[{"sig":"MEYCIQCj6Dq9h5IY2ENoLq/m4wMr6w+KIIdZ+QNxkm4dnQP80AIhAKxvKpj/UjMLJJij3vnzQnNObIXHGlYFFdL7dvmqUXGZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLOCRA9TVsSAnZWagAAjVoQAI1KMliN7yqzWLxCUqso\nDWf+/dXQ1HDFz7XKLA0umUw7arElfdpBxfDiF/Vp+iIb6YRxokHVkoS1z1eA\n4niVcGs08JC1FR48ZQnXJ6qxkNQQOIAQAfAcFiPu6YdvJYNNrRZZvbI46ZNq\ngaSAOkkgMos7UWzfRNqqu51suR9V/9/AL8mPSg1hxH6uGm088FgBi8VfT/sc\nR7QS1W77rFnBly2phGeVc4cbumOfiSMj/V09+7+5ynAw2dIy7u1o4emPluID\nzRhzy5QeI0FpW/YA1OI/TY7CGswlHIWdXpTi9xOWe+lfrsv38nidd7NvHl1j\nqkP37Tk6QQYPgEnFdvcwCRA4vxqFVb4g7mthjjaXRQgtyFjhLwBcId+e2jNA\n7fujwcGOTzK03rRHSx7cmVFqTvh6fR5ReStrG9dycYg0aB43mGnV7gqIGs8J\nktr0Wd9l9zU8wZQVIMkk3i9LJtjm8KY0CL4QCqpxPDRSzw0wLr0p4q+XO+1x\n1SeYVR6OajLxr9HjWXQsqLW/TTxI97IKUs0fjA2deLqtkyhGAQx15SflbtoD\njiORpE6MtQHYp6o5FtZXB9hUoe/751PtLHl2yf5kVJWkolwrm/+wOojdnFeh\nEw3UskhUYq2LAhyMYiujC3/STKlAlxfzzms5kUaFGgwcPDBqwhvykMCKnoik\n9cgW\r\n=j+VO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202214173019","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202214173019_1643995854181_0.5483715035285124","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221417318","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2e277ab9775f3770b2b6a8733cd8a95e2dfc102e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221417318.tgz","fileCount":22,"integrity":"sha512-Jn9aF378w9oPWS+Penr0OVLycVUPFaHPXWz/qtHaXKFk6X9AesbfGbUcN/PeDG/zZ9PsyMrci+MW+DoEsTTIUA==","signatures":[{"sig":"MEUCIQCiNzpbRxdPFfPxTYbsfNEHRxsZj/uG/gGHPZBjmzQM7QIgehvz2OKps6RXUsobeoRDUTCy5tq/5l5pE34ZTTKEUaY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44061,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMDCRA9TVsSAnZWagAA+McP/1yH9/CXnCIeH7RGn0f8\nFz/SCCoNav/g9nQ437VNFCpHb8PZ2mb+wm3abmMsfmYQn3a4OHmJC1LPzmAO\nfmDMubVVPZsQMfij0DAcFNn4UCvYqjTsT0XGjcSINTxkILJCEnrCcBOgoR5p\n/B9r/GO2Vp57TSDLaVP84KMLiwRunxvkW0+v41mS8WLOU0t0q1LlG4+i1kDC\nvVZ80bVyWMkAgI4JeNz4oyNd0c4fb/Ln3r9FOZwpIy9KIkrkP+EnY89eoyNy\nmH27rI6qvfS2ZoskB+TTH+OxgyGgFJMUJUWmv0ISgSNNLLoeNCs5YITTelPk\nXT69JETnAdqgRDK+MhOHPUODzEtHD253BJn3G4gEf1CzePClNXIt+TgVsSL6\nxY+MO2prRAn37B5nIjWWy2gxf1J93h6Ivm923b1THZmYoIlgZCKX0YwIeRg9\nQV7ZaqoW4onkPbYOde70mo6/bbsmhPvnNON4itZ56WRyrzjVPQzGYlZ/D2Fr\nJcyvh4eMKtlxTlmHSyFoBuxdh42hu4aB097ZYtS6Xi/0vAOuDWZwLm7Pud1s\nRuXxWXxrpLtf4iizMa7tu6cZwl3cqOwr+zv/CwSUJ3mvxFYUVwPJ0GADWuLM\nWxC5u/eMzslqWGW4DW8UtBdKnNZH6X6bsNw45oyjaZEQ+DiYyjGrqWwufSY7\nSnQV\r\n=EAY0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221417318","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221417318_1643995907568_0.8910128586425727","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/input","version":"0.0.0-pr-202214173148","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8180a9286ef8e1d8ba8964f4a2e6029b2666456b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202214173148.tgz","fileCount":22,"integrity":"sha512-CN3TmFvoLlgGKr6j5I6ZXFW47LpST02XbMIrpo6xPyk5J8Ca6OF7jNYBy4500fAUXmZeDQbygSwNu3lfvQdTZQ==","signatures":[{"sig":"MEQCIB92MYpT/O8herPBChGvUljHp/Ll/6Ei5JBfth9U9c3hAiBfJ/scYCkASuXoXMxtVg+vXNYTKUjrkFqdiyDODUg/qg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMrCRA9TVsSAnZWagAAvuoQAIG6tQY3f6Msnrvcdc/h\nVCIkUyzV9x+0u95XGaqZnBL1hrFxrKSSfrM+tEsBu5iCYwmN10HT6LdOFXM+\nRgHmXk69Pfqu0qqsapOrjriGI82X746mtbvGY/RPsOYPDfZidJdzPLyfRuMD\nFT0cWxmxZEx1MUEhSyhqub3LM64FJPQf3iXTy3JY6fCWhSnbvG1nuj9q/T2p\nut8j8aKJgLFrUdvZ+l3qD/chOiM6QO11izSntswNddt1UE38qr0iOh9KlrbP\nU1tDK8BfR/CFGptX36SUgatQ4DyAOWSoMVSBfpWtcl8YOorkUcG++4bgwy7C\nQVi9TG/r8hPFf9geSkCxrM2+jy4ouIg9Tp79knTcSU+tgSZwZ8+O6gi7/Twg\nz12hDy/K6nb/34x++dAyPEarIBHp5bfyaT3BaYm0cIX9oVU+Q1OIvXoP415U\nfMVcavMhtJhy051KyS68PlZh0idx+3AVnwTMMdkNjbHMr9oTWauy14iqe2Vb\nn3SCGIk610B0SAeMtB5W7nBGYZ5hp6d9hgQiHBmKbD2x5BBvJ0aQJSKsucIy\naKcpy+XgGbx9hN3MTa+FXJH6AQdj2Vb8o1rzSvVrNU+RuOXzB6SERkVHmQ1G\nUfrysb42iTcDr1nDNDUsPBu6dSbrVO5ObJw6u8oOIC3GR3/NdijwexPyyvws\nw2Wn\r\n=Bwj2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202214173148","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202214173148_1643995947845_0.15952177766863396","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215111823","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"81bb8b0a43e300062dedf300e84130aa89dfcb80","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215111823.tgz","fileCount":22,"integrity":"sha512-w7TOvzQA/6d5T4vRs0oyQfTPRY2V85XtdZV3ImwGkrKtj1eqX3okuR31nSkHTjLQqrz2UC6wrjCTSIHAvF4ujQ==","signatures":[{"sig":"MEQCIA1H5d0lLoGJyBNSuUzdpiCv2DH7fkLj03wtfi0vPVpqAiA38IZB/9lFDduXOcufwJz8EA1BPJ06WZrJACU8Yhtsdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0kCRA9TVsSAnZWagAAdtsQAJhaxKOfi45+vK6Jsjzq\n1L7F5kcgI2iDsRIWra10RmdoIEp5ofoQY1MJUd+6cMk6DMeDq/1RN3GQETbU\nAybcrjz9U4A26RAwAZxb6AHzVZkIeBM1S5J3SacCASOTXqYvnxyIQuyitadb\n3EEm6gtBkEAVsIZU5FbvrOngGe7eQvbXYEXVZhNrdRHQ9GhOzuGe2lcwLC9S\ny0M/n6EWxafYJMm8ce+8NHqZ2DmqejrOjEer9BTZxB0R9mbg8GUg+FcIMJhI\nCzYHtEqiJepfLFaVmc/a8+PmwIpCXXz7F2I+auyI4EGPk73ydNwMCszhIYdI\n1F/I1M9AR/p2bSLjO5Sb7a0/2BF7oJWG9hBqLTrGE9iFgJ1gVxOael2DhBAn\nzK6tG19FTKvtlgP9Z3VKcaqsBwQEwKogrXBj27rFVrQuqt5fog2pO78caFi8\nnbyoxmEpcvTAN3rAJ0J9BtyegToplXATNtwWGKk3Fy0JI6emOpaam4EpG8xB\nDg5scfBGpkZ6EWfS01q3LBtobNWimjrMj9rNuVsGkqL0ZolA+v2iH1nwcdX+\n1q18ZDVJfeBiJS2igB8ePMvw9C3t1BmkfXxroX0VMP/cw/apiLYZTp44mGX6\nVCA/Mdm/lngZNYU79dRPu3IETWPaPsFoIppg9wCSiGx+YkGzGB4ee5MzkeWl\nI4uo\r\n=6uO+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215111823","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202215111823_1644059940855_0.9782192286501843","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/input","version":"0.0.0-dev-202215111945","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e768296ed1e8a551864181249e16ef3092994a5e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202215111945.tgz","fileCount":22,"integrity":"sha512-dDebkQ2wnOye2KF8HLZGq5ogNoAbXik9AGj9RCfQhxv5U+36ZCEwyppomONwJ3z1fppqSX8uv+nEXOFpaLr78w==","signatures":[{"sig":"MEYCIQDUm7Cb0h5fPIvd/ARtmW1LlcqduPXnzRpCKuQ1M/pSLQIhAJrY9X59+BFiNzR4if1hf9hPyekIA6Oic2cRm+uooj3B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l18CRA9TVsSAnZWagAASwkP/A1T2NroJZR+WxQ85AbV\nU0OQENuEMXM+5duL3VrYxZOrouaGNiuvubhuw2mBt3NvNf/iND+KiGDyzh6j\njaUDBQvwOIkzdUeJyFtkx/8/tgw1SpVJtoa/R1sqlwxJy4PzNxmzs4zR+S4x\nYhxjm/+kFFuAlMcjN4Fu9W+pLwx4P9cEgwCD+h5CxVSPuiNzLXUBTgGfQYgQ\ny4WxOpd9cLdfNJvHkbG2HF/pxVlen9RwOjuGc/PcHq2Rb+O5t+oYHeZztJQV\n8UskWarFsP716QCZ41r6LCQBGnlEQzKrIMMcJiA5yGoVN/Rb1zAYRafMhsZL\n5EV0Y0nOxUemz82Af6GZFOFI1nQ1TWT5JU3U/+eZB6ZyLjp3FjLweVe6crd0\nmWK7R6S8m34tXHn7S5nG/eV68kBNjSZqL9fjC4p7z5fzUfTXIOS2E/4JGwFH\nEm7JFFyBXm219hpovWfjxE4ohn0MfKkan4Rs9o+ytWfhAzdVDlwfcG1K1LE8\nPLnjHkfhCVgy36lztgWHW9nb7cCadg448xKzNFIYrJFEws1dFS4sJ70STsGi\nW0G0pejl5m147WiunnpFzlR+GQaO4+OmYRkLN3WF2I3wa5CE+3hNuRpLcWpo\nmOy2rETQm2HgA7ptt4m5shmOK4QTc3PoFTAo9ozD7Dyf2jYjfnXknIpmuKoB\nQEEu\r\n=ZlNT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202215111945","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202215111945_1644060027883_0.5182811357912871","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/input","version":"0.0.0-dev-202215112739","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e69c4346fc2670c2ccf52ea106a791253fa8a5c2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202215112739.tgz","fileCount":22,"integrity":"sha512-+7l1TKZChLX0t7Y/Yxc6doAgfS0ebMk148gX6fAPhTuMOJSm354+5TOqL4xk4cHW4c57sgu6CpDonA4hQFxLbw==","signatures":[{"sig":"MEUCIQDHnDJcKG20dMIqkkH+KCnbOKbVqIszNI6VEAkELELc6gIgC2eI8oT7QFpV2Th4S4mS21QPKMaHOqsi82RSEAY782A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9OCRA9TVsSAnZWagAAQ2MP/1vb/gdPoSIqDWKoSpIv\no4o8KR0vKP6mpmAX3S0sVMidAmKVAVDc/oSxjkMcuhQ86Ex/XJXLfuf0f9MO\nnFUrlU2BgkpqeOEUq6iI8k1mhKpPsX4LWESMEC/u3j6i2cbzjOlcTFgkG2vT\nGSQEZkftjW3okt6p70KKr3V31xNDfkv9zoG3PgqzjkMxr3+eM27oKJ0L/8Mg\n+6doybzcqt79m7QcEpIzaNF6WbxeWsl6k1gp3lqDm0TTO58XIGK0PB61mTdg\nPUv7e4WGWG4ZpP93SLbTFq/vjJd5GtMZYW0AYxHqnq5nVH5S5oYAUy2BfslU\nwKADaP7y0a8T4/RwYXYpeiFP6hU0ExmW63R/Mm9Kofbb1YftRR5FO2Z4liIB\nigs56lxlVK4LIdOcqN+fplKFtVtSZCzNazaOUdjIHRIGppVQ0qLoirZqh5p3\nvPD5SqPKvQN6H/1typ5lqpgAFRucAio6RSmlO/LL+1WsHhDNjWc1EqrCSRHx\nl0YtRGyI6nTILsqUr5qHqfvsZL4WqCWdrJCESLhz5tAIw1+WASQundMf6UD/\nQixKexa6naRRltChVmti6CcTgI0f17U9PiBptCq/0eIZVHraBrA9nao2DFg/\nSvtwBZz6JQiJRISauBvIp68VIYqNZxZxSJEqBQP/DPmfmdFfifvh9LoJIlS8\nDf5A\r\n=ocei\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202215112739","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202215112739_1644060494426_0.9492908944065175","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215113521","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4ceb01dd613207d9bb3088b91eb8d6cc4bd5d217","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215113521.tgz","fileCount":22,"integrity":"sha512-7duFzVCcFNSpdQR9HnJ1/VMuL0PsMevaKmaksFHPHkc/tXa4Cus+ycIAFjfk5+LYEq4EL0QCF8NJaeUYnXgoJw==","signatures":[{"sig":"MEUCIBkm8vtxoEYzAhnN18hEuMovLRNWM0DGHLW8H+IAWnDHAiEAsLDI3h9O1SRShd81u68CC0mFNKSQjE3mfwCVAUxEl1Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mEbCRA9TVsSAnZWagAA/DMP+QB3bQHoyPauW+9n/+/d\n0rrYNbVEkGpziGm+rrbpLQaXK2OIqeMwlpgW0PzjsOloUw92VMYL193qkcsh\nU8ylgg8q6obRaSK0hNHuZzhAD7gf6P6iLJGuDHUsUoyj1AdcChM/KkDS328X\nj8VJhbZ/ydGZ8WiVhx5fPWTAqkgcLqTO19CSIHpX9ROL2XhNmsX+ePZquMDx\nV5KziwvuUv1uEtPalC87HzVoKPmkpq4HV0eGUJm1q8scEqsE5NfdSR7wkj6x\nqswb1k+DJMVkfqjKmydrQyR2QKR89LQG12FjLGJ7pSKtdpu5ONpRe1fLh9nu\nf4lJzaPZyFWqxYd/pag9UMniMlqpqHbIaIMM8GRWvpHwk+UY5X1J+/e6P064\n4hq3evRhnnuRmZ4sKE4BLRZwCz/OIaFPCucKVSNnMGPDIf3xpObxfNRiy4UC\nc5lNPrjXT8vtrvU6mgwtG1kasw+e09bDcMd2MPKwzfyrcrI7TAML4X+56XN6\nwBgfNHEIkDHDSmQkD088RbylZ3ZEELzjKKt9XAaZ1TDlyIBH9cjUsVS4j7FV\njxHzlcfxpzOE30GBAOYKtRQ8Vg3gOB+LLOxaibjJqj7LoYKX6pV1Ku+Rxcdk\n6rZzov9hvDkA9xOnK54gUf3FT7Spj76OWZTxDRppjfvCeW5HO1wuyQJXyftr\nFuM0\r\n=rNRy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215113521","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202215113521_1644060954909_0.6634613669636655","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215113950","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2c8e33aca434d7d11f179c7cadeb66558a909a09","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215113950.tgz","fileCount":22,"integrity":"sha512-UwAeROEXUaFM+ybbWgMsRSrE5lmXW+4X/OPSCxBJGZxmYKvpXnBcu3TrMLQsBBOO9AUyWwgYpH8hHoP8DRXXOQ==","signatures":[{"sig":"MEUCIQDkzguMeGNQiAQERWO7tDjbFN5J/A7rbIwuysgt8n5AnAIgHQbNzYfLvBmKYQx2zRgul2GeZImEqkVCX1mgnYVQEHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44066,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mItCRA9TVsSAnZWagAAh3sP/jbB9ZNjp9sCVJzB0kyT\n+Aq6zTncaHI7G2kfgkI/NxG7UnidvoOYYSEI5qOlKhSkk3f1CHmLZzx0OMpj\nW2vURX4q7MUJ538ZTtCX9RaSsWqWEZ8oZHvATUHC/Xcg6L9sQ/K5nvYtAk0r\nDEngKm+jsokykLFkHGrxmGBCBjaagws0kJj2yRRkrQWJkneNVQxMGTWA6+sK\nt+W925oluiZM9pfody1eU9wt9oSBEqk4i3mUJYFdfrexZJITl/6Q5kwB8arQ\nnmY/caC107zmYLYK1JntJM7IRouXI8p8PnBYJShFL0SXdQA9qKmQMszSR+p7\nrSIFdGzJerDDyp88XqOAek6L/7V1tsCnMaZWcBPWshX87K8/arkU2MLzwrYS\nf170xF4tlPeeQ5CwLxSvS59pD8BgXv3sf6vLCb7UNwHLc/vVCkL+cSVfAZIc\nX5w943iLLUtChhQcu9KAxf9i21fZgjTOSLU/XU041XRLNZVqjXE5mpxxNBpK\nRmeYDD5ok7rjvzBb9P3NfDjxYMg1PF5AZvZPpyJCRkjq8RMLa/EvSmLy+9yp\nrgYrb4x2iCxiAEytT/eD9T1iGGI0YSP96ZpQ/TfMn9PvdLtZyZlE7xjty7Lm\n16BmGcaZLOK8U/67NvL+7NCtEVhIG3lU1ynlzIWT43izv+mqP2MNKFjcVfGs\nocpn\r\n=fBD2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215113950","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202215113950_1644061228920_0.7432147225386172","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/input","version":"0.0.0-dev-202215114149","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c406da7bacfb319c19c3a8347d08dfc0010dfe64","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202215114149.tgz","fileCount":22,"integrity":"sha512-th6tXk2kfQ9hhg+fQ8TSCh+xcqnoa0blOxk95B7juHGkHcnbKOAH9rRxibsBmFSTkNgazvDIFRbp6Qn59CddAQ==","signatures":[{"sig":"MEQCIGgtInsaqIN3UMmznjHnaCFlBoWIUN9vDdTPXcjkU94UAiBLzPvv0E7AcXrlFS/rxUKtTG2+C6wfRzMVwN9jBJGJRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mKmCRA9TVsSAnZWagAAOX8P/3S0YJesHd+Eytozse8N\n+Q8tEG7qg9TU1klfxImD7JSQSZVmL2+XXTyCTsEqqoO/5rLypbMDsTfg4Oa9\n5/shakYC20t5Fxpp0V8GD3LdstNq+pd6NTM7J+2YeS4ACIgCNHLoouYlPp1U\nXxfIYZYFVpVjqKDQk+zolO/o8zKZYez5+JYDWYiZK0gCQIi1C+OLPGN19Ths\nHmKyDNnZvgJHG7HEzoQaHxzcvZWkbeuzWFMnEmlt2dbtQU2qYvFUmYDf4uAG\nbVo1KC5M1SZ44PINP0A2wof47ovo1CSBlnUHGX3POmQTkunEtRmmmNIX585g\n8ejStdXCEGy3twkgjZoKD4+6ksFThOGuA7+UDfHBupBP2ZUW9DPDjZxjDLI/\n1jpo5CgzLoZ63x8cCmV39B3LAHJCUlqZnWyujfXezE0fKPYolAoopp+XYI8Y\nELi+Z5L5vqz6n2FmTrMZQ00aa1ktqCRbz86r5awQRtpadQTkW4GholfNP4Z1\njacVH0yaNJfupew0J+hNjUfp+6N3VpWfgwOif0NOvy5qdV+FHcAX1pUbhUuH\nxRZ2ChGJndFX082WBzrXLDuMA4SPa4f72gqsiJYBep1SJqzQxoKqNEOd44cS\nwFwYfKyMPZkotASRyxOq5akbpGI5rIVAmVpQa1CpOIn6RAFSqZf6WgUAIe6O\nLquC\r\n=R1a6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202215114149","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202215114149_1644061350103_0.6063000804832592","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215114422","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"664d9e545294a41ba04f0a48091864b59d92e86d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215114422.tgz","fileCount":22,"integrity":"sha512-7VEI+RGt8soYH6YpeJ5Ps7+xgIjJ+ZVuuVxa/EcEuFmrD24b25BOWo25HjkGd/6ONcDkQrBV8YabnRpkt1j/yw==","signatures":[{"sig":"MEUCIQCPN0VzOmsZAG/sbI52x+utZ5vOpxwzZDLo/klWOkZlyAIgQEuWBQA/vyqxuOTXeeatbYqTrkrMiTtN/sxQX6Bv/rg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mM6CRA9TVsSAnZWagAAjLEP/R/lPQcil0ohY6/tOK11\ntpiOOyZRKODPBWbxvJsPGMMsIptWMMVdtBNjszEhZkd5+uKnKbslVNObRZP6\ncmzTAnMcD8y5vD4dl5LGFde3lZUwpsjmJTQ6Jf4Ql7weJCn7T6IFvSQG63Zr\nagcyUc/9BV8gsxGuqYsw5+Yn3HAj0q6TzDQVhmKozwZx1zGTJNc5HX2Oj/f2\nH8G33hunM5jrvzW2O3l2QMGPQywWpnN9lwH+VD7Zu5o0caH5Vi5ivS6NKdPb\n7zR08IQZYlE3pTm8u/YEUXKOfj4F3za/TKKP9EZMAHSenRUbI48MypBiGpSK\nTcRax1lF4dFWXJ+ayKQuAaKqDP6yrxVc9MAuIMVHz/ObUNJQV91eJ1OujGPU\n8jYLV100plYB+dsWm/IfBQKnu3SfH77/smZoNr6Xo9NEev4Db/kdMRvbO1gM\ntbm7WIPej3BpqOfHxDdzgat5aDEN3mXsDo2SIL6QwJJLtiTLVR9UaAtrk04i\nbESN9UkceuIHOj+E7LH/l5QFaS4TLyb3ZyGyXAnsRQs050+B4dVlyZmWCHVK\n0vU3I6VQl9nF2HRXP+WE8CNVsTT8a2L9VaoT+QywI3siWf69Ypj+N9cRqEzr\nkTT8aJh1dpknNB1OzxdzGBCXfjwj0daZyR1sVumzS0VS8fDhoEi2gKZg4oQg\n5Mqs\r\n=iY9R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215114422","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202215114422_1644061498795_0.22028214941241564","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/input","version":"0.0.0-dev-202215114442","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f12aa4cc6bd7793961e79a20fcbbd0f5e10a7eab","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202215114442.tgz","fileCount":22,"integrity":"sha512-MkNMdvjtPb0A79w24ElLMyGBwuUcwEPrUf2Z3CjU7kb9RVfq9KJ27Z06vxH+BCaX/2l7dtMPZ7q6DRIOrJYesw==","signatures":[{"sig":"MEUCIQC3IDcH392vDKAGlkhjU06LVc1j1/EgP8vLT4vOXJdQFgIgZoDPqR43BNQGmV8YVyAxF/f7tNF+2rPTLIghQFdsRNI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNSCRA9TVsSAnZWagAAMU4P/RzJUE6ULSrvNhUZ0yno\njKjRrqF5XMzNDTT0XMQ/0lmBjmryx1eUhvHg/yvYwk8K2D0831DI1a3UwUD8\nVYU2pBWMvVgQzmmdvOWvPXNpczBjvKn/CJjuFKqRoX70Mn8I1V65DSMgPdQg\nau5PtNtE+0hL1NEsMlNmFBqioygsxcZWBOOATl4Pe2hdIEeRYjNLT/3juwj5\nb6+PWFpwOhVtVFgxv+1qvSAKqU7q/n/YYhtoe4UcWVIdZAmbS1Swn2sbBcrK\ntM8QcLcr/gi8fieHz7gDkvQ2Tkx4NYQI0kPzVGavOlwFbu8PxdjU8jRuvpiU\nmZkdvRRd25c0xMBeNoBpkyV2XhobarpCV6hYVOAzUagdsI/pM8HyoQjrTTED\nm5kDFChx/wQhpQywqJM9NrlfHoFIYeaaE2QB1wSX79KcD05m5PrA2u40PJ8E\nXMsK6+VpX3NcU0aYJeAIgETv+QOZ0BZrtm6rNvIIbrBA9MUXLZPZQcNYYEzW\ngtMUEym8Co2q9KMwi17EZewKGE/Qu+BKzHXzqWP8ZJpXzUdhfW9u4fPOwDU/\nxUG753DoLSlqDOf6DPsYsjUvs5ukg7QdT/F2Nr9zGB3d53iWcw4C8n8GroA/\nfzlVHgY8MGsRtybV1P8W0YmrpLtM6LQaAlnejE5NtyqKJBx9qP9ZaYhJ+GBW\n4CcX\r\n=9L3C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202215114442","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202215114442_1644061522781_0.3848005337042637","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215114917","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4fec883bd0cba9127bd46b20bca63d027160c19a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215114917.tgz","fileCount":22,"integrity":"sha512-DNk+Z4VHcVAyw56aiFSUZ/ZcP5cOL8rSXQyWi+go9krb6OJ51AhBjLkpZQFCmbl2gvol0cx5oBYaPp0jKwHyXw==","signatures":[{"sig":"MEQCIBs09iE8cu0nGwhpjjVgfXZQmljdbWN1bVF8esTlwe6PAiBkXyIeTcja8pj56QI24yVa8I902/mwdMTnzQZdx/pXtQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mRqCRA9TVsSAnZWagAAyGMP/1ENsKpulbvyzVpMRae+\nUtI+i4HkUvSfawI1qQoB6Kbu3lVhLAGafl7UYSiL57B+3PmVpBKcOp0cLvnh\na6Yml1gaoxcIwTTg0suxIK0Ku0ehO7yQZZeX/7WvLtstksU+GrPO44Upolgu\nbzTmAsK4JEhjxiiKVBoOgO3gIQ++ntW6YtpNcDxS4hD8K63gc8cSYaY80uNa\nqaf7Wn4DHNqdBk/3+0HoCkbVDOWeQtXmDdI9z313KPfHRdxDJu7OHGsD358s\n6di0NMj91w/HSD07pqZ4FF0m3AineW7OL1JUQU75bmEsfF7ASRxvF7GZtuaD\n0LneIMZc4ijP3fGV91lNRNuWu1Qln07f0WWw423uYwTms4u6ym9cwIZTi5KP\ncK/sw4GZWZlJAs4CuwLDCyJQV0omVZ8DjPO1oMcb0wS+V2qy3+moxVaASxW4\nXWffiTfgong33AGUpaVQ8lpbhWzq9K49D6x4OCji6PdJS5t/cifMaHTNJNxk\noVeJ2+gdx9fdLNuyEn5M55aqSWsn/Uo8pVrDmzBsY1YRkOlnHf6907ztkZ5D\nxNvLjyFgZMK0WuELaW33dJbtq5/WcoV9p/+sHF88EZSKyfX2zpmRRz1a1h/c\nOH+S9F/2YBWdbYKdr3ucj6iYdVxOC/cISt4jeF3Zm6N7A/SEFknLQCCdmubu\nN+90\r\n=MiNS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215114917","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202215114917_1644061802796_0.7865410919284315","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@chakra-ui/input","version":"1.4.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.4.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":"e85ae2ead0f38707b8018989d9d9c967f9bc8b38","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.4.0.tgz","fileCount":22,"integrity":"sha512-KzNDdRO9MSX8q0bHoO8/IlJY+OPqifmSh0lBHaNDDoiKtEkBLkJ5ZrpTdo6yXSSxS7+viFGve+bhOUs1mNEG9Q==","signatures":[{"sig":"MEUCIHVC2q6UcRV/ORF/eP8XcKiwU7KTWFYB7OkSkA4oRd/9AiEA7m7WLwPVoUeD+Cit7U+neNe4aA3StKY7Ecc3qk9Jksw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mS0CRA9TVsSAnZWagAAhq0P/2d6aKb/0vOg64wUUocm\nDAlKSSCIxc5vJNphi+wzOyruazkwdaEifsjFyzyrTQPswPNMEmBnYp2Q8XXU\nl6W3N0cHBiKrvml9/6RhZb9m70HVQQfaYMNrZVP89lE30+ECn2nWuD66cWU9\nYrHfM/AxCw/Wn4JLEQscZzr/bHEMZo5Zw9bD9nW9J6rQU4o1QmASbpxCuue0\nalH8yfn0qgKesmAueiOLJ7LppuD9z9WFXoJmiBSQ1Pc0NJcgKWndIevrciMj\nkz6MRY3v5zRUcZ77J8K7KTwjMnkKNg2UTbfhYkWicrXUr3NV6yaKlqlYJJ3l\npM6/4tlOtF3um227HIfoqG/6KQ6AN3uZQzoTZN55yeYOzas/2tz5Fo3ttSJy\nEgQzTsVHZzH2KSYPNSTK+Xj1PLV18UVhx6ccJr2Sk5S+RacuSgpCi5LRv1PR\nDx+/xvCIBYRHADw6i30UsMP+MvzFsBIx3cLuV6EuwpOoqzf2A1N412JCqycl\nT5cDQxvrIleOuXxR2ccvSRmYUreSUKQGwvxXqY6wHGuIoYBaUCZ1bcAKC564\nvS1Un+Q9gx6GKmyft/Qgdkbj+3E7X1gfZ65v/GWP8ovFZS+oPlxreSpyOMfL\n0elDgTgbM+eJGLQU4qzCg6kQx0xU/2DD//h69sR/VxKgslyEq6hNx1YMo28U\nk5xV\r\n=WzMK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"b01bd292a9d036beb5220a722f85c81a9f2a791a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.1","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"1.5.5"},"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/input_1.4.0_1644061876050_0.42800910047961116","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221512346","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d5a41cbf18215cae3ce057cf748f9c39f1339677","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221512346.tgz","fileCount":22,"integrity":"sha512-1E+TSLVC7sg7j5/oRNQJTG4SAAtvmFNAyl3T2cv6c/TZLeoEegOZux0YOBGpyaHl6BaXZy2C2LWFTGlYMsJbRA==","signatures":[{"sig":"MEUCIQC/KqK+puh1QNHZJZzVtO9z+BonNxHz5wPSTqMCDr3M3wIgHmkktuv8+/NUNOh15lwvBbu4/HP7VjvxPPvCQgiB6Ms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mfHCRA9TVsSAnZWagAAQaEP/jlIqP624q0yb+SLaquC\nks6+rR0kloof1mwPfvxM9tbuiiD7jogIQA2yV1t3SdSXvshonQqH0sBqD2WP\n9Ro8dz2TDnKNsAcCQqIq1O8Gy9x3yXv0vGCGRvMOVoGrx679KbtqypWJBBcw\nIsqUd+2ngUbOmgMimec+j3DLwcsv5YdUN+Es1mpDo6nJRrMnZ8//lWuh/S+m\nJY3cPeRiNQiN23JYN40ItcCSN7yv2Sv1fT6uwziYmHzUdjrDs6oy3KRszy/Y\nHKGRdyJXidJdlpADMSMAyr3OZX0OhEjWJofQBdGbcK15mpAcr9pc6DPlm+aD\nSLY7fPwNXRHDZjVFJmbeQQVeFqhTRl/oBpSBjYyXjljxN8H+PwSIsqUBg89h\nMxjWgGVoKc5F7jnogOEGDt77TM6Wo2O4h5YFr7ut9sNK2QLhT2i5uH1eV9UN\n0fFuz7rpi5IvAv5+HutL2am+afjdnhlBEyUK6O7LY2j22RJ4RbcGl5K3j+oN\nSlAzXFfQ1XHN1zt5Owc93bzDu1oXlpo12CHYH+mttIAympI2SWMSG4jN8NVk\na7Yx79IohVFugUzqk48FXzBfKNoVtmYf+UURMOdLd4kY3spmMydXkLoOvkiQ\nOEqw4iNVkDnQVw1i7Mzif+4nLOSXEo4r0izN+cRzF7h6RjEQElYreIMGy+sB\nruNn\r\n=/xEX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221512346","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221512346_1644062663568_0.7351445103465903","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221512130","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1262893373f482dcf4d12eec6ff5fb0de262afa0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221512130.tgz","fileCount":22,"integrity":"sha512-ohPl0UqnEDErzE9T6mUS560dOPI+Yuwi5zAOyHdE3lQB78KnzD1faYt1r+3DpvkNrA8WbQ/YQzBavEVHakHiQw==","signatures":[{"sig":"MEUCIQD+6NBx3havqgvxvkLZUNbRlQEvwapQFAomgS9wZLY8AgIgW9YHzaphUPbs1H5FaC4Z7uA+C9gIwGRlPN6WCmSFEdI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mnuCRA9TVsSAnZWagAAUM8P/01NdR4CrNcTGfNZ+tPd\nCzUSamGJ19lMCgNL77Bf+Ppm0IJ4PPsGNGl8bdXq4rCABRwWyEfA+qgHRvbY\nEIqzSrFFrCYQivBOfVr24Lo5QB1GBr58yhkRxXTUdVJu8xOBQhol1Gi9MnVS\nWwtjqfTGERbm2RF3O6kRiYIkWn+QyFo2PVwJvilNHw93oNdXA32yxj+lB4bk\n5RQ9iO1pCQtK7MQA0v0QaTRjDF5htSPwfbkNiPGfbJ4daGqGak9NOwr5hNu3\nvX8MGGul51VgDJxvBXiU86eo3d5tT0U3EwaSRheZRGPS5oJLcZpwqI0/paYd\ncfMg81rFzb/5J3EJbPvffTj4W0dCdW8+dnLeoZ0YfVxrUckCSw2wL4pmIIq1\njtLwaTFeDWFGGVZ9tEKK8f0S6C2lMXz+RxFm96gWCdSpen8SqSKl4dIuj37e\nlLzbx5NeOGyhUpTDzM0WPjVpkpUxfb6P54Te7tWjgGlFeexzDfx8FL8OEZp3\nwj7g97mHdSGvy1VwFzr67Hrnp7Asf1+fDJ2TKqzRhjcuYVBCihd0NmLssr5z\n3QZkIXdyFHiVin85GyHyC7mOCZVUJlE6HUWBHZD2xm3B1zZoUofQ73vuhoGu\n0HA3siUWO012qEV25sqsI3ahPZmcM/ce6OfBRJtd7A8dhFVGtnNeCLq3Oalu\nrTpK\r\n=8vhj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221512130","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221512130_1644063214616_0.4452717979289751","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215121320","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"441a2dc8c1f5791888b8a4ab0537c854387bb4e6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215121320.tgz","fileCount":22,"integrity":"sha512-nKXtEwDoVfcy24p/piTAfM6tJbqqJzFb/AEvE+ACQOsE8u0YhUgLLzsiw/y9O+m+puRDHQKs1PY1TCjb2b2pIQ==","signatures":[{"sig":"MEUCIQC6sQEHtYiRCJ2K2jEDMCSwwnjB6+2HcysbvX4gf7iiQgIgNVMKzvij1LmX0u1vNZIUeAjTCkz9yNY6UA+GQxtJnjw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moDCRA9TVsSAnZWagAAAdQQAKB4q/qIE8cCQE3jKTVm\n+W2vHJzc9tMJkPUl003nvmoXRreYm9QReWekzl8Kef26UakgMtBzddtj7Eth\nw4Qs1vtD8MORd8NbvnkOkuuoUZcfB1KwanB9JxuZEM8DnLFzwmcz7DFftCjb\noh5Rm7PPl91AzumPWvfVn2tGHRWjeQfIY8OrakMqedIib8iKiwP29z09ByZ/\ny9TT5SnfLYdk08OHOiQJURpCbTFSTTMxiqaYylIH+2jt4ri3JVJJ3X4HCu1r\nGwRPKGZTmgmo6pOmRvh5HGHX1zA/Lmkqe6RYo7kP/wt+aIhWhAZb0RRorJwr\nY2mqZtFJw85qW5VRcT/uMogf4I2M47CJEOG0bG0+4Swd8Be0N94UOrq+CQIb\nLlOteZ8wh7iar+G6YvP/BjKuDRLO4uqS9Rf4C4ydh28+9s2YSFnTCcuLKIa4\n5cfRvybjIQKmXDTtcn98DIznMDJ1CbGwM81PiDKwXscfM8r1FikMY4tRgUyz\nwnxM+VT/jQ6EDfm8TAjXiTVIjOyTF8kAwfXFjBcrIU5K4J1IN40gWN/v8PZk\n+dWklmmhgKavgAtXdd1Rfo4+x1bfXyMMLi6AiyBbklvLmRF6qsGTrL0A+yEC\nlOfDyeBfe+TTnRIhrxVqq9zTkMFDMS9RT0cSgWqVtJpfQyv2/7Ro9xaRUa1S\nL9m6\r\n=VPNx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215121320","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-202215121320_1644063234848_0.5249195412457401","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/input","version":"0.0.0-dev-202215121353","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"730bb3ae5b3c3bc8070469a3a070ae023e27badf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202215121353.tgz","fileCount":22,"integrity":"sha512-u8WHjFahn+sIJdvV1sueXmYjqKUwIY7MNFP4uJ++2+moRnnhjpCKNnZ6CwHfOpdIhzmn8zoN1E7kuzqDt3alyA==","signatures":[{"sig":"MEQCIEmBlN6LekJIiT0W4dzUMljiYTA9ICg2VV+G9Q9dal7LAiACeD1mYrCywNRu2gxjHrUyRnNGbH6sjU2dAqH+WIjxOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mohCRA9TVsSAnZWagAA9N4P/A0aAvKZnFcnGVqdmvC+\n0FlV4JkISdxv5B8QXmmRo9cJ11MogM43DQVOVBAOO9gHUvAoW2fFqq/HkCs2\nSzQu30HepjFTGfsMl/NCTUBcEMK0KiKblJuWoCJcuvL0Yksq2xDVhVd2X31I\nS9Sg0U4JC69fnjlURmVAhdAdP6KW3KDlXM108C+kFQIlz1QyLwpHIdvF8Fwr\nMmzkV5a+VMfja3qkzF09g1ERlCh4Af2PR4xDTOJSe0tB2i2n2glQaKOP8gRQ\nNzGpDyQ+vvBOLGgVeMCr2OLH/jib3t9aVam/obP5T15pF3rVG/dkzWStjZBk\ncZILaUtwEddNcv1UmZoK2bflPHUBlcdbWzfFLWCDl9tCEnaDih9QYiX3UsEx\nA8emFV/eo8wfD9arcTZNsMI2hZVc7usqNNNV0ud+2mYe7djtTryejTKyeGCg\nl+nUkPmwQfhLxuVr/n8y+OuEiLnGkFBKhggwCiKOgdGku2/NjESI9UyaYqG8\ngmLe64xDXlP+ov2eVnJjbQ6ZMQcEn3B+KNEHwm5TwDUbSjpAy6Pa/OUW4VdT\nae2IfSAdhqW1bbx2trlqAIKi6Y8/mImkoINBtRaHTXTy/qNGSnwt4UIDbShU\no/orDHpxnyk/P5TIBc25fzI1WfVFbGkrc14UwlPekcUMP/TkyfQgB3gMi9SG\nzX6g\r\n=y5no\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202215121353","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202215121353_1644063265532_0.023590790900367864","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/input","version":"0.0.0-dev-202215121428","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"37b6bc00f5a36580f47ee79cef9206e801db10bf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202215121428.tgz","fileCount":22,"integrity":"sha512-5r9Ze2tTrOezJp3OEXKruZHToPdjiJETGMwsD8ikc1Vk22Oj+oinkoMQ5sXiXVkzh3J6ZOjLWkgR+JnOsTv7dg==","signatures":[{"sig":"MEYCIQCLWeEjYURSqUnLqCODyTtWwxDe9/qINEN43S0Ty4Q1wwIhAIZfCQK0S1KO0Tprp5xX2bu7ngNZlkdsV/StEB7VKKFe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mpDCRA9TVsSAnZWagAAjeEP/3qUFJnh+rEmF0BZFW2S\nEYXd8aUD0t6BuHHP+//wfGdtiGu9WUY+3CHVlXO7Io8g7w2b7dJNzw2EoGXN\nkK05ts+GAS9CvnVonPCKT0TlUXow5A1gDsPPbBtmnFV3ch7YF2qEwLSAxOMQ\n8g8YYCVqRRlDNBz2/QiF2lGKKwq7oKfgxb1y+MYs5Pq+B/y2YjkGyqfOgwB8\nEyAlyalhmSGPA7J07QjaVUsEb/SNQ0DYM4eJNTqBmEBh9B//sOIJORsqEblx\n4h3nnbcZmHVHuZ1+R1VLxDCBEknQjYtIz+nHSjpV88RqlvVThem84T27wtTy\n7f5MEfOwXeHhVLEKQVG3Ln6GMapXuQ0G72t0w2yw251pdDtzc3WMtuDfy6SC\nMRx2g/w71gRZwiElOXY1SRNMnQmdGM92nKnmIizuvX2Dw5C5xdCAwkRPpo6L\nR9EbXEDX7HwG0ejg/vlISjkpspwU3p6EwFSCq8HmJAwxG3+VdianPwLEpEtK\nc7cf7jeHMQlI6llicP7F9UGl2Bwfe18UkxiZ3qr9XcCCxp+zOzW2oTMnjdSN\nmrbkSoZaKlwRVRIYhXTzUASk9i6vTEWvswDHblw2VriN45sGaKjNCUkuqsTE\n9n+Iv8KgnRrHqkkXx9Mb3f4VPszd1IsjvERPqeJdpxY7ZOgpTMrrbamB1AFU\nruBC\r\n=388c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202215121428","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202215121428_1644063298953_0.4940675252692246","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221512173","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2524880a93b4fd4dca5a94fce632b4f253825c98","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221512173.tgz","fileCount":22,"integrity":"sha512-HcS6JKej0cUzvUfNW+WIHxUQ7OXhrOW1Wqmhr8RiabVcEs0cLysOfTTNkf4RKkimnY/SjyBtYYCC/BTlljjDug==","signatures":[{"sig":"MEQCIDzYxHf8x2xVzJS6g9kKQBONcSwTGGShxSPuR0FD/mLuAiBj0CGdHXrPNui6kL5B+M0GKsRCdXnb9jiFAwBhiWO2SQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44826,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrgCRA9TVsSAnZWagAAyP8QAJVKVcj59nfrIOu+bZIQ\nuLawfNf2LfgtUVjH1BEtHz+mlG4kY3QjtwDwFdlm9Sf0oBb6wpGcr1C79VNY\ninwIyhNZnuxUipa3Y3KiKxbJ5r0wklBkuMzgwS/nV7g9JQ2dPTX5A2I76+vC\nvGEIT7vOy+xGMCzIMUk5iQ3dVjaFdvIPf+11Cyt013zG9FA0zeQgRwE0tLZE\nIcTGAk49qMfzTh/OMNkQuYGlNA9BqQI+4bP+z7hOYyIBR7BvHABbaW6X3IXT\n3XPljAUWAVaPmxPT85wdFuw32r3JHcX670GjhND9jYSFuf2ABDsc3DMerKO9\nVb1yH1uRJcYgDf+DfhJ9Q8ZUQVvdAICX6RHU3/ftvx4054C9aTzkk6ZBdoUx\nYh6gmiNzhFHLDbECKIA5lTzzWB7pE4LZ7BUDU1xph0qjyS/0NePAa934DXrf\nyQAJ08Sc7aadzEJmRIyZXxrbPq0qdLei4mr0I13XUtESw1uCH3prV6mjblPj\nM4dVNzcyLZai4sOWla5UeNLeo6Mg62drDkfLdAiZbkIFZt17DF5awuMRaUe4\nerKSf3Dh6zmLUX2mE1b15S/LR/SajtYG1P5Qa7UhNGNs4Eet7SRRjjKr5Xwu\nJY279ZV9QEb0xlr3Yb3ys3oCyDUSWL1O2zlwH+CkRBgFSaADvExgnbX7k7JK\nkTLZ\r\n=xjTF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20221512173","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-20221512173_1644063456394_0.2200503072357698","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/input","version":"0.0.0-dev-202215122415","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fbfb3672c3c29c2b8040026377c5f137a10a9102","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202215122415.tgz","fileCount":22,"integrity":"sha512-YGbnujC0q5ircJks8AeKJ9p7Esw4JBdu4Wvs3FZpI50MbYD83oMnhDLY4Q+H3hZTtZ5XXQogWBojuseZ6UxfcA==","signatures":[{"sig":"MEUCIGdXmBo4dmSm0ch5O0LqDdT32+AeFpv4FJiqEWJKeTcGAiEArxbFqAdiDO7iip7meSOuoLtFRJ2F2cNNTT1uZHGSFtw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/myYCRA9TVsSAnZWagAAzt8P/1H8nd6o1YjV4UT6gloA\neRXsIG+gsp/ndyKJ78GTswE8nnkR///i0E5IjzkkSk/lsDK6uFmcEYBVY0jU\nDdSLM14n4TvczM0DFuASmTzCxrJtbRepMAivfgCDiIe40PcucEc/IUE95fLD\nKERrQ+yC0E0mj59RLznYQCxKz7cTRX7Fv9D3yWdMR42V/sXQLVOURLSFlp/T\n6mal4wELeBLuRxamCULmkrGWfACmLQSOou9tt/GHqLdkF8kMbAiI4m/sKMfE\nZ+qYdE3QN/SNrRyjcjy2PL+rcxIcT0p8M+d/6ruXElJspFaxzvPYYSm1w8+a\nHK0g0ggCJQOQTsPuZ3BvcRSTOX9whxf7bWfOYZEg41IkkJHZQbbUAqaCcLVZ\ntexg44D1v/nBbbW9iqJshdMEbYShiuG+VHSjxRgilqHe2+RBn4dlIWz/AApt\n7hIT7F2aoet2XfnghZEA/5V/JjCteLqFJIjFuD4HThredPm6wg8kfHumPPuO\nbAgaKQwLtsZxrEMNh2zVInUYXgfEb8ztEz6Kivo3U849nJ/PctxVp8KeWgvs\nfHsbbpXnk5VGalMlEc3rK4FFOJ/wV7uMQTILK4RWcrWZxKpJEIE4dWDRPpo6\nPnUCEytp6vhQVY/fQxJ2x8e2d/eG3D3a/zdg10bJtkwU8LAZn5b9COfWYbwY\no1ev\r\n=vxOO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202215122415","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202215122415_1644063895952_0.08150182764447966","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/input","version":"0.0.0-pr-20221512359","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"13c836095ca85c307e6f3c5b0acd2db2dfd5a301","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-20221512359.tgz","fileCount":22,"integrity":"sha512-+tavb4b0prJhAmCQV9Fz+Lr19c7AOWEVQqXY+E4TPm8EGTxPwHuBbzE/6bLndU/DdY9HN+hFyVyAIDAcDU6+Xg==","signatures":[{"sig":"MEUCIQC0VbDykl6rxTUvIp8FjTB4jqGMlgMhATOGIYuKFKbJtQIgU8WyOVovLwuPkgelbTuGZ4bF453aXe6C7bvfGlS4Mvg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8gCRA9TVsSAnZWagAAm2YP/jjz7UGtKJUGhYoU3Z7d\n5fHwnvih3H1T5crxyHg3uJ+TN8KMBgjC9MfFUlNmpBuJ1GTIzozac4lU6eMU\nxBtXZlYn7R5GYofGKLzjqHJin4adNpiOZCaGRIRwGGp+xcKyAFhOvLAiG68j\nLSvfexM5c512KqbedECsR1Fpg9xeQBpcGcqdMHraZ8vGZqRWANQCqMZ7zTQT\nXFoArcw2/eG6ZLfCM9gZz+fUaimBL0wWQL4nOMYA4ArYI0ZHgn3kFxTNGUud\njoT27P+223xLdNulWtZ6H36to5MghYGhbGC8Mbb0HI3tvHb9zOY1NUYZzPAi\nyyq8I/yUhMXoWW/3NA+OreSNPj57Xi47Tp7bKqDU6inldIMjLXBuJ06W2ElC\nQWgr5lJ3sREC0CaNpCtN+7V4KM5+7TqNWtSek5gQQ+WQ/4DR1uKf0Gi/aeaL\nWjAc/22E17h5GKWfHkJU1ZXcXif78cAwz2ZpjmXsEac6EQgUn7xNTBWsoDO2\n4vkhmnm/FHhNC/EZqNOk8chQ9n091SoDH/PDIFNHlBq66UmXGLg7zSZeKjdM\npQ4YAudz91enUqH1B5PxU5XjfiQKFUPncQ9eQpGGXUuO7AIaH+FjxnUfl6HG\nZUBx4c+iE+g+nn+fP9h/yX6sEwj3Wg9cXi4FTz9hOdBVu8SRthxeHVKJL43E\nxvPj\r\n=N3GQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-20221512359","@chakra-ui/react-utils":"1.2.1","@chakra-ui/form-control":"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/input_0.0.0-pr-20221512359_1644064544144_0.19173691215714017","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215125733","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9e4b692097982d99f54d8429818f414ea2d8f091","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215125733.tgz","fileCount":22,"integrity":"sha512-1IGu2eCwkW5hyPo8oFgjOIlAm+kkFs3Syrc/vC2ezXci7nW8Dk5R7R7nc30yAYCr+AnPysGMUV9cEV8PiSMOiA==","signatures":[{"sig":"MEQCIGoFUFQ+Dm63VnleMID3tyu+i1avPzFgRFf+oxFvI/rMAiBAicxzelqTbyM2qyg1DcwLEVG0L10yVF3yPBXwtYLUoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRiCRA9TVsSAnZWagAA2OIP/3nys1uJJIvn9ii78zsR\naEDOEDesg+bvDlc978g55PWO1jmWhPOqHdZ2aml4bEmisY5ANkT2I5MclALs\n8wsUFUsF9wCPxu0pZCy0TDhZWme5MGDf3MfEVigOesPrgs4TGEqJS/HP31VJ\ngCpuEmRxW22gZsu3ZW+BBgjk11wU1WzeR7YvcNsqkr8BKCoucNrGBAy6Xni+\n60ZnG70vzG1WxgpjncbjVLEflPCueivELtFY2bWBHU++jRkpGX9KK+n75bYY\nMQQ+/IIRjyYq4qzDHZmPGFar+VaeyLHk5zOkqMkEaHBHneK4xKilIm0KDeB2\nhffaA4a1CPJPWVnJaS9n2bER2llV/uw9a/miXf3bYSiZRz2iv8qKG7PYcTvM\nJU7OsfXbdy9Q8alNgkbKjKugPILJA0c3xj2PVEvu7C9B4cuNHoK4SYlngGTJ\n1fdt4CpUcSvu8N4ok6AknyJkL2HIVkX+XcKutqk1TkW0oZ8FuxhgHSC+T6X1\nfTgK6La3QxUuLqWnmD0WYB39PurxtugewFagM+VWdm5GUjPAman1fHG9Tlxh\nQ1aE/aMO2k6crDyZNARcNvm0ZkVWpD07KiwhyWvxGiWlYR8UgmvzCWi+A9nj\nJXtGymmi1DkoABkdpjRhl39a5dYCdnHiLsdKkrSSjrN9rvUvsQV9afHKHe2k\nG0gu\r\n=zdFN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215125733","@chakra-ui/react-utils":"0.0.0-pr-202215125733","@chakra-ui/form-control":"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/input_0.0.0-pr-202215125733_1644065890781_0.26222812567764886","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/input","version":"0.0.0-pr-202215132532","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ed6be139b0680fbe6f71d59a210c0261f4c72f7e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202215132532.tgz","fileCount":22,"integrity":"sha512-4IHiNw5aXjuuiKbVaukKLUrRzb0J/aTMmS+UADtWfr0iPzX0iFJfzhzrtag8DeU/8BWTdjEi7mMh1h/v2dTU+w==","signatures":[{"sig":"MEQCIGnApu4p51SU5GVNFD3Fu2lqUbvcghvIoOqsMU5ZX8g3AiAy/QZH6Qmij35LKbWZX3idZFhkvuU6H5vUPDfcR2/ieg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nrvCRA9TVsSAnZWagAAreUP/1Ta4bwxRaZq3PrVpCCu\nGE9FH/+V9xpEpqX1X1xR5RINMuqR378vkbxQAb6nlaccXIu6oe3vvFokKXKQ\n3cLbCpGYCT1Cr5O91BARpr+X9+EQu6r9OTIsyBwQWwpBMVDmkKK6BG23lTgr\nk1auRg5Q9Yx/uFK6iz/RQpWuCyUR+GCNDP4nwczzhxEkH0ERFQHssiCTJZBt\nxMxtUKePpbucA4TodDXDgUdqrvVupyu/qrVId0d2osZ/BMS0oBp3hn6FRXQj\nigK1m1F9BPeYB2BTWFIX9chZd8d85XwyddDpO4UsL+PJ4spjp8XN4wYdXH2m\nC2UGDSQ9/MxWvaSihObR1qY62CGyt/t4X0Dr1Jfxjvq86wBNVGFVnEpewH6P\nCAl09tV5efBsE1yX5Zrd/gYiHPMmX/UPHL9R7BLIlrlOb/ptCf48t5g2qb+l\n8W5ZerT9mDPQMXdLXjTjCj8QuE2cXsDvl6T2Xo+r/YrO7k4qWZQw3/ei/PWg\naISii/FlNQ2Uw8h/WbOCQpggG6pyhZ/6uN8vdLaCeOo/EZ2+s4SWt9K/pHC9\nJzPl20w4d3nREj7/yhs6xpOKsw2DWypiwrXbisZLITTrU/4X/vcNuONmh4qb\nSVY6yfVI1Qn9X0jb+DC16Rsxag71fyZH8H6N6D++bnWkptXOCzTzLN1T/CGh\nUnaG\r\n=FoSr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202215132532","@chakra-ui/react-utils":"0.0.0-pr-202215132532","@chakra-ui/form-control":"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/input_0.0.0-pr-202215132532_1644067567743_0.6012152196909117","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221513279","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"91ff6c62105a462fdcf2e9d3a3b0d32c5e49504c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221513279.tgz","fileCount":22,"integrity":"sha512-on33oQAT93PGd/d3MZQbFpzOqT7GRNhz21COD5L+TFMp8vqWfX7WJs+wDaiB/HHGPJc8qdXLnPZt9r6rnIfihA==","signatures":[{"sig":"MEQCIHPqhxL6BowwwC4gYwmIAORo9tlbYwg+4xYyNkpMQQKeAiBISFFM/JV5Y2/8LZRNjFGag2FGYUDP3Xs5T+u/XkS0gw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44844,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntWCRA9TVsSAnZWagAAEWQP/A0JC7U3mOQqJJFcSEVg\nW4NiP+EZjsE+sEFNYx+2PEGRFTxYbdAhiPOqHv9UxgtIOBY06D4GNf2i7iKh\n0GcDAHcnSUUjrHrQ0PtTKlfh8usLJbCS4W+i+sXLMRBzt0lA8plrPsaRHNPR\nv4+tj4mLcOGfHxfslJYxhcTAG7sXfbsd6WgzT8UP5wwp32Ch9JQKUhhjVbxO\ngCWFOSqxLV2OFDpPiDo1Fh6WlUV4+/QvfuuwPTbDQDwnrDPGJJQbwahR9w76\nIifCg4ZpfHOFrwwDc/Z6YpNDLGKRmr9tdWW8wcQNvTmJpe5Aonr1IhzvrZgR\n/qdrTG6rVQO35Og27ut/fRrnSMkMW+70Epst/bgPMh5Vylsfyua1x9RjJgPs\n/iEGXzvxQlxO3L7iy/BilLn6JqmBlaCPWmlZLzu06RwGVIsoUtudK1ZyzzFB\nDVKJ2Gh3UupPOoD1vtw4NO9/JHGaP2PhmDY+Shu6cOHXksAk+2UZe07lVzy/\nwj348FvWmuM/Gdiy/7qVqzy9TL1z8pnUQX08sk3skQCS/4b19xf6w1syyat8\nNPhcbK3+oYl6DTm/MBsSCseNSvwRscOau8wVQ+jd247Yi3Qi6VUYbefnGRPP\n07dPVAQdlS6enHswzCPjj9UA9QALHabp2OZgsDWPHYyW9pk1sZFqr0lhdZoG\nkpFE\r\n=7ih/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20221513279","@chakra-ui/react-utils":"0.0.0-dev-20221513279","@chakra-ui/form-control":"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/input_0.0.0-dev-20221513279_1644067670501_0.591507490727236","host":"s3://npm-registry-packages"}},"1.4.1":{"name":"@chakra-ui/input","version":"1.4.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.4.1","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2ddea81b08778e4e90e2018bcc4b9e1dd3e964aa","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.4.1.tgz","fileCount":22,"integrity":"sha512-CLFX8KCvoSdALxWsJrwIDTCFwok1f/YRRei8n/UDedPzzmOxaWX95wA2kL716PWzcnOhQdii7U6xqyZNPXgOXQ==","signatures":[{"sig":"MEUCIFWHtkmaaC6X4MmW/BbpcOLFSPpCHWcpG+htgOedFspfAiEAvFXDg1C6+TNylahG5xZkuQRPaIM/2pzXEPkVB119FKg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1XCRA9TVsSAnZWagAASzUP+QDQgsssLM16BY4LAtt/\nrjST3aBOwReijxYFFAUbUXnNyhND0AQzYiobZhvmP+vUWKtMjbtohwq/e5Qn\nVHIty9AIuNogdy+hOX+ws8kvkh43bsfwm+mwE+JvBIUDZQYpXoXam49w9zlm\ntjRpyzR1D1N2F0vJtaSLNB2R/jXfLRjnPRiXG1DJnscb8zmrdUx6Eg8QI/Hv\nUZJfWVH4P3ibxuCj854gTP2KuFEkfeIfIitTQDqDTgwPm8kU9sBDBZI0Ca8C\npDY2od4FUWhwxwDtO4FEU4ZIzdroSFNPqBLUcW5JKLR0/rjeREruGUZIhPj8\nflhuDBmDGfl6dhtP4HLdDyhe7d71BFv3pYxYBMpltYqbSTtNdOwHOIL+dnNm\nE0UbczjLPiEVQ0HxGGAAbFjr1NL2V/hgERe2nPdFRA3m0eGapDrfwihAgYgV\n9SjxbJFGE8wfeuOwkbCL1ZIqdqkC7zzXBbEnZ+nBqjW7nKH5pk7OKXjKZERO\nIh8HLLW+I7dWmyiiPxnfEIcp2h/uQ0X64p4F8v7A7Oc5zkysbFoi0+lqz+ui\nZNwyhFdyyHNer9rwgluuRNKmo8wgQkzYjHVFUq09QSfBab9+kNNfbHv6szrA\n2KqNf0NkxWo0JNpDoXGzjw1Xt8gcS0m/fwYIt1xbmBxStRNM35g3yeesvQgp\njTyN\r\n=UxZ7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"1.10.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"1.5.6"},"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/input_1.4.1_1644068183774_0.8759341520894008","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022114224724","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dda3cbaf3957e575dc3b8b6fac2bc6c89bdb3b01","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022114224724.tgz","fileCount":22,"integrity":"sha512-IddQpDtuHV2nN4ofKtWOXuHXqvFpN9/lcA0RijMrEbBbxWQPPXQpy+MBEpPamxrbWH/32MYvhxq/W/PQtrI6nA==","signatures":[{"sig":"MEYCIQCYwyoK7X9JlYO7Pevu70A/4VPdElOFeBqGTBzZUWUEugIhAKbMOzV/CVrxH73q0oyOQ76YqH7rrccWqlMfsjHpIP9v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtwoCRA9TVsSAnZWagAAUrwP/iRvHnpcdpJo6JcYCiDr\nS9Sdy8m1FvmAIlBsCF1gVHJtWtEAxtlYsbd7SsMEbNuTo2J5s03te91JTN73\nbULKIJU/6ukSH2mKEdjlb+zy4F0RYas8vqB4lMx9fHmrEa6h8P1/4JLxN59n\nIy19WUevh5UK/zdvF0S5K69efCqARkeEcKKRPmZMmdRtyQkphPXLxtbtpNdC\nnSHz8OEhXExlDJrqI+GLBKf+4NYkPm50qFvL8XSaz9ec3+xHoaMPLjBF8TsD\nuJV19Y6xYZuxYmg7gMD/YHPT/LKssxQYpjgRqOLEqVngVdPp5lJy1rCcVCVZ\nKJ04HEzHH2t7cq5y4IDkQrP1rm0w8sc1UZ9m4fWXvYdLWmk6rtiJN+4j4sXG\nqAQOvCtc2NwFke8xUGch8o7+NqIZCKHa4rg95DahkzXFGa+2j58kxq0zQjVK\nqXrXCK2mphwxDsRPVJkso57n2uVTAypIXFagl0XkR5BH/uMK/ONxEc5mz0PE\niAJVGQ7CdB0BU2JPXcafCpZ+9HpBCHzQX1wHHtYiWs9/RswnkkLCywnG6fzM\nsHqpbLMYzHpZPczrUwpuWRipfEzHZ6jscvHB8iuno3H6izdS7IfhKjlkJXme\nPYNyiRrBgelihNsP5HR34nvskbcpP8sOwLLou7npoiOxXG9GW88wEhU/EezZ\nzh5V\r\n=cvm5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-2022114224724","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"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/input_0.0.0-pr-2022114224724_1644878888007_0.6295430352362967","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/input","version":"0.0.0-pr-202211594731","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ac02f1c6be5e654100532c7f869ecfd1b07a4b51","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202211594731.tgz","fileCount":22,"integrity":"sha512-ID087gppE0oxdT0dMBBEpDdNywhWo6Ag6JhffTVr3rK+k/b/u3WpPVQb9x1DBnoWeg1ddpG4H6aZup4/YNZOOw==","signatures":[{"sig":"MEUCIEg4bdvhTgbXJUer2TzxRw4LCREo/KNwS2ME/ZrQ/AfiAiEAm3heeAK/1mosLMe/2Y2FMS1k6+YyuM42BemHaTCcBtg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bTCRA9TVsSAnZWagAAz80QAJzNlx6ybZaUIM9SzqHQ\n1Ny527IVmwQQ4Xf0gQoBZYPfZxHsbmV23KsYqWJRT+EiG5KfXNMdPKbtd7XK\n/4S0roaVSyRUJL84B7qndnyCewvVYj2U4Omb5osCKZnNC5e1UhlT5tV7feah\n7VUaiDEB+ITTAJ2rgS6dfHNx+FzY9KdVfyPxW6g8vuW70Zj9r+pLp15I60UO\nLrOcqmoJB7UvN6ZB957YgaAuBlHy3FTdonT1bbdxdqP3A+v2jFibduXxGOnM\nl6hxPT8jStxGLLHGmUkhjpnObChogZ5g5HbdG6+lKLQwp3/E9eoMZXPs1xSL\ndo04daU9NONpR/x8PICWvkmM/FSJfDf0J+0rLj1xrbF2V+299vXDthokrszx\nRUIg1CdfD9sSJs2xJ6eJzfv2CRgOA9BHzvatWlJfWgj1xSA1PyJDphRYRCRn\n9v/DP7T019QVWajvUmC0AXt9vTRKj15Te8uJU4pvWJzzStxXlTKp248cqCvE\nGFWPSg2K+6vroU0R+65S3Hr/iXQ3ws3XuHF6dIcgwnAtpkbdtWyRm8iYdtIV\nL3RMsPUMiFeuSvnNcGyJ/xNUEus8L9a/6lZ4t0Qqgm0RBFZzAaIIl8rN0jsn\nH8tO5gzF9r8hDn2xSWZynurQtGAYYwelEslie1PQritBRAkFJZk1zhVOWPIT\nq9JO\r\n=wwZ4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.1.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202211594731","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"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/input_0.0.0-pr-202211594731_1644918483421_0.9891063699695757","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117101328":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022117101328","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"31a41d8d3f7acff2832774a7f485161fd95c4e45","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022117101328.tgz","fileCount":22,"integrity":"sha512-gooTHzO6/NdNteoUxk2Eoms9oWb0mXN+yg8/FUT80MyjG/hknDR+9b/RR777CcyXYH48YKPC3GhxfPF/lFf+9w==","signatures":[{"sig":"MEQCICcbhz5aKiACG7bUxRb0A50dHeQqFHMOVocVIQ7fmrZ5AiBKzfCVYCXDwVQUMel26pBGWAMePahBKi2fVh4d9dykCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDh/lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNeg/7BrQQvOHFy6FQjOUoZN+AKegFqTCWndthmqebBxp5dGHeCYEl\r\n4E8tUH17XBtQO8GPxcdSeLBhk/C76OSSaBG9BYsCGzzGPqKABJHM23L8mCQ1\r\nqxSoa4AL4MOVCRP87jwpgxe8DOC3MDTtpi3OpDoXylA94vczHPVCJSn80r97\r\nmzRHrxeeIruLLOQqDDkscb6cuYhjxuJPowIGXT0/XkyyRvY5YK/mE5Fyz1LQ\r\n24i3TqQfvsyqO8FHkGzTA6Qo3wJCF+zqJtEE2jj7pBGilnfBwsbDliYzMcAx\r\nemoNkFyie7HOztD+xcf46HUlDw1LZtHjxZ+XwCnofAFDsKoxxDsx8cOKc85C\r\nXoCwLmR3kNHy856il3WLqLhMrEcmjPP2I9ZowTRod+LQrF2ou2PvZK5EwwgH\r\nogbIRAuXWCaIr8ZrKBqvmXeketNnlCgat9BNmkVht3sNw/6Csj64Bt3tyECg\r\n+CAMxJk/UP8iX3rmkexFMlJCqGGEBtHSq3Js5uE74o/XZD6JsMggI4ZMNbqz\r\nQKE3ThQpqc6oeVFTjR4oMr1+vxySQ9nx3IEGNVcD0Syv9ly8PmDIRzDunRmz\r\nf0cMfmMCWuTagtU0k30QAzCfL8/ETqxI0d9HtwRxerwtTZB1lIb3szSeT0Wd\r\nL9VZZxCsMIbc3c+OGC1Li4UdSCsjiV05Ivc=\r\n=kaoo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"0.0.0-dev-2022117101328"},"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/input_0.0.0-dev-2022117101328_1645092837066_0.6398093889213123","host":"s3://npm-registry-packages"}},"1.4.2":{"name":"@chakra-ui/input","version":"1.4.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.4.2","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"40a7cd8832b84e928d2933799965ac34c92be274","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.4.2.tgz","fileCount":22,"integrity":"sha512-3n78t/oE5Ff0uBri0hvzPVlD6zSKqyKmRjwQWkeVRw3feJiGrCzXHddxYzBIUmBdwpEF23XGBwxWpwlI8jIZgw==","signatures":[{"sig":"MEUCIC9+E0E3UNEzR54CX5UQFuKy20YmhGKE+WYx9/HM5r39AiEA9/862NpWNXlg5PBwHVapj2qQ0Wwcogh3JvKA8k9j2OM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiEBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoMwg//fGoza9bRqSjtNoWcYVDvyWkgKjnI4R9Zl7i/xHRFhdKAQfHP\r\nD4dyH4lekx1M/OKLyYLhiKymaPfop6YgEhDtHEaIi2M2260DFGgO2YrR1muR\r\nzGiGFOjcfy/mx52DfC4x5AjjOV4kC+FmhacZi0YwXMsA6hLau36bPXhnqjE0\r\nx3oxJtZwI2wBWbV0qfKbp2usFymzdrZwapyn8US5k2sosVlGbYyKCkwkQxEl\r\neyh9ICeee0mhf5B3H2cuKSt1zkXDw/o7io6RcJadQ1RsYV4f0ZQOPUH/YokO\r\nC38w1MH1wDk76ouTBqhPhmE+B0y6WsRG8lAccEO1WU/pAXchQG0JbY4vTeHd\r\naF6qg4eb+S1LMsNIidQXSAt7ouRSxU2C3IvX0Puib4MPTo11a7zMkJHB2Miz\r\nVb9gwB8iEepVAYOP98seTMT3x4qtym07tI8jdtl7Bbl7qrBkLLVNisd/gzr4\r\nJ0wrIJRFX1OTfzFk0a+4fv2m1SwQCqAxogt/xEtXc2xYJ7fzaqM08TTcZWha\r\ne7fnpKm3Dys30GDc1XtOz6FJ3xamXPm+EGisSVCZQ6C2g3049ws5XyccqWnd\r\nvM/7mVgpki1a5zhAQceWdExH7gkclSSNagPRY01PhEYVPbz1K4XKUB/c7FNR\r\nIh3Yc6xBcTonYY77uWHqedB3WjCWB/Z3RZs=\r\n=0ppx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"1.5.7"},"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/input_1.4.2_1645093121096_0.8704987600695511","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022117102151":{"name":"@chakra-ui/input","version":"0.0.0-pr-2022117102151","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8ce3ae344553eb66d07926ac413acf210f6a7135","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-2022117102151.tgz","fileCount":22,"integrity":"sha512-sidKPf50ZO/PpU23RgZnBAkUlaXi/U9kAFnMMai4lKEm63/tYumt0gCVxo7kZGlgS6bDzqnoRnFKBTp2/LsOMg==","signatures":[{"sig":"MEQCIBfEV/NOflc9XfYaiSg/TxH92k84nDyRWldH/Ccn7vk5AiAiRFA+NOF4AEMZKik5mU9JxiHKtdMfNiCumxhj3OzjRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44784,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiHWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/gBAAgv9MxsSBMmCjASeq21Q7hQdeLDTutq3GiECtec+m/QkPfyzZ\r\nCn0vcC6VKWLccdUaWEIMsxOH+ICFFJ4D7fa67EVGZmQj4YhibhXRU3wyx4fM\r\n+cjrzV+A1WLL4EV7tVF4dQ9Hzh9lb7XJb7rX7uIziFfi0l6BU2c3zFNhyfcp\r\nCqA+8C6n+oqLPXe6rPR/Qo56WTuCBJgYH3J0Iqlqz0f0CsGm4W4VuTJ3Cy8/\r\nvY7tPxlausuxDi3sjHBA94sk6xxIQ1GVjxbFCddkBQ8qiJusd/CcKfWQXYwa\r\nwd+wa/c6WBn5rcHKc8AAwSE40F7dkUFqa76g8mmFOQYGk5CnkcnFyp2CTxHC\r\n6hYl7XIfsy0giL/t2/n5l+ZUDxx6RCZvNTLQo+2xgkaAD4EAfyAwXSg/L+Wy\r\naCL9raQeXNZDBl0T0ATtmEkWqGuP1CRysmTAP3QR6zVjBGrb7GiIoGnfQZgn\r\nQKadsQEI1GKjE19rArTf32/o1b0I7HwUCzQSVb7iCv+uE1AO0SeAxN7hYstZ\r\n0Pr2FMxddK1cho2uOtf8QGo1SeUwBfRgiBf4YfTY1uAVrRj0CGluu0ArqTj3\r\nk2jbvwRKcsJ/rpVpLp0B5Juru9kKpuZpHI6YevMXJZlNuS0K3szp7IdHIGYs\r\npQc9uF4RA+YYfZnrEJSGD8hQPZA3skzvrmo=\r\n=BQYj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"0.0.0-pr-2022117102151"},"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/input_0.0.0-pr-2022117102151_1645093334009_0.22757800491530333","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117102223":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022117102223","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a90fe1c23dca156e2e2d7dd446c8057bc8436a0e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022117102223.tgz","fileCount":22,"integrity":"sha512-/Mg19iFAIztP6AVTo+2D3FuJbCkCLE5wefVx5nT86vS/iBY7pD7cRa2Nwf0tJ52h7/hgR/FxJJpcILct3fMkPA==","signatures":[{"sig":"MEQCID81tlXdp5bK+Buw2Ow7tw/yhLmBkdXiLsMyOqAjsAn8AiBfxKfNAB/RccT81YCnz/fLQvTTDhqQn9tr/+e1J/dm3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiH8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6HA//fKo6KRzr+vIln3PWMnzLTP49/e5Me2Z2Hcq7zz8ZT7SVkQQP\r\n+N0/HC8kI1ZLbdJq2dWv6jv5bwTD8e3pr4VuPDFPmaKMuFLM5O58+61Rw3Zc\r\nM2j+BGImlO6FtA2nHzVStcdmNFBPl7xYEJMSo13/zUiFtdqqXRBpuCGbZ4RD\r\n8F8j00/6O10My98F2jTdk+tYlJml0qqR5ET4l69GW4DdqrJht7jRnInIZgyK\r\nRAsb5czDp0p4l7texlt3pxzPm4WoARvzdITsEWOn2CBewHHCN0ULmF2KfbZg\r\nDaCjwHxwYZW5htSmgStyyCSESaovOyr0sg88GQQFglW8gkZdcrIJ287Qn7Vr\r\n82D7/kO80PX/FiZ88Dmopm1oJLfw8ksPf+NyAackF+6jILCDYWEw3bnJ2t6I\r\nltKO+pe8PhmdL+A2hdkRrJwX5pJ6Q2AHA/KB4GmXbe3UZnSzKm1VE6oRA9EN\r\n/Mem2koGVx3yYzxU5D/OXCiyID8OgyDR/WLyzsBSHnJQbsEVHeuiM6bKaATH\r\n15REBZ2zscHfR0Cnd9Q7bhaX9qOwvxdCy42IOQ5qv9cENy5e/N6k4y5pWL9u\r\n50mA+8JgeITvcKkMVe05x6A/luPUb2PCGUroyVbyOZbSRVi5ARreqxhSw+Qo\r\nZp9I4ZBA/MWT5Ehy+Bmm7Hb+kbCfIIPcwz0=\r\n=JAev\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"0.0.0-dev-2022117102223"},"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/input_0.0.0-dev-2022117102223_1645093371909_0.2399743048049623","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117103018":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022117103018","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b4120250bc30b4e4ece43b8097739128489c0b42","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022117103018.tgz","fileCount":22,"integrity":"sha512-2vetQKeaPAq2+ylbUMVwreje37QumWrU6mPi7ww3myfPNgTkKR/bFL0NtCfiJVqtHOEhavxW94fDSA+B8/zh1A==","signatures":[{"sig":"MEUCIBo1hWBmj7z+JmMQve/rcIoWL+Q3Fo8wiBsfxyrB44ifAiEAni4DyJZ7fHzY83ikGub5APwMo0gf0cixlIPUp8wJJzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDiPYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmod1BAAmccnEfyPWvlpiyN1F+Lm36m0/IY6pSqo9JOMFY6aszQLiPxt\r\nCdVq4p74+uHKGggrgDju4pwi57lWJr617UWo6dw/Ef0M2gj8kHLeU9OPLIZn\r\nfz0SmP8PlrYMChRe++rH+6ddxSLXoGRiTKoRFaQn30DrD1YO74AcA6dW3Xxl\r\nFEH1BAHzQuiS8pyZlGJcXNXZsIbMVehpK+sJu+MUg3ZwjdkZLxYpIYUcIg/x\r\nbgENvZAJe8gysrky8ZrEs1ojwlnYMpgnffTdJfJL50g1aFddlaU7oGTp9VQa\r\njFNM4bSMaPdatr71w131I4dXxkSbpIcuN7tvW5x7fgx9cozxK2kXCLPv6hl9\r\nCNkPlfWkVHc/KFfJ8/iZ67WAnJ9YwrqPx8X/ZOPKuBjpMhHlaeCm3WU078fm\r\n+lt6kNHCamv76f9j2SQQ0HRmZ1zbM4rYbn8cRSXOrcXieaZs2nXFXUAANkPp\r\nBeYMjcFd7Jye3hKYRzobAU82UsWneikdJidH6M8aq4CEB6AX4dUlJu9hgP1g\r\n+ZBI8bI7fY7vJjfQncQ9dF7mL0nhXYx43fxpvQiHAOVTQsZcmzotzTlxKMwF\r\nv721vtIzNY/uWcwuD9r0HXK/0ik9yaGfarpAhnP2FAHNUwSJyftRKgrjKwmc\r\nXOqD2Glxzf1zGL1G7/997kMJhgaPo5xpIbk=\r\n=4GwA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.2","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"0.0.0-dev-2022117103018"},"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/input_0.0.0-dev-2022117103018_1645093848419_0.414860720907996","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022117131714","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bdd7d3b3c593b8c39ade3c5ec2ef982ba0fb201d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022117131714.tgz","fileCount":22,"integrity":"sha512-8+W6hd+lC3n17AmqzfidDbp6pDZY+X4XlQym5JVPdXEs8XC4+S7oyomPCk5Pqxq6/ShPuCBkrION1n1wQIcRqA==","signatures":[{"sig":"MEUCIQD4VWuspMjXT+eaA9+MDqygZ2iyxS4Faw2PmGb+fdwRrwIgTkGKWlgcrrE64V6uJYvDWA22qDHOtfEgWQF/COihAIc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkr4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpY5w/+LYS8vMK0357piYt9U0EtDBwhw9sswFKQU1yChnI54fjnWxTu\r\nysGjHq1pOxFoLLhngGW/0ywx3cWJLNt3/0E+oqXdC/a6GJV3eJtLL/9lwJlX\r\nVXrb/uTNkd3Ge04e0LIx5Zle/ORXIknPE6fNGVutvJ6R4zvx/T5LhSKrfpPA\r\nYQ5Lqb8/eJB5CbhD5FoEvV/G9ZCPK6wym8ueRNP8vDYGX0mcMxrFRyZ6Q3A0\r\nNWJwKEEe35KpzkXCx90aSTEo2yC3pd0CyftuJr69t8ow6FM7IDR2D3dpvuxu\r\n/sbil1yk7/wyd/mkeWw146xCJ/HNmhzM8gFeJByKpKlmvfqAm1lK4CPzmeRe\r\nqGuEl+72ZkTN//ybk+S977JadT++Rk4gnkonSC0rm9B+ZpxRh2Eo+3h7uiF7\r\nD67Vqnb4/laCQxqFLo/I7MWH5aUrIN4/wwRKNqgo/+NkDpoV2X/QJNBVIzBX\r\nw2UDKYy7+GZ5twDoFGIQ9VbeLyz0yvcYlLwlsVYc7R90krnkZnJ2ImK+IVkY\r\n1G1JH1AdOlvV6EQvaQ3wMSBf3wPSe/1FUpejVZzO+Gf2Rz5TX2dlEtuLk4Yi\r\nXF47JoDBO4GEu5QfsSL3Wz6Qg1eZsfA+L5WYAaTSbZ3+8+d8sJ0S48H2SXAw\r\nDBweW3uqZWxKBLshu7Vz8ZjF8pNI+SIChHs=\r\n=ZXTH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022117131714","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"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/input_0.0.0-dev-2022117131714_1645103864564_0.06820411848574581","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/input","version":"0.0.0-pr-202211713187","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9fdd55675f98f1734d9f90fec3c3f25ec459f173","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202211713187.tgz","fileCount":22,"integrity":"sha512-N1wB4AVB9UxzFCRaKwuZ1MLNf+ayy2dAHuQoukzblzeCB2kPLCp6rO15La3tu/0UTu4+efE72hiDyfwgKDl7HQ==","signatures":[{"sig":"MEYCIQDaZhCCrXWEVNxTpfejAW1w1sP0YoaPnaJesfG5+3RJTgIhANsQhA0rvDOUh7EDH/kSDmwCg47nFbHErKzc2K1sXQAX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkszACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrcdw//Q78ixNJ1Fru9u3BtGyizy4zTp+rGZWK8V3qmkacjOnByWwZl\r\nTJZ33JXf+WoeNmE4auY1Vr9d8oQA1IAP4fx8//JHDrbKfRTiiiFa4mAJejda\r\nw8ww9MIsV8kDChfzBNqA9LeB0+apbZDwByZhGrF4snLQBCsLHVkfrNSaZLoP\r\nV+8SFizxs16Y3TkMoK2LYu0p9m8jkQ6aBnVCXTCj3nCj9Lb6D4W+hT6AUuyZ\r\nqwHDf9vkw70mP7xf2dCXm8c5Ui6Fhfi25l6G0SRYky4bxu+28XnKsYHDhXqc\r\nx5sZYZRvjv8Bd2l8zqhzBL2jPywobwqqTfM0paVaxwZOVIjeNDsWkVzTa8SF\r\nRjxK62TsJNkuOB4f7AfKdKu+U8gp66eNTEmsDZhdtXkXHpU5rB7i5FNdo6DL\r\ngxGogZTKaVLQhFoD1M8BoJCxAppec7qn7MbbcmkvxKTZTRcSx1vhZkZ8Wn4k\r\nZAyVK7k6CNIGAznF/pXKDY7ylqcRf2dhBKGlLoDUdQCg4mLHHucvKTmF+Z51\r\nh9sDyxSnO8Y6YL2ZQDkqmev/DdUHUYHasxuksTjgI0RI7XbjPzfYVowtZ7E0\r\ni70tQfgfQR8KOovj3BwPGfvcQO0Lq08Hrk5OGfUJSVfaIQdvaE3TkDNOnp74\r\nOMXW3AuDOfom5oy4nTiMiKWTQTe8xfl8hDA=\r\n=2W5c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202211713187","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"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/input_0.0.0-pr-202211713187_1645103923423_0.1272173798680878","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/input","version":"0.0.0-dev-202211720414","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"860f388415a5bb5c88728daffbc989af9251f357","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202211720414.tgz","fileCount":22,"integrity":"sha512-QayJgxwMnAJWRljjl6KerBrCLKuQkwhGo8JhvRYHHm05OmWt2c/uuoId8++akBTff+frzSP5xcVy/iZASoIpXA==","signatures":[{"sig":"MEQCIDTGN3mrRBVX52EpEKl2rS33Txhcx3mYI7AwJanyGmCYAiBbGZ1nMlwwc4OzdtLfuZQfkZokg7cSkOd98A4QoRZcjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoleQ//doyJc/Lo3Tojvwva7pjA8IjeUB9pZOm/uOUaRgDmilwUoYf2\r\n/ipiNUyQVXkKAZZUXXxdmVeIUqA668JKZmu29bM+j9UxydEp4biJ9pEC6l04\r\nSQhfrdgxGu4UPWwfp0c1+oqwL3spz/R0m8EliH5fL9nVUlrNKBVYc7qxaXWd\r\nLcU5FVHI1Cx39vkNF1IOqQd4PkXi9Dj6SQZwVzqp11km48Po5ieF0PTM++MD\r\n2aIu/POkm5lz9pZEZT4NIXtbT/cDdBcwA3XPekfo4l8EdLmSQ87xZpuYX3V9\r\nGLmNmhAY/C7qT/clJ4ELeShyG8/+NOTKYuRT/t/0DfpQCNT3wCQhGhMret9C\r\nIDd6rorw31qY43N7Ww+4CTOzW0DSAzkyflbvG2rjmikjoX9gwq6cU+QgNWJT\r\nzRZKGL8qd0hm33y0Kc4YckzBEpqzVpE4Mep/UgwRM4cxqNPWeOYR3TiyETCd\r\nWXKgQhBZ9w+jCz2bQLOfkorImgU/bbdsgBLEHBRciEipaANPVhIEsB7rUyei\r\n10HNIlV5TD+gtIWxFktDAw93Fe2d4sh36lUncNDeVUj8YyZFQugTv3ySdGEd\r\nzxgaJCXODUcVpGkTKLUFAF1q9mTLIP3SItJP54oF6ZXEV3oZMrgjrOYBv1BQ\r\nlKBvC7rbX60asv/mjRy1Uaa4sL+Z37aEvmI=\r\n=Zmtc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202211720414","@chakra-ui/react-utils":"0.0.0-dev-202211720414","@chakra-ui/form-control":"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/input_0.0.0-dev-202211720414_1645128287034_0.7734260463920435","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022117201925","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8890f9c2cf369dc986113cd76435e0dd6c8cddab","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022117201925.tgz","fileCount":22,"integrity":"sha512-KtxCkWinnAo7dikDMnjrgA6kfqXNYyHq24irLjFWNKDBIEpELi2gr/I9OpdggNWHgEbq+O4PqZV+3JQ7lBKu3g==","signatures":[{"sig":"MEUCIQCmH3nJfxknVLDtxBwIlHfG8Xit7iGMUPLyeJhdV7uVmQIgGN9pHsgGXq/sVZXbF6AM+Ravw/Bz1EOzJWpdu27dwYk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq30ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqHxAAoVYs6LvnXhwnQNx7ii1DIIM3hJEBS2SfEvWlA29OCs1IMBch\r\nmg3TysNdN/29muSHu5X/TwZycMDyVfbGsFTRDGII+S7aYaoAVBKqN0NKUdmf\r\ngjTGxUyzDOmQ5DEFpZdfp6x2b5oI3oSKJeRXqchuiu6bpp0zpDMLhAMDuF8d\r\nNcSszWLT9AsFU/61xlZ2+yS0/zpPxpibyAlC3R5ovwJ48NY91FglEtRHS2Gk\r\nko59JKXnJjY4KYSa5jIXNN7LoT5FAXMjnhpRkPKJ8BMWTfXzPtRYt6YyQEn+\r\nXPKBjtawzCsZIZbwH7queajRAFvVu93mg8+7Th2EnRivugmW1nncoRx///Nd\r\n+WPMAZ9hvxIO2QLhc3CYLA5sHlZyuU+EV8iIcxxzRxQT0dKD9yfjVCY7KStj\r\noh5waKzCQ1l7nlWpdaE7i+mXpQ7q1ziESo9ppCNJNHoHvsGP1Y7fJS9izF7n\r\nPRg08ZLTkmprotBNHuHH2nWIdY0h64nm2EM7CHjBv0VOdkHrf9Qw069WeoiN\r\nW0hyQH6RKRqvWJzLMdAS9pp+Okfn7XhSSg800sZ+nh4zBSlT0H/8TlOwO/mF\r\nR6ssdijgqnV8pN8rySaXH2xBkKun5z5bsZ0KFlowtSMC12nvLkXBhlDLTR8A\r\nW5EFeD5guV49oVjuSNnzcRty1W1ipGts600=\r\n=qndg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022117201925","@chakra-ui/react-utils":"0.0.0-dev-2022117201925","@chakra-ui/form-control":"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/input_0.0.0-dev-2022117201925_1645129204279_0.4326341766735411","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022117203714","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5a356aff9f8a5eaf19c1084a4b70da1f8d526f11","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022117203714.tgz","fileCount":22,"integrity":"sha512-wtg+f/ZPol+lf8qprm+Jr7Jd2G/GpkXAKhZVJoeS69KdE+pCkF5O3u1BrV4Oc+Tf/MA89/0xDPhun9/GpCSqfQ==","signatures":[{"sig":"MEQCIH1GQ1tIWskeytnKyQVq0+w78r3ZjpNbekDCumdb6bQsAiA0zYgYmLg6UP2kWcdioxHHu+3+55Nop3RbOKbd7eVx9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrIgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpX4w//Ty/vlX2ndw+aS1hhj5A46/VHTf2/V1/empTwG6O7rVcw4rF/\r\ns49WSQDeR8akduzrE5qaIwRedERC+h5V4xSNFvWwz5xuSxGs6fosCyznrkEU\r\nrpeePlw29XX3wEeyq4yneypPUkOoiRYK0ATVf9OOdvRQtKWyPy5PqAlU++f0\r\nFzX5mLOCWaPWpZBXFrnQzuLshSYl7UtCfqtc58NR3fRM6H1m9VG26gT9FiBD\r\nF6CYqHU70esapUnSPuOqjs45wrvyWUTe+5MOpU9YD+6AipXfVrXNS01zhGyc\r\ncmuUppCyAbdFUkH+OwB3ElsCG+jQQOYYzHtdTJbwjF0dOeVohgalK2TzTtZ2\r\nlMrjaGMtpaMa3rqpPOd8kTqvwro6Tx5c/F0UZNnYiFpUan4kfjRBGyPNZ6nB\r\nLN/Gh4n1fafZoI2dS4badiS7akgAk/VD3AgiOMmEy78SDGnCNz2gwzPasenN\r\n/CVtT0kTUlNUEKqF/H4JUGHXrtc2KzGOCaBouOpZMqZ5t2PdtqLmo4TlXOWi\r\nIBlwvkbwuCRjYvmxNr8+ZwkGVqPHlZqQeQF2hGl/qWLSatG2LvUKCdFgXjTc\r\nnduhMx1PDBI4+mDT0rR4EsFIU9xv5QUdzTrjvShrGFoBXPcKC9PxyrAiO7QR\r\nXoikLiWGMvtC9VNMfwJ6UO/mNraJWuFYiWY=\r\n=tSH8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022117203714","@chakra-ui/react-utils":"0.0.0-dev-2022117203714","@chakra-ui/form-control":"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/input_0.0.0-dev-2022117203714_1645130272070_0.43904694458917315","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/input","version":"0.0.0-dev-202212083710","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e281ec92ccfd2abe4b7dbd9423bab4f327481f9b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202212083710.tgz","fileCount":22,"integrity":"sha512-V9ELHU+Nk5ezykX/SRYDcEQyxnfV/FOf+wrWy4whSMPDIUsALvx8XMsVBowQsBkPQh/PlHkr/H/FUa/KwN4BPw==","signatures":[{"sig":"MEQCID9+/DvuoJdn+IfZStR9A2DRFHtsiKF57VLDdI/kbmavAiAVwT/ajAAGNbg/8coFgBGbkhqYMlcL+503+6OxeQ7Sdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrl8Q/9E47IovaetmD1rVArSlHHw3wAjB8dgR4m/meAoOB1zXNhWBQh\r\nzzsqxzxCgQYCuYf1xu3UpRuy6VtqBGo1F9FS+ctbrYwj/yHcmoUxkHMUJxcq\r\nkwrT2P0c2Tl453qGmjrwriHtvhJE1PrGZzshKXDEfUjv9my4n5sWdzTypi6T\r\ncpqYHFN377DUa3sEhti/2Z7Wm34rsk6BEmxEMYRsHfv/5eO42oBbEacyiDLQ\r\nP2x1arqQSQzk/CFeMxR+XvzOUn+OSbdvFZCaXXXDYT9aU+I2QJUV9gedvhBS\r\nnc9jk4hDPu2u6js8wWFmUt5pgR8MuJnlJs6P7AdgVwfgLAtHNIrvBxB4MBIC\r\nxL4ExmA8asHukZFrl6Xnin9XL4Z7LujCaZ9dd6Q/xhO8Fs4l4/Tqxo0kLecy\r\nA4eSDd2nE7Q8HLnIu9zRtiP9YQn7OIJlv5npZNLBATVvxFmQYGaIVdMCJeeL\r\nZPR8l/DLDnX861eNrHEyBdiX1QRgogi1RkL3jc/xTMGL40hrwOWaiKI4rS9E\r\ngdUjtJGMFb5Eg3+54kHSaOCj1QKPJ3dsOrzDTuC9kfuSicgWchT7U3erPwuS\r\nRWqhc2prulrMYnf2Fbi0vy/rGJ0/KzxZjg9IRn/gdfPnM26/72QqMgXIhBeC\r\nF6nviZVbeRn/QyT5SLGow11pOm96ZWfV5yE=\r\n=Lxn/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202212083710","@chakra-ui/react-utils":"0.0.0-dev-202212083710","@chakra-ui/form-control":"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/input_0.0.0-dev-202212083710_1645346269073_0.17496800984346583","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/input","version":"0.0.0-pr-202212011232","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7e7af3a554ca2450e167179fc534688bbf8b7b81","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-pr-202212011232.tgz","fileCount":22,"integrity":"sha512-5BnbqYMv/fa0ttOC2YTckgK9KjZBB90rdLB4nCHEWpXchjElZG4IUZ+/XI5YCOlNzjWOodzXTQ6bgDXjHccyBA==","signatures":[{"sig":"MEYCIQCybgDLqkdOVtfMPrAQt0lrmPPVX0zRpvSy6TotRQtTTgIhAP7H2+FM4KjtQZ+H/7jvlF7UgfG3Kf80cZPEo+rFvX8e","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp88w//YecIi0vFgFEXrdUBRGFCxFrwABwuW0NIXe/DJILS96lsLLNq\r\nFyCYnSgRQDcGcnlsTbhDPIug0yjqzJjnSCK7mzG6iju194gygBLuaZXwVF2g\r\nW6c0IqFDGyA88q1NwbdvlvInZ5VWHUbqTpV4OPqZYiuIA66hnIfeJaC9Hvy6\r\n9ikN7j6S80z+kyV9PXCsC8AEd1lpD0HG598WRmKDUmqf+70lo2QcP3h/xrji\r\nMaoiEWGeRno7lsIgvKUftapgHuA055U7dNgrZ+T+pGoPEYC2IC0OzrHGF14i\r\ny1K+A1KXDL8YDLHNmcppkBcokVabgLQHgGs5UISraUJ+Tao1IA92JH2yJYUI\r\nqlIG9yYYs2GubRPDn3BgYAk3d3Xx47X1yAWPmOdEKedC5oFUC1pHkePeenVa\r\n74fg25BLyVIxeyk4N6rmM74SXJ6Eb4oVwd9Ig65DAgL/Wc1CBqhYdsXzdQI+\r\nvSH5nDA622ZshwRBoZICQB7p9rA7TrRD0WMxNN/IjjZitlNanHO/ekhSfsfA\r\nyni+wGdUxCjhBsgrQ0P2C/5xVeKv9FBmtuRgXHqFqtQOaJOvAOewW0IPueRD\r\noGvY+vqQFLhF2EOGO1V3toWBiSvTsFv4Ll6VPva8uOeKoesG+3lseeUumPAN\r\nNii3d4El7pbHfZvFqhlUOfiiaHb55uZjjak=\r\n=UzaC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-pr-202212011232","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"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/input_0.0.0-pr-202212011232_1645354991994_0.14925567502788262","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022120113958","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1f59c4f6b56a865f3d2f00c131f6e1aa6b2c20c4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022120113958.tgz","fileCount":22,"integrity":"sha512-pZkcN6OADKu6S3JLZIPDaWCrRKppQWkySMB+VpmpgnBcFlRXs9Yvlndt2/3MOxsc1CnTSjsW5vDQt4kqJFPARQ==","signatures":[{"sig":"MEYCIQD1eu9SCPTbQzDRhUn0daO7o79qwLjwBcPxevfmCAwXXwIhANwKu9DNq/nQappmyzUb0zWPaX2SlFacZdoWt/s6Sn8Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEiiyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmptzw/+M/AUlPuho+16DGUkwI9N5jmGAwmpDYtQ2Wuo0K4EokWJJkzE\r\n4PmuUJDIQZRHsP+NqOdcEMUxiLGGPQtIo5sPFsHLA8WHf+deAXFzu28Dn2B0\r\nlHA74eh55gtdVKMKtfdEDVQTHNI1ZAC9YLbKnclgqShBH39gUqbzAG54eZ4Z\r\nP0nlbWFOG8iZebWn0IxE/ft0UiM5QKVQmJR1G+gJPfnCKafz+q1Se6Ts2zxc\r\nbb9NipSZIz/jCDShhBxe+hxkgaeLCd+Fumalcl9p8gZUIluILGkD9dwq5Ll8\r\nMXZ5tKvkp0XlJ68UpxYUXFXiePfSQm6dv6yN1fyNkWFiVk4hFjcWzXUL8Sg8\r\nGxz/z0HnR8c3QbN4Z7l8n8jb7JwAkjsnfabk95TdciPTOdxRuKZuHjjplLSe\r\n9wKGbmt7my2eFa/G3mGjpP+jMAmmDsS2nOnWXkoD0ozT/xW02HjEvR2Ym1Ib\r\n8ult2EuBm+0mRiEkwb1EpCxY1BQkk3jxvdj3kteKb3Fs2WA/pjqmn5VaR6Jc\r\nfEuyrbgbc/9IKdwjKTOhoDnbHvrJR3LaeVpRv6a1WkGy08RGyYcVHVIinncJ\r\nMdGDFbCiv41t4RqbfsleyV6TZYN5PZyBhZmyXP7awoirSA323e4ltJc+l5ey\r\n2YOxjDb+BoOWxyGfTWoTf0zR3b3MmASmSaM=\r\n=pk6c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022120113958","@chakra-ui/react-utils":"0.0.0-dev-2022120113958","@chakra-ui/form-control":"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/input_0.0.0-dev-2022120113958_1645357233941_0.2071117508208884","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022120114012","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f9382d43e72d4c0a347b74b51a9eb86eddeae2e4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022120114012.tgz","fileCount":22,"integrity":"sha512-hexSnP04QxsKGEPYsW6NqspBp/uZoiJPVp1w5ojNkBf0mIrS2+J9jyTCbcHIe65uJcRYhT+NhYWdA/74gRT0yA==","signatures":[{"sig":"MEUCIBXMdmNcGSJMw84AGB+80+L7dvRiZirwwCJuf6VASS5JAiEA9zWovw+qXjqyJqSw0whZLLRV6qzlD1pgWoeBG8jZ0Ek=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPGQ//SMD9mBbmPathz3ChglHcILlEkFKbjjXqXlSzjaePPrLwyYWZ\r\nXYMF1F/vDiQG+qGNGI+kAsYdoNCJz3ezXuE2ceiXzdeQxRW3tiqc2bsKqtLl\r\n915bSTwUcAFfYIcbiChPf7dL7LAevIWY3P1QeXO62N2Pwhm7QtqSR4OU1Cyb\r\nMTI4CsugUjKypn1tBYY3nn2OJsvr3Y1PmB2nwBkACfp594IMxY4jZXTPK7fQ\r\n5RpN+txkaa7hMYBTmQm5OVBzjKCr6EGkPngN2il9+M3Em86STawKRV6lqaCO\r\ntzUPfAW83HUfH0pnNA3mpOOTUn60yHQctAWMyLvAv6Nw6Hcw7mbv7wWyosUn\r\nLPybjdkGedOcP4gsBbYA8TuuYw3P34x5Sy9+w8iV88bCX+etvqHWqyk+TmIA\r\nLhmZ0u5k8Yk2b27xlCn48sz8IxoGX9iWolQrjx7xTVrYRx782hpTb4AVVnrk\r\nbONHaR1E0rqMCKS7FRboNQ2XmfIK+MBM5qNmZMdsRG/6ewW4dcNwaSvROQ79\r\nPSVmmLjHAl9/yUbYtiKYPBvmTRa150RXwrK2czPERPSoDYdJtg5dwnmuXagR\r\npM5s4P73KPRD1q1ssz32go4NntcXGf1tfJ4+/Nqgw5NY+HvqRzc9SEyJ9Saq\r\nQRXs5tOH91Td3T+hczK/iPQqMS0W07ySDXc=\r\n=1iW0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022120114012","@chakra-ui/react-utils":"0.0.0-dev-2022120114012","@chakra-ui/form-control":"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/input_0.0.0-dev-2022120114012_1645357242767_0.8424471631555979","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022120114225","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ea4a85fa355a3b5b42eda461ac959d2b09faf5b0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022120114225.tgz","fileCount":22,"integrity":"sha512-H0tgsAE1A3wH4ZplZneMk8MI6GqwH1f+SIFMaTqkF7h9DRPPPC4AWZoPKI8IuKJdPejBsrEVIXgzPVT4CdCA0w==","signatures":[{"sig":"MEQCIF+6yqZ3U7x/TX9IfWupLjMBW9rZtkcoUpG5i2e3HOVfAiAXNIbc0ByzNX7DidDWEujwocVOfjQyvoQprvbk1gBnEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWlRAAiNP9ZUiH0JJFlPDVf2k8azGCdlhqjcZD9cuiuV5xw68/RSI2\r\nu0qRVY/U1gcTXIJw4ObNpF0zEV0y95WOHc/AG9fzensCiBT0FCKloPylgce9\r\nXCTMnhGunZ6zvnRjptY/ur9NKPUrOz4YGueOEZbLeTw7zGZgcCPcw/fN7eUa\r\n0EAQ9zQNtc3qaH75DM5FhG5b9Dbcw7wJLAR5ZadpGcjU37XSZXyGFlIah2ue\r\n2TiEwNTcDM4jRKdjFojPGcU6/R2OGPv2VENfBIfOWjcOW7a9evgfwjT5GS+r\r\n/i3zcp52KKeVAd8tfEfcuv07qOHlLpwmYU0fjBQj9g4lOtHPYCn6ehR9ch57\r\nY6MN4IRDxOPKP2a4KEaFwtVACLazB611oKSGdFQZrtXy83OKdbtB9X5ejvgU\r\nTievq4Xas+crktWjs3EGvpXwD1Vdx8janZuR/aPHlfwTQ5ZQU0mXkOvKx6li\r\n8ZqM0fno+cFMlLYw6M4UDL38sQHiwpzXeETBYsJgqyRP+jP0a96l36/3bJJL\r\ncm/X+msh3lEmIEprV7BiszQveC4BXW3fC2QXqalbiSD6XEMzexy0Ks7DQo7m\r\nI/RVOTsmglBcvZTMGaeI7BYEJSRwAouYYXLJqdZFX9Ig+D+FJtlVT/lNJvSK\r\n5pR/PBEI4r86TAD1g86nCndM7anNWNtvoHI=\r\n=WxPZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022120114225","@chakra-ui/react-utils":"0.0.0-dev-2022120114225","@chakra-ui/form-control":"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/input_0.0.0-dev-2022120114225_1645357382865_0.5506392548675629","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/input","version":"0.0.0-dev-202212012129","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7e41581d86cb272153be8ae8e177c9c419016281","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202212012129.tgz","fileCount":22,"integrity":"sha512-0YSNCBL/cVSFd0mS0ZGZqlPQaffXADEcA+y686N2WDchjr5qpHyxQU1mu3gMVaYLSRqHkTZznEdSPqBQGITYGQ==","signatures":[{"sig":"MEUCIQD+vfruvkhFxqQbbuLRCDSYN8qfP9+UyFdjcuVWD1hJKQIgXr/oAiZhb63BtfvKqHXu13E5VXMLiavvV7s/CWYQBVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44833,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjA8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrp6w/9G2y4jNLcWRQBISlBQfPefcXR7ckYcIlQmCk0kfJHIHRjTwW3\r\naxVZ6BKbHTouAsFDMAUj9n0+3dUglZZJ0/bP+9EipfB5crEFZroW3inA63Xj\r\nB4GXRwEf6qlAcdfg4KcS+RiEf0KzSbgGt/A0JiCQq/75nr9AGjJQUUAzqWUU\r\nbOsKYVD+AZFTfbNN9uPxC2QFnirDh/iIY0Z2MBD3iJ6lAfMyg2HTe43MiJRf\r\nYNAwKjJ39oOpte0tJ55Gk9VUjCzo9vj98GOecNCuGA4qbSsYeSqm/27KVmGV\r\nkyKCYl+TnP99TOoneCi1Y9w9nYX7FtIPhTUBtnI1C1zAczK9Ni2bjIvvakOG\r\nBTp9pMYXnZGJScMwRnlHYw0Jhbd9g/cVVSr1/YMignpcpKscV9AG4GHSwUXJ\r\nY09CzUwhW7mfeAmn0RppvM23/23Thd18foiVdzLx8wElrCrUdQe9OkYubvgE\r\nzAl0XCV/94TZLdytccrHqzqUTde7NToepKP7rD9xyqH2veFSc4TPU22120+1\r\n/HEhNOLlUbGdTwpv7YiBmQtkW8gHIxt8dBL/PTD8xXcoXv8vbWsNHmNyjPvf\r\nPhNg2rPfvLtQGQak/rVFp1B/+Kno9bTh+o9iIBwzeEeNvqMGaVxQXz6K/t67\r\nT9e0X/VNO7tP1yiP9FCA8Ej7rygi74Ld9lg=\r\n=ulZw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202212012129","@chakra-ui/react-utils":"1.2.2","@chakra-ui/form-control":"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/input_0.0.0-dev-202212012129_1645359164231_0.7417300450837561","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022120123118","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9b1e25c4f45a9a4c7e1543c9474881c1b2c565cf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022120123118.tgz","fileCount":22,"integrity":"sha512-MMpb02b443nIVA2VN1mKpYJdLyyIic37EvvTFny7uTvwkp9nT8YREC/DERZIeA1YMEnAGyUZ5QMs5MdL6a7JRA==","signatures":[{"sig":"MEYCIQCjpWmrWIksHMRk8mgt7dKSSgqg/EdCUi6D1YJwMHX5hwIhAIDGFHAwAcDWV68Q04zWwcYXZb7yfmI2o135+eCJdCsC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44856,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjTBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriIhAAjX3lL1DoNps2Yr1Zt1SMgxBvdfjjnW0OTFk5DaRGpGIPEFDW\r\nzLwR9bIzVKgiomjawz7hppn6+mCywR1F/oMu9HpcYyyXCDqdh/LQiZzn8Mt5\r\nfw3x0W3cxrcMbwMDIwahsR7TqA/OhPHdGNArlITZBPj9WabMMHjbr+Y3mxMX\r\nP5mR5Jo9qtenRNMTrXEgfZ2MDruMhIJ1XwT2TC37YbwCCIejC4vMnBn2eiNn\r\nP60LPukvYiXKIH2wB7MP6jH+ic9lloj/5S8HVn8ng8SkLniYS6XH6AUTDITI\r\nUqwFwL8RQUKpW7wkuqE9nT+B4ym+lwtJHq58OJefSiGZdLoK5JhMmR8Tp5t7\r\nuOnMVegQNPSqfrNIv/KTGUFgki0Hc5ZdIm3+O0w0ihR7kfQAtjEWO/dmxJJg\r\n1j68HNRqbioapWAivxFmaR/9vTD1Mo7Duw/7A6REgL9x7cBnFEbJDIt/3OA3\r\nxIGjBA+cfdAa4/jTFWoXDDqdZtKYqBRklgphUrR8ME3yI1vOJtiFnY9cF04m\r\nC1cYUXbxx7m8Ct9NkNkwmoSnEiY+2mndLoSARrPlGHVr5UYWl78qUTHR0XIs\r\n57g96njhggDWE5tC73ZYzvDgq377EN9l5y0r3NOoNZhbis2ioRhuBTyIMV0h\r\nSldrku36IWIQSEbrFabG3z+uc3FUyI1CjLs=\r\n=YZxG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022120123118","@chakra-ui/react-utils":"0.0.0-dev-2022120123118","@chakra-ui/form-control":"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/input_0.0.0-dev-2022120123118_1645360321523_0.3833178126702139","host":"s3://npm-registry-packages"}},"1.4.3":{"name":"@chakra-ui/input","version":"1.4.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.4.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2a17b9854794b6b386956946e639e349f057a10a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.4.3.tgz","fileCount":22,"integrity":"sha512-lbmMYX7OZHnmhc/a/auwB+zeohUHBaRH423BD30CkN0rQXOkLiS4+dmvl6Z9mciKDzdLrVhGeF6K51VxT4SdgQ==","signatures":[{"sig":"MEYCIQDOhfhQ96y2LYxxvv5jt5ZrvZ2J42kv5FXQZPAv8tNfhwIhAKS4xvByUlHMNPegekVjGtDDaZystSOB8Pvz/hCJjtoI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjbeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZHBAAmMXu0Pa7kzD7bWPah0JZ9l+GgRoc5LGwr4Atmu11CBqDrS7B\r\nMKXYrj8NWu4gThx+WsshzSqngKaPQrXQqTVI0My0PWIOSi7x84FzLaPs31bB\r\nj0TPMoFVgYuhb32CVDraeSdCdLXKAYZOFd8WRqNeHhVI9lOkrDSOZ4LA573u\r\nUscd/RDBRG15eW9vO9qXPIS8AGgkGG3XnhbfuLpdwxomsra00+dqZ5o+es2H\r\nFVJyXsnZF2D5/J2VBZamU3biqHHxC0D+xN6Jx+Cq9PxH64NBy14BDUkltsLZ\r\nzwwb+/d24Y6ST0OnRM9LaQnhyT1ZxdvVg2UIhCGzQTJB0Brv6uJGVpAB6Opf\r\nriGhj0zPBzIvseggrVvjBrW4/rbaljf6euPHl0mt4wBBjYgfBXF42CnLvkWe\r\nnQoOrfp2Qho8aYbII7z2AZvw2TQbN8RdDekPWr5lBWE7blxqlX/lCHoGNFjj\r\nqEzLhh1Z+zCkr5ZxHdgm3rIYnHI8Rg0YtDbetcV1xdjgH6h6wuSfytLhfekv\r\nZTx+xcmHM9zuTKnGXEMmxn6pgZxexAMqecB75UqAvNqtdj8G0BU7mwZYkSJ/\r\naGqFIuqc1K6tTWzPDQq/W7k5T7EjGYAxWt06qilavNYtHNPjq3dFdmWld7er\r\ntBReUdtDMA55UW8w1vTEhWuBtoMwyVSNXqA=\r\n=vzeW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"1.5.8"},"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/input_1.4.3_1645360861842_0.6141950676364025","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022128214753","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4244afd3f42b51a1b34090e63e0ae4b0eca212f6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022128214753.tgz","fileCount":22,"integrity":"sha512-naWxKbIAiHn/xho75bUwbmqYyZK0vwHU0E/RZsi3oUIWnZ8Qjw5/XensN3xNEU8tDm5BuOgcebtmlx/5TjH6GQ==","signatures":[{"sig":"MEUCIEpyMyd0IFWpQ6cPgq/lKcY7jCiaLoh8pYbvM93YqhcBAiEAhHxReeICoXXpvPS+k2IW7xscJv82wuWZqWZaJuHE1ak=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvWQ/8DbIiw+M4ImrhmLmPDWOcn06B22yu2r80ppPc9zfDVbqiHpKT\r\n1S9xqnysUy1NOCMP3/lp2+SHqphmsoIhc+lJfNyvqyyoEoCq0r5aMRj2OeJv\r\nVdC6meQN9sTbTuABRzK5EjiohMYb/KN7CjQ0boYUW6btC8y0IPcOCV8eWuMZ\r\npAepdST2nlFrOfCnnoArSiR65mu4hAIaddsnHfuu3vC4CBAno/YCVpin32sB\r\n017rWIZSuMBPOhry8b7DYfbgnu/7N2ESgWhR0eXYy8JBnuKBmAMTHUNmnIA7\r\n6crtRZzc0XaUNNl1+ChpK09R+aGd1+bwtAF/ZMnWtb27VFd6jy51+BvqAhbO\r\nBZrk8fZTHWLg8n68kKOV5oeuI/w3Ct9NFgtayZZX+SfUbKsAX6jHKFJ1/w5h\r\nEwjE/1gR8kooRYEov+SYNBCo3EfgrNUt5q2X2++chlYMghMtf7DYbm3isbnp\r\njGVPR0dMRQJBFG1DCDN0I/JDfzr4z4UCuYo+fb541B2veoIZbCZY6KKxMbMs\r\nWVXVSwx/iPhgqrFVNsnyllf+q3FCmdjoB2aszcVNxSsB+EWK/tyfDIw/K8op\r\n756yp9UwtWQjeZEcjY02jWWI/otULI2DoS3KaOl8UMxp46SQygAv1mx7ICJu\r\nHiIspiWRknvpp+7DkGNmSIUxSEoOhncg4NA=\r\n=Bo4f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022128214753"},"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/input_0.0.0-dev-2022128214753_1646084901478_0.2528716556780508","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022128215052","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"915c5e14faf43a3105e724ee12b29e1751a00cda","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022128215052.tgz","fileCount":22,"integrity":"sha512-WyHDgGQlcROjTlepE0dW0KHY5WZRpt4ntWujuRF6IVivXBtDwy4BsXqIgt1AHdG+iYy4PvijAA1lRxfM94+0RQ==","signatures":[{"sig":"MEUCIC+CuTd+fkkzmH2+eK1g3AJB7tCL8afDX60Ze5QqkxZYAiEAodzYKdcuSAxc+2kN3IklAgHxoPhbWl98IOhAhJD1V9U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpphw//cm6t0MRAWc9k/bZk9p7z65ZgNK+3XCxt2ufeIFO9Zb0b2IAH\r\nOYzgwUq0nsS7f7ZlWEL5gPUmmFtHOVo10ZbJAcQU19bxLesUkO/3qLTpNzmi\r\nQ/qg0039biNktzrV3s7RK8yc7EEnT77HZnWcEuDcgMgDI7i/8TtFAeGnPCim\r\nTc1vCcw8la2zFosgE4YCMSPNaIiUryO4VOuE4ZM1yt6LVCtlIOGHGmbqvCv8\r\nWTFwia9OJGFgNwCNUTt1I1HNcphbXJpkR+S7Mhic2xd9Fmpfu99hR574CgqL\r\nbWk30B0rXnAAkb1KYLdyDHpdS91I0pWIQc8YwJ/o/EcTB6ik50l02S2EIt5f\r\ncP8kMNAD3jguzIONWuBRKOWFrEAAofwsTceodkqj/s9Zb4ijOa5rXFF/9GtB\r\n7UYceyxINs8PpuO1am2jfZQviORMW3bYLJVle7YpR29jO7b3TfJeeW3Gc8Y2\r\ncOZeDpkaRzu4is4/l8Q4sdhf0s+M+P1l4LOmBMX+IVBdfcNUHMy9ZKAQNyQG\r\nxuW8lPvoDnorMs8sH5svVC4iflECl6hZuLfIVLELapyVOWdkYKBO7rA8UrEi\r\n3H7AFe/f7KF3VlAaMfyunXpzgfN0Ftac8kTlqhR4EnMSRIYAvEepMtgb+stg\r\nyivNdnVCWub4CKqoF49pJYu1jdjS8TORs4k=\r\n=FWxW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022128215052"},"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/input_0.0.0-dev-2022128215052_1646085080175_0.5683126829235832","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/input","version":"0.0.0-dev-202212821520","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5ba9a56ff7d11f7034f940de58be6e254a69aae6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202212821520.tgz","fileCount":22,"integrity":"sha512-LEF5LyBl5doxs25qOBS9GIJp/ddAhqlgF4SXsnx/GNkyDGe0EotUaQbpIMSKJ4hapiLVKGjW3lqVaptuOSbrIw==","signatures":[{"sig":"MEYCIQD/o7na/Wli50MfxDw1SkxM97jnMFUQ6UBXozAQ2PxrxQIhAPOS3lojP6CTFLwZvVInwum2TglF60WB60PA1u5TUOaW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCXg/9GtDM27tWO+LYJ4H8jOO0+aWqml7sqsX8rpwwTkJLzBLcbLlR\r\n3NR79k88vdSuPh0cW4Tl0VZrsAVcxz1wSRQp2V4R+FG2VKpfWUoxRawHsxc5\r\n7xJpaQvCa9CizddswkobEiLrVn7vMxGO1tlidgRDhaPWfxAtqBt5yqnzxjDI\r\nxENXDzd4A9h4iZr0NEWtD01Jnrxv1bsYbBwlqdRxB5tfpJkK3040BODu5tk2\r\ntI4gNugZJk8He9OvAK6hAhVsEO86QJgsdszejlTNyfAljsXTLfCcPC0NKUQh\r\n/KW4aXmF4ILjSI3ipzW5xUj/gPffP8aNcBQudKtRd9dwD1OMuw4SSlyV67ZW\r\nD+ryaTedQb70/r7KhAS3LYrb36F0c6lAHfzFUOMqjmM+E9DnL4LGQLgDJAqq\r\nmd3SrWYZejYc2jSLyI+nuSSE2l08SrCi40Lj3HWuF0NH9qVwXICHuaifTi9H\r\nbMaIPM5VcIAcXywnX0Gb0ZsHNqBj/kzLMc9DcV7HebknBvxrft/MijSPOtOZ\r\nDrU/hTT4ZkZ7ngx2oWPSKGtxUewaDIOPBQZZmpSh4EE95OO7oDLwSwlVHEnr\r\ngOxjOOK7KA3mJsGQRQ3ed94NYFOTZg7HntwtwX5S5H21WO1piPCuUYuCwV5F\r\n4GwT1gbXDhz7tUjxnSookI7dmgiIoI/Z70s=\r\n=2HJC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202212821520"},"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/input_0.0.0-dev-202212821520_1646085148176_0.6838719456274465","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/input","version":"0.0.0-dev-202212822477","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"31dbe7f0edcb80916b1529b47cecacaf76e864e4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202212822477.tgz","fileCount":22,"integrity":"sha512-/CvyhQabyeWcJr47qjA/Z4Oaymbi4+rA4Q1dmJD8mRP5E8KdN1+bCThmTkB9zQleRorh4SIU228uZALqBiYhPQ==","signatures":[{"sig":"MEQCIE2rkCsSHGYARpZ4MgKLfXaE9Ei1I4O5GH4JYivHFAb2AiAFabsccpXDoiQk778GxXz5p87F5tVGoBTYsvx+ohLFHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVEGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgAg/9GteXRt88k0qb2sb/aHalDjynuEzOYCYQGAUWgthMmq5JhqGV\r\ntetPO+EbPwbgtST6n3D4tsW5KCW8LPom6xMRu3bjTpDgkoy+oWWL4ylKhv6Q\r\nzdrQAvKjfl896/5ao6oQyqWOt1Nse0S2asvfjKWv2GQFzJYSVSFJQi4BBHvF\r\nhLNK/Q4ViQCAJ+N4s6y73YpIkyulR0zkEMrKy+C/v4Ei4AFcgtCfS14bLZun\r\nF82kWuqXED+dw2Nm38C5p86OrqU6E7eCf8y30BXkAZJLYbslD9WUm0s3ABj2\r\nGCZBJzHF9vWwbGxndxnCc1MFFJGLhEZ0Kt8ev4KPP/hFUlAaiFcgMKvFSWvU\r\nsQVJL2Yvmkj2W728aidP9VHgtv0LKw00lGWTt13AdQUWxuk0zQKQ1ipNS1Ah\r\nlnsxEu26axoSw708PRwuwZo6GysyolxcUjJbQ1H03gEoV7ylVTM49DkGAjqc\r\nWJdDDr00Dr3fVVCbI0DXhxW51A3PQtHUl4Wg5FSmGnUOpNyZtiD8896FVDp1\r\nvKQel1XhAdcH3j4AALGR7f+D7loqtMs36xnG0sDctbMrH59vNAgoKQ2mrP5J\r\n7pFKTz6aVoQRTuzwulLYxTtd2f5OWudkSrFlc2ZmhB11NUpSl21xJV0N3tT/\r\nBbb0aTXs9TLQK4RKw20A3VmFoS+Q3XrfE3Q=\r\n=PgLx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202212822477"},"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/input_0.0.0-dev-202212822477_1646088454737_0.15491412470888144","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022128224832","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"734c674186781bb23b5804296a04470e50a93d17","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022128224832.tgz","fileCount":22,"integrity":"sha512-VkH1RaD56CN9HSeOn1kJSgpFrBv4bcq4hDKNuqmpe74LgI4mqGwLckSMsHCcubZD/p2fwNPx9ge6PmVDFRlh5Q==","signatures":[{"sig":"MEYCIQC5OpKE+L4OxTB/rpjF8MrvzByL/n9zRRicGKa71RZq3wIhAOnzDXzQMBGWfIkz3kD/kIbDXiXBrapgNecY8jVP4dEm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5rQ//ciugoGekIs1xcHH+mProARjzh9eO4UJQ9+SMNcMrR1LaX+h4\r\ntrXdctU0+X9wOrbo3cjg0+og2sr/xVTBY7sa0Si70cC0IOD2Q/XbitSx6Jkv\r\nlkewAsM1a++QP7Gj9w16aptvSUMDLiyQHJ3MtXW+cCjJerzOCUX27KVVVc1u\r\nZFGxu11XtVg9q5H0NIe7jl1dtYya0gc2SzPzWWJE2MlLLJ7zujCvmphswCkZ\r\nKX2asLdtPj5xboZy5nuT5T5uOqnJ6CHDrGYmpkGP5oZ5A9Gx8Flv/u+GJ7rd\r\nvGlXMJafXlOMJI23Hd9tL5hoqGxb27UFI/BOXOzfNrGera5W4NNpwithHw+2\r\nDocypcdQr1yn5uiGa3KwokoUNE9gaEJHr1S03A47tbW6dc/vpqnstxruobCx\r\nN1uVixHM/qh8q/gr2PbJTwgQYwnFIcO1jRvCsBFyNT6Tlv4Qs9GGtvcRcC/8\r\nY7qW5cNDN5fLAdd39Hwp2ne9CGe8BYQSd7ycR/WIoHaxOuHWM+1wkn6KIfGv\r\nlZrUNWq1i7Ww56KoYpZvk/TGHKWlZx48sdjrZr+L4X9fTDPSr6G0EBIBTG0g\r\nrATRc5+R30LK+wKLVnYtb+szYaA2XkTLJigC4oTWvowQ4sekcmyYdxLtg0wi\r\n8AB15jK1B0NfTLrLQBPTJmxWe3G1fOTWQdY=\r\n=JruU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022128224832"},"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/input_0.0.0-dev-2022128224832_1646088540382_0.3864584069400201","host":"s3://npm-registry-packages"}},"1.4.4":{"name":"@chakra-ui/input","version":"1.4.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.4.4","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"da350861dc89c4d6d5219f39a177ba0f9d549bdb","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.4.4.tgz","fileCount":22,"integrity":"sha512-A1TYz8lOdSVuMnWRnR7Y+cddnnr5d2o1Vvd8Im09WW2j09xy06xD/EaFy8dI51Ab0ACldglVs66qx5dO7WoV0w==","signatures":[{"sig":"MEUCIFhTJTrJkYmYy1Zl6vOqz0uP6KKCeSbn1qq8ZBMXvFVlAiEAj+wCxVjUw8ia3iCtzPJwPENSLEpRiCxtUPhTJafV0fQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVWiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrE/w//bZ3X+K09XWWkb814AhTNikzY1T/RxSs8dUyKUc88XIdARQLW\r\noXk18GnC5kKXBJYRN869wmlHpf+N3seRfeCiftw3hr2As7o8Tlh39kvytu5t\r\nLZn2/ruqs1cvTTcpsu1ETD6Cy78p0aOTxOivrhk8XQks/Amr67vQLospdNBx\r\nu+jlYFHDftHwo7Iyt+zU0z/Hm+xHtlmFPZZ3Yj9/e/RT9/t1/iAHeKTJhpXO\r\nEgDB/c+P4CgzX+QLFesOKe92VPNwOZNHRGKWzHKrJxKDkzfWmKxeWAFmgBLA\r\nwgoXDm1dXREXwSadntjpnsgELqyTUeW03Q3MkmNtPE7xPnmi4Mr0zlWUo9cX\r\n/4zW7KloY3v0VHr3AZnGensSIkJWbGrcqV/yHWLq95HogD1PkFayPtI12ME0\r\nqshDSa0bKcsXte5UPcbRacsMzU244hwLpGzCKQEpE/6IRLx/hyJOInyOFoXI\r\nKbAvbU1kTp7F/qE+HZApzXyYLiyPqj+DTT8+KWr4cc+qf5i5xqQuVYoHFG0K\r\nHOCcI6nPpj4TS10/1MLaZARIzE08SyQNLNFSYSLQ6AOvP7MVykzf663GtDeV\r\nBDeidv+8/rQ9NfgU95n8Gm3llznvxkVoWgtixJcEqfl2kn1yK5X98NVk1CCc\r\n+81YCiy4/oUfdD0Ned+WxTrm9HrPeP64/Xc=\r\n=QUpC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","gitHead":"092b20f3e93064c1db312062b76b420a7ed1703b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"1.5.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.11.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.4.4_1646089634246_0.6569755390177177","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417325":{"name":"@chakra-ui/input","version":"0.0.0-dev-202221417325","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e5b4d8e3a2b8ed6af4bb050779d3cfc226a0dffb","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202221417325.tgz","fileCount":22,"integrity":"sha512-kIEx677TyUTTaCunTvvtFbQfZIToE6E63ASrbujJPhJBS2FcSZuFRyQ6THfzL2j1G0mjKSssGYW6Qlqkkf493g==","signatures":[{"sig":"MEQCIHisdFdMpu93X1KIGUvsIJeRPR3O5KJKPvbRISwGr2+FAiAPp23rCQvdk/G49VsIm1kBHbqcNhuosCUXOnC0rf9lag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3WMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQHxAAmtnT4mLdYmZ/ELxpR08H+7E8I9WI+2I+VTAtJTAOVWLM8GD7\r\nq+T3wJdeJS2sLr99wWcieyuKNltFFB4+XUIzo9R89WUVe2kIqHYc6FDo+FEn\r\nI3S5TavFCxV/bt1sbCcTfWIKVMu8gqguDjqyjVFCZpfczXYC+2Z+9EiBkyL9\r\nyIUmHOeLhKtXu2cT499Da3G5puZkhPw/YxQvVlElELHS3n+8pw8TuvXngZvt\r\nXfUbn1umbmI3W8cDFMe4LxoR7UmjBxYYK4BBh1CW3NePSBV1Ni8Guh3W7BhH\r\nHkKFyaXI3J4EYbf+L3pyXZCn3bZ4oL5QYCZqFktbmAY/fRx1k2k7c5iX1jrC\r\nYhBGlQzwrpZ+cayK3x7x2V+xebnKezU4gPHhPf9yvM5gaDf0HThV4hhU/+D0\r\nfOkrk6C30xPgXJ6t1lifmUjRJ3Ghy4Eguq1idEpWqQEbqxtFQjhKIB2yuvt+\r\nYJ7/VIw9534NeeQrTKKmAY0g09+raLsksm8Q7PGQ+3POA/XXCcNmPX5DNmB3\r\nr5VRM1yh9Z9eT9fdfWlPHe1EkSflwEcsEyhYvDUrxywaNWNso7739FOAwWg+\r\neVB3VrkimfPfIvklerJE3ik9z8BuxfqbMdIT5IuM08UBTP3XnBe7hgQP31z6\r\n0Yuk/xF3SruByVcvqsTYkNpMSZ7N3EFvrCM=\r\n=0NE3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202221417325"},"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/input_0.0.0-dev-202221417325_1647277452413_0.6303061266034342","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417436":{"name":"@chakra-ui/input","version":"0.0.0-dev-202221417436","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"60784eda92d0ef1701bee55119c2ec06aaadd029","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202221417436.tgz","fileCount":22,"integrity":"sha512-oKmooCDRAMlUZFi8iLe8TiHt3+UCZArL6qPTZvFOf9kNsL0K0VobDC6DYwnLHcqeTg7Ybh4CsxvA53d63D8N0g==","signatures":[{"sig":"MEQCIBR6n34QfeI6AooSWAmH8EZUFGlM0fMZ0htRvD7rb8nlAiAnWDFOZQv91cNnRma5y7rGy3Sip42HeJTo2k/oRB5ojQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3XCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFLQ//YIsxtjBHOkEnCZ4HoGN+FBA1vRIhAA8V11BHC/23w/ueMx11\r\nL/qhI+bdlDqEmREwI08MSAT54zDfCHJTywx7negBgyG2JwsjGpD2x+j7sMtN\r\nqU2f0z2ms5AhCQmxy4Xf9RSDsZZ5Q19iGM6UGWm7NxoAb9BHjTGIBDrnGu0t\r\nkibjm/ykP3jPBiz8OhLXL8hJTZNe7jVnQGpsoONz306iPf4pLitOBVPsZpEp\r\nCkAeMBdAQ7F2UR8tSK4kJhPVCYMaVe03oFX9GcVvT0v5OlNpXjv+Up2iq6PW\r\nHVEUXsQWJ41W666wDJ67IpkwhnixRUqvVZQvo2ndiNsLP1CslfgllZ+DbLlu\r\nUshqPJsZGToNgOZptQVqMzBYH/rGC8s3UpZNCDfcwTS62c90BrDVqfdiTlmT\r\not4vcM/wsmDJVyjij2ZXoWSta84ZfK8X5/11V8BoJ9nOTVqwQ3Sfiro537ws\r\n6ELxtEedLcrluSQRaYQyQ57I7EZJx5/IdzpoJDO1ZqcNVhhzjcVJVdxWDWRP\r\nSWIjSgyX+OPSwyloSDsU3Jkz3R4q4a296N3al1FQGFnLNgjPEz2C1dOEAAs0\r\n2JRpmG1UxQ4kiSYdV/1aFhIudDopihzIfHWHQME2cNtrKpfQV8G8P0VssN0r\r\nVOnMFPlXwy5/mjIKO5RYFXrOD4y8otZg8VM=\r\n=DA9k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202221417436"},"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/input_0.0.0-dev-202221417436_1647277506706_0.13927051544614844","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214171014":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022214171014","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"42c570771c35ad80d97d58b56bb1fcbc78e3bd2f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022214171014.tgz","fileCount":22,"integrity":"sha512-T3HObPbmtyzfw11Yg3qQaBQx3UWjJI5W4AaN3eYhrEET6ti0P23hc2EixKjSRZ/uYT0STmnSyNp4t0FBspqw1A==","signatures":[{"sig":"MEUCIA4i0WkfM7Phr5oHzQpSNaV4kJI95YzD2C9YW0Cr+MoaAiEAvXPj+fMwDJXybMjRqd9U0Ri1HI8bDlnOEC38Yr8yO6s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3dBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpnvA/+KjVbxBsfXnDUJr0VXc0tJitz1qbLwkW+Lg4uxNqFzQqqR6Sc\r\nKr8452xxt6K7oXNYMv7HvgR80Y8hnGWGOxT0C23p9sMATtmvU+gERM6r1bZI\r\n8O8Kh3toWB0yHPy3PB8gO2LbZfymvO/2NRzWrtbdPTB67hYxO77nWM2olZJQ\r\nsQYk24Jb0Ip8vramI8hDaM9ahK9HV0HEIAcOwUAqaRk7WL3umdGtSIqGrB7r\r\niLADEmB3TRPGpyIqgULFijWfTFE2tGUzWXQFVu42r7rjJq4YPb/FMovELPeV\r\nHqcX6K2xLfH9z48XLQsDOgDDVdZgVNzcrZeBHnTA8txyWsWN5Q3dVnx9ZRaA\r\naiyY2c3TV9dZMhGVN+/W936C+XMq0cd1xZitVYxwbAaeNyRCwlvntdq51kJJ\r\newHpUGmAmZF+DCKWrjidP1gpzaJly0FwEYfesFK+eu0cE3rXSqptCnJkpupj\r\n2txuo6MP+ZuOIUM3Cf2ZSkzMnSAAJU3MP4dbWHZhFacJjEDO+pNza9aKi9Oc\r\nD9gHzuqHw7lTMopRiEz1D933zutmVKbaHPhzl5l+wTUgL0tOPuDI7FwhziUt\r\nFiD89/5uJ/sO4eUFns1zkVOlbnhoGSv9tsDYTfNsAR6jS3E5LZNAmc6flg3I\r\n4aEI6Gna4qLxJoOuqAK659fSA3gG4e/feDA=\r\n=nq0g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022214171014"},"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/input_0.0.0-dev-2022214171014_1647277889806_0.8037843145554839","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195434":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022214195434","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"acc41063d8a8f2bb34ebf2ddcf0c066ca57a6ba1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022214195434.tgz","fileCount":22,"integrity":"sha512-/uy+PiTxjjYroAVye+t+ZUegjGAzLeaBrjIGUgBeDoJquIRa72fVWnw3+CZ4r3aaLxRYkOpYLMQtVnHVrXnaxg==","signatures":[{"sig":"MEYCIQDMf1hPl5J23/Fi6cTESKAvgZZezM2m/pP5ysItgEWKvAIhAM+ECKj5zXKr1L62rcAI140Mz0qwQtxVLyj1/6dPeyxC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL52YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRNBAAloqo8p64z0/qiCgnHFQJVBpBw4+YLXbbF8etjOKeqj+J9vTq\r\n8u6PZyqUdveaRjXgxIwCGDiCaAhKOEyWHvp1lJweuihv9vxDlg93eDT1+F51\r\nqmEPdiwKoknWSlt4bANwrZ9PaPljzWqwgUK7xOn9w9T6rd3yvLQP+7vjoKR8\r\n3QTsjeePx3cBWL/rkUc5yFIsXD6mufg5sc5JIglXHwe6iQuWdKyOwYwtNHv6\r\nLVgkF76LSc9wkY3eM9uSZLDPXpp9XIsReNwJcCz2pbDbxtyU/ygD65hq9VHz\r\nTV7yPRhY9mVQUtSyL/rNDLIGloQ57pfiD5m2rBe662zgUdzw81zmp0hSv2Hl\r\nSCCCqbLOmsXlTitF/QBmdP/1LAzO94P7um2WcLVS5kfSTV4xDSEr9shPusgA\r\nWVtm5uiQTRC39YWTmYCzXCOm7H5zZpalhkkwN9kxe7GYy8ZrtRJmN3Vjm0rJ\r\ngvxC0GbLCwxyiZJBLXmXpTWLBlFnMBOHjIS6gSRhN36UrumuW/EC/GS0BI+i\r\nizHnSj0+TBLZQ2X6LvdhnyQCi2bm8jhSb1oriA7lOu4gTBxoDFphal04m7q5\r\nuX0FsikID5V8Cf8lfE1KYZ3gpIxrztt8kMOqJ3n6v+IPLVzOidSWdpuiewaf\r\nly0TO0nLw+kj7cXln8FgsuMiPHo2S+vIa3g=\r\n=kiwb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022214195434"},"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/input_0.0.0-dev-2022214195434_1647287704531_0.10872397265828226","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195653":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022214195653","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"76b89300b8e2a616822faa697dcdf2dc7cf95099","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022214195653.tgz","fileCount":22,"integrity":"sha512-e5Zqjr1PK2w2ihmtDsNVaf5z29O4cTRsXKZaQ6MC6FM5Io2myNPKSt+FtDaN5uf5tD3Yx7NOdxE72R8q7mMCSw==","signatures":[{"sig":"MEYCIQDa2Ye37g0m/8mOzqSqQMIlX8dM7qkj+ZSxSH213J9Y/AIhAP5Pe1YIHUY/DQtTAlIpUUPdxNVykqqWTX5qoLhwyoUc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL54eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoj0g/+K7y4kuDSq3PWBwrPg8j4t7+5dv49k4MB6qB4lb5bOzjhs4QG\r\ntsQoRGwDX5Xj2VifW4RAOiN37fQgIBRU/a2JRCLE9XTnV2mf9xJDgs4SZLPp\r\ngTSfqMh0daSkdPLirpf9/v41c7uVXzK6KcuWNcK1/gp0hSBuy4SYkh//j68c\r\ntgKk72JxAvPSwgneLbz4sg7EBq44enRwEr5rrICo9X0lgo+WIwOVUdjgpJVs\r\njz1mfYIzps8VsGEkPz+DJqx/LuMVKlZG4LBdPNPGMHJw4uCK9SbTjWFRVlfJ\r\ncQHmHQRXk8g81EWvJY/+X3BShk8fkgTvmOHwBdxR1tG+thGQv+dj4SAfmUjf\r\n/TL4Tz76lMHWzeJRLbhEVr45N12YuHJpFeo7k/QMU436+n/MuVsxeKtrXT2V\r\n3lDhoQXMxZ1r3lNGmEex+95oN3InLdb+bvUwJ35GwSJR2UkabRadt4uKuMqr\r\nePo7n0+W9vwwB5uJfhDfNwv7KIiOGuaG3dUcamWwe+kojzgXTwVzscn7gBXG\r\nZ3Nw33/s6GEQ6G18LTYU3y+gfaZ3gN/wDOxS7aQFeEuBt0cCP85O+9+M/UOq\r\n8y6oWFmyuh4sn+BBJyUtcQ7MYg6ksjHLzT1FnK9rYpy2a+RZ2fsqU4L5kX0+\r\nZnrQvmB5C3xQbQ79Fw7cNGaDHOX0Cbep2DU=\r\n=fzMN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022214195653"},"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/input_0.0.0-dev-2022214195653_1647287837665_0.35740772068440285","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221419595":{"name":"@chakra-ui/input","version":"0.0.0-dev-202221419595","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e3c6be85f7d437c7769981c60e7ec54c2f72331d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202221419595.tgz","fileCount":22,"integrity":"sha512-Ho64a4B7ftlHZ231eZHMO/kacCa7VObAIskn0mXYERtW7Qqy+rwM0O3Z7GdJq+BVmtwI8PoDkuzFn4cMN0wqXg==","signatures":[{"sig":"MEYCIQDI4lsDiQl93kRrvZxYzxxEtLccyQKlhrPV+hK8WgjSowIhAPPfH28+xhopteRZrAXWnGkEunNksjXJiDw0GqR+9UW/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL56qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSMg//Ztb11PyefDrOyhG/tDKd8bgviVsilJ9YH/AqHG6BcozdIBrw\r\nDH/IpIGEeeFc3bCdoZLBCIK4ys+qVc/RH3poJwI7sy8ufhgD233LQr+OZ7MX\r\n7Ojc5KOaHQqVuigDW4gIRMdVrfjH68Ix5n6/oWYUL6FAjK6SB5csa1z9QPSU\r\ntoCWBIOVcd7k3O5HYpXLp1+02878mlHEQ8Ck399sGvLzij64dh2t9Aohy2wf\r\nmoks0qkuBI0ZKEVykZECjnv6wSXsENjgJsyj9SLLcmJvtQl/zPsns3e53VwA\r\nyHH/923Kn1DLYOxFJaR4txhHCiC0tX1yAL0K1wsFSNZYIfcvb2OhwVJUk4yj\r\ns1b7E+BxqSZb6MEa7i9n/tmdSWnrfCzpeTmuUGlpjEBCXGYa5iEL2x57dkGY\r\nh0FiDB86CSlJUq+9XZm5PCWuvweTegVo3j29VQ0S4oeEVQHqIM3YbsKAfj5k\r\nBPosx+Guw8oxqyXcQjyFcby6iHOOMC68vGYHIEnqRFsoNVQ1liouf8+waLht\r\n75ns2SAXgUb9qyHhYWJ79Mk8TBPI/PG1paNTvCDyD+Uss4h2rIDe7UjvaoC6\r\nT8INS64ub5nue0kkqkNMILRPbnPW3atxF16B6/wRLjR3fFUwb4J/6OuSM/NZ\r\n0lwMFCNC0h9846NXyHhAsR5dYPNMrnKqkaQ=\r\n=f6qt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202221419595"},"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/input_0.0.0-dev-202221419595_1647287978679_0.37304752919851536","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022215181125","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d94d4059230c49264f0939b743e14fdc0e30e51b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022215181125.tgz","fileCount":22,"integrity":"sha512-cA7k95cUGUIqO+HmAusBEv93Eks4Oj41WNcWfvLhq+w7Z3j3llDkMWprBi1oG6R9Pk3+4wv5AU/jCPpxLW8sgQ==","signatures":[{"sig":"MEUCIDjNoZ/lbWAY1rmonrJQIonbLuzE3T5RBU+OpCwiLm6aAiEA5HBy312Mx0zGERqmh5qnX2BGNJdfbXpwIaZaq+uXHgc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3Tg/9HM3ejDC+fiHzWxaHyy5D03lZjAcXj1qAwGdFXrWsoXCpsNmw\r\nC8kktcHQJKCJ5qBPyEzCJjJRr3IRiWEa2Dug/RakJpV4ML9zPf9eWaDZ9O/g\r\n7Dir/AMcelOqz9wNVWxwyjpkysAcIUpViyjYXHuTX1NVRbqBDi4vrCGTbfmO\r\nxc5wMRKuOTKEiWAEU4be06mfyDaaGIqSoVRjQGiiTkmkUCEXUJ/8igjz7Hxd\r\nLgT4xqqYiARJbuH6jL3Y65/ElbDlD2CZvvin8hJKS3Q2N2Xhrq0wSHbs/F8B\r\ndMM2Nws3z0i3zlAEJ3fFModJSM4IlC5RyTvZ3OLDuOykQUuD3PBrV1L+4A+z\r\n1+s5KEV5ua8y6g+szZsNDNqiYov5MksU/xJZa90aqwsgSocFWkq7vmuxH45U\r\n1/XaIK9IHl5dbqVhoJxc34lQMia8/AS6SWupUGIQNJW6cQSezi9IFjGF6bKy\r\nCxaG985KhNEIV2j+M9rL9vp1YRdRTj0jQ/z0Mg7aAU62ndWahrOxcQ014xNf\r\nXR0zJO+589iv/Zc+e1MM0dLGrP0ARxdywtLJxxZUtWSY8KSq3WVaO+YuiFeX\r\nrvRAIAOqvKSf2gZq2XI/l8ln9+r8sYaPTGSGIgk4cVdmSQB+rOrNAZpLXF0I\r\ny+jVv28pCIGGn7jv8BXwuZ7FbktMqBJEKeo=\r\n=Fl8T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022215181125"},"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/input_0.0.0-dev-2022215181125_1647367914933_0.2533829528693108","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022215182043","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"047b15f91cf4bed2252c51e5ecc992d84ecde417","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022215182043.tgz","fileCount":22,"integrity":"sha512-EyxMyDp9S3jfgfN34vpoT1fsK59qM9KjiWVF6yDmYASvdIm/EbkNJMhRkI+LRnXjYHMtHgvBcqom0s0I1YIG1A==","signatures":[{"sig":"MEQCIAUIb+7bWnqmwpYw3bD8jd/owuhZQzsaxLklgIygJUjRAiB9h9ocDYXPYJ8cVYSpIp/BcvsT8Idn91CIVFs3P6rplg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNkiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoppw/+K2i3sa66aKJ6b7c4C3+XyjUR4EbKD6R3iKMHYx2pln7fpX00\r\nKg4YRzB6N5dP+Ih5CAClYJARpUTnLJJPkDRqy2hWjnaURGW0/ui7+HDzZ+In\r\nmjIzNxAOIJfLjt03j6vI0auCozTm9Luv3KS0V/iKsOA6Q3aB/g40il2KbS3J\r\ngg6bSTjAUIpboBspZ8q7EOcye506UuqCEbQWU2uh3tcGhODuEi6Cw9Lrqfaz\r\ntGd6mF/T9t9X9+0xbfk9Vkqa3wzGoe99I3yOBaq22EZugdDvKKACOIxGgYPE\r\n+eveAygzhYgyGhvLig48aRw7mTQrIGZ3uKtpQ0S1xWOS8OZCb8f961v9FGJs\r\noLcb1WeQPtyyWdumFcYgYNxrQjoz8zwa/AYVOLKQn7Q+hTO5vbqocLBSxwGO\r\nXebf7qjqTUc4IQUVuW/UPCCr7CBey496utm8icTp8Ase3gl0wHeJUtMWhLse\r\nIS0Za/S5BaUfVCoyNFPs+bfIlvQdQnBRNtKr91ur0qiYzCkB2XfOGfVYpoKI\r\n98P+iHQNYZv6TuJmJCkTpo2DJ6nXgjFaZIIcMoUfgZT8Gosuvny6a5sxMWMp\r\nKs2fce6T91Nt5gJCmUusJrWdHmja74H8Alf8tYD0s0DKoE6gh0LFGs11ReO4\r\nKqdGgvN3cLDcCY+SNVLiX+vOnDr94TrtyyE=\r\n=iwIN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022215182043"},"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/input_0.0.0-dev-2022215182043_1647368482133_0.09879629471469054","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022215183938","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a9026d6c9725b10a1132c235afaace8dde6b2635","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022215183938.tgz","fileCount":22,"integrity":"sha512-PEjcfpLpqRI8NpuAzcexbw6BZrJZ52w4Fn0R4ETlTe3Fke4Pd74YyqHBk1lrIJjfjm48D0BYR/HMkom7lvusEw==","signatures":[{"sig":"MEQCIBso1TnfI5b+mUlK3MdlEZjeJaCFxq3d6PMIX1vf4JZSAiBZBckq/JZ+xIu0XD9oW/ylAnhPBiaxIVT8sdsNtxEpmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdLg/+NeDtwC6oXzYtWVAO6JxJ6DL+r9cZszlhUX8p15VFfRTfAcN9\r\nV13IjcVGjbFVTKDe/PgKHzYif6QGTG941CnHZNH0jIlN9KzgmTw1LeQDA9Eb\r\nB/NXLYSKrPLvVDV8kPVlEjB0If8ItxGBZzrztACjbB+pOLctBICkgAn4oAEd\r\nYSRqoGg9Z1eaxxAQ+Zxo4uZLOu9WymZeEWdnDY5RQVxbaujliaSEpLYwrAJC\r\nJGTTDXFAhsUQfvbdeZzuUiMGDBRlTVwac/EJWkCf8FNlyA6n79wyJT0ggLcb\r\n6eKImZkhln8VPONK9RWkU9pODOPRnMqau0+qNiRHEc6eu+V0NawAThPYcvaS\r\nT/BoKQDN7ei5/PXb+l6YaWGLWu3BDUtyar0v0eGTzish3sxvl3pb4/9i+bXI\r\nlJhDjoSrH968KEk65nPilmx9ZDRxEwwOczwyqexo6KglrKxRpFSZQW2ntCHa\r\n3CjW54uZvLXzlQZFM+uW64qYN2M3ZZBYKebWKG0Pcerl63zsPQ4xWyjux0Nl\r\nfg/U8GnyO7T79b7YkPhiNSBh+v6VwJ5yf4JXEBjB4EUbF2zvIIesQw/ZC4HJ\r\nTC2V67ZzKCYEN2BvKOnpZFgJB1Msf6piBARvurjYGlcHojXA18AB+FQ9fbqK\r\nrIdpSFI61rrBpdw20l3CXdCFrlU7lN9Ihew=\r\n=WBih\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022215183938"},"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/input_0.0.0-dev-2022215183938_1647369621224_0.5727576946173991","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022215184036","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3a1584b52b21c635ecffbf1a1f90beb5d90a3c51","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022215184036.tgz","fileCount":22,"integrity":"sha512-3HJOFgoCMhn8PL8QHypOQnNdBodHwVHS+wiN7Un0ndhTysWkLDNZ+XV9fW2AFuiR23vz/NgZto57HjEEPET2nw==","signatures":[{"sig":"MEUCIQChk9Z3qVUsAH4GjLYYRgJ4i2gNysESiYGaaQpmDC33NQIgLFZMtXpksel0EPevKtclsP4/kqmuW/MUmZBjcdUmf0k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriOA//XC09LZpfhhCENTnw6M1MWEthqlonLPAskHGrPxYkd4wW7MgY\r\nnu7LJZ1Ei0LJayq2vc64FSVTtUsTdhNIp1PdfnSTUiDSawm0/eu3mqyFmZxk\r\nDtbRMaeyEMGi5kv2Z5eQMGP59u0O+yHEog8WGkxn7SIwiL/TssOqAj9bVIhF\r\nRi0jLU90rezBCblziLEL7M1WVCcVtuei5gI+EK9pQj7DtHUnVGGPACOxfSHX\r\nTEot05M8AbN6wDolAxqvAc5H91X5pMdZC+eNPfnxu/ayTYqMScydPFi3c5kw\r\nfXystDxuyMQQmNqsR7VTYNG6oqnkuENIuUgEP+Fe5OI0HJ73Kkyf40bZ2Lzy\r\nONcp3Qoi3ZgmEdeizaMkD0+ozsVo1BLwTQhacM6Zos4G5eILY7uIK9dig9oh\r\nimL0xpHGkLR14EUaVOuL8W1gj1Efiv6hsDBZY5Z1C9oMvjg+KNimhDlQk+Dw\r\npBJChEBRsXKpzDZze9MavePtNZz8Wmh/XGpacZJFoXNvCvEBPyNrT2yq9cuQ\r\ngVjyIo+QJpBc1hq2pkWRDA04jAhiZg/SaIE5rtRuimoDxAlojFX0P5DyVeR7\r\nbZ4mWddACao6+SoopT2gRUyABm31xKM/F1/6zP+mU0Kdqi92Jsn6FCBgUOGa\r\nftxGltlqlv6z3h8sLVej5gfB4QVXlR/U0IA=\r\n=O6DG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022215184036"},"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/input_0.0.0-dev-2022215184036_1647369668005_0.9637344342297836","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022225182931","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e25d714e6b8015f39f470ae72947dac086b06b06","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022225182931.tgz","fileCount":22,"integrity":"sha512-OzvDAyrTfxnLhzmFckM+aKRTLU6bqh5nAbmnwx9CP+9+/qlS7TH7vNubgtDd8BbeWuFR8Zf4MJSSnvBjUqLhhA==","signatures":[{"sig":"MEUCIF4Al6fjbQOB+kH9sTFAHtu+VztNXrbysAUWxAiGoflDAiEA6t6zt36TYYCt/PeJzoNbnsYZCP0Kz0e/0zOimrcbnGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgonACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpa2w//a8ekNMJyV9pUivplpJ+3fT3E0h84/I14uC4C0fJgjbQ0IDHV\r\nP4I9rtF3hwQFw+w6R3aHdpEBeVEQH0WMHAEX6qkwpCVQVPp1zjs8sdI3NMm1\r\nYqH9f/cHao+cBMbn8Mk7IjXQo/fHL+cSOCAzym3+Kf0IUqHpE68etqfqtJPj\r\nqpD+bO4S+IjH7eU/hfwwbq23X1A7AKafGLlCP6VHcnuX4U5663o2cgww6v+t\r\nDoGZkxWfGEAtNqM9oeV/KtLEAzeOjqlVzTgu1W/Nid23Kyb5Z15xli7g3XqB\r\nGBsyRmKoYyPEKazp1W5KvTc7PPFQPG05z1H+DJPNDZwpZrXr4aPBYafvj9Ew\r\n5J2e5nTXnwNruiVPvNxpTpXutMjOXlMatoY3ryG4J1WgrCV9CAXWqtHKYIuI\r\nVFtC0M4liXyz17VWOCG2317ZPNolPkm2rtpnTu4eug6Afk9l7xd4EZqK1oEZ\r\nL2uF5c3oCT9rXr05CHlNGFqGhd125BxOXe465eRBsT/pZttkck3y7EVmMr2m\r\nWZopL7CbFPjXXyxVBDDBLFIZ3B7hExqLZxnsd4yPJaDisrEYJUr0XfnMlBft\r\nk61mCiIZwBnyfCoWvO0v3jXWBQ5HrZNda9O6LhczS6aTyN3ms/rU0HqESgGl\r\njeQOJpp2hJmMIS+lqMVN+h/INFI+sE4qGmM=\r\n=cElJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022225182931"},"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/input_0.0.0-dev-2022225182931_1648232998948_0.7713737163303025","host":"s3://npm-registry-packages"}},"1.4.5":{"name":"@chakra-ui/input","version":"1.4.5","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.4.5","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8e4f22fe151166fd1497647b38a97231d7e10e0a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.4.5.tgz","fileCount":22,"integrity":"sha512-UOycHcMcxKwGCt7qVEdas3gfgJLc/R3siEMVTH/aiROi4wPtzn7GZPphLd/Zn/sALlbVIqjofZ6Cj6Koz+bx2g==","signatures":[{"sig":"MEUCIDJOkEctQqiNOHGwhbNsJGiVrbaqE0e5SIp9swTAs8m0AiEA0S9xqsxAAKVXuuRHWpPF8qZtimtknwDh/zjHXumIJAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44751,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQEv5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdLhAAg2qwaIzGuxchH9lN/qnLuC2ZmJU7Gw5a+VOfmbhHao+sWEtw\r\nGcGpG1ZhEh5zqrJTCajb8rPXqS1MzbAuOWcdvPQxyNKS2TRTp5M9/KNs6sbL\r\n84dahKUSFdaqrISnkWBeybzQ7loV0U+rp96MwYfbovWnza755bYm444cREMH\r\nt+9q47HESGl9jbWhqeiL6GsjffrNwLeTdhowhwXtiiiFsff9YmLZPlN0MMeL\r\neqUJ1iLTtRK1gZPWgOhIkz1S+5Y04k4dAlhvEagKFR1BzY2W310o/AYeKZuv\r\nZ5wCMNK0eL//0v+XAHRILV89hsIElCzSJaqn6yo9QClhVOqMzERq4DdAwdCg\r\nddjnRMQ5KuCsYTz9TLjlxjjWIy6pxSz30+GJd5SjqKe2XAMBUOH7JkasTAbq\r\n0DoT55OicYiMIjk/pw7d8JVhQd7o8hsbN1d2Ilhza9zX4W6ypCwYJOPgsedW\r\nbhgBX6+eJBBg0pMbRaUPN5oVrCaDYmif2e0PECjvyLy8nwTOseviNE0ZIduQ\r\nUNKx9Yf6OX570/7AxgOh+8E94N5P3npqcGN2BJVd7gdCloQZjgQqKC3SdNIJ\r\nlOh/WrM7MhCl5upy+qYCiwClTr2DYFJdY3GJo4l3BnKQjI50wUD3Uf6nPQRq\r\nZv5nxOtuYKeDcurAAbgmdgvWobxEhOFfJzo=\r\n=N40d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","gitHead":"bab4f2f2cddc5d4ff073b71ef72537fb754d3643","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"1.5.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.12.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.4.5_1648380921071_0.29279592114117614","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022228155140","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"25ba712d9a75c03b48a6a7b483f508c1fef2afb2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022228155140.tgz","fileCount":22,"integrity":"sha512-8iv63OjEdtJdiFtn7w8fCCHbgoIDTeljiDuQYOf2brjl0c6TUovbkijlKTzZW72pA+pbRLHvW2X+N0P4OpKaTA==","signatures":[{"sig":"MEUCIQDY3wSicP/T/S0va7vtfTnyQSLirOBX0Gup9W703DToowIgFF7qWiId6jfuqwXFXc2pmOXUguKByYI09oje5np1kJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44821,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdmvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqyuw//ZMCscZXEHT+YvX2hWJMCVLFMghmA7VyGIpgzw5j9Im5fR9+s\r\nS/VZIkxnJQVptDFvwjSOVt5OIg6ZsQM5/x4GTR/WLbjlehGGRW5n41oVVejI\r\nqfl2C3J/s97x47jZpYhJ2eqOZYg53jB+LwF/BOlNyguPgAk9+vYdP6GMyl87\r\nAHcbQilEsySAXZ8f2HQVMALaGKO84HWT4oE8ZhPGxAR1sGTQpxZ4WHYeMeD4\r\n0QFqOJOmTaxuHAEW993F7Fsi+diLwg2AVUxlPaUBFKlUl/sxNKjiiKqQPOia\r\n5X0pqYyo0Gk5U8m82DLqrX/lxjhaiRMqHUCh7CXnCwXwGwA3YVBdd6GFkgQA\r\nsUICTPUkGZVRiPRd5tY9VK0Gbo1qTXuI4DNlenf7gzTZttqKWfiyicCgGSY5\r\nnAXuEb3HVXTcbHDgi4qhrCmhBjfxjZrrLRXZPsGVLTtvaWvtam3f94f+DUji\r\nNwfGGSl1lPr1qDaxAqLGduE3Ht+0bT1msDTB2CeFcG2o32Z7PhGKmQpTLiBy\r\nrPwnfWi8YDx05PEUyQtRj3rv8dfoAsJtad5HV5omdwEHFKHIEa+YF6D8St3z\r\nbH3S9oY41dL/Iyc2WKxDvE1m2DIM8GCQrLXn0AnsHdhiMO71SX6MtHlNIbOS\r\nOcf6TFwc4E/CB+g2rGNAo9vLpRFA69O0ijo=\r\n=X5V9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022228155140"},"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/input_0.0.0-dev-2022228155140_1648482734895_0.9241212416357414","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/input","version":"0.0.0-dev-20223215463","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"171db4d4e317bdd8b62a3aaf1741cf11ecde8686","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20223215463.tgz","fileCount":22,"integrity":"sha512-BKxaG5caaW4ZXX1fg0E1F8gkdElfXMypr3ovEqL2Fa6AQ3UWsLFEEh+1n8fb13xtOC+pqKvLxrf3yywDb+Vqdw==","signatures":[{"sig":"MEQCIE2dT5Zczv5XXlElppEzeaR10WYUOdJ4/K5nNp3jGfUAAiBZhE4qN87Ls8ei023pCUi8/BpPsRNuamaTTQWMKfMETw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb+RAAob7BWTMN36MdFVmimoVgjqYfLyBD4zgV9T3ZPeq3AETCmhoR\r\nkgkwWI4bA8vpl2xs2JElUh+OfAAMffZd9sMx7U5+9X2RbfTA99fYaDN904yY\r\n3qixiPwUzF+bEuXnnJQQUd2sRT+5Nl3y6BglFILbXAjfT+xm31AxWChcHuVs\r\nl0lF5P3FkccII3aB70+ohcs25uP3paBPP9DZHwEMMpuqvN4lqeAZqGCHXueR\r\nXhIFD8iPbK1tp8ewCnwOeyfrDBPzZtTJN/Yy6DIzMBXRRdO4UG9NjNc1Ujp3\r\nhCilMrowsQQEqgNv8wkHA+YPy3XGovfCYqeqF+NCvhzVLMwFCgCAdmVYUDav\r\nqD9tQrFAzkKU7zO83aiVlCl9h0Rdd30M9I4MIB4+y5sRF5kK5R3TrcMwo1qk\r\n0NWScAGKAN/qgx0D1mY27wsw+3S5+LtV+AAWRlJYMrSsfMsM8TPMMUpeX4M2\r\nKu0a9ZRrz2Taj2Vn1hs9UILFu0PRQjJPeEWmeFK0qx4OW6Eyn1XEvmYFk2Pg\r\n9h0b0sIgcb9NxDVRWqQojwI9hl9ehQD5awvWZjtoFDww81pSr/YIWoT2KmIx\r\nPlHgRehrc8oXO7VvfxsQsb96Z7EAcY05cfLddozBo5Bz4Wcm7oqMuT5wupBB\r\n5DUKrJvOaPz1Cl/Ez7DW57gCiE6YiEkd5Cs=\r\n=SXKZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.3.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-20223215463"},"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/input_0.0.0-dev-20223215463_1648914391266_0.6533664191763864","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022349032","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9398f5915ac7dd88045ad4296549bc92d41e91b6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022349032.tgz","fileCount":22,"integrity":"sha512-Yl7AaPGG6MeKEfSVeh9n9oAebCJebV1aCdprhZW7kTBG/iKrqmguZoxZLL6WavNPZ3M4xJtUoaSTBl5sbumrWg==","signatures":[{"sig":"MEYCIQDKOlKv/OxaT+HkuB5kM5C5nHJXRycilhj3VhiqNBVavwIhAMUayHFv1aCg9HxrVBo7IBqEfdCTmNebpHHv0Pu4D8Qo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5mBAAjaoWBunqYzfTyYj5NSD6NlzX5h3CF8ubHXbZCTt+yNyri9sg\r\nlbv3C5tNLNAYM3D4RvOBCpF2AVBQH5vZu5OBK7IhJJodCnr/gEIsewZo+QFp\r\nJ7uhf86IHNgHwKKrwedajoqIZinhAHFb+kfbIK6ofTxrc6/YJgWR26yFGhMK\r\nABFszeBxkLI0fEchkm7NLGyMzNXm7o/fcS2M6WaE2xB3E8JCIdYhl8bGl1k4\r\nl6aW0fW6phkdPb1YB8EjeXKaHOQxGKMCf8HPMAvBp8pWv7bNwhe6RA4MEdCf\r\nfPt8K7aSPcyftC3KgVOD/R3W4DrJbM962/i46mial6fD8gG/1y3TyeKZDS/y\r\n7CgY3SSSIqnJ9Aews9LmRGuizu2yKhBDTuHv6EOdKZTjKZHSaEsGAcy2h/6A\r\nM74tSh343u6g5rAjV8BGx5Zmcx35xHoF8WAWI369smKJRpijuEAkevbc1bE1\r\nlUappqTOJD0vSG5s5TfbDOuPB2RwUq9I8SE8nByi+JUr3dLZIrvXZsrvmM2O\r\nCwW73qz15HjFzU3LRkrxRGk+5IrFALXciPVqhampkgBe6KxevoYaddL5RYne\r\n8yErfmKL6gUsp8bbDerhXAykLcNZ5iF6M5a8V89uhMVPzg+o5n8Blq0kSY9T\r\nVhVlg3KbEZOuoTGewuf3wm3fQm+ku3pR4sU=\r\n=wpNu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022349032"},"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/input_0.0.0-dev-2022349032_1649062868361_0.5503599037592277","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022349233","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"40973bcc79d693e81a36e716075cba9fc71e9a64","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022349233.tgz","fileCount":22,"integrity":"sha512-KgZChpj1aLfwS/nYiBGgxsOy/bbyZYodOZOlOpjLJ1F08jfxrE88WjIvQI18EHWkQgj5ChquQX7eoAyKPN59Gw==","signatures":[{"sig":"MEUCIQDptVA11FkIW4Z7Tog8sX2UWOmI6d83hSBPH6UjZ7nZCgIgQeYePPR/8BvcaawyhgBwoaSYEW2FqjO09qoatgdMAos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOMQ/+LNWjRaOZ1TZDalFRJHnl9H/42guMEEHXF/rLsdrK/HCqK4Ha\r\nYe6MEfH8y2+eeoBKUTDRI8pRVyMgefQfGS+UXc1W6KCi2RfsH7cW2ag35y/D\r\nBT6TMEiUs/ELdTno87kxK9nXQv0HkkOUrgLlNIYPhj42MbgxtY6kjMAHBTxa\r\ndu3jaXHSc/pwakYB62LkuW/cVfeGGQ8uGtrfOM8n3MTqPbRVNp9rDmAiYE4y\r\naYaShoTs1wVkWv0g9l2oPi8c5O3XbwWWAyNrQBlKVkdknENmVNq9ucrygVnE\r\n2T6ud+1TMk8P7/3aclubHM6zlNDg7lRVMs8taWS0yRVBellt+gE1+hcOhPQc\r\nGbyCRaMVReAuIomnZQkMcCP2b+nHwZ9i8P/nwcW6zrXjQsBAnPFRfsUlAo0z\r\nU8tw8z25q1iWvvXrT+vIoDVTPmaToFjCJPDam7taow6ouxbLSTAHC6J6wwqS\r\n25DlAhaLfhgc68BJIkYKz9Xmb8sZnNS33LM2XWW8/c3nSSgPc6kVhgwV6O0a\r\nCYKAfRJzbaoER1FgGZysnL0R6S6Sfk9SoUMXeSdmxzJ7tttrsC6g1pU0YEG2\r\n0V/Xs/N0/6h457S9JTrsJXI2khcc+urVZRi5zEpbGwgkT9hdMRBLEiOuWe1O\r\ny6xFCGc9gslrvup+uNIcjId5MEUEofvL09A=\r\n=3yXS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022349233"},"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/input_0.0.0-dev-2022349233_1649062988520_0.08079595478109125","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022349957","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2cf598d9e4471bdd89999f44d8b2ba75db5a330d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022349957.tgz","fileCount":22,"integrity":"sha512-w8NqcOP0e5CDNNSzQPsrFlhGHqPtLaCP+QmliNigIf1p2iXLDkTLUQYB2kY7fJhMnSzi46kedQskMvpg5TZ2XA==","signatures":[{"sig":"MEYCIQDd9Q0iWKDbeJJlZoQE1ABBjn/uLd/WCiIcnHfw2SCTJwIhAOAk69/v/e3/2ot4lA2wDDLhVOec87vQZU080uwcFT6R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44809,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrX/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb8w//cD4H38ECLAxU6tfJ3ktM3hZNHo7+MNx/vfwbSYC1hlNZAe06\r\nvpkixxBTPEMB2ZjGYs1rInbmkeZXuvnDO6+jZ96Wt8WzNSC6PNdxe+8Trhw2\r\nTD7nzqm9UKa/yjaRzxR8U3unWNZfxl83R+dOFr2LCKUX+CCaIN6fmA5ld6IQ\r\n/X7BqgZguruvoDiBOn9nbpcp/EGeiF9m4xsTDmvudmGuKlNr0PnRYU5rM+Bv\r\nhboD7AvVyKomBHShJKmAuZVEIkU0oI6BmXjASRdKwouTGvE5T8AplW0jlTOu\r\neyZhRzLiqgIShtuUGn62je09F0PIGGxHBO9npWzUpsJ2ruWosq2Pze16/9su\r\nQ2FZwHZebk2QuLwWxNltOL+15rN7LIPDZAQb5PixVliG50zEP+b8smzKJj7n\r\nf/DRXm8jn0Dmc18mq2Inauf57RXLpqA2egEsizj3FooMWC4roAc2ahBYISVg\r\nnVSMp3Q3x3T2vqmX6xmgd2hxLMXKzZq8tcAqA3yFCY8uIjGP5d1j0xVMyXni\r\nWxSl16yDEWa+0jtWVCXxuc/B5vNxPMMrtNcrKOsMHkPiQCrjDrpdTDDiifxG\r\nTd8A3K3I4k/RzmhrrXjfFTqcaXN5sFt6Z59eUHj80W/LX22n2RBjrroxF8qD\r\n+YeKwN1r7xlUT6uasp6c0POwRB1FZMhFSgc=\r\n=hgyI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-2022349957"},"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/input_0.0.0-dev-2022349957_1649063423609_0.9529667325295996","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/input","version":"0.0.0-dev-20223491859","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b97d0ce1f9e1cea00bed48fe43830022e68b8a49","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20223491859.tgz","fileCount":22,"integrity":"sha512-R9elmJ5dCbwgkQqA4GQ3u3U/ZlAU9wuGlCohE/BCqH6z20ZTyQbjWHRXruojbr9Cr72morlN1bIrGTFwx2z3TA==","signatures":[{"sig":"MEUCIQDtNC5Y9zv+vtWv8Ie4g+X4d/8sOOEwNcXZiQmVFDj2gAIgBbUSG5+7aEw8zSEbZcG76D2uS1Y+0kRQltzxwnHnnJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrglACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVjw/9GjTVcMGH7iN7YmXpVidr72TwBWyEMO0W0iIK2D4QUoURnqP/\r\ngMxdY2C7mHf7xxVghv+esQzxMYYCsCqFJ6MiUbwscL4Y+nXF+jvxLg103FBA\r\nZvOWlF97+Vi47jckJUmvcJ8TEG0Hsbj+ZA7mXrAcbo6okeocVaKkHXBpelFw\r\nQ1UxxAY1WeAgyr0GKDtf2dzcnbC9VGzhPjil4pbQei0B6ZwtSspGYoxErCYP\r\nl7c7SnQg5nqDENNSrmZa84pXFxdAbrHUqDrMfvNxj9WpEO/wy1wsxv+vZSCv\r\nsGUxXzWdO9qwKJMiwdgr/UOS73bA/aQeHa5VNiKHXLVs4g7jGSUQRI26vB13\r\neNPXMafyiJL8zNMkhIvA8yIFPgnEwSozND/GZ7V8LSicKmBuIv4QOQkGSIDG\r\nBSLIER4XVde2x5+cSypeVSiOr+FZv0SW5KRy1tsHLLWvbm6sUdWrkuTJlc0/\r\ni46tUSnVRai0IW4cWf2zTr49cADWVIB6VaASUz+pp/cBvJtirG3GUDhbHvJt\r\nsZbC78ii09epUh2y1g+8B/4bATkx/vleWdE7uP7IayrVHVoKPNfZmTnbnkOo\r\nwT22y04m5WlTrNY2rU+EhBv7/VopwRDgD9sGj6RLeK3KcVRG9QMN4riDD216\r\nvsUiFVW7I+nucVUDto9Ic5Ev5CH+hnTnTBY=\r\n=FY9m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-20223491859"},"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/input_0.0.0-dev-20223491859_1649063973507_0.13013119886785218","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/input","version":"0.0.0-dev-20223655213","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5858e000019bd8547bca42fc4cee50f7cf21f5af","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20223655213.tgz","fileCount":22,"integrity":"sha512-uI2oS/gNrB/3TyH/brt+X92F87D4g/EBFbnfxHT4nGpk4F+is3aQeCnAnvRNq2WCMtSmVOixmx3ZT3b2Ar2pvg==","signatures":[{"sig":"MEYCIQCNpkagNfcMzyTObV4kEB5PdZuUwGvkwT2KNZGbgg0fpwIhAJkFnyW0QDHo0JBZjMPOosuEuBZhgqxX6KIyHHR/QrxY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqqVw/7B+JIZM2s9+b0oCSVX1tEQiy4ZcrCU1COX6Pl3G078dqC9EWr\r\nqibAL3rdeKIv1Z2Jx6Omwv8IDErvjWQOIO1bp1KJIhB505ui+e8xRx/L3JGj\r\nAjiMyjn2eX6EAO9oljZSPxkYNK7gSOiFd8JXd8RmHN2LDi77VVzmdQ7XDUAK\r\n00IzG0YFdVCeWQwM0ES35t5J4cVohw6aU3Uhd7eCUjsurLGJ4jXmgXXGHbEn\r\nbKkfLMcT/k1H5RFog7C1u15GU0a7zZbZoFoKnI7NxdZA8Z0ayuamzvKJJ+ny\r\nU8CXbegz9d3NiUJ7dBhmqFaK7+2s/qnHqziWcoc91bhGEV2e9jcAqm1VqWmw\r\nV1gBA9TuOqHXVofcNXvPEYeDnTrFW5BfsAtkGb07Pm7VIXxfKjiDhfmB95NK\r\nDxXGPRu7mwFynGW3de4lwSKRUQtygAgpSJR8PW6A6zf5ElD8wPoSAMF6Yo7E\r\nEKl5/YjJapSeWbJtj48njSz6mzRs3VyzZjkygINumbbBlje5hu0wTYk9ZyBg\r\nUt8HOdvjwIMYK9/i7CVmvTKtiwkxg4BSJvcib/7c8DP3xBAy/GjdS5UNqslu\r\nBK4BnBCLB1m+MrXLYJE1woWmSqNTDS/Z4zO3rymIJ8pF0P+7utP2+herVsVO\r\nfgH5EGx4YTwVfof/6dInyCez892fAY0RCPc=\r\n=HAhx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-20223655213"},"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/input_0.0.0-dev-20223655213_1649224362603_0.43274406446576874","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/input","version":"0.0.0-dev-202236131344","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"88661273ecd07b1b681ffb0905baf626247ce7f1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202236131344.tgz","fileCount":22,"integrity":"sha512-G8nUEPGEmeurkfEkqModV9RrDZHQ/srBhZZx2S7x0tXO6hQ0troDqNzoSMj94DQZ0bfSSn36jSN2lDpCDNfdZA==","signatures":[{"sig":"MEUCIQC/4oAiAfeubGbf8QBUtAKc8T291MsYi9RR6jHdJkzWPQIgVT1yvw7Ad8rUdztFF8ka3ogav6qYFV1Nexo8ae8e3HU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+fw//UrVg6f9+7/SwTYK6ieCnvgrk9Q/snWA1IoNkxi/7k1iqP881\r\nfDfE29AwYDXEFuRY/mSE/AgxeO5J2YwxDAGkGp0OwoaMawvGVgfGbIMlSgq7\r\nn3xhSofWrv9S/w0nuX8EsFgPSyyLmj95piPJcQUhdldVvYY4vbojtDsC+FX+\r\nUjcWFuMDVXyWvC2Xv8Okfo6b5R/0o4rq+uKDEcXlALLfp90tS0oMaIIBIn1G\r\nRKW3mxFyRY5aIOzC5qKf5jBErcizryqA69ykRcCumIRx3Gp2oRdJFShiwxix\r\nbL6HkLnyEBXoJbwCS3dbcIdjsQg3+IN4gGbZdWGXsOUamsCMs8gjlfZqg0J5\r\nLzVVeZVtmQpADMPBCCLGxEP5xZxFeKfjODDeZ7mbkHh8W89JC3Af4+R3nJag\r\nuqROTA+8jHc1SaOC8UCMVivVNtNFB6UEKGpHf8bVy/8I7rQPKjV2jZI6L+kw\r\nwp/hDQRTCvFTKNR9SBZK9/lnthS7SYy3JveXkLzFVV3MaEHJtFht2LvJAou3\r\neWoYqKyr4u7iVIcK146Edh8naoGlLrQ599RP5YzA8hgwEl+9udCAaWKf9S45\r\nP2Au0SZ7OSZiYBZs7EY6dYKIo+hjPC9wC9C0+5lLPRH4rPT+pdRF/jox4kk6\r\nT9bfIQpLcAEEbBae2XkMo9s2+Qrf+PfCCl0=\r\n=43G5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202236131344"},"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/input_0.0.0-dev-202236131344_1649250858330_0.4929776501797021","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/input","version":"0.0.0-dev-202236132312","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ba6fb68d23a3464bfb9a0c7b91ed44f9593bca42","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202236132312.tgz","fileCount":22,"integrity":"sha512-Gak51jhS26fUjqrbIFoXNsidKzUaayxWMTrf57S2o+X2gxOoNJ95qaMxQo1e+aalyuX1WFiHP2v0/GGrU5Uc+Q==","signatures":[{"sig":"MEYCIQC60wQs3UdTs4KSp1TKI+Ud+F1NBt5MZpBn4ziNuR3K8gIhAL2C/QCpiyGr3Y/foFG+337q0xQLEV11lTKqq+hqtmtz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRHRAAoxWSK5U9taI3IPU4eRJiRrpE1TZnaf7pBk5RZZty0S99+39N\r\noRCIxSHGehvuBfzDYg4hfxIrEwRyxfbG+H5xsh+kMJtISFxvf789jE8esFz5\r\ntY5sM2p7Ic/a3jAsTU4Vo5EVrdn3pVUCdGT0ERITkqgjBgv9FcWsTOMX2eDL\r\nPZXWRT8xTSY8PYrPTDaYRg45bAsTD8I5ARKqaAGbkeDr39NybVtjsUNTmxL/\r\nfsK6mfjsu0tpjp66rRJ/2JREEKpxXQt+nXuWnFbcytoJOGNMogoJKoHsn8EF\r\nlO2AQqbrfytWazsWzvOi1/8Xu83P7/hYcNAePDyjV91DxMTxNhXZGq6JIkcY\r\n1LAul61FyexG8s2la+AW7gu/L7h0K4SHEepeY04dMWpVxZceS3OpR8tYyVWI\r\nRhyxPMq8s9gDc9nTspw3pTYIoqMCCo61DJXy4gEKV3dxDNEXEyUKaJd4apYE\r\nNMgFchY6ZQD7h9VPN0o1ZkVc3PxqbuOP0UGL6rEDS6MM0TQIwsJI1vznLaCl\r\nyzsYrtehOwomZdndKqCmDbmgxSsYp/y3cFmNY93WUl4vAe/2V3P25/J6cyCS\r\nsRb18rE5YdnRF3djndOrX6O2HepX6GK4yTa9bpJYy86zwu/xWNLo/csfE+O+\r\n7LY8tQ956NxTa+e0s263BjA1Jx0fkEn1/4Q=\r\n=lgho\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202236132312"},"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/input_0.0.0-dev-202236132312_1649251420311_0.49771851111715404","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/input","version":"0.0.0-dev-20223614103","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c1799fc7de02b591c89fd6703f43c0953ee91e31","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20223614103.tgz","fileCount":22,"integrity":"sha512-Bj7iCeeFnBeH67mfpxTCphmuWHVK+x17o6nGeVXxQhjIoC1Sa+kY+Gv5uIt1tz8lY8k0Sbpg2jACBMpl5WO95A==","signatures":[{"sig":"MEQCIBuO0A2nrrieyMIW57h7hV1dzvAfNFVSB1/cFGrFzEbIAiAGL8fJ88fDzPVK6sj2F+My7kU/24YpNmr6pD97VoMtjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44813,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpwzg//TIZbuxy2mSfn7p1E5FN2YPza/G83Ztb7m7ajgNzELkXjl3mD\r\nVVIrxh61eNKStwtzluJiObKlVE75yCLWpbKHyqmK79Dt+UfllQqnrG8NJx33\r\nvRbiyd3yVNnobcUp/5LdZWBZXBImiHjQiOekM7MVCSxCz4DnMRvi/AWrcDnB\r\nDfuQlxXVgeGsvtqKxV8m02EvDYx7mn/xd7ppk5J+ckVy6NIx3fVT0ryO3Ya7\r\nVkko0juD2FMHSU0GEmJi0Kc4ROPNbYR4ZHreqBnmMd+8F0ResgVO6WI+FuJo\r\nOB2T8KF2jwgQnSTAw/NojVHNotXEuKGsVUCeRWi4/4Bvv1yadg7sAeHTwwW8\r\niUMCmOvvdwtZktOnzQQLtvMvmUAoetwD2mtbCWGl9M+KQrzZb6yU0gkWbPNU\r\nnUwyKmRZO99u8vt1Pi1dewdEYMdM1vRMwyIk9+ep9h/LE0OeuadWGT2l31SF\r\nI+D7sn4hgxfjREv2RoWp+CXUkuwOXYrOlKF7SwAiSp2pAUJHnGkbLWE9RRPh\r\nIafm2UceBJ7LHLYzlZsNyF8Q176VPYrYJHbTMG942izAK2O5OgL/BRlswVDS\r\nJONEkUg9ZI0Qutyo/nVysCHXQLGbiREQ10zVEqVSqIuOcPi69y5zLX4oQbGC\r\n2GODhqZtfg3qmwG+mb0AvN2YcC3F+sl7VMI=\r\n=+hjL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-20223614103"},"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/input_0.0.0-dev-20223614103_1649254233510_0.8959319069733689","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/input","version":"0.0.0-dev-202236141416","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ca25d9ea0565821d7d6d2f22f798198954b0856b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202236141416.tgz","fileCount":22,"integrity":"sha512-rHNSh11/c0VKb6GjqfUYRy5axzUbPmCCfjXr+4Ymk8Hmq6GKI4/ezvSBA0nYlLk90mawBqqm09FMiISV9vkJtQ==","signatures":[{"sig":"MEYCIQC28uGqa1KN8WyTvGWoSGKRSq0zmDvvUnuCHBvGtQo2FQIhAICsxyg9PMcNbFuwVF7TXjj2paFY2Qh0nsMmlwCjb1Lo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44817,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbaw/7BCOqwBGb3MVainOh4GD2LYjpEi6dqygXIzoRL2CjRe4iUED8\r\nlt37XhV2HjQKa++bNPf674pVCB5HDRrdYs2h/fXakKkD455xTR4nnsysLC2O\r\nF+H2z6s+VKUfnBgIM0HIGaj+eYquYJOQZZblG6CNIgWrDm5PXAFiPbpwIv8u\r\nlZ2zirPwtDcZ81GmmC54Whto1tC2/D2XXcUS1pla49zQkgfPj7nCYvhPyR94\r\no5kcdMRunXHLopQsmdvpqj10ct67x+Ca6YO9AHKEFn0QCOLY1vzdlKPHL8FD\r\nfBCWfJrGMVAwtj7gyGatxgxyQhhXR2zcq/TfxMtqGDG9xdGpXK2LMqp3j4HR\r\nPV+bqe99xMwHUrXRnu2xkVDydp4GIvdpO9ynRIQorRosjISpdDwQK5cm2hNI\r\n8Ho3rYDn3iirAEIxDhg25zlAUXeNq/9TqavghbzIaA0/hZrBTSZt0WyfLkHj\r\ndZGFYQtxtSAhZBHVbjSp0WFk5yE8E1cf4cSxToouHaoaoE2qKDUJ9qEAIqY7\r\nCQPdGF0hfHcy9w0EP+1cMhC0nhKC40h2ZSV9fHciL7QSdPqVW3U5vvN/IMYa\r\nfyk4Z+86bgsnqpEdftfM8OQzaPfTF/3S7OqcMnhkk0zzsp9bnUCNKTF9D7ak\r\nY+A6kq2FiPdZ+DqHS9YcIAsc3nD39dwlPOM=\r\n=D57n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"0.0.0-dev-202236141416"},"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/input_0.0.0-dev-202236141416_1649254484512_0.7805461435319521","host":"s3://npm-registry-packages"}},"1.4.6":{"name":"@chakra-ui/input","version":"1.4.6","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@1.4.6","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"455f24e7a3f401ef10b50b68d9b0537676fbfec5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-1.4.6.tgz","fileCount":22,"integrity":"sha512-Ljy/NbOhh9cNQxKTWQRsT4aQiXs2vVya+Cj5NpMAz08NFFjPZovsTawhI7m6ejT5Vsh76QYjh2rOLLI3fWqQQw==","signatures":[{"sig":"MEUCIQD2QClJJFbOelh7Frbqjb2/kE0YBPnrunTdwca2H5AufgIgDjRzWerXsVaAGRaJguoQ5pmxWmOYLQjvolL1hE6nnSU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44750,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwSFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJiQ//fTbQmXyaaIUz0Z5ZlqcTa7jMbve/qiHDBg+LUJyOPL1yenhs\r\nmb1nUnFmagVE+PKCj5+IoPJFffM95ahR4KT6FuEo6m0jm7gj/iZ/ZPYsvw7l\r\n2wrWsL8jJERX8EJTtTzKYsvx7QGFW7kNDZDDCUuU0XrIoXY5ek1uFhb/lU2/\r\ngpNRViXSfpRofako1A5hDeJxlpxvg0asUke5lkSOgMzVc+ijtUnxCoYp6B1K\r\nnTEonn/epvHKfCHU28zcFcu+xXOvc9vtqCRum+YY9rxpGfc6XFjdD1X8Uvv3\r\ny0axDjJki21ZLFTxvELkZyAr0Gka+8YVRVF8pUPILa8WbtOoUacTVQ43oTA3\r\nrJHHzkIAis3DTVA4E17eZTLTn4JZL8yPJFtvI34ds497gKXZpPkhGgd+VCZ3\r\nTvBYKC0wjiuBk/LnWZUfY2BhUY6JpC2nsfWVDhGl9UNTDvl+nF7zOap+nNjQ\r\n9dBBSMZTHXyHR8r7Fx9ZYHFuK+I78KibDA/5EWsEuxzU5DKDeSaqah4Llc6X\r\nBJgtZ8eWT41JNdC+pEfnVTVO6qVaewcmm7iYhgbXtQoKsTxodInmprREmWZE\r\nycKHrH6wMUvJ29jdj+lEtTY8Q1GyS0yH7JBMLZyWdnLy/krBHZ36X3bdWa6v\r\n/vuvcutyh6BnuqI4AzYYsS0jPMM1+PiDkoA=\r\n=+q6G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","gitHead":"3b0f3da033aeafdb05582fc5b135499d5637174e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"1.10.4","@chakra-ui/react-utils":"1.2.3","@chakra-ui/form-control":"1.6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.12.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_1.4.6_1649345669427_0.6689890433399357","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/input","version":"2.0.0-next.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dc8608eca390b5c60c867ba1aa8429ef02de6aad","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.0-next.0.tgz","fileCount":22,"integrity":"sha512-2einR/6k9VgHEykMj3VWoW0/SxEBIO1wW9m/fcS2JpgVP2wpPUYXwn/PYdFNIHA96pb77PNUQ8l5zXqpUwCBrA==","signatures":[{"sig":"MEYCIQDQ0fgLgeqe3dRszZOHg/gi+3E8UyrndL0tgWJPvdTdvgIhAJTUv/s9rZBb30TGG0iBnxwcMafOVaacFA65nIgLG7ls","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY2rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpccg//euvOQKuW/ysi/nIWQaCSi9tpRQtJthwuK5/F9EQElqJ1gvJj\r\nOfYrDh7+SpCye6IbDxTMj88ImJTrjon9YuUiA02NNCCeKcjOiEaJbhMC+nt4\r\nfc3F8ItDJ72kXi3fTQbLFvvIWj25ONvtYtbboGJtBUyVrw8M9KFE17MnJX+r\r\nTHxotg7aCxQaCQUPi0EKgeZsqcvArzsUW7s/lQ0bHB4i+BYbBE8GR8Khvvkg\r\nRNvygbTlXIIVy62WKMsmZziIDoypM/ILWoMeoHsFrl4DLCZ1h9r2xPywiTn5\r\nPU9fdFTevk3Z5SDQvdK6dgppjQZlVAmdpgkoTp2s/DDLcD7HA9lkiPqjeTh6\r\nnZGTQcs4V9cgVx/KRbr/8O92DwWG44Bv1i88N81AkxMjXTtSqDiurikfFihu\r\n67bUj2r7MPb11y3ovnxmlccd1PfgbOYGi0vQCltEKEWBUYHpqKGmD/KBS0cr\r\n69C+PaVYpCXIi9IiOj0pH/cTsDK1ZgUV4fCAQum1TRKBncC4dWuTLj8/6HAM\r\nDrr53Y+Po43XOGACpeQUMfX1Ii5VFtiGNb0MeUhw4YnX7e7ojzE22Ks0Zpcc\r\nHf9fOeJvD2AWWACypucBxIYUquZ1cVMZFzI8blZxKdb5B9I9VmDHDYu7bklJ\r\nLHX4V4GYmskVi+fee6rRfFl/2/fJPG+M+iM=\r\n=pKE2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"2.0.0-next.0","@chakra-ui/react-utils":"2.0.0-next.0","@chakra-ui/form-control":"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/input_2.0.0-next.0_1650036139709_0.6526202030019264","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/input","version":"2.0.0-next.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9193c9a07ec2414df272b1b257eadc7f985449ee","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.0-next.1.tgz","fileCount":22,"integrity":"sha512-1YYXbH1qV1TYH/ATtDT2wYNcTPfy+nK2hgk3CHmrFzetzqkSQn5lv46gvGAacWvhuZvd18bi5ZODsvnT8MRXrg==","signatures":[{"sig":"MEUCIQDYSy/XqdMUbwKXMFFAobc5oiOyLyy1SVh02dlV4WXlqwIgFj2N8dD3SaqlwYwFtWB5AQ1pn7fsgPfn+WpjBnTDJQs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44249,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+4A//TR6KmUNT6LP+cv5pZF5r9uHZviTXDfQL3qt4LPg3VHiz+6ty\r\nGvn7PvYtJortpIYHyyvryrdiztvdWRPegwQxLpasp9AZRJD+b31mm1SzaP1o\r\ntRC5pFDUxwcexONvNcxhI/ndn9fneeimcHKn9ljCc0z86FMHRg9mLeabDRpt\r\nO8V4OyuQh2O7PhwSIEeJX6JXRw50rF8o7/4TIOzp7n70dx5l4sC7Q/bk6JkO\r\ncJWhnPJtAqSM84g2F7XwJ6DVfhc8uMXmtopWjnku+ZrF9aCluMGvfW1Gvjl+\r\nAr6uw9otDS2hi+iNxhT+Ok3Pq3AMR6Amn+5zG/uJNknprQCudAC+bOPIOmsL\r\nKDG39ASL6/1n/nr2xkIZefBwCJ6zpns/7ZhD43sD1XxNWrZmjbe2u70c0EDB\r\nj05u+e/LpvugU825JqRgDjag/CgIHi2usvBedVQBPKnTimsygWJQja3RWsA3\r\nHcUQC6NQrDNwAipLn66BSofq8MDw3qMdlfzjrrdgQIxshC6slbPWjVFQu1kl\r\nwp7+UJ4y3O17uAkwDbJZbgjtSm4BRvocz8N4VNogxj4nThWMYEMPiM66r8Gu\r\nqAiYBZC5NmRKrbHjoccvmYQfCO+6RLMO/bf2o/6GvjeGlRqfmdETezoUQ9yj\r\n79jqVDBgfhJ36/oRUpHaHETTroGUb/wiudw=\r\n=6W6n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1","@chakra-ui/form-control":"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/input_2.0.0-next.1_1650607527342_0.14657628069117767","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/input","version":"2.0.0-next.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"274a08ddd0005a73c14484ad05d10af50c480492","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.0-next.2.tgz","fileCount":17,"integrity":"sha512-jB9tv1TVPK0LZFJ6Exab1EURC6LtqdR0nrok5n/VpBhr8sSIWvgtIEG1h4nlv4a4lRkR/EEE4fcszVxQDJzvzQ==","signatures":[{"sig":"MEQCIEgm4qdpePV2jqg0UJT0s/2RIJ+8FsNK1iVU8qxbMkXyAiBUr1bjBJShaXi3CRBMUPOzfkVuiAjWRjnTwDMhMNtcrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4jqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfcRAAhH3oPBOerw+aewBiEfqYq34bA7AlQX4B4RTPDNbt3Jb6IwkY\r\n5lRl1Ur/8mMVvu1E2s1AmbEXPjhHIizyLP57lpvdv+LFlCXiU9wc4JAoq5GB\r\nPHo59r4rK5+uxPfWk1P2Lx5oJcVmWsyqIXh1rD/d6j8RaA4mb1N8FRZWzQsL\r\nVBZIutZWP5G4I2wTDv1kiyLwdtxDLAEHoGvYkoVE0eAt9/plcF3FZql1clAd\r\nhVYqCFeSpb7MOzQIOxZ1HMAYHd+kgMP52qXCopx+kSRPHYtmu+MRMhQ1vu1B\r\nwAJ1XqEOnD1C5HF9LKQIoIiVXMtLKbNNgSu7x/5QEJHyvCWE3O1ohWgJROm8\r\n7bRhULtkVSmATzeoKUuKANaMOis7e+rWVawudB/CFk6gK/IZfn6YFbIsm5R6\r\nXNlMsUAMHGnIX/UwX9jaDX3Axvuoi1g/4Kojd795jMZjmJeoePtduDF+h1/Q\r\n3+/yGNzVgtv7qttxkBEmCPV0BbFDEYP2dk/MjPjPmILqk+Oj3i3qs3psmYfu\r\nALKw3uaOFBIqBm0vU71gFI8r7t46AidjZ7TGrmeESpGm0dEWVQlWZgTqP8K6\r\nQGnKXsImvOdVhr8+hwowfoOF51t2R5S1TH30ZvCbzrauRLiJyUOnxGsnzrMb\r\nqkYw4KfotYFuB841g1jVuR8uooWfr9ATytg=\r\n=Rp3P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","gitHead":"f868f7862a4206cb6794ac526336fcf4c19f34e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.5.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1","@chakra-ui/form-control":"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.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.0-next.2_1651738858666_0.8616061185128656","host":"s3://npm-registry-packages"}},"2.0.0-next.3":{"name":"@chakra-ui/input","version":"2.0.0-next.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.0.0-next.3","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c9f73f1f60d8ba067c568fe77a98afec450e78cd","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.0-next.3.tgz","fileCount":17,"integrity":"sha512-9WSwlmDuOWM9MT22IGrKn1+XqyhM7XfsmKw26g6j9/jXfKwydRcbSrUGDUlQODmJUN53Vn2ByFH3bxfmCHcRgQ==","signatures":[{"sig":"MEUCIQCIcIFUlGCuymRZFVEDm7Um0FzoBlueSTgsQNk7ZrD++gIgBV+fq96Kii/hrj/le37dGaM12K8LmsqKVZtyPvHgkbo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36124,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSfBAAilZGzUzLsl+X/1YqieINYGg2Cm5tDdeUDGmVj+XTaUiZg0YI\r\nPnI6pWEKf6PJPrEnllN/UNLOxV2CLeoP2WuNMteCUFqhtxUAoQKlbg1GSvuZ\r\nGjKPy0kMfdiq1WimvG6O3xpu3ZM2B+sgqSORNeo4mKs8yui3jZHtdY0AST4d\r\nGDgevFVFTOuH9DwAAzBPSPclXudtS/tdOQK7p7yVxsBubMe79POM6ZxCppSf\r\nrbeusj2amrJQmsHAxAP3es2z6stEyqoJpGVJALDgaT1A/b+JQ4q9Z2RyzXdI\r\ntbgOpz3N2HRfRcA7kdehxAMR6EfoZabpqzsSPTfNjrG144poe/s8/QfIXK2Q\r\nRSkznV7e4kICaM55JnMS7FqYPagt0COBvM0IhaSWWBhmr4i7+9Kguvv6g5Ki\r\nyTs5cBtO7RL6ohRa5cUZUdzDIeEa56VZQ6Cv/BCKOL8HJxVk20mu4nlxfmr2\r\n8VOw2l0c8tJgYHqOJWXXQoDtpqaPFVyc3Wpbs5exXOBEYW2Yinjn5UwZpzaF\r\n1+pSERPPsF71is/uo47k4Id7xkusSXqM78cx2KbMiFyYsIysu+qlt8qEye9F\r\nPeEAqQW5xs8vQIDUXg0ANaR+HyY025M6nLw58HBQEvF+Fj6bM6SUEwO7og0X\r\nxgvNtZQniZsOlGT8JMUwKR+0xWY5d8ulUDk=\r\n=WQFY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0-next.2","@chakra-ui/react-utils":"2.0.0-next.2","@chakra-ui/form-control":"2.0.0-next.3"},"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/input_2.0.0-next.3_1652085666928_0.9709305539232544","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/input","version":"2.0.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"57df1210dee152ef83f9b685545326def4b89b6a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.0.tgz","fileCount":17,"integrity":"sha512-+6HQqRAZ/4WbT81Kl8sczGYsXeusIkfdJzkKPmLnhkXDe4tOeWuqdZsLTBYQbpWgjr/BZhjIygNNZ8g+YGq0tw==","signatures":[{"sig":"MEYCIQDe4q03rERQ5nRa6iavswMx6tO2cezF3r4atEosQLOUPwIhAMfm9FbUSnhyybmRzvYc6zyFFkCnGtAYgBwiL+SaYf89","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq55g//Uws8CN9lkpfOzUNpNedppzy44OWim7zLwPa6Pxsy4NCEU5dh\r\nvvrFOC1gNIcpCxvv02/4yzQNP4js5fin9yrxZuK9dqwMuuelymloE8KcGsJQ\r\n6zxaN0XwQ1Fx4PuI7LE8X6nlOjc0R69qeFbeoILiMlE3zbhRRt8GKrzOqcx/\r\ng5mOjJVjAD5qog7IPec3/l0cB6oKSlh0ePzTwvi6EAS0a2wnq+ZPs1FPj30b\r\nHWureNYvBbwvqduR8MtTLmiwgot3goiBGD0/kYdUTP60TMaP/NODFKSph4lN\r\nhWVQaYYVEL1KS857xvjxFZdJL9bgP7YkjIbizkjRNh+oFCqyy9ryPDHtlC2K\r\nUo9z0V1RWzxRiaBWUHUTe7+KOFoJU18C88UTik+x8cKhmf55u9c0A5j11ofS\r\nDryHAEzR/iGMnI3do/k8JoTvEKJpYvfyDp1RHEXI5ySGiZsxJbiaIBvuzcaQ\r\nj4atEzivRlPDoMzHbJASVm8fg4WjnxlbOmJzbsQsdNPxs5ihi0qRKVSMmqUo\r\naSxmSsSScg+xY1T2OU59X8WFPTTTKzvaSK9hCpxdYlWzPNUh8qrlj9L/znsA\r\nQegd7/aoozWgPYZjwwtMJJFKUcUbjn4eLWdGZgRnrmoZSq0YCBDjSh1V5tfu\r\nNyk7g0OP6a+SoeDfUqofRTgEGEL+rKAUD00=\r\n=ca0w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"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/input_2.0.0_1652377933770_0.07061502520137641","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/input","version":"0.0.0-next-dev-202241614737","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bd69c8998ff5702da19c7a4df9fa6fc5931ed9cb","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-next-dev-202241614737.tgz","fileCount":17,"integrity":"sha512-NPUmAR74iwFAf1/A2pnTtU2J1NyaTRRas+VIFP8KBrQ3Q8MR7SPgdxT61vV+M3YgSkOupXhN281YinskqJT+hA==","signatures":[{"sig":"MEUCIQCCGRlbtz91ZsUDj09jHOcPSuCw9bFaxUV4yb+giAq7gAIgWQcaBJW8RAKmWFHqQGmWouOEfQoQTt9CcAV1GJccWqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36170,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkDw//d+SVh71uMIb8KW29pdC8mOVsD7nLqyfYjX/fRhE+dPwz4GW4\r\n3jyr89Pl4QyDCGUi6aGxPE6VPBzcksSxRXLfOc7vfeU7HIW2+Y2isdngW+sx\r\n8eLIkf/Ft/kkudn1VtaBflAfyKb/3jk2w1uKXgegEBdbF0OP7oDc0Sxox86o\r\nfnEbdBx/VyeOyd7zBFt+qliQ/UCaCFWOKciTwVPGg9azoRsAeOFmokaOPeJF\r\nnLRR4nATtXxrD4LK0sDMq24QNwRNhGfBezBgUuQge6MoaysGloRm4g1Z2zvQ\r\nAur5YitXP50EGFugcQ6kCawm7YLAlLwdrpQA8hMvkRNzfFEBLJncKD/rI66y\r\nNXPI8bYvC6sNVvTZXgG8jQXEbzPeWOyggdeChFOOhsEK8TS9ibucWUGpFpZt\r\nvXhVPduYPGeDMaHv8eKErCsT/qv1CZCSrS8AcnPSP5APNI/LiiI5RGhSK7UK\r\nNU/fvE+8gPaAYmelEbq95P8MakM7HpQStU7lYPmOCFn4EDKp6Zu6jyB4Lv1v\r\n4R9a+LDLRvUfRO2ZVQ5kaTCQSNZ9w+60amVrcPEOWNoTtM4/5cug/Pniugqo\r\njdqJ0q8zgGOAOjzs5vg3+FI5WPn8koe7GUUpbWGVLsw4V9R/xBc7E1GeQp38\r\noaBBgRYTi0QiOMx+mxu81CwK09dAH+fdfYM=\r\n=AYrw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-next-dev-202241614737"},"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/input_0.0.0-next-dev-202241614737_1652710084111_0.9254874942344511","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/input","version":"0.0.0-dev-202241614743","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"95df7c2ae01dd849573623e686defca8e3ae5863","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202241614743.tgz","fileCount":17,"integrity":"sha512-jiZw3T4tJMWhqHY54flYi0KJH73d5wxRhZqY5cy+5gq1we1FTxsRTTmGfc+RUVQnmqDF6eC6yjES66yBVjQpeg==","signatures":[{"sig":"MEUCIQDXq2HzQERbXfa5xFD2E1FzJufkaef2gN3nbhmFmiVNSQIgCB9UslBlmD5iMr09X+Hqdeu4oo8YC22vGr7IrOD9Ah4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzwA//Y03iPv6nben1+maKrJA1tarn9leRnVE3HBDkSvEitVa2aZE7\r\noqIVYCHZutf0LVE4mCoSNTKSykcNTHJD+5a1sgU27epdOX2ZhaII4uRIbd0m\r\nZfbMOeXZ/sxKo9yBUrB3YENWRenrrY5vDyM09NfGk6ecZ68Aedos0x9P7PLF\r\n1TnyUcgrlHe1lE/dLEEMgKaMoONdIncfByas4EnISvZDSj3N82yz5QD0hX3u\r\n/tD5PKJR6hUNbWLfGwq+W5BjlzGCbprDfy2Mstogo+lTZMX6vt5FDLQjHXTa\r\nF5JQe/Lq5CG7zme3VUH/PlDhF40iauymfrN3Fi1/OsOWMI4ARTrZYfAHgxT9\r\nADWiTipd1ZFeyoQEkF8fdTZunPMvE3Q1ka/tuP8DFyFWM6Y40/G2ezLgSXJ2\r\n9PT/PAU1OlN4uKf+Tmqaq2mLDe2Ftu0xY7m3RQWZk6w6DASuuZsyIEnJzQhb\r\nZnyHBITw5CBp/WoqDuSDn+SlUJNmRqm5TsLHQQHpdG9kn/+JDN+L5DXnSrFA\r\nAvk4gMVxY7GBJqcvjilFwivbKHOAyyM9gfhPmMFxbonaN1E8PgcJ0Dfsoixm\r\n0uTZ7S+ztDls66JXGR9daDHTir0JhmCvu4dTp4oTOgmRU+5JbrxyAp3n1jIO\r\nXPQC3caQ4ZVD/Lh8K2qbTIcDf+aWmYqW9NI=\r\n=fA+1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202241614743"},"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/input_0.0.0-dev-202241614743_1652710091365_0.9109242955552301","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022416204849","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9125c0c5078ca285bf5562a91d926543e2881a58","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022416204849.tgz","fileCount":17,"integrity":"sha512-Ru5Ktk4efzZxMIJ9gYJxbzhM1Rd0KzuOEk6wxB+ETnlzn89ce8akjbInEQuYbV2+wGCNfe/nwdTWF9EJKtnC2A==","signatures":[{"sig":"MEYCIQDyZIpfdbT4Z0BcZRvp6aHiL3vfVnpjHdOt/vdHWrYyhAIhAKa7y2DMclbSvGEJewihquQzZbmx7do5LuzCcG7Ou1u/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohjQ//e1NTJbL10KAtaVHIaXjtpwCTvNX1mXAqE8OMZgNk06WGAUX0\r\nH8xTQfPSJEVbHofHbK+t/l47t4X0Z2VraUDLFqNhCYr3Wz4a4M6639YpNNA2\r\nibt+TUwZY+OGdlJzOcSS1LjKC0Y45V5/gxQzDz6PF+8nT+eX5FWfpQHmhoNP\r\nKlSv/3x/3Zj/eXUN+zeRtE1KmmWMwSO79aBB9IdxfoLpWAM0U59M3fpv9Sjc\r\nlDFUmyy+wIbK6xW2FVmYIH1raSnO+XAWsr4u9JB/uy545SADUyB6H7lRAe/g\r\nTZBrLA6yZGiSkeeboho5h/O4meKDPcA7zkLzG0cK+UqmFrxFam9ksx742zzi\r\nDjgtIBgLBLlKb5LwsKAeR0r2DfioYtFe7GvX2MiADnC5L5Dz9D9AByHl+wNt\r\n5rf2KC0R31Qaz+xTy4R6Gjsd0XtwZpaRwJMx6ESR16WtZNthdY2zEGdZix3X\r\ndFV5mXUqtN/QhZgKzHtpASYKMTKBhWhtfzK7eVC8ZFgww5Qr+Ek9uPVdYFdI\r\nYF6SPbk7c72JR0NekI4B0RKinHPNssfCtAGiORnT754q9djjGz1skYof/x2A\r\nE84OMz9MaIhbJ3AbuGJmzjuISS9p/ejElDAZ328RZJLmYLIVRCG5koRI1ZII\r\nf4y6XOUdbnN28Z7tTUpb8RfxCHaVbYsis4s=\r\n=m34O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-2022416204849"},"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/input_0.0.0-dev-2022416204849_1652734154906_0.5049916587623382","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/input","version":"0.0.0-dev-202241784047","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ea08951d5f52a40a28db770f684309d59bb1ea3d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202241784047.tgz","fileCount":17,"integrity":"sha512-Hqd4zor0DtWFE0ok5ctI2em6kBMWPFk11xhvQX2cRBreWQ63rf11di9Eh6PW5q6OFbvoPr+kcOmHGqqReL29/g==","signatures":[{"sig":"MEQCICnyq/CD0M2FbJpHO6AsZkqcjPgfNGpwjNMg47n+0DpVAiBvqLYY4m6GZA7ILemNdeZXiuoE6r76ph0gpla3VO2gvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUpw/+NBOPNhRCuHFQtV7KmXLVn73L/Ql105gdWmzlqshZLr1mK7kq\r\ndUdpF2UoPYJJ5lbQPTslvncTZRF1y39ExQirnKRaqn9MSCd2fFq8wFoLhbgR\r\nh4UMuG2OUHCbyNBlRUTkCVnRRrRvzMIaKl4ZvfY/OM0znZ42pca2/nbFQmGw\r\nl86TKRoIFyoD2mExSbQS006OJvvuoFz433QmF9Oa4GV/zCvM3sTY3PCV3Gqe\r\n0QXqKea4d34F6+/Y1WzZZFRZvwJjeQ+fIrTQU7f4YQyaCZ1WBInh3TzezUPW\r\nMyyNfysnx4cTiXbisOZ4GqxDyGZUbzr5uPhuMfo5gHCsUaOgvXtBpAzoawWM\r\nZs/JiW0pvmBAIQX8tlFOE7gI9aY6ymFXnHtcpvUkGzcDCZz2gV/s2r/X+IX4\r\nfBszMfNF5dTViaoSnxWqc8fMBPvbLF7s8BtUaGGGIasAwornLiCYJp6O6TVQ\r\nXc7Ipq+uGaefqehnPgv+GQDqV7sRgHXvLR7NecwmmsLIUWCJo97GaMZAzdRq\r\nN7wkJZcohQ5DH+DQQDf3PYMeVdRxm0QFJHuHHkAg80/BhkzdkXmFTI+Lz1hN\r\nvG2nj4QLaPmWvprtcnRFJG+WHtntd6+UcysS8AIOoFHAAEjlI/j9i+ZL5eUV\r\nlJ3rUAuGRinHA/vu6OcymiC5N2wNdOTw994=\r\n=YnDL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202241784047"},"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/input_0.0.0-dev-202241784047_1652776877062_0.2019409160706791","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/input","version":"0.0.0-dev-202241794553","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9b3c15899e1a8b03f6e031f5e8e9945e212869fe","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202241794553.tgz","fileCount":17,"integrity":"sha512-MT6Mqnp8JnpmS84FFh5qSzSFCK9pA3WbZ5DHr0TAv5PhvTUJzdaZBTXAwo2hpF6N8xwS/EwJZi3XhOkkeFLWSg==","signatures":[{"sig":"MEYCIQCnyNVzrPBHb8lEqc3F4A4VD0JTAzBeVsSHruQoBIX3jgIhAI7OV5ss5xFkWGQhI4SJuUPKobPEUyV6m113itUNqUzB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKUA//YlK5+gtKQw3WbVYByhWC626V76c4efI8yUdUQx3D5Dd8oucr\r\ngQYeRiXBNCDzTig2++64nh6caVTPUwi1PxrzeS/VEvSCmDmKF7BXG/fN6eLe\r\nMGXn18jJVXw7paWYu74uircFFfwAVpScDq5rGtDhnlNshsQ5AIxAon1FeW0k\r\ngkEW6ncqrbYtupezxmF0c9PAtRapHCqb0CNf9qEPMbwd7KVzfN60TRf0wPG6\r\n89lUKds/vP9Z739T29kJlfLMiC9vrrfk3Pl/BqTpoOck4Zbv8FTOAmc5r1s8\r\nWLjmA5ER/RnYJvP8ctOCGrCsRAeyqxDpDeGFbXDOflDhHWVqvCw6PekEKfLN\r\nHpZdH9QQXW4M51XGvT1ZC696Rt1ZkIHzOARPCt24vuumbILSOMhfu61sSbjU\r\naE3dl1HYlBOK2pvhEaopknyRmeUMCtZbU4Lvk7/hklBaIAvi4hbyb0MEhthY\r\nBCSlc6LM1yHeOVhiAumnKEZyhB46uirwcTUO/3l9VAdwEJQ4Gnn6R25OClhm\r\nbbDTMceY+BYxW3ZhOsW02smdGCxsfZD+Waxh040bdLyZ6CsonklquSZC8L20\r\naQRY/6xaE3OUV+7rnHw9jWFr/l5jkwV2P4EqCutbOjdRQwhig8MGFaY+P4sg\r\npPp5KNYjwRYwh6NClDy7wLqjhStVwKl/u+Q=\r\n=9Eo7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202241794553"},"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/input_0.0.0-dev-202241794553_1652780777389_0.3256298236903563","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/input","version":"0.0.0-dev-202241710143","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e845c4a5e8cfde8eceeb36fcb63a2c8f51ba6f62","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202241710143.tgz","fileCount":17,"integrity":"sha512-5avU0fXLj/+5dpcbfgYCMm/aN3TGGeo4dj3LSB+NOR9XA06ca2Ops9924XYrstgDJju9oVXlx1A4T9aZTjY0Ow==","signatures":[{"sig":"MEYCIQDBwmEjDCukFhcb+U5Xc9fC7tUCj0zwtPZgcrJn3DfQdQIhAMwbiFLJYhLXbVRxXOLNCQOdo1MEE2+ZZzkYdfJlHpd+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfDQ/7B205IUWZOVNUwFVwou0p4te2uhyHu+DBlJr3QyYrwM9W+zI4\r\nobi+qsneVsn59/xsRgz371hgHda2u2+rgrhRe8omgWU4VtBuSk8q7FMpCVqj\r\no8U2L0TjfihhXyD4ommrkZSOVHB/M2xSp7ZQTLTdZaupqPWxuvPtP527xVEo\r\nNGRKWwULvtFhLXUmeQk5dfC0uv/+6ShPPQIHQhY1o9MDJAVCO+5fInvQHt6K\r\nJah14Jr7KH9u2pE31GkbEJDVJCqSyKLmyzB19FQpRd4sEem/2ilgFrIBox+s\r\niC8YRlAe6erlTgR/61Mha651aXw9bOU9vee4ANX3tiwwoJGXkBWjEhWuk+cu\r\nOfrYTAiyjB2DRXuemEL0Oru4E5F/7OJ+vYoLoku+3Q2eizmXibl+iAA3PNPB\r\nbglLeQrUGzFFbpu/3UWV50RqHDwNk+yDpfUloeOlpdo4te8SYfKjgTHdMEuv\r\nTaET4xSac+chWelE6XdDIrNNGpAzG8c2DufUitKADgfNlv0WQ2nAppd+fYKg\r\n0InHNaGH5kp5SQxqzUptZcV1xIvoyBOvQPqgMDZKylDnfKcje3tlj7A3mIEB\r\nUFxFlHSA2f01d4GeFclcxduzLZJRAWbmyu8tKcA6+QVmlYrU4tHV+DaMByMs\r\nxAfSVP+5sHJ4ocfItVjx/hHwIhU1jFRaP18=\r\n=jNNg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202241710143"},"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/input_0.0.0-dev-202241710143_1652781728382_0.9360036748270053","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/input","version":"0.0.0-dev-202241710959","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"63b7568ca50ee8b6e6c9f69f0f9c43e550b2a0c4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202241710959.tgz","fileCount":17,"integrity":"sha512-yEZDl7by1+efsRtvKfLqTdrCfh8CcPdh4bP/NUlZ+F7yhBreVkeMNAFSZoCpFTvuAe22lmHp5qvrfaLXOMc3Dw==","signatures":[{"sig":"MEUCICQ+MW6uYAEhkPLNz75VNOPjv0zx89tC440sdIu6h+2tAiEA7NJWdaQiUqdFtTRK7ST5IPeF5f48fuh/YrHRNUaCPu8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3STACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTLxAAl3QJYQBbyy2hrJseUmi/EZRPZKZxjKOfehFDCduaSPgA0XEA\r\nRpkURCYnIQutHZhG+Zlro60KjDCIC4kucEguA+b529BighCM1ZCqbrCczQxW\r\n9INwR4ahLsxKGW7ko8WIPffEVfsX52xF6xWciJZdL7WE+0JXXgT7ny9exvvB\r\ny9AnhejLGIp7EwKh7AFR0xDvmPz7u9GuTId/q6Yl3AZ2XGnq9nYULx/6U/q6\r\nTxpZ3Ej4Vfvz8L5sJKaMBoyZSi9hkNQ92oadWdJ4Hq5vFe97tpQEc3vOwpCK\r\nJlsCXcQeddZ7wlg1tXCMXBp0cz76jAcPgipQSuJYrWssDLXZrL4uZDj4aBLv\r\nshk6azClmoXm4unkEn5NCB+jOO0TUPzuBWKwDZawmzoBHs2lSlOgSVz75fP1\r\nunMgMkecSp1sHXIa1GpzkatvaFaoSCJQgMtjkdKPQOeN6brgk3waa3Kr6x+d\r\nGaX8sWK3kSzpliM6KvPK7f4kZ/0srDIHdZ7qVxE1VSJjdFRH7Tp58N/uPS0+\r\nSfwkXOgoqZfEB3eEjDfk0CI/ItkIrCWk+lC9QA1mPcLLWz5HXIzEejQNFzaO\r\n/LMS3LS599Z8QZ4RXOTAEaps6nDQm/zigfkG6jKbxIAz4su3nxKQVpLZOYMG\r\nptxKH0Bl6+to7qp27HGwVdSw8+HJmTTLszM=\r\n=Jdcv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202241710959"},"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/input_0.0.0-dev-202241710959_1652782227075_0.5846052702166937","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/input","version":"0.0.0-dev-202241716586","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"011815f11a4f7b0f5b611a53f7e34a4ea2d21b9a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202241716586.tgz","fileCount":17,"integrity":"sha512-vTX0vM6nNMvanSvDBedeby3ccYvFlSmH4Rb6I9jEPKvQp3CgqvON5bUhnYlYXP3JdTI0j86NRY45piB4VtC+gA==","signatures":[{"sig":"MEUCIHxp/SlVNTSw+WOqPFH5CNSLcK6Y67z9hTtY0OKQnHnvAiEAp9XkXMKuiMNuEvdTsQNJED8GPU4YsFQxdwk4NNYd9cE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqzwg/9E6kgkN1SHVm5wf0iD/Upg8m+hL6OXvJTsUwr9CyZDh25jHC9\r\nNHD2SLX0JZjwC44vu3G+aynV0IePNTI/V4v8KpRPFYfAsvnlHyczEK4+sMaf\r\nH7691s7uBtrffHuKqxYP9OQAoHULtwvjWm9Lt6rffs2ZIx0x8FmSG4JxIcA0\r\nb4Dc3ZAwLdQjT69OzzHC9AFtUF7ug9nmp2uvUt/urUda8yv4MQqQseZn2O54\r\n66la6vqOenfCDfQo9Sj0vUEgHHgD7AgqGnLY0SIEvHQn3RC7NaoXYSh6HD2z\r\naGhKIl3WBxzTb81z1Q24d4WhAQqeMgU7tWaBMFF3fNnRMQE9jxNILFTzXjtd\r\nfPa+HPRVMD9oU2WpIg353O/5wb10OBvi0Yl1jWAFuHpW/Ew9wPTtwAjxaMcB\r\nuOAFgIb8d+u7bKsuID9jkl2IT/M4MOFt1zt+WRAxsfCLRKEccxiiU6HJWCFO\r\njSrUhz96fuaLbUxhZBPNNWnvgM7vnEIFmUTYKDp0lSf7oGxkgtVC6f0YWOpj\r\nETAJWJS/fjqUMK1Hq8ZZzjo+YX6qxK7mt9t9dk0M2OxQtU22nuOcHF6h+VN/\r\nhyVmmelX5yWhgaLMupehtCsCx5eXiN/jfEWB8tKRW+zlqyC2fC932eGYVIme\r\n0HeKXX16jEaCYG3g8V1aQPJDlVciYjrjSbY=\r\n=ygLp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202241716586"},"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/input_0.0.0-dev-202241716586_1652806711450_0.24439036279628645","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419101754":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022419101754","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8f8f3e352cb9c0f7c12a108f443a39c78e313c52","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022419101754.tgz","fileCount":17,"integrity":"sha512-E9Ez8ZPJIyfhSG88cYeXbgCF6f/xQiwUkQu92lOAy8qPfAWiz9VbT8Ar2nJw1zX9So+Uk4tyBaPPMjXqNVoQ/A==","signatures":[{"sig":"MEUCIQCXHW7jLoYT5ziNNEIlmd4QMYwh51JGXnN4ULgvhDf4KQIgTdU6yza5psoYerdoxG0GgunszdxL20+g8wXw01Erg94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihhlyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7XA/+NzMWpe0wF3cju93AmP9UeG15RIjtfBYWop2o+7c1T5ZBwPCi\r\nHdnZXzeik4xKitrvxdDW1d6E0V1F3Aa9Zwy8EwBDT3kuj8BhmkkkNoHHxlIG\r\nLBinHQ/cPYCtGlWptnIJVUCk6d6O2AdRzA2rsU4w5CtMbZ4rsdW3upXBEU3O\r\n+nrYdZO2ccOGRe9E41MEUEARBndMAK1vYxgab2aJaxmJCI8gW9RGR3NMC8lD\r\nWn3+7eWFpnHPg2AZA+1HASb69i3P7wZD2ow0n0pFUbDSV1uLmkdso+TfTqpT\r\n3jNREDPtEWGy6azTYS5cSWjg/gaNrifylUD8Rx/TVSgDgamRmJQ9/9FNqWXf\r\nh1PFwx16k0chTJ3x58mDI+Q6DYdKhERUkyOYXtNB84Bndolv8jqDB/SqRxTY\r\nQ6iti1laFpeWcPO7EAE2VtcXuoJqDALSOmVa3C6dQSFCFgTo5SDIAo84NIgW\r\nN7qFXI/Kh/ntmorYB3nbdbcdXR4J2IX4im7FhjbqxjR9LG+EN5+PvuVwDbF2\r\n/woltH33w2g0q+L0bm2wxFLCfJWQay+hvriNoe3DQ0+xpra6waS4+CeIXJOH\r\nyvvcxNwDrGGKIBWFMYdaBnJKgmaKimNQg54MHJz7MRdqx6jZP4VnvhH98u2q\r\nYgDxGKIQ1m9zTB8RwrzsX1mawIe8MydwUiQ=\r\n=+1Cj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-2022419101754"},"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/input_0.0.0-dev-2022419101754_1652955506376_0.12172347767981351","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419173934":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022419173934","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c963416bdcd6e4fbaed09708d1793cc738ec58ec","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022419173934.tgz","fileCount":17,"integrity":"sha512-Fi6oafpUvReVwB9LwxW4LiYcmaGS7giwXuzRx9dxmq2DIPl6k/+gxGgE9WgD3xD2xM/Gof+DZcT4kdgS+vSEdg==","signatures":[{"sig":"MEUCIGsY4JsO/UkOYEAHuBEcDFApFQCLMjNPweiZfVfy4irHAiEAk9eQiKi3eggVVaNj3twDYeWCpyjKGNWxy01pa29Ama0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoD1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtMg/9FsThQKw4unaBNpRdGtB0NaJImvNJUi6D5sjRYzEjqB/kcZJK\r\n4kjO4lc+UbWNBFscJG6NRDdF+Z2NrU64ObDPbpnfAgKG0daswAj/S9DFFwDx\r\nSCWOq27GisvIxTV30lWGR87I8d8+qWJ8YFLH/JQNZZSxDQ+/GFe0KYKPgjYd\r\nlR8gvEGJ/KRzsfbquqHwmWPv4gp8Dntw5IQxaT2u2jiigChRFXqiQT87CSWP\r\nrv/+Qb5uLV13k+zQmyMGMdLKwF7hJt3Mvo2OLWvTRSVlACczlzKiFJ55K1lD\r\nNjC8hhv2A3uwAeLlWWIXdvuIypq+zPteyV8RBRpzey2QQGvuxCjfmskhYH0U\r\n4OCuhoRPzYmTpapcs3bjGuuuNc+7C8GZa6pQgWZEfHag/bmRy2vH4YJbTfZH\r\n7qtwc2L6q94AW4shjiMNRova1D1KYp5EOMOEokp4vXaKFuk95P9rmWVVitVs\r\nDO6UhvSbygyp8pAJWFhkedPyiFQU4795TYucicpdEZbJf3B69D6JErrWo2uA\r\nUM41O6CMTNf497glVbqlZUC/zCvvGtaa/uyeCgwYElFJBWblfc9g0fHcUfMc\r\nHo2qfij+XMPisnU6JJp6685CxwY9sHmU2KZGprfyLIE3OFtNsJbbPsCW2m0Z\r\nlkOlW29q9NEkPzQCRjflO33nzhjwR6qLQXw=\r\n=uPee\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-2022419173934"},"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/input_0.0.0-dev-2022419173934_1652982005366_0.2925988314108434","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419174740":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022419174740","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e9f9b8cc0c0088d740bedc2b6ace2d54969e281c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022419174740.tgz","fileCount":17,"integrity":"sha512-YFMcSnkcj0KJDy0srPS2gq6Sx9VYtWKz5ASmr6GsVy/OHMpzS7ChI6nnk/AY5etkVkHtqj5fXzoCpepb5jmy9g==","signatures":[{"sig":"MEYCIQCmnqI74a1btZtFKyyltm3K7J97l4pr5CKw9ggR963geAIhAIpUghd+IZSgduxb+7i/4vzd0C4jIgj1aaT3nheCFkPM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoLZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFNg/9FFYiXiePf8+d/zWe6ZA7ZptdMJplJGnecqe5W2+WIbrfvi8W\r\nf3bXPK9KPGB5/f+HJgVDS11rDGT+Zw00afxOU3JLV5PLDvAHtsBb8QlgIfr8\r\nzqXMv2FcYq5V+SNmrVsOs5PFTqYxH6IV4uDDN+J87hBs8+sTIxGdilMsFCUV\r\na9wYkMfxQoVJijvs7eCjyoulBlcOduKHrHMN35kUPixACpPSfkVrACBzf9Pe\r\nE1PqynN0Gt2PCql4BcmWz0x+V2HbqAjJ93znU5KpHjRJnUusf2L0/EHVlWyh\r\n5fl+2iUDjrEyV6tzSWiWUrOEqpRNfNNUGC2V1ZvchFBP5D8ZgNixnoXQTd80\r\nDvT0/buogexJM5fhJPBrlCJbHA23yg446wsV234LqgaK5HpoEAgdlHtFeU/I\r\nrsGRIMaU2T51ZEjpib8iufP9wonV7CIQ5HJuv8/51+2LjSlqhgAe6hflZeDn\r\nr+8A06ByJ3xIyrEYAxEzB5vwLGVhlRPG41Y8U3LpmWzkAsea9VoW+RyaXOF7\r\nb0ZTOpa1QdRN1BtyVFGNl2Uocy6yzQ2tqseJnv4xmPOP3ri3qpjS58ZBiH38\r\nrpgdKlRnN+VP2/mA12y4ZFr2JDoMtxj0qf0j8lo865O/61XIem//FGjjETUG\r\n7uvRNZYkSNlHgMrJvbunE8NAn7eMC1O7/I8=\r\n=ao+U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-2022419174740"},"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/input_0.0.0-dev-2022419174740_1652982488937_0.7093337427562045","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224205231":{"name":"@chakra-ui/input","version":"0.0.0-dev-20224205231","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ece7008c2fd2fe4f44f80ab17a6cb9e97f75cfb5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20224205231.tgz","fileCount":17,"integrity":"sha512-BtLQIlnK8+DjaqOhURruhKwZCdzRDozGl5CBY/okNlt/Bgws9Qxh09vy+mAWE37ZvfOIVB4OuO6mmJAvM3Amjg==","signatures":[{"sig":"MEUCIAdWMNp3mzTp5QnRfL7gRGDJuxU+68ZMN4szh7iHxBMPAiEAi56flP0UOrBzMPsoiMdL6SaFtcjC6CWIAYX5O2hdM+M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihyXXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYmA//Qoy6OPEaPuZS3RY/xgpGxBvItb3OSND6je2qB3hExbIc9wUq\r\npNg5ryuuHEjsaOuZmjxCN/87rpahu8TqhXo3OpjlTFoJ+QgGeNJeU3DyetaH\r\npj2vKujOXpuaOt1gNK315ph+rFRBPudQQB86vm1aQdSIgAVjrfTP/NPbpHRQ\r\n5VuX6hNJdx/V5+457j9IH61qrfLRwLYScQZJ1YxcRqNRrKOh6eB16ZV39fIM\r\nzfxY2wyTHBguqabLcgGaL67IL3AnLVk3TRw43G4o7GwDXEedQ2+wa+YHl2oJ\r\nPfdsyJ16FInjBOG8wWo+/kCvLtBMiJZGAEqxBfjgdTkErbg3MSk0BMCYqHjP\r\njag3syyjbp36/KeSireUVEtUiowYpYvTtVUIBgvE7iH0U5/dtge87vMw1o9+\r\nOkvDiDmgFH5+AMBT0mmpJgjwFO41PrLHLR4f+87ZYWC0PI2IS1P+eeTWZtSZ\r\ncOxsnxwCLOhsMClWckb6W7IpAPFh/PL08VwOCRcQjsV6rqlgsPa47rD0+HZA\r\n29MmU5GvkbOXhCfOKVKHBWIrZfZIOa0NkqjULyKHdSxBw4Cgr07X24cJEjPo\r\nt3TIXqZInyHDeoYFKoQxcTbYZ3YV3HSH/RBnrZ6wnMF6Co5RLi+XuZhaUdNO\r\nAk5RqLSpC13ak1jHMUwbQuoF7avHPEy6p+o=\r\n=kQAy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-20224205231"},"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/input_0.0.0-dev-20224205231_1653024215533_0.16020177410796355","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022421153722":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022421153722","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"45c53304af85511c454b54e63868598c56bd5738","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022421153722.tgz","fileCount":17,"integrity":"sha512-FQkX8vFWdtoW2JI9Ktc3/PacPHluE5GEJLIG8OBbUTVyIx40e217ZkjH74i3D+/r+Z/A9TGZeaFC4zhnl/IofA==","signatures":[{"sig":"MEQCIGybsTacySzGXp5aS4NB+nJUc9CPtgxH+n1o9bOIJT7oAiBGCPrvjBmHI/qoPeqgDZXeuNwrwDr5gcHITQXmTV5E1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiQdSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqi9w//VZ7069WfXCOvJ/uQzvp3nD0pOtmvUIAFBvpATzIyIyGkNF5c\r\nflDkZa2QyoEdbrpbrS/g3R0nuk1vvgK8puE0WGH0jI61wX8ObdHxSlCHp/l0\r\nFV+rE37jcl2e16JEoE/oDfT0KTC0CAxSZ6LSWIjAA7XEtKR+L25+NnnApLQ5\r\ndV3FOZp5z1HCiQoZmwk/nmaXOf1EnC0+nhECMyidCUi+fWqbBWNtLHbUUNCz\r\ndWSFreq15yURQJU5zefkR15hwXiOmoSAdACWir938Fe1TznUzcnIQknjJqcN\r\nMKWA3Q847C9Hmshcctn+hgU0Xi9tA8JCKgYGZpxVnX67GJQNv/C+OOvZxhRK\r\nHHx/hpNhZVmSun5osTq7hAIJOoBU66yd5q9iCFp5QgDbf+STyUbs+PZ1zNQs\r\nE1SDLx/JSQsT3kD78C4UKoNvlqvuQaoJXr7mxfdI07ELvumoB8h0p1sMUfPt\r\ntc5kV63/4CAQTgydRS5O0Za0WKwgHbAqliW/kCkllcypT0/u3oNRZfmgg1fA\r\nlNWR93tSRy7vfPhQNDMEm0o0pF0ORXq27T2JjoeTYXWi89zfsYAoLlUU86eE\r\n3QuNL3+aTkvEXAaAxbl8nqyk5TtPDIzLQmXKEgLtBf+fTXhic5eThyObBl7F\r\nK0xeR8xZIKhbbx3pq+/c1hFn4mc5xXy588Q=\r\n=bsDI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-2022421153722"},"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/input_0.0.0-dev-2022421153722_1653147473976_0.4953985846584965","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242121518":{"name":"@chakra-ui/input","version":"0.0.0-dev-202242121518","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8af9e184ec007af8dbf282cb76eb34930d1d2011","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202242121518.tgz","fileCount":17,"integrity":"sha512-Bw3Qbw1SDQY84gIHuyFQTYmAstDX2AlP631H0X2E/OG7x5GsMgDKSQiamSoNNqP/Kjm2aLTLaZbm+VyxHyaQaw==","signatures":[{"sig":"MEUCIQCoPw1G1qR+eK6OzB7/KI7swXzMijjftZItRLx4t0ht9wIgbgIuYPqfdDk5+AiB+CF72QJsXR52qaPrTjIZvSKGB9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiVQuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhPRAAhpAECtqXnVQ784EmtkvKgWYv8j/TL9rAtb87yl+NEfqKVmFZ\r\nCUMU++wV/lg3LwSqhgvzw2QTvCIUJTWPeTklv9ViwLtBqc+/UBKt62gjZgTH\r\n2uVintYb47YFdECyLU5cVhfpqg1/yP7dDjErNhfCASWre1VnEmiQ0jDLdnQ1\r\n0Em8i5iE/Y6suqwxDB+WBJG07ST6fEjmSdFQxfcXlE2r1woC2+kXFHMuVqQN\r\nN+4i7wjjlVIVW+Xqw8y4L/5ifoZPaXYw3Ov0ym0GabRpGPq5v5TdE5VEaYCw\r\ndxZwIWg4mwjoPkVkg91mDZ/sRszkcwrc52XI8Zn16gcwOY5l9pJdhsJF/ps5\r\nR9GQyvanJU52nC0OdiGq+XenoB0bd9ilRSn4RiAjHhyyXwcIhKtgw0tdgp0B\r\nJoi8tFrbiCtk0ZJ/Chjl1GZ/u4mWU7+Ges5Q80ujC3cCPpmrfqvXfxv8z5HF\r\nIu4JSBoqDLbZQ4e5A3Lsb/Z23IhfWqw4WnAmLp0UyGSDCDUWKvFpAHLTvxHO\r\n9xPZqUeFQm3KDgymezYlykoePVML8qBk4bSUhUS7J8D0tlggUnk7NJWNEefj\r\npQhAGK/8JO/sC9nYdDIxNB+H/ZhwOWdGhR7nFaRXmbIk6/fvlfYXsl5c9CN7\r\nD733riM8crTTlYDzOr9XTwBLGOubs7ol2Rw=\r\n=id8j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202242121518"},"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/input_0.0.0-dev-202242121518_1653167149819_0.9917210541432306","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224239149":{"name":"@chakra-ui/input","version":"0.0.0-dev-20224239149","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d9e1ebdc3b5090038ad30f6b932ba0434c9af37c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20224239149.tgz","fileCount":17,"integrity":"sha512-ZF4FHgR2jsgYvQ+Ae0MO826oEqp4mw+BLnf0VvUbuPkZIfaM0PBMtCgAFsL3sAfjuhVACcXhrNSKB2HoBb53Hg==","signatures":[{"sig":"MEYCIQCrMGNWC0Kj2yvarHMeYOU9fkQPd5dtRd82XHVJgB4rkAIhAMS4++JNRIjvZPlILTL69VSKp1vUiqsO5jw89SpqHxid","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36146,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii02eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpgyg/+OUA6BPV8O5qKqyxauZ4slJMVqXJGFAVhhnKPRenfK0fEuyXx\r\n7MY0huMi+AYdg0FUSiPdtK3eXr5uruPaXIYlRaVRQuIx89L6/UhtxXuM393o\r\n7y1SaHMC5ISqgCOr6/+N7gNQQdJX+wr4hkelhyLzWi8Js7+BHR3ZwJAFy34B\r\n1jaq9EVSHqaBS6CnR4eLybdcoSqsqpLnYlo/Evn5wn9oMxY6A6H4PIq+wEmf\r\nnmi+qIlb4iyjlIzpf74oJ+kNj0USOk8Eh14R/jeCmIjEep+G0uziwQw860QC\r\nFiF5DEbnICTNSwdoal6z24D7o4pln3Lr1xa0DCXt8cYd0h4lybh6llrdhIe3\r\nUyyaeK6/dnMF9r77M0lstWn1JOPc13KCvmzgeFdP++zeIESLtcrMIkUku87L\r\n8ZYOMhupomaaIzBn/r2r/j9L4q6L2gnZjL5IFSbathrwmnivqX9+FPK7B7K0\r\nFBvuCItND8DcVX6IHeB/P1CAA1vFSbeJEOgzd4/ii20S5cq6kCOcmBtvvzRd\r\nxG2IqtsI5lVopz6dOWE7pvi/98UjQa8aBG9a+rYIdOsg016HcJ/VDQuwN3KO\r\nsqJXXBNFo+mySw/b96WCkdGuyxLIxR0tkctYZWceXDL3zO9wULQ7vmygkowD\r\nIjC4NVCT7YLXZ0Gaf8wYXwlmRmS6yrd28MA=\r\n=CdmV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-20224239149"},"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/input_0.0.0-dev-20224239149_1653296541922_0.9966747657007993","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423113827":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022423113827","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ebd6ab084dec2ed93e94018f6e1784f0511b56e8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022423113827.tgz","fileCount":17,"integrity":"sha512-fKiH+Ug+A166OVCf41Rus98PlDka0Y/dvzHC7NKC45nWlapIJF2IVtmL4wEdpvec3ppqEAk413ZzKeV5G71Kww==","signatures":[{"sig":"MEYCIQD2uyRIZtmSB9fQ8j3mwH74qIH++GWpFtErOMXnqWjIGgIhAIWz4RYjK9vDHYtfpXOs6geSE/CB7tOC8/8jjwfhqSCP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36154,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3JNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEFw//YRgEZjFImfk6hcqI+uYO1RF4M1AQVNpKAcy8O2GRVTz5o2qK\r\nW3ArDgNKfibh7jGVCJvjdcMbOiHpfKHQGRNBr5i4yxwli7ijE8iH7iG0xsO9\r\nVdU22g15qITxbUsiI8R0YhnlGC//YKl0pWVfjrJsbqQtdCDJ/sSidpWbzxkr\r\norHtnJBMhoG0XnnzFc8jYDfZw3e0+PFyDQ+OacbXGwPZOS5WX+z1WInmiHBy\r\nHOZInu5+0PMz/kXGPj+GTuJEsipXd4uQAecYVhRzPxLfrQ9fmVRdsruCLvBA\r\nSbGY3LgJ26zuu0uaT9xM0OMZZwlPBr/GfEo8tN99k3cZ8UPDp5/vlUh6O50V\r\nQrnmWWpaY179mqNh36cduDONFdlNdQPGmU2tWwqpqDKaFm1y/xZilSpVmUpD\r\n1kTq8erpXwXAbpAReqx/6+64R4lXhlTLbJgg3MYFGQ+stZsVwIH/8OZoWj4X\r\nprNQLp0rBS3hs2+ybm6fhzFHpsViEdqCWmvi24PHP0D5VHFHgzxH97PC1ZMZ\r\nA1hpU2D3g0BcPZxS2+qlScb+IC+tUFmZMNPQblFEpM4jCw8whwOQH4xuALNf\r\nPYJ0Qcj8GDgT8T85+9UkBVuMIE++hUAIrFOh45+W+SvhzL86UrzKdfART7Hq\r\nHPyLR50KEkoGwe1KGbUzKcSLitJoj0hvUm0=\r\n=JfPV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.0","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-2022423113827"},"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/input_0.0.0-dev-2022423113827_1653305933673_0.33995134313540065","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022423121532","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"cc545b10a3af86fb48227e71f6f53033ec9ae21c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022423121532.tgz","fileCount":17,"integrity":"sha512-t3H7jXlAQiLqmwm3z0ZU+vNQGflTVeTlPKlzWpFYqGjlOk/uxtejkpZiax1giUqIfaG/Gd1oW2UvnjPvpvSRlw==","signatures":[{"sig":"MEUCIH12q3p0HYYMI0nd2wyDKbi4z9kJRFMNFAN5wudpSmFMAiEA90Nkl5S/CCgvHMwMcfQj/tORfOttmk79xSHqVdd0lAA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsjhAAjjiu5lEH7Wco2N/InzHbfNGmLvEtiOsbWVpv6eccWDZmsKtF\r\nBq1oAK3oo0dgPOKSOvsT2gyuhmPHvS3D45Te7bhHmoxaWSK/u61tAYABmyG0\r\nxlE3F39rduzirl7YehI/dTqs4qSwTE/CmYtCGENxcpyMrD22g82vy5mpOM0+\r\n1naPt+R62UoVnmfbc/7D2sAPBG63S1M74zGPeD/BXBf2TcwAauIdjH/kb4KY\r\nTa99qLlX9ZqWCkEAtwgbMQko/YmuuJYJ6Jl5BqxdaloZCcKnnuDT+ycHRFvV\r\nIftHpXBTzcraVayGMRDMqWbPT4SSsuEyGH/cXjokPpEyY4Oez8waoKxZJQ78\r\nzAMeJ4m8r0JdEo0eAVjUvOWL6xTEnlBn1z7wKhWvibeMtNHz5GIAAH1Y666e\r\nFrTJYh2dSL5LBXjQmxYbQjqpI3+Zz+3VX/ymcfTB7z0edeGDPKfDHBZGc9+G\r\nidz5HgKpP2+xR6h4VwP6EGmG266ZRXbYG7FVuEtFJe/rKU+dLLKcyaKnUJYS\r\nN1jidGsQ/CBcbTHD2DHXFJLh8QfEyRGRq1OZWmKndVHeIoWM5vpzU+pqBNRW\r\ntQbEGOaXBsvaf+n7v8HuZSiwbEMqgm4Xt1Yf+KPkMg0tss69DKkAvnbkxU7C\r\nj7o/z+3f8OUQXFwa4mG5E6c/JJGMsifd5Rc=\r\n=xI2m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022423121532","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"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/input_0.0.0-dev-2022423121532_1653308166543_0.4330698515706035","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022423121615","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"da9a6a72fd319fe65fa26be5d3a6cf6bdaaf34a2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022423121615.tgz","fileCount":17,"integrity":"sha512-ifBbN3gyx2IkBbAO/b7NJYafEp3eovJ7QA6IrW8Mgm+L9RKsOx+c3FmqDUhWHpfg4OFkWjsrJYa4kHQUXdCo1Q==","signatures":[{"sig":"MEUCIQDbfadqwRQax2ix7SMTWNg6ZCgjLBayYXgRxB1J8S8iyQIgDBQGNqEBCYiRxtofqO8MNyXwQUEWasfI19GIRsnys5o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpRg/+LyytWh2avK9d4y+WGTU4dBnCqXTglsfEmRgOyNuTZ1NGUWzJ\r\njzSoG1Fkd5nfI3EYnBfQf0v/qXKCdMgQg9EIMNldUGF6WYptnImCvSMIA9sV\r\nXC/KuvOYVyJ77Aq0vKTZWJerE2x7vf48RkikpumZxenNzL5JmLQaYfzSUiey\r\nDXOn+C8KDN+F+r3+Jxq2DFMpQOWhPQGdxF+PiT7TzapTdQ1MraAesC/zML1r\r\n+X7j5nNYVu+dIjR/P8mE/dDqmxYkW71yurtX+rDG3Ma1B0IioG7PeSUiEEo+\r\nlU4cc+J5xIL6K4S1tDawBcF7ScFaL7D3TcpPUbfhvyVzK67ooAuZy2GGFBHU\r\nEKVWemhTwDlAr+Pv5Oihz+kz9X4kPFeFcHF6bN40K1A6Ad/d1pjMo41ohBDY\r\na6pmFlyT6PMdnGx2upYrnUUA07+H7gmL0LIXICgYJ7u2R+F9x+31VjVOJs6X\r\nNl8HLqfQRzj+KY9xy/ynqa8XP9kRyEnoIqV72aGlvYCv8UpLZWRHjPOewOf8\r\nY64nk62I8fQh+BUX4tYm1JQgQH+q6TDbOkRo/5wrdoElx/3mtvsKJQ1CwEYy\r\nJ6qZvZeB6bcXxM8PjnVezHmlHZ4xVYKhUV1FA+JsuAqBmeRpD6JcwohtLlpY\r\nOlChbsHuLvsiJhgnuYkHZdi7KsPXmJGA2/8=\r\n=V9Dp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022423121615","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"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/input_0.0.0-dev-2022423121615_1653308208986_0.4608081184189834","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/input","version":"0.0.0-dev-20224248246","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"24dc167204e8c845ffcb1bf9cd490352118e080b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20224248246.tgz","fileCount":17,"integrity":"sha512-q1aC6jhpA8gNfoQC6SkU0bJYpNpxLipBqUBqI8asoDPgwwc+Be6OHMM+NYdogfUtVZKYrmeNhS0xJk6mRSqSjQ==","signatures":[{"sig":"MEUCIFuIII1JkSX/sjTZaKZzCf9R+UIYgZwo7iWLHiMTcT/rAiEA8CJJwNR8Uuwpg6u5w1nU4QO+h+TK7s/y+b3ppDUGpl0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36162,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOzA/+JxN6R56WbS6i3/Z5Zh3jWaBXGvyb6C5rcnBDWu07BgI/W7ba\r\neMMrngbvMZ6JX7z2Fvw0tjuLfEA4OWAdQpczCMPKshaE5wLk9am/BlnWP8Li\r\nS7HjYUYWwyQsSVvoOcMonMg+G58oB6grZfi3ixg/M10O6cp4SkZkfZeyYO4p\r\n2SOEi18P3J1hUEIAoHSnZm/nuYWIQIGgjgjk0WgZ22Ml7qyaeeVZWNwFxRht\r\nvMqz7Kt3GLOJ8E3Ea41yzE/3fiuZidRYmmkk8923QviUd/BJv+qOmQhSsD0N\r\nr7pxNElTAN46sn1Yz6mWAhg85MNioe+/Sz97uyyf1Z6JNxmdHX7eKzm0XczL\r\n9X0QVnU54DNHaxuOy8r9a9+3M9PbjPHPmotgZpLdJSr2XY5A9OpTs0FrGozN\r\nkqZIgHdNqgncWqsMY9wpCnBJBuW+Cdl7pClaGhn7tBqOdCe1YG1afrCqJN9U\r\n3EfFmBJtwQgsnEMuUimbmiE6lEAto4nubiog5ZmkgF9FJhoJQxu1RL0KF1hi\r\n05gtdsnoDDll8wdMW/In+IvTVGOaYCl3y3VLHzpVT2vvsE06xhUXipTjlR6d\r\ndsrIcTYfRCDqaOzWtrkoZAdSYaY5mhpJcfMdUxAUG48ilhO7THWPalgkSON1\r\niQswl875WoGs+UdOkMI8h+Jbn5cELqiMiyU=\r\n=3GiZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20224248246","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"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/input_0.0.0-dev-20224248246_1653379399036_0.2545555557035606","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/input","version":"0.0.0-dev-20224248516","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5ffc72192e61b8a7a73c7a384f21f39b2a26e3e7","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20224248516.tgz","fileCount":17,"integrity":"sha512-oe9hlt2PSSGWe3yzCW2hz2FA9sTVmf5eYalcVdza3Z/2daDnKJmJ15N605mpxMIcOeLqm6nlukUGYLoaan4Gyw==","signatures":[{"sig":"MEQCIHVGfvkgWlhV8y+oGfLlB3UqMvVrRKoH9d1LUp3lC+z2AiABfmUIsigxIdG8gRNxu5eyDddOKC+1duTNJhVOckGjuQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36162,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0xQ/9FKg9LUPw+HAh5f1t8aN8IwdnGCWZ48jR64a8d1lUE1CM/Q0o\r\n1l8fmWT59+DF2M1n0QwHlN3zhqBZcW2hbn12AjqZLl/a0KbvfzewuW8eCrst\r\njV/xB1yl6bBTnaH/bjl76ffBX00F+CbFyl6nzJuV/diHuPoPIsmhbyJN5Fue\r\nuMKz6EH+YxfqDnc9/g8aM/eC0p6vXMQQxG4DpZc5km52GLieWzyLsZbixt/3\r\n/M/uIKPcOUyJ+rqTEsKnG6FMXqP7rUEXiWjzWheUF0PnYm0DAjeOhkfhvmnR\r\ntJ9bpwIGJWjhC3sdyhG+EDaFuWueI1hmTAtfeEPbSnNjft09p4tR9EWrAuEE\r\n8RfYxrpPQf0dH/R+HT4ebZuHiSzVPOhwyWIblcWnknw6Tx4saNLtyC60wvF0\r\nkusznInoUhTEvlEYZzSBe7dhkqWC3XVOTWyKBB+ZsJUTdNNWoUZdpzYlsf66\r\nb2Jou8VrzPeyahzGQr8dJF4SDWt7eKAd4C+uPgwKT6sYLKGyezqSZnnV7y/3\r\nzoboXeU6q8AxjcltiYo+Vo9PnmiKz45gbFJ4EO0sxPSA/q19j2f1Dy1wZvCJ\r\nlnD84jmyew2U0DgNdEMGQ8zOSMx7XOUWSpbwHhn5Ve7fM/GZWPQuUtOIxvC4\r\nlYj3TwQYkDav+vF6Qs/+kVODlZHkqL183Fo=\r\n=jtfE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20224248516","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"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/input_0.0.0-dev-20224248516_1653379548983_0.6481873720600659","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/input","version":"0.0.0-dev-202242481651","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0a327f8168d14d956c285c0bcde2eba3966eb827","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202242481651.tgz","fileCount":17,"integrity":"sha512-AilkjwAxk0BesvaF3aKBmAvUyl3/8+IWb9xMJHCtF0jYB7QwuwbfDZgDIcez/YEir3ehZI0yQMEF4a15xxPORw==","signatures":[{"sig":"MEUCIEU2054gR0Tp8KNHxVbvuG0oYn/QL02LhzYSqXQwl4YjAiEAqb1WVyf6kq2ywgGbSGOpDhJ/zftxlBTjzLO1KV5SrlA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36167,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJSWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTwRAAouvptGWCxQBdIlZv07uI3cZ3PX8QvBhm1eDmbmkxdaSir2Pk\r\n04Zdi6H++nQdI2300S0PGmtwQJFz/lfvvcijMmMub/4YI/Kymd24Y02vntPh\r\n7vqSQd0wq/lq6R8PoX1jcXVJ1Q/oAVDYfxGi+CHHB9gKnfhhojs0QNw2LVqx\r\njvqB8I8jzcSbn2HscvXWClb02sx5k288VAAySRprYqH4KUXjz7m0z9c/3tKa\r\nPitbP9VmvSuU2k2ExrZDoRK770bCQUntvQfGlVfSCkP34A8k/vo3EIT1gpp1\r\nRFkIdrkNrC9mTneS3YS8qBRZTH+4tMWEfX8jbaFrcenzD3mAmitNzpz5j7a1\r\nu0Nb7cGZNaD/vUOiKqR0/Qxu5d2HOoOPFcUEXe6KLeww2C9Xmg1pLw/OZ4P0\r\ngtu4AfbuWuReZ+40Z/BXm8hEVaCRsJ4SW4+OJ9KjfRb2LiXjsjP5wyicjH0v\r\nJNiomjKLjv0su/M1C6W2Zgq/37pwhuLWXqU65IpMVqFcfoP93bGCupxeygIF\r\ns2runRHdDoyCocNUAICjssqTDH+obXKJd5JNde4TbT0vGOccfEmHgNjRVYdo\r\nZJF4gnRGL+vuhBekdT42sSkG3fvPpekGLlu4wnal5u9LQ00e47FSXxoNFh4h\r\npjJp9Y22yhRWffopFOLGYgPdct3ej5H8nwA=\r\n=bYb8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202242481651","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"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/input_0.0.0-dev-202242481651_1653380246695_0.36485984585367226","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/input","version":"2.0.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a69acd1558a3ab76b88e9c09cee281eb84ed52bd","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.1.tgz","fileCount":17,"integrity":"sha512-FDpEbIBGzTXHedI2q/C23vDeRxDpaJAS1oD4mvCatvZtWqJ83oxsFM0TcilZbP+F7VRNVs8X7NrW2Q5AN1Wxzw==","signatures":[{"sig":"MEQCICekdu6QjTs7i4Mg5SjG35gMjvqMHunwS26nTsNAxBsDAiAuTAs6H6PPZUYUaitM9ObCQbqmPPp2FFyggNY6rTjrXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsUhAAgq+dO6iRwtpw8uygjrvAW6PyiwHeccUZpiOGAosoXDcKPvS2\r\nDNO32u6GKIou4IQwQTAhhYTLDEqX2QkminnRRox62YMVMGbCR/xEWHscTGex\r\n3ktXZlPuubuq58mpoUMQRqPmGHdwez56ouXuPGr3Ffi6DiLyij/Rn6HArzOx\r\nTrL40c+2/1P1CAalPWH0JfQ/Db1cBETgSqp8PNTAb1uCjHcPTtlYC8ky51zb\r\nXFrqRuymKlqhBOxhKmcT1ODo0Wglz5jU3f9MHeE5rrDDm2Av6cnd1PVGt+Vt\r\n/Q/ruQYm4xquL0TcvJ4SV9/15+vo8QJi32VFn3MI5tJI9Hv5JQhdX4p7m5Cw\r\nU/lmDMhdGAvqJNZClLJiNzaBefCvT8sT3QG5NCwoS/kDKF9fELpcwueAuxbz\r\nO6GtNi37X3WWZM7VWQCTutAk+rfhqAdpqO78F1mOJlf4jPbKTVxl6ivtFyrD\r\nN1RGhPvJ4FOVDgtnlO9kTv/HmOMAKzuu9jS2lnKfx27FD1Nn0fPYc1VaDzjr\r\nanRh1/8E3nBZ31x+IPDAWV/ebw7AETxu76UdWeS12g6fz8LY5/W+OF1YVCAN\r\niSmZ0abrIYTShJbo1M+2B2U8Rp7FgMfFcJgnkxZlydY4FOhYOj4wkvnmPvQX\r\npAApPpzZ1ymGmOhoNW61gC+c1SIiknkG+Ro=\r\n=tF/D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"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/input_2.0.1_1653395293938_0.6729150802691264","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255105723":{"name":"@chakra-ui/input","version":"0.0.0-dev-202255105723","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"325b1534e3a01dfa872e8e02f1b063b69ddaae6c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202255105723.tgz","fileCount":17,"integrity":"sha512-F89ASKoWb91IjcXTYWeDBi3vAj0wgs7lOLEVPEWGy443PuSCIkuKILCQPkHkwZDXQ/1gFEMyVlx0TUcUpP+D+Q==","signatures":[{"sig":"MEYCIQDHDhEy2miXiagPBwM/CxMiO1jF1v6EWfE45T2bY2g6CwIhALgjz+EXl7h9SDQ6OUzwwkcZ+Rzz2RPjzlR8emRGZtdQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinIwzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLeBAAjMqN96zM8rcaiVfGPju2s4wcWhUumfZCJhRtyffpvKOzkVnc\r\nNs0n7KDeiR6B+SD9H5g6Yzd0ekl3qgPQ1Egs0DIJ1qIARMyTD1gAOroHH3B6\r\nFQynlHb58gWHl/wExQqgE9hsHJBufJal19d3Q9bGmW5ukEtMrbWDOIqkgK+n\r\nhDwnM7AWpa4M88CGUVuyyXWd4DLU+0Pb7xf6TY59WAfLmSVhS7pow+x6eKjS\r\nmFouqsrJL09DMYg8B1RwVWJYORWbFSP1nZLRYtX/nVsK/tDmnopb9tY4qQ+0\r\nsCWokz8375qP3hh6GFbrLN+pTcVTtESkkKN3Yvkc3zRthOd0Lrwdi0Uy7dNZ\r\n90Hik3jyREIVyuRLGeZmsmvLQvwXbtxTL2wv4l2yXbWAZ/KAwyDwCSnKhC//\r\nXJw2vgknlmso/2lzBQSEjx777uv/sa/Y1Jnr32LRmTxaPaGJxnRcZch63LsI\r\n0GUv7elfGXOUq1Uy5kGRiFiKmY/OhWPvmuRm1y//7SAaTCOp2mieOHSH7ufT\r\nQJ89P37OD76k+tRlrHpkfqifRDpIfJjYvgAmoHz4YvQ0SS/6ig+wevUI1VAb\r\nl+zAuFWr73UYam4GBYtKnFkd7zWkPEGUD8mI4rqTzZxmZv+4oct/RdJ4XQ/+\r\nTlLd2B+fMnDpq52ge77evsXdJcaReNHdDfQ=\r\n=bmYK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202255105723"},"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/input_0.0.0-dev-202255105723_1654426675642_0.001032158389106419","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225517307":{"name":"@chakra-ui/input","version":"0.0.0-dev-20225517307","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e2708be0d6da4dacec0d24def8a4f44380ba2122","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20225517307.tgz","fileCount":17,"integrity":"sha512-Yhj7uYKkrfaw8CMmUx0btwZsbTww31Wv4ATRqn5GzzNrlW7PEL0duazwy5fmK+vM67RQTTPBO5ovm/yEifXN6A==","signatures":[{"sig":"MEUCIQCv+8vI95P+fpi3LXENLaLjINnzBzzWkSAHq3fAeOoNIAIgBy6Ye9c2h7LwHqHRS10HSnGxYJyF1wVm3p33Oh5mCJ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37089,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOhIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqS4A//cZsG1YzRdgSOXrM+ZS2AvpUxiXRoBBwpt1SsVw8YxjaCfKx3\r\nron/qdvkKQJ/GFAol0Z6Vm7/QCWOV6v/NcErWwJkmh5yk4WI/bG7sxZXtBhE\r\nWkJOL3hZDsOOWdxQDQBKukI6V81Vm66WBGakA83Gh1fiVOJNPywhPTWlEAxM\r\nshncHQpg2gNpl2V6EwYagGgzn/lgvo3fQGrb2ZHwDxfhfdlbR+/cHV16XrnI\r\nWjYuyYL9+geTD/1n4Vi17hKg6TV07vM0nVJmdSuqvkWfCR3s6aRSug6IFOhS\r\nwOAAB2JQ8PnR0tihpP28oXFWxUF39nwvBpwSOO2c/MKvp5awqUFUQRSrzCEV\r\nf39JciVqRGaNK629u0GPj8aQciocESLU6tBeja6LMlHwfbOPs7KmFLlIc8bY\r\nwiG+xQZJXEXGnIewljLQQTnqOoys43VyGpSMf4I6w8hK6Hq8VPQ4X5wvaptf\r\nppVnTBZSi5W8QkDmbgnxJ1HHg8xLDhoqzw/6Yj8LgwFgaWhlJTFexNd2TQiq\r\nP6CthPwNaTvqnOeRalldeLH8Dk2Nu1XEfdGAd7d/fCg+GOpx2LF64YFXmnKC\r\nr11XcxDBmDn/BCB5yCG8LzKsX15tj5QsLOuUnO5TT9/XHns0OHIDPXXfYWjj\r\nXLowtemJLBWxvg+UDQI3es1zRoYgqq+PVQc=\r\n=KQ/b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-20225517307"},"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/input_0.0.0-dev-20225517307_1654450248557_0.0315723755796562","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255185818":{"name":"@chakra-ui/input","version":"0.0.0-dev-202255185818","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"93a0b45cc72f127513b43ed6fab1620254b9ef29","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202255185818.tgz","fileCount":17,"integrity":"sha512-BGQ5/CyKbYNok50bEl533BSogMG/A+84fcvtsY93plKWXkPPHldjqIA+/zEDyuFY3I4SiwsEuGj4bTtNZuTQRQ==","signatures":[{"sig":"MEYCIQCZkoph/8pvuBcjzhceXcnZ4VbV3wpt8LPAYgq14/RXDwIhAJdofez4JMGCoAg8PQl56NobqSVp7ET0Xi1q/yS5i7JO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37093,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinPznACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmravhAAiiGl+b/ZaUc9oOW5GTCabZsW8QY0C6grWrOEdWiT3lcfFycB\r\n0w8ocKnq6uS2OaUguIV2iPubOVCLMa+L5Fli7wbT76fZ5A94n9j1EoI9e1vQ\r\nelR0uxYlmKUpfrCi9U3Dztew5IvpB6Q5Qdit5tNqy5GC1Qn7B2Sd/ZXEEubO\r\nA0JsmYCE3hiL2oxCZ+T6c/Al5bTTOBo5+I7DHcY5QDMCis+pQ3XnuV5wRAah\r\niBi1qKeBQtPhFc22M3M9xXLuu1imcoGJcCVaxHj6lbEkfSc6vxsVnpQytUoY\r\nJw4gfJcjobbPTJjyvnHqgHFMlYFjVhdo84seWHpXddU2uY+PY/smvnSkvIzF\r\npO66dvSy4QvTfSuW5SW8RTQzn7Ih/3skEkKYGIc23fpyiupKksAR3tcpsDhF\r\nwAnJO8gAZ9MHaDUmaUSnLZB7+YXXq6bXhuTgYet8gTc6O6zH6Cb5mH5bWCPW\r\nBj1ACfWpqdaVPGThERc7cWRoZ6Ij3eMTSwU8txsbrEHiZbrRKZx46zjP28LF\r\n2rbZmgUpDmu4K4sO+TYGRg7/EbV4JNVY4GrDgzA9n3V9RSy6bslv6DzBDyOK\r\n+GJj/RXmhxGMVCV6TW4ahArQK2QGCUoAAiLG9H72jfaGCBgdYgER+HH5mXSt\r\ndFaay4wqtVKveKSRWr/BVIE0rJHz9LYR9KU=\r\n=kAyO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202255185818"},"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/input_0.0.0-dev-202255185818_1654455527293_0.24590587716789525","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022551939":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022551939","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"81063f37d64cd5e77b76aeda54b731e2674f9e6c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022551939.tgz","fileCount":17,"integrity":"sha512-OHYghNIclioIhk3AUe9Yn9QYOW6DURwzq15ye+2AIKxuJJmf+XE0kA1uXK6+j39kNoMf5f6O3+F6bPqEEGb+ag==","signatures":[{"sig":"MEUCIH+umYPSDbf5fJ7uX1PC7emOIHsEfEUqj9lQzv4yJagYAiEA9yF7tULckYtlZegCeW2+uu5xgMnsQ1FBkgRd3bS4FUw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrw5hAAiT8J7k3Atb7mFEXWe4H50/KMyVgM32u+k0nidA8+IOAEINTs\r\nPrVKg2243RTG+HfnxNWo02L6ySC05YgLExLPHe7POdnzR/GdPRBlw6b9JcG5\r\nlB1h5MdC7IwRGwO5hfjy5O8vq6SYjUXJluVAfiLH8k0Wr1qbz2etkjktt0Fk\r\n7Y2FofUMIAq931r7zUoUHQrIZXbejMEdMZPe2S9XMFgbeK+UAWIowobqKF9b\r\n/DGZLCeaXuNKeK1HWlatyKJ436v9MffJaTYrRg3GkuvbjqKLvM0joqe6L62f\r\nLGINPn97pgfqglLxslZHQjPklynRoDeZdnClzeKs2S3NTPfRnUaVoNEdlXAE\r\nOVyAI9kwS7bj447rBnjc4Y/xhUE2/q+3YtR6/0JuIQU/BUtRNcGtDRG1JV7o\r\n8HKDBhkiQ3t/s1h06M0d2rX0GQCFSSO3YrnfpBl3GQwK62p/rY2gG/KmrDDn\r\n1TIa+xgu7aLfChYm+n2PToF1ThLif9tPu6FBz5KL0CbypcAUisFe2CaGM4Er\r\n6NoOS4zIaoWPhsTIvbvAqrhEnIaDeKlOnZEAENyJv+nXd1sYTtK3qqx+Byj3\r\nHeOwAeyq0WjCq8aYxdjZu8K6kGrimX26IU8j0fHXvcz30OEttNBzl7Yymr5D\r\nYE4E79DM2tFtevkxUgFU1YeqgBNkkhAqq+4=\r\n=dm0f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-2022551939"},"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/input_0.0.0-dev-2022551939_1654455819454_0.32364933233729243","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256151938":{"name":"@chakra-ui/input","version":"0.0.0-dev-202256151938","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e50c20cd91b9753b018394c45b060abe9fa96a45","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202256151938.tgz","fileCount":17,"integrity":"sha512-aDPMbEqpEf1MW6hgUdgMNg1TkXoiDImLVZ31gWMLNUxCmjZoYwa11HroQYGTGd4YMN8/8xAn7MMjyxjNrajLOQ==","signatures":[{"sig":"MEYCIQCTX0mh0zV1ZkiGpzEc5PD30i2zYuu4UinQs3vTk10yGwIhAJw6CcwR3uNCFn2T5UyneFQa2Ghdh1ZzbJNcwDK1Tg0Q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinhsxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBHQ//YSOONurl7O6P0GZN4QdyHeLDQiPQY6CAa6Q/KF5EOPx1L4a2\r\nhrNhK0vSvfwpmjqFq6txyuleLRhUzjfrlzW0b+HuB8CcD7Sv2U/38kBC4yxU\r\nV+EVUMWxLT/FEylZD6un9/tfQRZGf1PKLm9iULpDQANp2LGph19ufoP/tp2O\r\nEAwjfaYgdOtBNVqbGTqtoqeBHg8IIwCYxowBTYfYXwcj+1v2Ag0MOHu7VIux\r\n1wSyihmRaEK7LK4tn0L0U+TsHYjKXLRMFu5ECxUitTSQuoedUvG1HfoVI/aD\r\nEQJ5+sKWGZSwLOfIQFXwJPUq46CFp33EWwwKCdZqaW2UwgQxEHO+drWmlnb3\r\nk06Ysovibir5t8wrZAEW5bkRvyFoeHIs9oJcL6921tTvHgZVNvvzJvCXvReD\r\nvWKA8Sw/RK88/DiatEs1fwvDC9mH5O4LEbzq5Cwr1PdiwU3C2NnVDeyFaraT\r\nIYDIgGynT4uappbko2F9yc5W1mNqnxkS8uqLqd6a8rAa4JzXJIfQINfYtyYn\r\n9XDEwvgId3eibsRJdKy59FspzNd4RAz7EXdCcsig5GFR0ZgNyHb3o+NfyY1S\r\nPThH1fY31u8y9Kj5U4Et9jl9xzg8lj3QdSA6cuFSd7MNEE3xW2qUxMSygEgD\r\nAEtN4iypzLAOAWpE9bUNhHdNSbNibginvlw=\r\n=ePvu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202256151938"},"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/input_0.0.0-dev-202256151938_1654528809476_0.04641095760717273","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256153840":{"name":"@chakra-ui/input","version":"0.0.0-dev-202256153840","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"80626d969bcc34f9d04dc177f799ebe88891741d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202256153840.tgz","fileCount":17,"integrity":"sha512-kS/xlWPhyJQW2aHtfUzaS2DSIVLiMJBVFpWF7nQoe7DQFg5vHB+YMmR9CfU+i9ErFtGRXpYnAJFzuq4ayxhTow==","signatures":[{"sig":"MEQCICNk8sb7ZxJn2CKTTQdg/2FeaxLrZr3uPNkimtGjw3HzAiAc5owNQHLjZ8LGjoL5pt8lOoFW/OEvZGeuh4xRqcYamA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinh+zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFHQ//ZayusnPVd122d4zd1JAjTLKKYqqj51gTTFFHKIpEp3xCPRP+\r\nVQYHnoJ5nEzvJlUmeTMLfBjDVfi6OGW2E8Q7fDUTNFlpSVx5dnKH2SR+Pvah\r\nnIkqMfh03HzZ+BUzF3l/h3qJqH5s9EiDC9apmgLBKKmyX0jkeAheWFwzFarY\r\nCnxca2tQgw+/7IvximF1k48k6PMxfPOLpE0GABOp4y/ED5cEq1dMR4jQ3J60\r\nJa+rxTT67KyEo0gBHdaJn3FG0N3MBj+TrVtJqdbGhsXK2e6DxmXjCqNpPxU+\r\nzwc3yHkyiSTFf0fdOUI5Z5w7lc8ypkf/2AzyE1t7VVLh3EB60C6HswFOiVi4\r\nyXw/GfheHW+ZcA1EoQVQ3374nTrRVgsfeTnu5ZAJdWh32XI/DRAndk7Cy80i\r\n6B34YDQn7+6KlMIxs4riZFa6DQV6Vo2hNnPrE3D1WJD+WxYzdghgQ2eCqcxN\r\nkvvy/75M++u0DqjTjosCLgJ8QKTBJPh1rPEefoI35bHI4N+ctKhPKKzFdgyi\r\n/zxEZBwDcmt3flukAPULp5jlD7IRGVHAaNY3k68ygxPd9MBGtyP6TYo2QH8F\r\n6JUi5ryBiFWaKcZ+/ci18S+g0vWKKhUCh43ctQv2ox0vuGxbZb0mPY8w9BsP\r\noQqfdmUM43Cs9blJfiJoG36MmEQ9HckdcvE=\r\n=9K/1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-202256153840"},"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/input_0.0.0-dev-202256153840_1654529971753_0.8927440489088727","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225619634":{"name":"@chakra-ui/input","version":"0.0.0-dev-20225619634","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dd171caffc4c3395d45a19229c5fcde48597cfb0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20225619634.tgz","fileCount":17,"integrity":"sha512-8oGtyXBVsCCiqGdcwFSJdE64b7UGIKreTzWQe0PvjNfpwAluoxNkEYiqthsAbin5h69nhxLsF7DfHrRC+YxyFw==","signatures":[{"sig":"MEQCIHasA5yiXTnAxAyt/CyYmtiZWMoti5Hm90AKzGvqEG1VAiAuVHJvf78f3BcCdtmV6dL4K5A0NZyrf/9VXgAP+gXvqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlBXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWsw//eETymXbTGgh03vyjbSb3Wb1NIFP/X6nrwcEkCodSiqUTeL7h\r\nPjYgUG99QzUA8VGjzpNCXk+colO9qkYtuEQmxcTHxDFyHJVOgPvX/ZXxzOPA\r\n9d4CuZ0EtIgR1ysUx7F+GlmpiDYaeD7qA7GovG5oPYUYE9W6qOsZRU7PoleX\r\nyGw7jf3XqYnobwk6rqrvoWlVrPW7Xr7hV0XG5sT44n+Qh/Dotqb+UXx2s79f\r\naEKAQtXTU7qCXcg/XBqSTYPV6s5TkpU34TkKAyEWT7rrM1shXXclcIYv9Ld8\r\npf16EyVt3D2SiZ3m0n+N9tuvmT0dAbC5p/9NesbFV7e73xiIGl52npfP3qMK\r\n7ZdIdJnE7FOk2fUquDa+bCbvXurVLHhPP+fQCbx/n7p3+rYWuLKj0MgDwHTc\r\nOuSx/86yiNneW90vYR51LaDEB0iYgxamuxf7VZYvw4q00R2gmra5dEJqh6W4\r\n6zRZn4+hl3lJ0hVl7rUHN1lQTUvRP2duoOq+NcB/5fWWDOjvfdbcAmSk+sd4\r\nMbmMs6Bs2E3SvwanYXsSMmdGr1rzzAsS0zylQ00T/U/CDgsnsr+X3AxF7bsz\r\n5SNB+XL2qUmO3sbOuSjENlA5MZniLOMrtTuZYXmxGQyXDrn6n6hOTKNI9+eS\r\nok88RUrcgH/mPnSMQuAYuCj4v2oblhhC8ro=\r\n=v/Ld\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.1","@chakra-ui/react-utils":"2.0.0","@chakra-ui/form-control":"0.0.0-dev-20225619634"},"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/input_0.0.0-dev-20225619634_1654542422921_0.42911559203534977","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/input","version":"0.0.0-dev-202256192154","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b9cccd29fcaf861e0b7e2cf9d47a6b463d195a28","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202256192154.tgz","fileCount":17,"integrity":"sha512-1Q90pgCaig/OdY2ak8lh0lSw/s3s2x2ahBAmEhG+VZEHyTtWzYA/8VTvLpaPxeKfi6mZKVNX3jPTAawzCgPfVg==","signatures":[{"sig":"MEQCIB4Ig9H9A9/VmVK7CWK1U2a/Svaxt4n3vr2r/7qq43QNAiAKBmLHTgMHU5SnGLsF2/C9YTKWe6ffE4Mny0ypm29vNg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlP4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobKA//W0Z9huh1YziD+2yd+UBmgkKtiyURAXO0LvMu+6PHua9QN7nK\r\n0iwcJKdZPNqdpORpxe1s64kpBdIQlzDDT2HerS1RsT1OudpFW/vsndj+pY4m\r\n2lgzd3qrzg41hqrBYntBHVQ+9ipRCuuo3qrywtZkB7xS+cqvOJTfQ+LG/qGp\r\nVSek11S66NLzBxaF6yZzAYomX1RyNMTY0gwACilMMWt1HFbONGsCstkMAZRh\r\nltKatd48lE+QCPHrVJqPj2YyjWYJ77REFDW4FnQ2gmOlXm/b7YJRs6sizMHH\r\nCcae2Wu5XdjdLOe8IrDTdtgcXCOwjtSW32qtYKGtEebahAaawzH74P+fyf/o\r\nwKCUjOnn1I03rEeAZMijsZMxWet309O6+eKDkNj941lF6GF6Au43uy5MDJF8\r\nxQZkkVq6RzMq/nJeHFbfH/a2p/U0eqSjUTmGrL6oF3at0i3q7DE5subebjWi\r\nOFxqBH13alj8h6ddgp8y5HAqOxq694XJpXRA45j3jHdcyFqfbnflK4yShrUj\r\ntHUtPBLlINFxAk/8vP0V6ZvDOdaJLHlW9KWnFwHTgxdwXVUFhowOEuNiiEcn\r\nfXo2MQAJ65BMhg1A2cpUWd88FOiLHOPTtDDbTEm/jkzRv3omUvtECntOM6HC\r\nv8a2K4W9AhBPjb1/6anIIgUjpH+QQ4cvxj0=\r\n=McIj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202256192154","@chakra-ui/react-utils":"0.0.0-dev-202256192154","@chakra-ui/form-control":"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/input_0.0.0-dev-202256192154_1654543352425_0.9188070616166268","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/input","version":"2.0.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fd14044f31aad687387e40043438f5b96a9a2d70","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.2.tgz","fileCount":17,"integrity":"sha512-ODwdlsLha+EBPFSnCEqWjlndeXaL4cXvCk4rrKuvs9vexhOBr+X9V6KNn5Rmn/bXah+Wsrn+5g6T9V7BvRES3Q==","signatures":[{"sig":"MEQCIGrrtzy6wVdbauRIESdsE4Bl2f9MocDdjEcMEBZuYN3hAiAMQ2owy5WwSeDV2LWgNfEMAJOsacGB0KYbfSR8+NWGnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmZ+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrK+Q//XZUd1tiTG3l9ksbdGjCvYB3b/6ZIBwKl/IyzAPEcAQ10PH1F\r\n37ITdD7KRmHIJURTjo4wGLpnSKJ7e5leT9K9LdA2aJkATDGaWo+q7tMEiIL2\r\nBoTtmJqv8Y0S1BOSHH2icCD0vw0sBCjZ75ZLBXG4RNA2soFLxQP/8ptWf/R1\r\ns2nQHO545ODrnfsh3grf36yjD14/7ll5rS51YMfw1MB9PyWvE5JSmOmNyInd\r\njODvchWTAzrM8DyHecNEVuOTdr3HEBD/HVL2bOyc11ORyM+jd3ey1axC3JFM\r\nJ2P4hyHyjTDpbD1bEkL0oduvzPYPkpEY5Gez2eGHdV3VyjcrFlDlinN7yT5V\r\ngpYEt2bFpdkh336GmSC7V1PkpxhTM3S8MECxrvoOtChAlBuczYBvpg81Rzad\r\nPTvDfl0QZSbeu8GUwT8+nVSERO59PitkXjpHzLVNMoF+nktX1dJPS9jPWD98\r\nNm56mGIahPDfDPyO2Wor/fInrYSM3tvGQ1/xe8b9K7P6Q/iFWKus0foAT06C\r\nvKk+HAZcG5JOBdbkN0mWCOUxR+ZHnVHHJH1VkV72mkNQuhdUp2ahZjWSFWJH\r\n/BDF3MXEWdoNDnHAGh4LYOA8+izx60EU5y0MqYiiyN6HMJym4e2DDDgtyI9X\r\n1+7Ss3Pix4+rFbo7ZNWgIoAKn7stNB0Kd3M=\r\n=6VHx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_2.0.2_1654548094142_0.8702443140256364","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113227":{"name":"@chakra-ui/input","version":"0.0.0-dev-202257113227","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"95455a886801f257b01dfe0a4d139faf7f1998bf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202257113227.tgz","fileCount":17,"integrity":"sha512-PAGU2eqXVDTezYKiaAfzMyApmPGdRugCGC0l1cflyOmeIMabYzZrsqxTK+hEJTiXA6Cy2xQLhAKdJzICNQ0xvQ==","signatures":[{"sig":"MEUCIQCmIt0mTBKeP7ivAoefPlr0Rhv7zi8D9ARe/4UO34HwzgIgQQTV2zAxbT8K3fs3lIj0HmoTDXG3onK+G8Sy+mezF50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzdnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDmg/7BS7uJfYK60H7VOHeX9B4kmUH/FnWzHtRxYn+Pz/HzsIhuu6R\r\nMuNocnLr56NVFXreahrZo4V8FT6BSYCxnk8AXdsWEeywssMWim6ANtAhGTQS\r\nNAdfCwDqpcJiSZpkzyNyK5WuhxZvr8omKjFwottvwoSvLnDvo28khYE8qgbL\r\nnBxN31IpaAp6j3zKxdn5lJF1U/AChD0JqAmlK52grXOP+pBn9ECpVp4d6zUo\r\nrpvaB/0MDZbOaXTGlQn2eIKqx+K+WFTlB1ZwwrdiNI1PrnoMnVPD5DDm54Ys\r\nHMO1ArjL1zkQkjGgA8rILXr0/4z97Q6BlSn6yv4ArVYO9UvlbEOd1uOGtSYc\r\nlhBJ6UYjIePvowW7NEGu90u/qoU6KKP663zUiu+vgQZnT95n71emzEWxIcPJ\r\nlzWp2s985m7LRORb4O/MiOakzwaCrCmSqHjKGO+lAi2GwShOLvlyYLavjCpe\r\nZbVJMA5RNc6fGo1/Im5AMY8DaUpSx2o61BcS4UBCUN89axyEMhNzd2+54wG8\r\nffEZ+qZPRWuL+ZwMXqcedEEP2PkicNTPiGy3X8l3yVwNIOWaBDKPjSIJhznG\r\nOMCXF9ozWdnGttTx+0+UZy4gmpR19CeKMQOFZqMCUJtgvlHISGnGNq6Um5Us\r\nDlwKlFu36VkEbCpQcwtuh5VEOfMloWU6GgM=\r\n=IuaV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-202257113227"},"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/input_0.0.0-dev-202257113227_1654601575209_0.6605309094419631","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113310":{"name":"@chakra-ui/input","version":"0.0.0-dev-202257113310","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f4628bb2fe30d969f40cfc6dac023b4f8a641ada","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202257113310.tgz","fileCount":17,"integrity":"sha512-DVCM4z3TCdYY3RCardT53mGW+gX8qAXO3Sj2KBhU97PNRPSTUP54wax06SJQLTiUnnbZ+u2hauuZ7CUcTHaVkA==","signatures":[{"sig":"MEUCIQCDwXbVHjaqcQyIO1fKiri1CCgYvmBRjalFPzo94aFWwgIgUojqJ6XajnLxB3ua+kvPlTifJ3xznMKzAH42uR0+/Eg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzeQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6OA/9E3QqksWgJChrTCxbY8tkmPzM/Kh2nMLLFk4S4+T+17diK12v\r\n30kGeXz9rRZ3xr6hBkqIyMplofvPIbyNh0hiUxRwfq5wsLYg2kcKDS3c8+A4\r\n1Anufa2OHZTMATo2ZpJ2G5FewnppwniYJrfFDT8bcXlQi636GMgKov2hMIeP\r\npNJQElvROsRf1Yp7pda10dolvMnr5TTqFTcS+ee+H0iZWuSr5yzx5aJXPFVc\r\nJllqii3leBgfs+RBj/0qDnfmeXWdug9kx0FupYWEQHRSdmcl39cBorAjqn2F\r\nmqem6Ojk0wyqWFfA1KqDk1I0rkDEdu8rOEP99+55GDfLXTl+x+B0XXUJIVEa\r\nA5oJmIKF68Ay5poVhrhRGR/HMbx5WjauJOFet6dOwnxNwm7GGUxO2EUnImHh\r\neHgsSY/3NFlee+7SMPXo5fZM1DOiPATfqQ5WCfNg1X1+4nz0E+zKLfKAnZgX\r\nE1hF/095xCdpMKCfUcj59ONSC6dixjYbDHJX78HROBe/6e7pH+jcq8v/W/ze\r\nPCeRbwvWd2kt5u0vCsuxCp46+F4ivuUDVvGtVOQYO1RNniR3q9fpamGYgt8F\r\nPs4opteTe7E9l8OODEBwkSDRGZ+6fqQ1hCfGodS3DGW3sArLOXWMvD/4ZKDa\r\nEA2myRo3uE/Ib0yXEeYnv/lYK8jrNeJmY6Q=\r\n=rvCm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-202257113310"},"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/input_0.0.0-dev-202257113310_1654601616370_0.4065681986470011","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022587541","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2b0cf2ff00a24652abcfaed2e1d9584596dfd4f8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022587541.tgz","fileCount":17,"integrity":"sha512-0MeGWZdKkr9lUj3DO0fOWV2yi3WgBr/iJYnBTZPN6qlCYKssMMx8tzAlvNhzyyq96fwi4T8+Klfre7UOFxFP4Q==","signatures":[{"sig":"MEYCIQCH8frD76SLEj89pen45whFrInd8l2UnQ8/56vPtRWp3wIhALklMGodh+ST2Vay38lWqT1KcIvVEKyc/O8jCnVrD4aW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37072,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEpmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWMxAAny98Ay5E4vm6jWqE+Pfe1XHZdZoUTBCqaVWnUQgqgtsHL1ep\r\nWeGUv+NM0nPZWATDZCuNhXoV2Mmd909T78kpsoW9USenBvl9ixOSnap+vqUH\r\nXAtmpc5k9txZ4y2o45kbPLn0Fb728tdoB13M8wc72a/l1FdFNIpUGxXtl5ez\r\n5b7N7f7UNl/ZlMgmaB0lhwGsWlQyeEj2OfF1U0Tay/jAN5egprdnoC1LAfn0\r\n4JD/0NaByv5Ect1L5+1ZnSZwkadEYjopVGxs05OIQ35qve5ZQ1727uzgRcTK\r\nEOE1faokn2yMonyNAUVrwhYRnKv2KzUNC49Yy0sjWdoUPBb0VhRFsc7XLD+Q\r\n45xqVTaJ3+2vCA8y0iL21cEz4oHuG+/mlXlHAOdc9duyQQkY1U4EGRMuTKmP\r\nB9KOr4/SFjS1KnU+ijPaTg8OxX2tho3HwS3hB8ZHpG6FHFHdEBLU89WYB9OI\r\nBrVqU7KePNgUT1k6YWzgXHqL3F77FIHmu//oBOYWKr1GVLeJ6FlRzY5NIDL6\r\nD9PgbKpBEGt6k7s9ywQ09XshK7ba0Dvzq3dpLNWnZ88ou/8LHhaIgGf9Vm2n\r\nz1nPjjy/9qCMfXXJLrMtvcalqG0qmNOIElQYjdsM2e0P3W+L3bVxLmMsau2Z\r\nZyWziOkodnXhoRAC1sbiEGJYyxxiyEcRRog=\r\n=nDQz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.5.5","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022587541"},"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/input_0.0.0-dev-2022587541_1654671974445_0.9882422105823765","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022511155212","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"656d6552defaffc7a2f852e349a9bb81e68a145c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022511155212.tgz","fileCount":17,"integrity":"sha512-LlIqIOtNXXFKvQ8rB3p0VL6WcgyaX4z9sdd2fe7Ns0gKtmm7L8LSdvPghAJfrzD3XRE7c41hmLltE9LFSWZfqQ==","signatures":[{"sig":"MEUCIBTRNf28KOatyBozpxNemYfOi3PcxnxdsN7bitYXwrnWAiEA9NBqPiqUw8bf5Ve3LBN4MWKwWeZFrmXFPFwFrUNoOrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqsAg//cByhzMrMA61fuoD2PTRzMy3vQ/nYNUA8ktvy4kg1TO+kyjs1\r\nqMl8g15/WSuIiJGis+sRupp5vaj4vQ6IfwwcM38fLenommu8Yw/yK4nQtY1W\r\n1PX4YR22f0/ZI7xF+dhPpPWkj8XcXdm2orVIiaIX+IQDJnz+Ffe9e2jZs9W4\r\nEIy4E4VOzg22IFrKr4Xc83BTJCK3PG/99FHTCZh/GNAabKIf41bjQ0Cc7C4X\r\nrBqm8bJ0m0vpbXRto8diwc1RGd6AHrCTFACcrlhTghMKscnsQa2D3MZBxA0D\r\nRdWk/k35O9nDduSlwllOR4P0yUJ8mExGV2Jwn4YgtDX8HR4w2gYGlRLROcLi\r\n1RoG/Oyvj8OXuwa5aLKlJVBAUaXeO03ncg2WsgHKcbdNDvRCaRVtYOGJbThs\r\ndi0sxk/7yf/70UzBG3b3JFjdXr87YrpIal3tLg7ZoGQ0IgqMkUJktsa1z4Qi\r\n0ZdAfnisIstfALog5K7kqbLkgLyGT7JhiIQAFIItpbvUzgjos++Dwxip3nlo\r\nx/M66tJ+cN2teX6HMd6aR3TGVY0GlemuR7plxFFt/qCQ8ebixreczTjrQdz2\r\nWFMWM1jxkc1QhR5MnM2x4vWg4kz2yvM5fC482QxHm1A+EjiPDNrS/U9RIAxA\r\n1RgXIljSY8Vc9s065wFkfcbclIKpPi6XmJE=\r\n=cN2k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022511155212"},"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/input_0.0.0-dev-2022511155212_1654962764902_0.4669380455574339","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022511155356","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"78dc374539e3d6f1ac2a536795e51d09e2bc92e6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022511155356.tgz","fileCount":17,"integrity":"sha512-JOS4v5Kz+NZR4ZqlyUCEql0ebk21Y5eDfRF6rpp6f7AfPop9+vXpGqBp5jpfKcrKC7LgUV+fx9Ho5cChdyUWyA==","signatures":[{"sig":"MEYCIQDWn2I7o+tFdgNX/9wGWDyMvkKs2VNthwFDBaI1iGz5ngIhALZ33Tv2oIplyW9V0NY3KpuBWPuT97eoHqzczc41Qa4n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLq2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBzQ/+L519uZatFeQZIViN1D34tNC+w9CyQ0ZoITDmURBbgfrOX4ji\r\nWdNjDWSLgcMWJsguzfszXGfSVDIo5p/1dX3RA0pC2LR1u6JqK46TrRAG44P7\r\n1HC0UIkzqBw/bMAgHOMem4t1RIZI0iM0leuKs4CJ3dGbfN/Th40eL5XJbHkJ\r\nR1RIxvkZ3mZDczrOUFux0fBPmt6soIgXK7n1ayQ4GMpq2wg3pMVnHaiqN1Es\r\na40WNsNDmrLcTmj6krDNqJTDxDoECTPLAdvI3LtisNl6Ni2PtX5Rs+BzuqxR\r\nwqIUd1NhfS4QRZTlCka01f2M27noluYYigVTZeM/+4C2Z66cB9+7SnwMNM3s\r\n0Et1mzONmgTY8h5ms137RnBa6TrSHzW1Fb9yJelC3LH5jq+H8poiNcch4zso\r\nlmkIa4/Vivz0I+zIIQTBJouV2uF7W2cXiqy9vuJvf6hGJitVnaAVzHWGwZ3z\r\nHKoGKvpj7rE+CQYkjkPGc6J9phqZ2ekjzJiw4AL21j88Xw3cZk28k97TWCc/\r\nBltbPL+S1jEjEhlEBfJLXK0rXfNHg9woJzTQOpO4HFHGO+l/TuiBkgzJPD/H\r\nEfHeZ4YDOA00nO3DZAx5aMzDeg8D/4kOzWH2XpCDCJcX4uTJu3NoH/AqnwFo\r\n91PoVBB2YmGZQZ7bcgP6Bur9e8Uslh8/s0c=\r\n=Ll/7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022511155356"},"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/input_0.0.0-dev-2022511155356_1654962869295_0.7842787999501584","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022511155428","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0f667fee9bd33db4442d00241ff1fe2e30936bf8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022511155428.tgz","fileCount":17,"integrity":"sha512-y4f/xREwIHLBJbCITibmckkB7YbdNgoBlJIIRstsIPcJLcOPjZmXQcMhAV6b/IVr+qLUFISoWY3Pd552n+zVFA==","signatures":[{"sig":"MEUCIGqukaECE87b0SLSGlRgwltCtkhTsP5BeXEzZxmcqweGAiEA7XWhLZc4RikH9DtDjUHYnvu/0EUnYl6GTr210Mw0amc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLraACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqmA/8CGZozzodRCkpQSkrAHiei8/6ONq3+xjhv+hIter4hGC+RQWa\r\na5vUl9Nbn+brbXfI1SexqFpPCQFS5sW78oP7q8KkzBumTDHzWADWdBmgmEC8\r\nDaA8ltvhznZ/6L38es6phvUiNFItQi7VstIX4BRa4fnsPzisOkRamlbaV5W6\r\n+zYyg6BPCQUWJJS7IcZpAIxTr8PVwILEeDIfRCGlGBJxPDshNXG4Ynw0+vHv\r\ngml20xuIVbp/9h0S08NzaMIQalQZiD3H+btlAUkMVYi/CdrWskhBStHEe/zJ\r\nX9Ady3XgQrIsR5OZCNkScX0us+7FDMf5WvAPiuQpOpzMqgRzQcMNzSk1cc4V\r\n966MugF3sknKk38kMeokS/MZGScqL5rL570ancISRfcNL9ItnW6hD8I6quZc\r\nMp4vQliiO4vBhZ5ns/f0na0ITIOhCNxs/KdX5QFxq9Kk2J+pf5BQYeA5lXLV\r\nVIrQvqpiHGYRK2RC70TYhCiqm8y9vt7LsLs9kfSmlE9LrZolOE0xx39JQdDx\r\n9cwLLUVMoOiOpWngLGGWYlYoCEuw8n11AuhsyTMWKR16hpXgslx3Svto2ihN\r\nabSGg2wIy9ogLWwSjjPtQdN9bAUVtBXrSTBX1gT1PnMHkSNYmrHuvG4D44Z0\r\nuyuJKhUHXFVW1J6wpXqwtQsTVNO1/jx4aT4=\r\n=4pCf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022511155428"},"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/input_0.0.0-dev-2022511155428_1654962905871_0.22094524403670568","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022513181240","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"af3d2fdfc788bb772d08fe1b3c0912c1d5fb4047","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022513181240.tgz","fileCount":17,"integrity":"sha512-+BYKmk+9+dvq1gUXq6sD+HL0XpBVJ853hiXncw/mtO+7F//NcQWpzv6uBw8iEzxYE4AwaypqQI+WJ575G7Wo8Q==","signatures":[{"sig":"MEUCIQC/vaCwzBZg0OaFHM3j9l3CNZzwYsFRV9r6qABs7m/YIAIgBBzSLzZLv/Iioq03dVj3u2rCkYg4TnSj0dhlPJyQm3g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip341ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8Og/9GnizKcBPvRc24FhLfJgmNQtn0lK/yhlNQsA5f9CbfKV5Tyli\r\nI+/v5xquW6VJNti6XKP+S2HUTtCU6jt3/H5bQnRjJxepr6FqVgzNrO18wG05\r\nWdhGHt7+tnZXS6NovvtctokVTHCheZ7aMOO+8dK5bmB3vFZLAapAQkrXfWd7\r\n8TJtXcQS9rVu8RR48I5eBgKzTh3H5Cc4Qz8T4wJR1eFtJxZHXc6ataGnn+z+\r\nPT5JYUHVtav3MQ5DRUJnXYuzot9t+Aj/NcSDECNtQlL8BjLH83SU3E0jrv6h\r\nakBx4nyKimWexzfMVl60Etn4oet2ZxFr8Fx61BS5t9F6dzIz/iPAxoWDfgM9\r\nTNomeIrWEiKrV9Z+jECUKNpAGzWis7XaXVnMFZQD9UYBZB6aZcwDsRyy0CJ2\r\niN08atNZEyF2MQjEk8zN2B1qIqYQ4Hw/UaRh8/LTH4ydDSG37I7yeuZ7ImEQ\r\n2rzLryuGzGlt/nMELDWQCk1r7ck+Cn9Uv1F58F+DMjpAa1cz8mSdYxVt9MLQ\r\nAFxiSzJ6g4dToQ6uy/NJq8n4qtaMAHah+C4MGzCxrKpMhBDIB0mF/ZWAUsSb\r\n6M1wPHltaPJOjjbgQ2jjF6BFX9iebYzxeoc0vO3upL0PmO3LxDoew55jYOe4\r\nwl5N406IrImyortTicBa2SoQ0qh6q9QAuQ0=\r\n=QpT1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022513181240"},"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/input_0.0.0-dev-2022513181240_1655143989566_0.8642805026901907","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022515163532","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c1e663079fd9ccc485f9b63e27a3146525a15b0d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022515163532.tgz","fileCount":17,"integrity":"sha512-tQKXcVLQc3mUlTTcbhle6/VxndqVxYeB7WXhfEzXM3Kbk33WwHRVc4HnLhRKuh8OOF0n4UnZTbk+AcUmXVKOIQ==","signatures":[{"sig":"MEUCIQDSdP1TlFivoE97udBszNqdsPCZfew7P5jCGN8X+n1ZogIgCvxXC8VH0L7pHKQWtwz2P4XBAj8nRrsq1RooyO66K/Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgpyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriCBAAnF05txE0k7932opuexsEH9Eh22X1Hr8e1S+rVGouaZHTLUR1\r\noRL1vDlIRFCr0RwPQviFLWJC5TSFCjQm676fTkvQCQTei3V6Njq710v8xSr1\r\nijvCciDCoiaU2pymiqoVQodOcc+BgmMlHCJSP3znO7jTnRRnYDZzD1DVKzdZ\r\nVIZddeZV21PY2D4dxSOytehyTIg3Ipz1CMEx5u5jr3EQUYnbzTlYXdgA3fgA\r\n0EApXxyiP5OGrQS+tWcEzurt2hOcHqn48OgOskMK5dcCowcbmYIbzihPCARu\r\ngOPQkcv2TNxe8FA5JI8XKFjbTa8Jp4rSsXkP0QR+CvhmEcGbbu4uSsdPg0G9\r\naD7DpuZIgDYYOi6j143x5uhFlUzUT+pgN58IMHJtf1QSlANdbjzNSjasrGKO\r\ns9ze5nV0gNxc11ypvCUAIrDeAYCnRpT85s5dxQS9KcbGQyVrQNX3joORgCgY\r\nTu8vKKl1hCW7u4c2MrJqpHZoljj1osFB14CowaZX/I6OKmWDiQNTLVPxMQ9o\r\nqhn0sYXHwcBVtjTyAWzYzd+m+f39N43/c2qDl0P0llLvMcI5vKiabpPw5UqM\r\n0v+/owE7LocK8jlSCYy4YLdMTrSQpfn4WWEjt80H0T1KDzzhjvJXrAsYDKmi\r\nNQmNh4F7iIWOR2Aqwzy9gmjIPhbQqHuMb7s=\r\n=BGjr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022515163532"},"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/input_0.0.0-dev-2022515163532_1655310962181_0.5342059294954222","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022516122241","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7f7a41fd653cdd0974ac98ab2a55e327771c8df5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022516122241.tgz","fileCount":17,"integrity":"sha512-Ia3//iimy1LYDohIPi+rrHruVsoa7nRb4LQY7uffofST1x8uGD/K9Dd/p1iR3mO2FcxNcP1SNQVa10/Id39auA==","signatures":[{"sig":"MEUCIH9YcgibeI5TcOt01FJ4VRbJcaIk686lkPgmUVr+0ZfoAiEAjpAm2TxQlalt6My/RclqYOXo+3iEuA0KPqflgomPo+M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyCyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpa8g//WQSfBLxf13efVCUFaU0vCbCmfw4W037j5mH8Qos1Sh5o+FoI\r\nFsJT1I8/d8WhHLf0z2nP/fTeDpl6vDB2f3coSzEKxWOxpaIUFdan9QOSv0LT\r\nl7eyvWkzd1mzx4Qsl39AT67k3oyyrATgV6O+m1MEiX97P7pRWDb0/+eFo0Kv\r\nLzT1I6cB66JyJc+FBPK4y9pxOspykNCyRF0iunA1YvyVOAagQitVyt6ibtJr\r\nB2qOiW/OjEENWZ9goTkbfZUzYhaZR6BsYxbXU/6jEz1a+HOWE28Vz/cXYIIy\r\nXEIRzz6LWly1TuHSgUgmz44Yjm3S1mdsjhCa8emzLgcZJ16dY846FGuhNAm9\r\nAdabsM6wZukIZirKSQ8VdRG/DemGFFDXqZfHwOfDldbsyDXb/RT3yVVzLyOh\r\neIbeXCVTan7eUx2oSMfHluvf8Zif1O4cWaQcKsAuL9ZSdn8aE42Z+EC7nz7S\r\nAs7JJem47qUuJ6mu1E4FYNJ8z6PFP3FCEI5MjjiVkBVD0RN7pKrhRwrIb3eX\r\nrMBlGDnawSoN4Ql9oMUxxlZOD+dX5A67P21FH5IvMdMbc6yaSX2STxAEif8Q\r\ne0t6Yg6XhM3H4WEBoRZ7ybYk1LFuXFj2QJ3lIVwUkvXwOKglGFhyfN/f9O6/\r\nRHO1lZdnZbRC1+oIxRmLmYnHNT7Z5mt36V0=\r\n=tdaI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022516122241"},"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/input_0.0.0-dev-2022516122241_1655382193957_0.43425501605746897","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022516151633","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f370acd14c42fecc649357abd9583da0aa8012a1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022516151633.tgz","fileCount":17,"integrity":"sha512-GSC8KWKsQ9laPbxZsMvmLxvM13SIvu0meJ5vlFBUhqBFMG0q5QEfCaUMOPb4km4fxJSiJlXEFJM2OD3S5IR88A==","signatures":[{"sig":"MEQCIGxrRzQoGPYbMBfHd11WnGyUg+Dz1/WrTygKwnzCgeSXAiBk+e6uhzgayisPvwE+sUOHLoQMFn9n6wjmTr6YFLspiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0lwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoAg/9EQFQ6vDQ6iGV3XxnchBjEJPBhV6jjDyjKOCrv3g0i/3AOOea\r\nRyJx8pwhD8B0SBQ8Wf7/9E2sKPwEsW8JKloCkJlT0HNbXYlIRncbovUSOzHZ\r\nKG6XLfGtcVMdE1NQsxfaqkGyXTXIaDew9OsY50PNWsng+Am8Zk51twBHOQKe\r\n38c3i4xG59ySKXLzZoZYWdA/KKPM+4l3tK0uRWT8el1JDHUPUa4zH+wrf+vV\r\n568vvc3NN3rDEscMq2KNq6ONY6UpPQ2Gp19nVOrXF61xV+MEZ+odTjrAC25d\r\nqdipv/FAtedKwXrFNiZrc4Gyx0EcFvPeitxKLBuZve2PmKvGtNuJ3gYsF08B\r\n3suFsxmoqu1PQgtay/ZPQ/Pt+4XJz6V7WD+DlHXvYMJ5hzM/pnNBEzfk7LD7\r\ntU/M1TUEBpuAp14WpAY033idvkPiK/MMyPuipqNPHQNOgUYD3ZtVAAa9v8Vz\r\n7uys4R7yOu7n2sFjN4OUldzFcULs1jSouYOsJx4x8y0ZViV023Ybys6ccsMr\r\n2+x1/oxhcAnoDQZ6/jy2BT9lENqO98G7MAAhCerMtEYR9oRJkzcqiCRWlOdO\r\n1DQEBEmQSXzBubvM986GaFZnUE+sGxNlRKtSVuZh/rGEQKsTd5r7GNbpAOq/\r\n5qVix+E7xcw/xqf3VGXXWaGdUnca0OVeO+M=\r\n=6EhX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022516151633"},"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/input_0.0.0-dev-2022516151633_1655392623942_0.98950264735047","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/input","version":"0.0.0-dev-202251616831","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0718be6913508c9ee411a7d5feafc323bc5ab69b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202251616831.tgz","fileCount":17,"integrity":"sha512-YxDU01RjuJOWIV+32iwlkx+dKzP8EufguxovhCHt72n4LeE30Rzh20n+KDOI4e72t/9aQsouyMsFRjYq88FQ5A==","signatures":[{"sig":"MEYCIQCf2XhHQucbcLHBa0SfZ1qM/d/Rc8tTq4ockZAzFiHrOgIhAOHkhx5Auq+QLUZp/PeXR0USRB2Rv5IqAUpmvMHKQuQJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37080,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotJw/9HXZXjjE4n/IEwAr0HxA16tfxMEzYlS02CH9bFPXryUQCKq9y\r\nEcWoHYgmy7RxH8jSiXCJ05blxzPiSzCzb9aZVtABI4YS5lXsCHdeT26mAvEk\r\n3rXuBF+7jg8lUCm8GPW2Oz8pzuRYliezTzOpAMkUGuFrjISNXAATljF5He1K\r\nqQ3/qGW7b+agDxf9cZtIciP9ayTcwd50xBBK2B4E+6fZaXKgizqznjeH8N9I\r\nDyA76BuYxkxtDXEAyQJCE9sWv+6yqFa5/fygi1B/JlzcXfQhl1/YuBc51ru/\r\n4vfVnc3JgyfZN/HRelpD6iWL7MgPJM/0kZ0hhcEsF6oMEWV0LInM1+ntI7Vk\r\n7fAO6ol+HWkdKJAzngKRn0QGEZVW4lG/UYHSoi2DHMdBtDgxvaW5k0At0clA\r\ncLij6S09uuEAFoPpCA5osa+iXgRGN1Qk4iprBXjtOtu8KY5JkpdQHdEE1Q/2\r\n16IquoeEvQPgGEGqBzI7ExrzQEvWtBrjxCpCfptXLtAND+afl3viZi0Z2e83\r\nWXbOngey3QpdjIG5JoOfG2KmQv00i3UfXVSwVG8/Es48aBJXOMAj09rYvEpI\r\nj27xWOBU/hwFr9hgtbk/HWD1o3c8FuX6TwC9a7JQkYpAmMnRTa+90eo4Byrb\r\nI70+ofsA6umOpliH59pEgnphcz0vIa25pgM=\r\n=nngN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-202251616831"},"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/input_0.0.0-dev-202251616831_1655395748433_0.8169511358274482","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022518113258","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"39ba69b44ebd9ca5d2e9295dbdba8ded34117818","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022518113258.tgz","fileCount":17,"integrity":"sha512-39Mg/MMWgLLxxBC9TgxbNWBe+qANhDSpr986rU43QrJQSwgTS1Od2UpVghuyGmLZsaM+xrjKK+Duc30cMEFWnw==","signatures":[{"sig":"MEQCIHg7wdSFQcOZCQqiTdRXb9S2IylQ1KR6KUDkRbxYNPF5AiByWyyemkwXDSTlhMhjSHVuCrd0MdRYuwV3OkKZjBlaew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroxQ/+OrTNRfYhhYj5gDN/tf4/cxe6DfodhhY4c+kVZ4dcBOGNhH67\r\ndUHjhpHN07Fpc2vqqak6TlubE4RcBqF9uA0Ieke53G1J+9KsAoR25fFxES8h\r\nDkGPBIO6+hAbfYGe+UDxx+LHdxiVinKYJrzNJOy0WGra0OsVy/bAv6TXCxcU\r\nBWofoRKKTdnN+0vnZJ4cI6WilJcLK93r3iJDoinxOGf9lkGnInwA27/RhWSI\r\n7Y62C1Zw9nHd7g9W4aEPKp6242QYrxv0ln8xJ2AzvBh3hVa2JilQsdBb7THf\r\n6LtP+6HsPIFfYG7P3z4w+6+ptuvT8W9iJdtw6wAIjb83DkPR6yM94toanuEi\r\n7Th4bsyk9Px+Gr1dTTGuC1vE8vPxhoWAtijyqXnL/8a5SdHIb6S3a5Gqp133\r\n3yxrS2XM3R/XeE8WZRV3YeTxLLKEKSxipqhJmYnGH6fMIBt/sbvvy8PIj1KM\r\n+N+LyZHoUGQIxh7VF2C/tDKDJbtFLpwhPHpuj3sm7hZ+bf2o9vwyGNls7uzp\r\n7vRtKOxlevn0gJ48POSeP2r+QvR562qOFSnpxWMTf+OX6bFl+X+WqkSQuCL5\r\n4lduDXcO6vUsow8ieZy4VY3b2ayzELSC0GuyvRAA1ZZxxELXm1z/aWu5vE9B\r\ncX9lNH+njX9bBQRblniXbNcuaJ3vCTVaysI=\r\n=MGGr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022518113258"},"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/input_0.0.0-dev-2022518113258_1655552010821_0.8733697206331814","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022520143145","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"417d6a3dd0f897601b2ac5167e784a7a533105d5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022520143145.tgz","fileCount":17,"integrity":"sha512-RnNeDvQEFZGv/ph+WVYXb7Rm3W6XU1/m6N8e4Wbm04EdbDMhpfVQK/W1UFbGtz4Nwu+5ax3CdvoyxBRGPqxP7g==","signatures":[{"sig":"MEYCIQDDj7gMColacW1FbaByL/VwkdFgWwissWxjlPeTA7Q8sQIhANGhI4GYVbsfmEhd+7wxWBM6sf8+sbORoMoBLbq59fBH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisITvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqbXA//bpWF1o34BfHJ1OVFA9FkCun7BtzBh4vSxM+LnPeBRU6Vo+aI\r\nGqg2tkolGaU8N1H+keFvHrxRgwhIZ7ire+4raJaP9LHVclOQIaOKAUrcEgr6\r\nd8xL+rwzfRL2sfvhNV46mni7kv4zujIQnGOjhqD1siCB/+H9XJhs76K8/gq3\r\nJT5h5AUmt6+ATaz3kj7JEE5LO5HiJXs4Fqdw6GE2GGNQtqZUhkYbCf84BrIR\r\nOPV8op8d2AlBSPl49v7wejYAoMy8oK1CskEOpX0NzY6Ko8xR8A+axYkwASNy\r\nVrx/JZRK1Uzh4TuG3qB10TK5neVMx+sIv77AXB7sjVa4suZsIA5aPH+z9/Qh\r\n/AEVxIWHyG9UU2UuVBV7ti0WKV4PWGe+iFRbSsbSaJQzcu380VIxzGIAkvla\r\nkU1VBvFRJ2cd2Z4/cbGprRR+xD1Eg4y6Ga8C42RUkAPYaJ8Ego4s9J4+Li6Y\r\nXxZ+0zcpodTNRZ8YMwP+bDOjnlsqHT3U//RWj8DoIoIoVbeZlhTZg1NdaIv2\r\nLCrF4B2jpqZSN2p3MYhxbdKgcKWLwL9w1iXrcp1Kjm0wCf5eSaLNyf7kOdtp\r\nmJ29gm1nS3HNyiHK5QSi3EDMUp2rgj6wqJTgpeYb0jsDwusHiJlUm/S7tQjO\r\nj5ByMbcmL8Ybc6fWvonkv2O/idVmx5gT/7Y=\r\n=+BaI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022520143145"},"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/input_0.0.0-dev-2022520143145_1655735534920_0.8570428654730313","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022520163758","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e48a59f0cb6d403e39645a27ff322780b909b4e9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022520163758.tgz","fileCount":17,"integrity":"sha512-lj/pZrbuFk2KC5je+0XwQcW/VCfI6wcK4eTSw3p5dYneAVsbdLRf7SOPdkx8yagPgDi4jjdOtyBcxl/z0iHPyQ==","signatures":[{"sig":"MEUCIQDz6kCE/RgS6vEcjZ/TH4eGuQO9+Ci/ZDa53viRKfCOTwIgC57YqrUV8xwt32p2py9q45XpAXhLarAxZXkdNltpigQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGGxAAnDXoZvcroHNTJ5mzAqIm0vSyOpy7Djp1PXPOWdmGKXATqrqJ\r\nhfRoEiINnaE9e4PkE0OvWVXdI/XHY/awugqfuzzZE26PzvNpnxJYOsGxcmdW\r\nsL+ZftBkXViwBhg599z3muoXEW/OFLYLHwfwC3CSO6O7KvLFELTzxdeMsJxh\r\nB8obTsAmmapFigcAVo1nWA8uM9RHBWFnYHtk44fP3SY4UU2ShDlZIJX9mq/f\r\nlMawYWjQ4pMR4+ZINhcWZXa40DWn8f+coELkn+JqAmNvOp6LZ7LL2/gtg1GP\r\nKkFQCV7erTTiE1P4wPGGsE6yHCuDT0JMAyk8Ih0gVRwQBAhkZTOXayPYHxth\r\nGrXBe7RoSQErX2nvPwmi+YJ0HgFonkEVlfeL39aR9eNSTo2R1R8b2jbgOmWj\r\nCIPETHu/qCsMkkWJiLkGo/ANrQtVn5bmSpRy+QHmp9ucDcK+8DsQJJWJOUcc\r\nffk/wHMtG8MJRgcgdu5vwMprsql15yzeaKx3r/lLOQrWVwO6tK0HUBXX38Wo\r\n3hEn0OB1+MqYnHNM11ldSI2wqLcuuWd1nxFhaRD7xcqGs7bp1e3JuQmrA0xP\r\nUpAQ2poMuCMb5Q0PTMAUBfctdZS/ZCMZRaZ7jM1ZsJuUhlr7twEWr7KV5C2k\r\n+M1b/27QWIejUWf82sVUg+5zn2xUyfg67SI=\r\n=Clj7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022520163758"},"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/input_0.0.0-dev-2022520163758_1655743119661_0.2201342462659226","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022520164715","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8e825149a847352bca7b663459307731130d3aec","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022520164715.tgz","fileCount":17,"integrity":"sha512-56TNjsc7iVW3VBCxha1AUq3TKep3l3YX+dO7ZLPCUoxzP8cA4AQODc0ZX14E4mpHOYhZiS5Mi7eq0XSDw9bFvA==","signatures":[{"sig":"MEYCIQCRDzBnAXMCEhDj45DvEh9KepDqw7jWB1ioaubtpxy56gIhAKtesdzwUBUf2x9qW21gOu5Q2D+65MkVGOlFAtiiVyPU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKSyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2qA//VgQXHVkhABsBKwZju9UYcpQW9n1lqgZH2q90ZhorG4AQyxwN\r\nHzySCygMO7etUygAEnlSN0qpZSSoOTn14IO7i1yGUMkMkuTH0dfT69KBcdWj\r\nm2oF/QBlcUDXBGRHWXRRK7TZtcIsx91M75s0VM1YGOBq6Es5hQgc8NgASO+I\r\n/Joxbv2mqsyAkfeGq4jlflJ2viGLjcog+RoDQWncir89+H6INdPssYv1xDxg\r\n5F8+3alTZ288exhZbofQfIPSoBSwjgM5bkgr+nxS4kGzikNmOxLl65Z2uq8D\r\nmZxg8RWhL4aSTvRHdmiQ8edaFRn8y07CHOmNIX8VdYi6rlOR3FX+/Zmqc7N0\r\ntvUAqLd0xdUdcGV6LfxxY6KkBlLZTIFtWBH1ahjAsw4CePT5x1WIZ+qZDrTG\r\nLSktAcbQTksMcKBXLYEgZpyqm8jT+5DYA9Y2cMD5HrnPRRxVT/6tLzEHK0zf\r\nCsUZF/pc9NBLxwM1JynziE0QCK6x5XFYeA0AYhY3OblA4rEj5p2KGnwvCcKd\r\nI1GmK6FqpHK/0gb2xg8GAHYkLgi6pfuUn8bfVhjW9rV+5I86Uvo3t8zmmnCg\r\nxdSpLESZFAqblICwJqg0aeAu+9bycxHd67R7ZCmq19LtjaYGtrHqbimF7oor\r\nuCF3y7sYHZuXaS+guc1+VQkDofhi2Fz0HTw=\r\n=0PCn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022520164715"},"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/input_0.0.0-dev-2022520164715_1655743666503_0.2720212881491868","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022520164752","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1471e05df07a6d6740c5a6ee3a01ab0927edca38","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022520164752.tgz","fileCount":17,"integrity":"sha512-ucd9C/50xsho2zwR8HQxEdo+HjNQ2SX7wPOApZbZsTVx21e9kXJzCr989I1fXLfOaEX1JfKcI4iTDvJN5Pe/7w==","signatures":[{"sig":"MEUCIQCgYlfe8MVm/Jrl8yhi4dkn/xkXP9LEay+Mp3+Nd3+GaAIgXazL48QOK+8AmawU/Piikf4bjwWkdx2d6W54GYWMNE4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37084,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgBg//QiYZAdzRLJ28aQagk9/oW7p+kTiCGb0AmSfE+wav8pclkkvL\r\nftFcr9aMKYPN4Rru6KGmuzG6A1YY5XgtT+HSAbQGz45hb9eyCIeHjK5IPQ/t\r\nVLO2xb2Sb4G99U3KtDTCIgLE4gsEAb5HKbk/ogTlR4mSuZe6PrAIrkepC2p5\r\nJ2LUfFtfRk0SrFoLG2AHi3I0/CnBfJNwxUz/RFlcc4eOPVixvX8+yybxVr5I\r\n8yaEXsBY3MtZ2CaFMoqKM0IP//dsO762flCOAOKX5FdzulIJgmfmolJ9wR0D\r\nAX/qK08Q9klwV9mbWDt54rH33eBXSdMxORmP43hWTJFfeF86srbHiQ2yW3M5\r\nCl5Fb3tq3SsA9gEoFVp3/s4ogRttWSpAQFY2Z3k11KeV0DC3MceTQL2M4dwa\r\n1F75UWbR21WAFhHhnDZMb2Aqv8ljxklfV/XcXiu13wymPsacDATp210Tubqa\r\narc4MaR66AXrZoXdhZHJ7Ifz4331Ca+fA0/tsRDo2Zx6medCMOkKb+sI8l1r\r\nlCMwE/TEyZwigF/oqTshvnrih4uIguMcPs1ZxkJzWrcsWVDs9t0F/NX6n7qj\r\njtzIEzao+pRGUdEqjw+pViITBtXmDO6m6ybr3bwwA2FL8JxMTqnEEGieHbjj\r\nDrBNW2Tm1fiRiEzdGQSnt3+IeTE/pJVBUBA=\r\n=QIt2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.2","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"0.0.0-dev-2022520164752"},"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/input_0.0.0-dev-2022520164752_1655743706817_0.8622849867322211","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/input","version":"0.0.0-dev-202264144818","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bca27dfb38733d77ed0784badcb03bede4e01e75","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202264144818.tgz","fileCount":17,"integrity":"sha512-NOnWvQZl6iuyLl9pxyLebAj8PBXO61qv28QwMxmrIeFiVdek4CMDoCgmBqfjkpLy64pVfLHGdWmLKC+/xZB/GA==","signatures":[{"sig":"MEUCIHGQQgzKoUllu372GauETwgB4Y7TM8Ke5JIcoOCtgHljAiEA6Fvo0M3wDTFwBdjJAz8IFhVkkjucZr+NhwQcoYTp0+I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6vg/7BtCHGRFWM982PYGkbAhX1qyz687RdN/WUClMmjzBy9WU0Z1D\r\n1UZm8pzRJ+DxHVxhbCH/SAdNaH+88zlh4cuqZT+O0KYeiG7dPRfpgzeeNr1h\r\n290wEem1gHsi8DJnTxMvxT5tYvAPLoTDsFfOmKQnJlr1PZMJfhH8BQyAp0c5\r\nL6BVfv/o8Ma0QezoQ33k2b1EtVUtLCCY02k1LAyRCym+dDvVQX96vU1CdxON\r\naKR0cZjofTmydbgVa7Vn/LSszkcZRxT3RlXWdk2CndutmWhbl4sbXKU2IH/L\r\nM7SrZFOPZqRJ5BvINU7gFKnb87y2oY3tlxEAyLagPdygrZbjJ9D4JhR9SfpF\r\nFc8e8IroKA8VY8O5u6szrW2ZAPOMtfrj8pdB70xwDrrjlxSDHUejv9HK0zv+\r\n0m61bmzzVJbNZWtaJ/1Yyc71VgyYryO9kZgd4c8LqR99AX8SARE8bgoK94Wo\r\nNR8IR7+uVUhlZHlrzB2QZ6nGO3TKyK5cs0tUXW9oRpfvZv5n/bKZVQ30P7yM\r\n4QDECpFQZKnZ6/HTThyijoa6iZW9LNnXJBD2y9EICpMF3bItwT/B6/pcfUVV\r\nXAhenWVhOgWN2xwLXLBQeFZir/eEqldhgtQSZO+kdlrP+FHANYJMKe5MNFy3\r\nMbAtL60koGwvJLEYWF/OlP1xAsoSnr7Msrg=\r\n=+czK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202264144818","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202264144818_1656946145599_0.844441868259024","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022659325","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"478cb7e12a14ec45a125f0c8b11cb2ea8e0a2062","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022659325.tgz","fileCount":17,"integrity":"sha512-JWv46bLijNyqKoQGNxnTVSmFkKTrKbygBijN8ozKPtMFzdGChJ+Cd9qSvitQaCf0HyED01EKoU2jkKZCy457oA==","signatures":[{"sig":"MEQCIDKs6oG9PP/G4iR6CloqIWDYJPMQZUZG2z0/Ve6LZOrBAiA20/NUmyg4/vU+SMMeqezvOmDHxFox37I6vC4Q+dZ5Xg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/58ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpy4A//Q/76mx3TZWGTqQIgMh9vy/2TBrQ+7SlqY2zG+iektm+RDijA\r\n2Re1+ZWYZLg2PCxoC36WxLu26vmQ4MKgFt0yPEDjteJ0HGH7BG4tLaJ9wS8j\r\nqEiy62P4JxYm26ucrSrdxH6wQDIqsMwobNQRF+tYwzS6MbFcsfzM0+HQCOAS\r\nUipRlG6qubz07SPZfoTZOdPUoGk17sCTSBP0IBL3E0pyCdCd7H0mUTPMkb9j\r\n7FF+Zn1rYRYnF4eYsRWweQY38ZcI8syzStR1j9E9FzfSJaaHXaeU8Yx9y+6Z\r\nVh89Bx2lJRwdEcS9z8nca7eGiV2tiSndCpT1X47ZpeNE17y3GMGRMgHe5kOH\r\nP+aJyBBa//ewgG/R3WmIkFBXpDIj7yTikMR/6w9uCCTjMsHG/HntqUW2KPkR\r\n5dnYvRL8maEa9wfmdh3K/dx4QSIw6NhG3gtOIH1/5W8eN+p5IjbI71UKHqHJ\r\nVI27h47TfNU8dlys/iCyuIQhuPpwjB8IFcc0TbNEyxCPgEbdNMZAEbLK9Nr0\r\nFFInZO2JxWusMqyw5aVvLotfpXeU4niCtWEl7mWXKjPzu8iCHJZVT0CnvMUQ\r\n7c/gZNRFbamqm6BPrFgZcuAdtDbxex65YINELsvW+wI2z6MC1pQO4SyNlNsq\r\n2j6juLwygAbvgeeX46n2EkBbKB8JX92z5sw=\r\n=6TaV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022659325","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-2022659325_1657011836594_0.8382217558197855","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022659431","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c0e08c1eeace61fd0e0b5cbe39a2e5ccd8f61a3d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022659431.tgz","fileCount":17,"integrity":"sha512-UMzxAk8VtFamPTb+ngoZenXt8ITBSDMdcWP+n2ACZXDqAMj61O04RE+18xrfp4dDI1FZS0THtFRPc4vgD8gyiQ==","signatures":[{"sig":"MEQCICltve2NKgY7eNs0Lk8gngYYbGZsbKLTKslrZsQdS/fpAiA9RmT/Z84pRWZAST8TLvzWrEyhxGPiVzgSqoluDusbiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/6/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqGMA//SAnGS/9vmucCaS5TsQux1F1sLQj/Crcgm/OAmGnQF4tfESnb\r\npjO1ySHRltd18RKY90qyuQZNuJ7Zhtk70aGZHteM11bOM4oQaENEgxEzuZOO\r\nB4sEvhrtdWrVmLE5fuWOz5LAFi7ushTNGHgSqy843i6sMlSzZ7eEeNiuCNUy\r\nQJkBKbZ+3vUL9YFznHyoXYCXHmI3GqwgvIGElCxwI0NHKOXiZrkNYeZtcC7p\r\n83trifgxMY8vXOxl0/nKp3fbn+TKmhXSAtNAjsYB+FQSiYfOcjZfIKSPnO8d\r\nIItXsFFQehMj2SaJr6exfg4hh/nGJZnp6OGgvT/50EmGOqpXw2vwIGykHp3F\r\n94iVdMdac3HVhB6wgWrY/orXmc+JS4P/+paP2eihzuQqABeru+nbDb9ZF2rk\r\nN6EtJ5jXdQTjxUXfagyFxdxdgtMxcoBZ1y51uf5O0JHLpggoCEqLeNh1QxU0\r\ntpYZchUfJ/kr9vhwoL2tExISUHaN/3FTSRrXIr732/8zxHfbP08x/g+2EItL\r\n2va3oWD03ikNtx/v4iyQMW8vHtmL4vIKtBYHgZUq+aiSWVp6912wM7bccBWR\r\n4L2INvEQEZeoyqfNOsg0jhLiIBfGeJAoWAN/KTu07EXc9IU5IErCdfAjmUtS\r\nq5q1xdSCH827HdpPSd/tHy8/qfrYQxCD0kM=\r\n=pK9p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022659431","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-2022659431_1657011902685_0.3891246703657594","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022669710","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"4fcb2c0eada1124668499abff3fdf72e2ecb062c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022669710.tgz","fileCount":17,"integrity":"sha512-03WvoWQhFaLiJUPzVSudlKccrkqnG+qVGH8suTjdEMYVS6JE8IVqZwGEOhFDBtb60RbMvGW8H2dUjIpRHhyquA==","signatures":[{"sig":"MEQCIHDmImd7qRPjpVFi963d/RxaQQgbRt8S5r1o5nLzNqe8AiAFH20B75//mCN3dvgPbbXbReR1/aavSxn7Eo/hOwlqqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37087,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJbQ/+Lf/Zarx7rUMcq+dy5bBJTSmN5W51Lfe/9YBPA61nlq2kBVuy\r\nvX9ejO7cGATzLJUAmhkT17VqCW3H0CPFAOa+1BXP+2j6EEEweEfMR+v5Siqx\r\nmLwRpL6ETgbz9OqeOvBD0RBKG98LbrWWIC/kebpuSa77hSfcoxLzFxtHE5hm\r\n6FsCNKcdVo4/Bia4cKv2+QFuqPBG/Dsvv/ETOBblGDTgWlH5GX7W8nJM/Lp1\r\nWcf+baZZrugcG3Z35Bwqivbgwnt+//77bONoTEub4BqIZg6dsBOrTNWD4+uq\r\nrFH7Ag/mDKY+8et9HOEoUuTtoPiRiCDBCCFO6oy465qui0XtSh3m1CDxImy4\r\nLQxV/hZjyQwxklHz1CfJy2+rhkqYnnwRg6lTjneoAjbXyO0OZQPc0cLe6lmQ\r\nAwDHkBlHXjfdKS00Jg8qALBmtGZcTnSAMpprLvhbaeBFe81rzleIoGXyxn9F\r\neTgV0iS1ezRPC8NQchlzNtnMqnLtSGteZrVygsgaKP9iI+PBoQlY0jPvhtRr\r\nLzo08nxH8+kFLAaY4t9+NWnlT8kiYpM+WzV0arzFBUimKyb1pNoLaPEBHM2Z\r\n4Y7ETEIMrbp5FTgaaH32fSxJgXBoq0i6c7eFeWuMwLMNG9ATQNH4D1AQWI4y\r\nWJmTNMiUK6bq4e06B1d4JYc+d/No0rMIMgQ=\r\n=zlj8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022669710","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-2022669710_1657098471427_0.8910033297704567","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/input","version":"0.0.0-dev-202268163535","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a7e21cadf02d10e07d0f0c9dc6bc07c80305c17e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202268163535.tgz","fileCount":17,"integrity":"sha512-6R2z2fUf4cPdMF6NOh7euS1Swl29/a/e0n6vohO3Ng4TDPbfH9DLETupPJVf8kgI1QkM1puZFetZw66xtzNdUQ==","signatures":[{"sig":"MEYCIQDSv5gZvm7iVWNJmQtZygt6aZLagXxOE9WQv35fbvMpfwIhAJKsKp72u7ZxsCz0C+04rLYwKTSJl5IxZ5OthScxutqL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyF0DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/sQ/7B59sjsPofOqSErK9cZRrZ2oHkJzvgAxNmIji173Pg/5tJ8IF\r\n1UgOgexqmPXQ9fUUaaF/NE/uyBjlBnfUaGdghX4BbE6W7Eeq7XmL9hPxynAv\r\nRBziatJ9m3QsyRNsk76BGQvqsqFdDXa2kuvydkhLuwMV3Ku9HIPCBMOdqDjC\r\n6cCMY2sZOH8X9xKzEQmqD0qa/YOkOkhzLopw8iT/JeThmnOQ9sMpoOkyV1uj\r\nKNTze1PTtSQvydYDDAf5hGp78dH36C4NAw3mZUZ3yQQlC/u/Lwafmt1A8CwV\r\n5jv2737y8+I3sLExmdBQ4bjAv3tmFOr4XbOWzO2H25lbtGZRtkdm3vIeaYUz\r\nerE4/iOCi2jZx5sMayWtQTR4Z0ORMfhcApdcOiBYyY4MhNhcKSkIaKj6lYfI\r\nFZ98utom5Zgo6Va3RCsxZXkdOEsaVoTCFwbjpTRo7tchSPrhpQ2iSPcN2dNo\r\nM30jKMjpJJ1tImJcPerId7EdRDpzgGjoHHylOHqtoWoIfKk95bvLxkvXLGFW\r\nr0p89nSDgjNVsDJAlcUstcPFCzA1QpGKMgollYdIXXxbf6GslEPRHHEt/gyh\r\nYDPHqxOvqqaeQYGtIH/osyP9r0fXA1jVtkvoRdozqmrDv8slkV6CfK47PJvy\r\nUWTXzr10+ece7MB0McGEyeZpUfq0t4Xcbko=\r\n=X1Vl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202268163535","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202268163535_1657298179507_0.7267600767706948","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/input","version":"0.0.0-dev-202268165050","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"eeffedf0532e6bf0d80c3f540fcba51e227b2563","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202268165050.tgz","fileCount":17,"integrity":"sha512-uyyn7Ycs6eDDirDONDBHrz4c1wSBw6Usc23GEXOT2JiEJltw47Ly06ps7t6FSkx++Z05A7OKSCFTrfGxWlkp+g==","signatures":[{"sig":"MEUCIEYk2q2OR+76rOc/9K96sEEAEMoGPTLcpYqYimlEiOpTAiEAkUdjF/1+a7WrIIWFu1ys3g/BloXE1Ke07VStLteHqD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqgxA//V90UxINqAyGY/Q2dikrwJmhCx37Ej9ssAuzAB9k/HemcCHAR\r\n+DNl3sfiAlxu6P981Ch1sh9CNyiUqRfh2eBQO6sk9eDdea83Qfh3dTcBnxt6\r\nRotN2/aM/2TJEWI/QjlbxOLftCkHlPnJhntLx3gh+XD8urqLxTGLQmN7SmmF\r\n+VGzM4F74heMQ1suz7NZWd/oo6WGWBSm2PULOQERK20vxlsD4M8ZWT59bs55\r\nb+N3ODAQe276dapITa1d8yN5/z8slA+8t7Snq/7aPUlZ3c8uTXmPmrWFoMOF\r\nB6iZRZGgOgwq9nBxPMOEwwpfaYUVzmOMBJtfUbrRjmRdjEkKBCYKB0uW4sp+\r\nm35mSxP4x7ztlDURtjbvfb8InHuFcfA4JMShJ+vWsfu+kIPyj512HbGfA6dO\r\nqbuUku6+yagKgXflFqglnvC/s8PnveUAnPFM+2H7zC/gzIq4bN4DDvJbOpHu\r\nGkuZ4JMWcWSyY71ehmJQFe4GzwLOS++at2dmnWjCGNqXF0PeNHvfAnfqO2qa\r\n7PYH4oZalipDNT5qXj0AzReG1Y3+bv44neyDQaYvCiB0EZ9Y7G4kblXWn6qt\r\n8JZUfnvARTZ53wBza8zvooHB3/+TB1o2CmaweW1s1z71btJUWA6aNhi6GAcf\r\nqX4iJJu7o0Uej0IWl2mc2qM+qbghikS5K/w=\r\n=3ErZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202268165050","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202268165050_1657299081760_0.8459594451811638","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022610103716","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"166ee36467370e8958719f91d3cffdbfe4de9282","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022610103716.tgz","fileCount":17,"integrity":"sha512-oKfvPduV9GBF/JtvB0cG3GCL5XqIdkuRT43CCRNluadM5ub255Fd7EYmpN7TTtSMaS9RQtcSAHm0xaNb6lycYw==","signatures":[{"sig":"MEUCIQCNezlJk/WbSONWh4lP4zwJTxlT+VMlIrZ0HfifPDpV4QIgPdh7i/KBbG4Cu1Ht7ask3YBSRcKhspWjm+TTGEd8uSw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqv+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZlQ//UFRokqEcG3O1xcRQ5+fvYdvUN5rZrnjY6vj5CDgC6G+SNdVB\r\nBd2oiI3F7xVGf0YrAH4D3dP61KvCyPYTCzTxT14wkhH126donnvhhZnE0Bu5\r\neviEFxQOhoYDYZVhPolooXwccZqzKnyg+aJB3grTVezZ7VjM9a5Z87FDo/Vj\r\nVhVqZr7IlBqDRQ1U83uIS/zaPMt5l4hqDYTHf1Y2WhyyddaovP/RC3iNNHip\r\nOOKiO+xgptOiYBxEyaFjbQq4jDw2LkHA6ebEzcea8Ds26SV0T4ZBTKtapApj\r\nQMSEMW9WEsfgqp+YHzvegE8XHMXeOxiNbsN0NQsRkdCoedCIFxFB6bQBP2X/\r\nyuMkxAhSYH2XeLo1+EfWk9NnrY7iQByocX9zVubxKcqWFOMLOeg/OKJOBZ2v\r\nnps/A6fO5Bp+lftylmE1fLg7TYrqKF3+uLB3HuafuzLF8YqfEx03k2lFXslI\r\nHIGlj+VVJg71YZbaGQHGVeW8WA4mIv8Vg/s5vUMLTr1KrBaH5jcHtl+vBwGP\r\nGd9h7DEuBltqoLSptuL8P8qeLRAaCDt0i1fjR6nCkSawo9AiPvs7YVzey60l\r\nE/k2RJAjBogOGlYwE1PAHAxcwoUrq6imjk1djuf9RrfTccre62ByD1o2a3HJ\r\nygM1lLSN1+h4D/gNlKtzrXVWe52D/GfKB/Y=\r\n=8veD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022610103716","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-2022610103716_1657449470795_0.5766022162453008","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022610103924","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b93ac1b3bed2798618c51ddf0ecb7a6a75d681ed","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022610103924.tgz","fileCount":17,"integrity":"sha512-ywuiDH5wiwQBrzz9L+cRF6wKwg6dPy6Q4F2LpnsdtWR6ND3qLrWP7X0aMO+TkyyEJZNs65nbHn/Pj639/YHU5w==","signatures":[{"sig":"MEYCIQD+1U7B/OM/Vh8V9ns6/UckXWcX0Dt3DWMJmu4liO2s3gIhAPHIn2MYdeAmbgbyHLqgXmPouwqTe4nFgfHcW3buDRK1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqyAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0wBAAk+BJ7Bsl4Sl6GCUAuFCr7U9gYBC1mHOU/GgMAphzSdOsW1Qn\r\nnnwyVojU0Mx9dpLlnFtm/ccMFwI1SQfz3Nezrs2xupi+w4CZAo1lUrW7ysjs\r\n/Y8Pgf7vSpbAt8n9Fb3vt+wi6PbzyPjahFvlIXzVVwWxNB7aLE2e2T0tYka3\r\nYL+yKTiSyvwOJpMsQprdgCpMdbOykdURgY6Z1CtGhE0mdYjLA5rQbogf49Us\r\nyDJDefgP/Y0JoEplLTpIfTZW+o6r7WsdvZNDBZnDeGiJNyLFdjT2ObvGXAVZ\r\n1t7cvB16eKXZlzonMw8b/SdwPrrKQCn4byN+ylfudPagGRA4/+JXeSzVjKll\r\nezd9l01J8MJqUnG+iSdAZA8hnparuJkrxsxZYamg5MGaZ02zmnIlmPpe+u+d\r\nA5ww4bEeWDbX9kHfj2Ssk+yUlVWtpmCnzEEpbd3UsGiODAk7qUaiwiRgKAd1\r\njR8iEh3ExyQBRqripXkQS8X2cPmtfbtqo2tAIXSQ7FN1UrIlvuv2wwpZcjpv\r\nDVQLisU+E3WHYdQEmp4GxeBpXNnrBfe4GJmvvXOubuHvQWoK+OUdwOUSuydU\r\nNqRbpAXMaI/TCDNzFkrT3wcZv3bse+VPbwdONv9hUHJqC8v3CtJqAmSpzqRI\r\n7UKR5AvJ7df9mSNtZgFyzpYKPTHZyl/lSVE=\r\n=/RI7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022610103924","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-2022610103924_1657449599822_0.16860270354081486","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/input","version":"2.0.3","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1ab40194cff9b09d49f73f1fa453408d9f391bb6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.3.tgz","fileCount":17,"integrity":"sha512-qQ7zlY/rFHk69SE3jlFSRfzaQquzDDhb/JMIkGWBoSn2DyWUpx3c5P8LtL0KDb0enlcqxiR/E9swHnSv7P704A==","signatures":[{"sig":"MEYCIQCnckZ1ZMRTwlx5Rcg7IdpsOxnoAis3NCCRkYSh1K653QIhAIeLstJuzqYq2FdcW+lcM5prjhZLdVkLuFh3KlnNhRNg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpijg/+MJGBGIWYI3MiEZNvO3F72W3Z3wHUs74xkrRHtJWEYyyNovRH\r\nOmbXGFNc64G9AP06563k7IJuTLWdhk9QjB43vKQ86ZlM8A8reCl+tJv3q8g6\r\no7SJajXEHZOz4MCMuldV+SkB9IuV/jGafQovjQ1DP/ZomWZDKOnfckEcgATW\r\njbYIBwDVl9Hi+mu5jbe/IAUZwtn+fT4r+5maRML1JeZ7GuwLGNnzpas67Lio\r\nIwTrC9AfoQ699ptsvkQzo/vv2t34abel0ypOS4O29MfDCYfGneh4UzxIGxE0\r\n997t8ZM8uLJ2wcq7BOJQZlIxisOfWJoFgMo7K9CIO7O31qhzGR0JwfrbQhjP\r\nwFuN+kSxwfU2t9Uh8NzeV/FFRi7nbUPv7O+dGxyUytig4El7wLmAkcwWtDE6\r\nhVn0hMnBLBp8O//XxnJjK3WdDrxoTmWXkbkfGlJjJJSx22Ozp426ohkZW5f3\r\n3HoX0/hXwKJ8H/I25Wl2sxLOu6f9VqBv0qicKrjz9K2GDX/Huxz/aTRF0OPW\r\nAiLXahbawuMGAvDCGoaHPkZWBzQhNpxTpnR/1zYc4hhcQcjGrBoGlN+LG3tH\r\n43CRlEmz6Un8eSD/AlgwHz7xyeo4WguhdyEPzmwC7KZBjplBt2WaMR4vXSgG\r\nDxxH17WzFRWNzT6hW71q3Mc4ViN1mOMhk0Y=\r\n=GuNz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/utils":"2.0.3","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_2.0.3_1657450632907_0.9303728095765698","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/input","version":"0.0.0-dev-2022612222012","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"999b49c337ab62a245d8704620523c88613a0381","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-2022612222012.tgz","fileCount":17,"integrity":"sha512-7vqSIi1nSHbIx4NWooo5CDV+nG/xOnXHAs94koXNo5D6FRwQnlQs+54g6566Xk1tsW8pPcx5WcaZH5UqEXEGsA==","signatures":[{"sig":"MEUCIQDDsaA9vmp6MKnD3G1j/PtlUtLWavpLqvlHLeTb75OPxQIgGQ3yvbl3ZG7b4wXqKTF/MP4EP7KMidXSixrSrZ/sA90=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfPCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLKg/9Gxt2xFeDIobTJL3UVjdDaeoWktzW7MdHiB+D9D5RUeGzWS7V\r\nEk5ADK/2CAMRxr0oLQwJbjsWHAe7A0aGQYvKnNaYB/KU1iIxcYZgKEr5P9fM\r\n/EJpeQikcMpxL26R22N+JNBiKXnqwlEi84ZOku1+P3z/uySsaGEY2/emnAez\r\n2ryeIBIE3xGyVdST+0KiPVzKlqP2WI/sixnn4w0Rf/8BdY22r4UZHFYKAjEt\r\nnn7dZ+Sknj/utxuuZJVoS5A1Ttm741ZTVOOupglF4tpa+uL7DSsvNoVkx+Jf\r\nQeM1JMb7bu6d9Yni6vSaVQf7rB30Ypaumx87rcN2fyFh1tvVUewKsdmW6si6\r\ndKQFmow4OThy+zUszScW9dlBB0tEsXx6Ci0h825z2TYjSgdRAmaXK5FbLVQl\r\nE3YwHWA8t3tXsATtd9XVDMZmg/7CKsn+pyP5XOZBrTS2FL+rAr2JthCA7mD1\r\narZf4S931ATNwlMHnlTL0CExsd+ZTU6Umg0+NLENtMerM9Xt1atmfxF/gKOa\r\n/3GV8v2LsQLV9QVzBJu6jS1TB3N39uj3JV+SbQA810vL39C9vfvUkSuT69hm\r\n2ZQWI/M6MG1s8xeqSBMubQ2vqX6oUkgal28k98bLPcm2fIeqEvYWJfvDHoym\r\nTo3OLkqYejx1M+c8b5d1YmQmjPZ5y3HzP68=\r\n=scIU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-2022612222012","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-2022612222012_1657664450027_0.5758082321585887","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/input","version":"0.0.0-dev-202261316456","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"22b19a6b96afeaddc969157c3249305c0908242a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202261316456.tgz","fileCount":17,"integrity":"sha512-ZZc9SPVXd9U18bHNn61CD2UojuWTfR5AyneF6QAfwGUcIVU14AlZvFYxjMRhbdo8lzHaMqq6seXpzbEd3lgCAg==","signatures":[{"sig":"MEQCIFwp0CqtKk8ixUIigBr/P4O3xyeFecPhA9TpoML9EMj3AiBYjQH7f+B5MTqPKC0sLbh0rHUvPnA2aO5bB+ly43fNCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvazACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhrRAAkJUgM0mq02seBhX5s1CS7C4PCJuhCQWVXrKBmLcysh5HLmQq\r\nt6TH00pZtxMhO2rUX5r4uam9q7jgEoiTEq0Ej8qb9CvCZSV9q+Fg2itwjLJ9\r\n+L0vMltRwcraJrdfMg8vMoNOZZz3XhelRZ0RHpNZsJQnBitAvLdsjVpbWgIp\r\nE0OzqFREP1ykRRoJuPD5OCvwWae0QiHo0p8DVZarOAlns7EksRGJda81eaWn\r\noDZZ6RkpWFR8TM2Uaum0iZhhJHDT6iq6hEiBI3WthLG0KVa6a7t+3tbkuf/f\r\nRosDZhpuUHlByXSPpDgVWYtirHR0T8N5BMz8n+ublEWA7w9zlJ8YY9PTlrrQ\r\nIZqJpbV74PQPXYvVx3CGDD5hdxOdQ44flCb5By2yX8jBIKwlknjER22DVwj5\r\nFRLBsTeRdv+SiuDvgcQF8CS5K7Uyff0URcWB2g8+KEQT0svktjADQuuflmmK\r\n16Riy2+5zitxpFv0KjIxDzy/gbP69YwF6j94/Old+8nHc+8d776Leknm5EZ/\r\nFT7W05vl4k93vfDDBdlfN0pUuA7/+/HUg66z3QioSSllPudl3Dn2DAi9bjwS\r\nu5e6yZCyPa0yhQBqteoAreS/62OJMmSEn+urTtc6r5QVjsnEQs8a6b8P85zO\r\n95cKyAWBhxekE715ZSUWGgoSAN5ABOZCIDM=\r\n=RW09\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202261316456","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202261316456_1657730738883_0.4963495916565148","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/input","version":"0.0.0-dev-202261317818","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"76866acbd0494fea21ffe3cb1eaf28254139a5ab","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-202261317818.tgz","fileCount":17,"integrity":"sha512-qfTsm4FCe1QXHcQFckV0mt9YVgIQCEHh+N0B/pXvQMKxKgwINfAlBHTJ5q75+74f4e/UODtYjRWlh5e2U9FeWg==","signatures":[{"sig":"MEUCIDnCqyFInqcW4m2aCjmtGkM76VSeN4e3XRfi3R48Ig/QAiEAnPcGDi0uZ/shDME2N0vB7obgnnB6Qov5rFQsU/WwV2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37097,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpdpg//SkkboHumHpFtbZTqLVMsgrkiOZHqEaLVLznTkT2TwtoLfbGz\r\nFGu1orrp7mZUiG4JBv2/elUiq1J08f2CuIjZokdsdLwzXMWNXDbUP5Z8lz9p\r\nLRQJd2s5RGE/jw5NaTLTiMsGa9RyOw32nylb/I1myrQJDC8MEnhdp84H89tU\r\nqH+yyxEma42d8VCiYqidyUXkwU1qJBbb3oXSCfi8fAb4RgfLekK4FB61NM8H\r\ngtAge24/Nt2B4/VZlpZijzfjpG1zbkHRbsl2bK5xnmRrJb1GMRMZ0FKd9ZnJ\r\ntXzXlTLArbmzKSsUNloTy+ghrF97iI49dL8qFwey7ZnxRNh86/+dwKaSisq6\r\n5IVGyf8/pEH1SuA87PtUYTw7Y5FPiZVqHZijy53Z5wOm8LqBRpwZ+geaSPAK\r\nOHMmiJ2QBS0owIVLKFetCvMXeEg3348XXhk6XQcx6P+JNvpLDNa2QUQ3Inqy\r\nYYume+1WjWvbF64kwVOu5Xvy6Z9M4e1tJpPGj7Bd1NsVyU497jc1RDIFCEWT\r\n63T8bNGSUPB9zW3aPSpFABr+8NZqgxpH5+v2aHY9g2fiSF4E+lJDAemdokm6\r\nmuRe6XMYay2gnlsWBBTMGNla1k5zwQnU2Z5wsGvEQBU/h8sIi8QxV6olJ4Ya\r\nqbRdIFVY1soksr0dD1QO5yM3pSpilUPAgcU=\r\n=DCMW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-202261317818","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_0.0.0-dev-202261317818_1657732132668_0.9881759522333202","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/input","version":"2.0.4","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"383bdbc6f2be59817ef9ce6888fdc7d0bf4e29c1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.4.tgz","fileCount":17,"integrity":"sha512-fzRFSt7ZFfZ71Tgq0xFHR32R4km8bpfV5kSlFZe/XnmLcCI7/oRRnHK/aa7GZyz2k5QpvvBe2TkqKjVAlv3jNA==","signatures":[{"sig":"MEUCIFWICly+qeWPWCK2q8e8SvQ2iQnAS8dxZuzMADp/3KUeAiEAiMe1WDzJ7id0eQyclwZk6SX2U1OU1JaLl6kMX7Px1/8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxJ3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoxlw//dW469fnwMt1LAtp6HS8UInIFMETyOZAyC5Ku9Cw/C75taFqh\r\ntTN+GzoS+ZrdQgveYRPNlz9NrNlA9s2ruz161Ox+74MH5p/TDsAg2sbH+H3K\r\ngH9lUkmAm4Nkz6uxJRlJaYU+8le5Mp6kVBAReHWXV64wIqOMEeMbpkiVfMCb\r\nXILaxCJVJJOZlBuLkk5Qh1qdpbBDqoUwZRlCyloy2C5HQPVcSrYZ8QQs2Obh\r\nNWBdj00LySAoF5GWnlV8D6QBok8NFj1ZqvavMWLGG6vmWjlMcS3K7U1bg/+9\r\ntAv6iz/z45z1mCfSjCeswUn9BawCFhHhsZiVC6JPU07zWOExYrvHSHi5Lt8+\r\n85CLUu+Lgbi8t5uDA4fj6echIpSgzrL9ugLx0WYJpxDLQa9kpu00GGidmOlZ\r\no2w3N7lPm72IVH0YGjXn9dT+ikuoXpfm/MOpXj6ldTYngL6Uf4AxYaWNwusU\r\n716mG9o4mk9BQG3miL0v00TwPKIDVLfOBZTNuE5+3PJmh44FG5Rl+s836Znh\r\nqI6vgx0SJdDsu4MTAWyrlDQV6mBnsjE2liHGpHtkpO0DRZbDL3FqU07oAVJW\r\ndjBYtYDBSfmOXdeRu5goO1KsqodN4mg8tWDq4UUwbe4UtCNx8zZ9unbx02Ey\r\nXUk2c2d4B9lS5Cbf2SBkVJSFVjh4LSW8xqQ=\r\n=rSEM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-input.cjs.js","types":"dist/chakra-ui-input.cjs.d.ts","module":"dist/chakra-ui-input.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/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.4","@chakra-ui/react-utils":"2.0.1","@chakra-ui/form-control":"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/input_2.0.4_1657737846618_0.7100051302140096","host":"s3://npm-registry-packages"}},"2.0.5":{"name":"@chakra-ui/input","version":"2.0.5","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a3fb59a368d2514fb98214598b9574153a91c2a5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.5.tgz","fileCount":3,"integrity":"sha512-6laqgGP1OMFU1nIdEznzjQ0HJJkGPSJZnfAijKuWi5KFk8EXyKHD4FL0AhsDjba7UtC97QYS8UQPrI9f39obHw==","signatures":[{"sig":"MEQCIGaI7/t6svIrPbnxpuQLujEO1chP6zErbaI95p83L8zuAiBOj1NpqfEMUu5AOWzIx8zQA6geBfWjtGyDkRHK1hfXbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4857,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqkJQ/+MRPD7IPDuDHWzebbEEk6eqsfvThID2Y6nyMovMCyv7GXA//F\r\nztpaDcC8Xgm8c/nIbJG5p5TIqCQ3J/6ECRnCfPX8JgUb7VTGsfxlmN9nmUMJ\r\n7ZAJKJFVzdr7XHG7oUsyRRDL5Qdi9p3n/YcstV3ke6lQFe3RaFrmjj6UmKNt\r\nh2acdRFeUcK2COR/95HTkLWfItNwA0W2RxbRLVf/giujkbtKAgPBnOclu/RD\r\nXpSTWariO+Uoa1sJbrMjQmUysfVGQdHS25sinv/1qrdZOsVflWfg4O+EowjA\r\nvO1lLFKFK75jxAuht6yq9oZACIdEW8RlDJZfcpkiqtxPanFrVuff0LI3/ms8\r\n2rvEGUZC3Qp8umqrEkRGi1ZfRXos0TQJPM2K8Swt1ln6ZDbN7hN7C2YUraGU\r\nFBzmZhyagI9O1xXqgtTvHGsfmg3cpUEwN4GTdyVYt2xPdCQwOUZCnAl13fT1\r\nPfw26Qmm7dHTe8Hi14bHRsPxIY7PnVWxEgT4dBXX0DFoZNYOvOALY3J2Y7u6\r\nuDquq+j/kncPEIxqxvmH8IKmuewCw1TlI4yY0d9msmN2nGPT+MJ1pXbfPLWv\r\ns/fgV/EYI48feB1/b67/uHUY4TDC2B6g/o2YJcu/EbtoM207HJwk8wteMZdh\r\nepeFQSpX4NoH6l1xG/az3w+Yb2V8ERTuvQ4=\r\n=MPi6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-input-2.0.5.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/3c11ed2a12cd0254e7862b1e3c86d016/chakra-ui-input-2.0.5.tgz","_integrity":"sha512-6laqgGP1OMFU1nIdEznzjQ0HJJkGPSJZnfAijKuWi5KFk8EXyKHD4FL0AhsDjba7UtC97QYS8UQPrI9f39obHw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.5","@chakra-ui/react-utils":"2.0.2","@chakra-ui/form-control":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.5","@chakra-ui/icons":"2.0.5","@chakra-ui/layout":"2.1.2","@chakra-ui/system":"2.2.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.5_1658725839951_0.9416320102390605","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220804193103","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e527fd6279151345968f792fc35e6916c2a2b6af","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-qyfxrR0EhQwg1qfR8k30sEKwT4p0PDMkfuNkoMs/YUEPopQaBwcUJXBMyzjvippn1WeWMSYhI8nZj7OEYKMKUg==","signatures":[{"sig":"MEUCID6rgqL8iZDGfVweeTWfFoxClZih+OOq/9iLV7wCnPwfAiEAhQCRlGchkEhQiekwdI8SJSdSkQ9mIksdY+wVwd8l6PY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B7qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVeA//c3MLT0dDZnklZgxpzyKErjYBL+wTSQi2Rf2kz6Zum1PFBQEp\r\nnlz8qAf9n0jhnznuTlQ20qXoKe9TmGudFnVfibUwE8fZyRcyVUkIRL4cjZ1i\r\niBaBZaqB8jhWGYTdTwj8EW8m145Rl7Lb6rTCoS3ACpw7ep1clbc6rJSA50C2\r\nGBM6lKKWamvisWNAkr8iIQ0C2Oj/TtHcqNVbcJlp+B+eusnI8xhAu284LwnB\r\nNBybsGAtPOxwRbu98fPpouY+BF3HzC0kJ5loPYZJMDJ+IPTa8D/ZFHM/KJst\r\ndHAPpYxh/iBDNlZgcP7NVB3gmWORheBlbRCpP50q2TcaO3JxaFIXP46zBpfp\r\nsvrIo6nYNCgeTRooP5FRZ7NHnkeodksGnk3eQuSG3s/IU4KaZcIZ4RyippX7\r\nYOgiGPMeGvYZvWBHaLOLS9h7ke6ItoXqistKzQWe4v6lkqs/UHM87SYvW8G2\r\nyMJO+g1Us2Rs3PIy6/cZqSkUo5os70VdGHsFU+e6nxjg0LI8bdrD5NtEu26Z\r\nQAEFc7VMsAVXIc9lsRSn6dDMsPzFuZubqVRpXwEc/x/bM+ZNFYTClS8rxVrD\r\nfNrclBT0bPRo6q1QWPO7W/iIikd/063Sh5HJ4wZZzDCH8K2K4eolYNjSAjh2\r\nZxpMSOBoffRTulGqH+ndkTCRiwGZUS1aO0k=\r\n=NFWj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/7750c3316125e4cea7e9aaf56dc515c2/chakra-ui-input-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-qyfxrR0EhQwg1qfR8k30sEKwT4p0PDMkfuNkoMs/YUEPopQaBwcUJXBMyzjvippn1WeWMSYhI8nZj7OEYKMKUg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220804193103","@chakra-ui/react-utils":"0.0.0-dev-20220804193103","@chakra-ui/form-control":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220804193103","@chakra-ui/icons":"0.0.0-dev-20220804193103","@chakra-ui/layout":"0.0.0-dev-20220804193103","@chakra-ui/system":"0.0.0-dev-20220804193103"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804193103"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220804193103_1659641577823_0.7044117604463556","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220804193815","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"54f7c09822181e6d51419e8da06c5a8dbd95e477","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-t96ruQIdvw+Av99YgQYQfvWLELgiysJCzZ/+lhf56978q0bugPwgZth9ouN8skhhtH1eAb8nk6FtU+leNGtZzw==","signatures":[{"sig":"MEYCIQCELu62HevXQw02PTy1f3kym5jS7zBW4ZC9CMJVg5zz2AIhANOZC0Ggn5RZIxrTgzpWdMKnA7DzUrxdT7S8zzv0pztx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26035,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq//Q//U1dzi3Akdlbq0RdbLbUCKezx+4Y6gxMobXxyIQEoeJKPg+n1\r\nWiyq2cV+REU2iQ8TYAgOTD/P9Vkip/jXUbfC9FG8y1zHw5IcXxHy0yM2RAyL\r\nBPkJHEauGBIRV1Q0ObieEzR6hmHxc1JkHdijr2Mq6fCOY2m6E/8W1FJz1rnn\r\nWb0aVfzs76/UcklukyjAtWZ1EGXlJBpR6iInqHoI7FcLEB//DkAamwIGpp6S\r\nNamzWaqtdDnjYvMOt1eXt/eykS1Tj6JulXSv2bjCcbVIpztwwRrotnEdi0zK\r\nsoTNXlfHUpes66hwVSqa7mlyccjbzmQBa2Hq5FnrWAALQhDk+cDclen1hz5c\r\nGr4NoyNyMdJgB7WJSOD2YKJ8IDIvWT5jwq9o9QMWlFbYulGQcaDkn90dORPt\r\nBlqHM06BPiYMdmgYperXu7Ya+HcigErVRQgyZYjjo2aV4eqHAd21GuVDZ0z6\r\njjgXZBxp/aRcfyCC9oxTHDnKNwxRl9r9xBvJkl1a15PuQA37H6QiFS6YGmjz\r\nDUpkeFpy+pwj2F6NnCnjAJ2XQYQZRxdKJ5T4d2LqTtAVhlco1tDsdZZVHLLY\r\n0klQTWqxoOmX1AIjNp5aVqeNfmEa2mLObjq78Lwhy/EMPgfMcgUoGQBdMBSI\r\n/KrcolvFhIuly99tC8NAUxPmj9nlaGbvNvU=\r\n=GkLM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/79dddb6ef43b23320a11280bed8bebc5/chakra-ui-input-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-t96ruQIdvw+Av99YgQYQfvWLELgiysJCzZ/+lhf56978q0bugPwgZth9ouN8skhhtH1eAb8nk6FtU+leNGtZzw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220804193815","@chakra-ui/react-utils":"0.0.0-dev-20220804193815","@chakra-ui/form-control":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220804193815","@chakra-ui/icons":"0.0.0-dev-20220804193815","@chakra-ui/layout":"0.0.0-dev-20220804193815","@chakra-ui/system":"0.0.0-dev-20220804193815"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804193815"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220804193815_1659641935643_0.16464549388271355","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220804194739","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"41b8d0d902570e53cbcf480b0f29f64fe536f349","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-ac4L9CkBQ0e/6X3fZgp8XRsG+YZI0Safk0nwqTZ5V4cU421pw3tZZB66sXb9mxOJzAq/BTNekXpXwn5zjvszBA==","signatures":[{"sig":"MEQCIBQHgMBzVqda+V83FM2f6bvUKm+Gwk+7DT9oBhVmbaQ+AiBViO1/n66K+odirVEfcjrBKgEg/eHze/1Kgp+QU1ytig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CKhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNyQ/+KSVGcaHAbQ7XlmIAkOfPFwHWXW0gerVEiaJvcEwUWOdOV2T/\r\nkQE2MZN7uU/w5fb9ccqb4+ONCxbp1ZQKeyrZ3vmkA0wJWZS0KXNyDgrPNl8K\r\nmTBP5j9CftT+kuCRzaqkPNpmhvy3rEWGf3Obv5m1IS4hEz/qFXlzCrqqLImI\r\nXVclb9Gzjp1zz3hhtuJS7nCiLu1CRsWJdIkA6nQTAmDsUf6njNyNUxRkq+vJ\r\nl8X5vgWpz8BVt/pc5MhDPEmWXIL1xBcxx1Y4CPvLdmdbOKgdCf1olBHJ4lqx\r\nuwZR89MPlj+kfJE2jjDqLk5Wm9gzqNUIJ85FVNO007xdDZVnNJzcb8qMudmp\r\n9abuz8fV1++/fBHJmEwSLSSyAOLOWqLJsXtz4FNyRDS3sxDXM8wE7pO6vj+T\r\nKeawoHZU2tuUTYsX0CmiS7Pg2f9y6YhwktgORM3JPg6AtIRSYkxC/8sEuQK9\r\nN85CiBep9eAk20kVy7DQed/im749/yUgmn9a7STghv/s4Yk8+f/u7EInq12Y\r\n/3sf0l+0CaI5f1ekIkGjpSJKJcYiPngThpCwUZCihQNk9PoK24FXNmMSAMs2\r\nLafPdWJ3VisMPgUI/UCOmMy0bpaCcPI/rwJwfZlgSvpp/QexQvSnRKV/VZXX\r\ngNiofxwNSgsUmV9Xbqyb0GVtBIGed7snXtk=\r\n=7kAS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/96b75a0065f5ee0959599ff6548ba4da/chakra-ui-input-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-ac4L9CkBQ0e/6X3fZgp8XRsG+YZI0Safk0nwqTZ5V4cU421pw3tZZB66sXb9mxOJzAq/BTNekXpXwn5zjvszBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220804194739","@chakra-ui/react-utils":"0.0.0-dev-20220804194739","@chakra-ui/form-control":"0.0.0-dev-20220804194739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220804194739","@chakra-ui/icons":"0.0.0-dev-20220804194739","@chakra-ui/layout":"0.0.0-dev-20220804194739","@chakra-ui/system":"0.0.0-dev-20220804194739"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804194739"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220804194739_1659642529099_0.7120531504087868","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220804200605","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9e0df94bdd1b0160a4efdf647989cf8b17357c9c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-9IMQOqXaLfyeeXzBsDTyXqHkgKgRbKaUWbCVKQDuyD+RAV1XMk482fLwsU6kuR5ZoOU7X6yAl7VaCG0RLbLL+g==","signatures":[{"sig":"MEUCIQCX9RjnC3tJyZZ+AVwZzoxfrPYx+ewgNZToORpt9js7/wIgGOvfeRHT/fIQUscD2NiAGSFQdGUxeilhHriIWfFm/aY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CbvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpabg/+OBymUMuXWkXzfmxAxVGxB7pFb3g+V2Ow3p4/qA2VwKAHeZMT\r\n9ZwQBdi4c0brMw1LoGMyTl79JA1rnleVzb2oYPGEXn5AossWm9a+LfV1kMFY\r\nNBPbQhtVJM03DbEzgbrUqIgOFKK6Yr+hdiwDEe23LwT/P5CkIZrSMFfXDrd7\r\nYpg55GpFrLsIqy4YLv4wa2ika3HQ+WQ43XxlkTR9vcTLViAiM0HB4OWveK3z\r\n0cndrn1sxgExDqRf1q43wzSRHmV/DS2QRzW3bC6/y1mjy8DrADJI70THfmNX\r\nuGuWjwqm7gGJo/uFXe+3DYF18n8Fd1GMnTZCu17/6oNMuB3S5uTHbqTVY6co\r\nK7QzsP3rE7tbqnkhZqU75ZyD8h7x2o1oZu/A3cQSAkQr4bZlZbl9PoAJizGM\r\nopwfjXulytASJyPmL0zm49NPqrg2iJA3BJPCohpv/G9vsHLAIZABi4rldpFV\r\nStuKuT7JuohyJYZN549tFmv1USe4+OH621rmqT5nol6SxRzjFLsAHaTAVYPr\r\nvHZT9v+IcRrVvz4+lmvXH//PZvzTA0VXmB4PYxfM7Wm5YVyoNX50bG0y1n5F\r\nuXIOpnviscRpSQ8jXpP0xALoN7RndvuPmhW29IDHJgiRrZm0Uecvcew6uN0a\r\nmyiYx/oL61Nd5+/QwrW58CvF8Ts5/cqEv3U=\r\n=JEAR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/7605bbfd91a83a6067f1d8dfc15c99b7/chakra-ui-input-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-9IMQOqXaLfyeeXzBsDTyXqHkgKgRbKaUWbCVKQDuyD+RAV1XMk482fLwsU6kuR5ZoOU7X6yAl7VaCG0RLbLL+g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220804200605","@chakra-ui/react-utils":"0.0.0-dev-20220804200605","@chakra-ui/form-control":"0.0.0-dev-20220804200605"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220804200605","@chakra-ui/icons":"0.0.0-dev-20220804200605","@chakra-ui/layout":"0.0.0-dev-20220804200605","@chakra-ui/system":"0.0.0-dev-20220804200605"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804200605"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220804200605_1659643631380_0.2357223462640745","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220805062318","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f19c1a898f2f3af0c6d654f7eb5a1a3a0da269b1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-I//dajypyZvGFVt3sdcNUQt35Fql9N2mZzjGPEhuHYTksVbSqtuwuopowdQrXY02iXGkswbTxxEZDfQKo9CTGA==","signatures":[{"sig":"MEUCIEV1lBEoYQZzn7UfqlAfjsIMmskr9QcMc7jJb/XGtus0AiEAtkVztoBlz7dfaZpSRJsCFWYcTi9Wih+ZDwJGkBkqfV0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LeWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpmag//RydWPXSWSDEweIjRNLlne22fgDBuXFOPXGX+knqVggjypzI/\r\n9QmQOI/psHX2jPYWVXP61mHwAk7LbtN517KSHvn/IvqtXr9Wco1SndFOXBLc\r\nVwGp28Ey/7zwY3VzIaSlmEc9UHsmj4F0scOtPURIYQ0G75INFpYyNohF8gC1\r\n0vBj7WGxzugbl+6PSHzREejS1PK/3Cuj93xragafHDxNN9uxpp3xqrdLRHa1\r\nfbd0gkmKYfVlgGO6kFRcuKSVYkJtH7ZsB5uF76bLdgRGpBBEWJLDeOjBVROb\r\ngRweSKwVIl2v1yfc54imSmF8uiHFXe9LCXPSRQuz9cxTwHHklRlkNyzW6mII\r\nkty6e7k34vL7q1OaCzsjHhKifamktR4dAjCtFB6BHlJIbMyFGuh7TAAqgjLt\r\nHrQ5CpvkgUZ/aWudOb8pb2A//jy/TQFLC63b+57cntWjqeAU6LKXf0osI2OM\r\nYbLDwj+HqYkysRUyes0isOCOiSr1Ev/Hn4qnhbj5WcSsFhcpIUpgfkEJ2a4e\r\nX5eIwEg2Q3loIl7adQp+eNlbmFTxQ2V8MohXqy/mjt+06Hq/3wopZ/Horfiy\r\nuWxqX+0iNNi61I2s1zqOP1SAy0zQLOHWV6m7zjwdC6gXLuh+9Q38KWETxGKD\r\n3aJ7UzWOwTEdRk0tDkH4SC/UgUxQBggIhhQ=\r\n=rsw3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/925982420c1cf25988c82ea8bd539bb2/chakra-ui-input-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-I//dajypyZvGFVt3sdcNUQt35Fql9N2mZzjGPEhuHYTksVbSqtuwuopowdQrXY02iXGkswbTxxEZDfQKo9CTGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220805062318","@chakra-ui/react-utils":"0.0.0-dev-20220805062318","@chakra-ui/form-control":"0.0.0-dev-20220805062318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220805062318","@chakra-ui/icons":"0.0.0-dev-20220805062318","@chakra-ui/layout":"0.0.0-dev-20220805062318","@chakra-ui/system":"0.0.0-dev-20220805062318"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220805062318"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220805062318_1659680662501_0.461010283262171","host":"s3://npm-registry-packages"}},"2.0.6":{"name":"@chakra-ui/input","version":"2.0.6","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ef4f2a3242e975711e23a031a71a05b49236552d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.6.tgz","fileCount":6,"integrity":"sha512-uJoDRVqKxClON+zEFLd7p/5FJC6yFzkq/lmx3Wk5BWfTlw/eMbpC6ucQkL/h1mz94i9TP9VXlfHVp/791uGEDw==","signatures":[{"sig":"MEUCIAtY+gGD+SjphIq0h0dgXMResUL9HG/0GXIExRpeBoNvAiEAmXTgQYl3lIbLVVOuZbyx9dojCrmaU/f3kpr2qDEWM9s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O0zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrePQ/9H7KBkKaXROkRk1LuOWF7Rrkt0nQmcUS2Mcj4wOrPDUkBzswZ\r\nU5JdApT+4P8z9KglYjyu5aaDh43hgdPJVD6X3fEoUwj9CjV1LhT7PKGXdKjE\r\nI+84+xVBNmMiX2K2CmuCyES/Aaik9K/P7fIIPsCBv5FwGeZFurvQHLfTJJSx\r\nX47yzDMU4vAC498AziIWUAc1ewI9BEYL1MxcEixKi09bHMWS/Z6fFNb3fcVL\r\nrb4Uh1aJO0Rx7P4dwE/vNnr2ScoWcUiSG81k6gclK56F6fx6sjV8BFI33cej\r\njnRkkRcVFeEdtjEDQWOISibxOrTG5l6ix1FWKbhxYLw5P0P+gRPbgEXUR0rm\r\neEjjzoP1kd5V9/9x9rPJsgllRq5znrqF6LWgo9djpr5RX6CbLpClb8cPZHFK\r\n2VaZFRf8xrithF044vl9I0sp/3lOJDr50Se2ckflwXAWvFJ6ZPkCPxdnE9rz\r\ngcN4kIGon1dWY8fEx0WCpXqrcDV+g20QFHFXd4AW5XC7auNn9FNDTmyva6vp\r\nA7rtuC23Ge/wgnTmSAfY0ay+lZP4I0GPcO3v49vSKnXZaRv8KJN50NNb0oXO\r\nqIKL23wl7hvo7HCelgIEEpAMWM6IUs1kR1oiZROK8Q+TKK76HpDgetKC9377\r\nuMF8sMRtwqtk9XAqCiedjbhQWYaUYLKtoR4=\r\n=kQzp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-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/2ffaabc92e0ba77cd28d598214f1ef62/chakra-ui-input-2.0.6.tgz","_integrity":"sha512-uJoDRVqKxClON+zEFLd7p/5FJC6yFzkq/lmx3Wk5BWfTlw/eMbpC6ucQkL/h1mz94i9TP9VXlfHVp/791uGEDw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.6","@chakra-ui/react-utils":"2.0.3","@chakra-ui/form-control":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.6","@chakra-ui/icons":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"2.2.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.6_1659694387225_0.5320407242165166","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810112922":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220810112922","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20220810112922","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1215fb403624875fc059117f890e1997c352b9d6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220810112922.tgz","fileCount":3,"integrity":"sha512-0RBxkzArf89KFdp6doVFhtmrWpq1OXma6JaRHSOezCSRwRTKZHq4ezgROVQ7CXzeEIN2pHpPV7zTSBcLA0edIg==","signatures":[{"sig":"MEQCIHwkv55/aS4V746C8L1RmZKK+1raNilAAbuB8TTOmwV3AiAmj1NuE5QBjtXS9EDZkqsT7a/U6GnGrJ7zc7UCw6S0KQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi85a7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTMQ//Tu0bRV4MXY9soYrYVdRXwRO6RhN9cJAyUbN8yZzhpcSlQ6yb\r\nLZwDgrTILTR5YfFiAMswQu9YM9NSMzSHnkQwqQCaxT4RDET5t8IcL4uO65s2\r\n7IN0GnR07ep0LRAMC2bYr19VE5qxoWMpFr10ADAebfjhwdOTOznhUkm3UUYY\r\nIITa7MUOwLKtfUOX+fD5DHYmWrM6YWUu+O/ySvsmKsCfXkbwRU5oFdD18d6D\r\nRfxE080JkXPz2JlVWoSBJrGZhwncz35ha7UGhOZCe+HCTV6xiXwFlATL9a4R\r\nvjuHuuF54RHP1daPSUDIBe91uKm9O0j7Vak9oJ34IReZ11MlJYzLQOOfhsUM\r\n9FnZLEgG2OLPG/Qv8nST4p1Xsebtb9XOUQNVyRp//Ngr7dDoPzrwX+tIMfOZ\r\n08lwvgsKOdYEuMDUvTLgqQgxc/SJnK31Eknwj1MBq4kC3MGhDdxPEjeR2+F7\r\nZcoAJ0K0dSOGJtsnRVWNILcXxu4n2Hnoc/A5f5BloEmO9ysvTDZF0foohWFB\r\nz7RQUGCOo3WZEF0CN2q6IrgbXF8Nm0NldeDJEKS4qqRWPYh/eCJmjO1alnfC\r\n7Fguii9LQd+EO8PJplSlt4R2rYydUXZD/P7ZmEYtnjX5STt/SpeP0uSYxdYq\r\nmp7iv2JZcrg/JIEbfOlUCfuJRi5w44Cno04=\r\n=dEWc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220810112922.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/41dc14a7fa56a58d8095eed64a3c0889/chakra-ui-input-0.0.0-dev-20220810112922.tgz","_integrity":"sha512-0RBxkzArf89KFdp6doVFhtmrWpq1OXma6JaRHSOezCSRwRTKZHq4ezgROVQ7CXzeEIN2pHpPV7zTSBcLA0edIg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.6","@chakra-ui/react-utils":"2.0.3","@chakra-ui/form-control":"0.0.0-dev-20220810112922"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220810112922","@chakra-ui/icons":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810112922"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810112922"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220810112922_1660131003663_0.6827579466503635","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810121727":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220810121727","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20220810121727","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e89c20c1df242d99b42b2f4104d0845b18a4e352","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220810121727.tgz","fileCount":3,"integrity":"sha512-3XRJrcFtNyzwSEa7KXmUKbewWFpUsgSrGLqBG1oFudLXXmfb8VoqeY4izEBdTmK4ZikKu2luIG3zFZ21e/0Raw==","signatures":[{"sig":"MEUCIQCuckInty/hYMKYo5bCt0KkaoguVLT2PscqK2gYcs/KQgIgXtOUyyJ7Hqih8OcYhrDhJq2J2pjhaaelNUPx3Wflr04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86IHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpcDA//UUeu+XRsRnII7marqoNFhREZrglIXK1jTf1QMa91d/QjUfok\r\nVJBc2H8cLXRz3sGgYG9PgrdeU69+nEHAaB4WpsT9qSpVgzg/58OprUtBI/0v\r\nmdReVM+0jgxfeGxU2OhKvpMS8ti9YlzIk6TlaWnYtEVGNaYZn34iocYaSiFq\r\nzmUZWuPr8ROjmh1UxwydtLvpnjuXmoIhIfqGnoGi5gZB7AXYBGiqivlN2jFn\r\n+oWvk3UQNLID4/Zj/WrMaAtwLgmWNG3+mhkyCQIjTNdEuXi1W1hM2r1hlUyg\r\nGoV9VunZEz4okJ/4Ir96eUo0faTevwuP/GBm0Y5O52OYTg6F6uyTW1WWIW8h\r\nZ5uYs68chD2WEeVTMEqfxI85woDAMAKXBuMtm/PEFw62wzjDMs2f7ukt2NsA\r\njcMv2SSdoKfJFQu2iHIY6Frfna/bhKlV2PEdfvwbrLiqYHLSimZqZw9w2BAv\r\nOMaKpShYSiOsOKnpcM4jdGcvOHpB3RaEDJly9M584WU+MrbKPT26PXRLZB0i\r\ntBssuFbT9a/KGWLKkKRJFQ8on7+NBIp8IEoUeDdf9ZRglgkvyCW7Cl5aWswG\r\njJLKlnVZCpAI71yF96MM7qW4CG1Ocu21+K47GjVYrd1u5DTTXdtWpq90E5/C\r\nPBf/h5U7I5Jm7sjjufd/zvgpfLXoMV9KT9k=\r\n=Xrub\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220810121727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/262b41b8272e49f617e5588dd4bd96a1/chakra-ui-input-0.0.0-dev-20220810121727.tgz","_integrity":"sha512-3XRJrcFtNyzwSEa7KXmUKbewWFpUsgSrGLqBG1oFudLXXmfb8VoqeY4izEBdTmK4ZikKu2luIG3zFZ21e/0Raw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.6","@chakra-ui/react-utils":"2.0.3","@chakra-ui/form-control":"0.0.0-dev-20220810121727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220810121727","@chakra-ui/icons":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810121727"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810121727"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220810121727_1660133894987_0.15498808455331536","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810122556":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220810122556","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20220810122556","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0dadec62ea8dd8a5433aab19a82d6c714e1f38b6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220810122556.tgz","fileCount":3,"integrity":"sha512-3GIdtDGr3sLNNDkynzfZbcPS8jB9mXGy2xSRExnvLXXVw7xxvh5pb8uw7pNgb7p4bjZ+3oZLQCxhUzT7Dljvww==","signatures":[{"sig":"MEQCIB44NiCl/SrnxfsGuH4U2wrI3vG2Rk6oyn4/VsD2af1oAiAfLnRVuOJ02HAqemfNPFLadVCIFqPqoZAzTPUbtGvqgA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86P+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVjg//feXwWrBmbzehSTmZrgm661ncljHRMXlaMwd3gTMU9CkddOql\r\nJ9NXlYOFRSlshhhMxi/t4xsBKSb8HfMZTI7mziElWDR+sOpFQEfGb48hquaP\r\nF7a934pX+ljPOalx/2zx/o0H0LIKbRVf1jjCfLqQZz/Vo9+cknEBwXvMbvlA\r\nE91m2KebA3oRlZurApvIaK/4JS6lV2iUIutnqpz0zDsdJnc90SXgvyQEH2Yu\r\nuoi0AlnoxSi5TMeb39x67tgy5GFf37DZF70S7U91aALqrNKEddcIZoKS+dOH\r\n3K4szaPxXN4BWEXCkc7p4JWWXV8nLK5I5uV5unVA6WsRSLs+2C6/bSYd9qDd\r\nxycRPfeXN5e+2ZUfaJujeEqz/K8UPH6uYXIr7ecjba2nZkCXDG2qGyWJg8mH\r\nT7zXUxd8z5q2hiMgGUfl2JsEQwMLUn8euG6rIXJQpGOMw0kXxn9USwUomu1A\r\nqxuHO1ka+IE51lpiVQAUAp5M1y+bCV8ek7glKwLs57fxkDU9Onja1rkRWk3B\r\nyVDzoRJJnOlf3wr9vznJSNIm5+/aC6R1c7gAsjYnceVl9UC/0oZzpqE17P6k\r\nPWe1sURc2Il5UZnvZMFa38yhLx+tXooLq/6xLtzQswAOuE/aelQNAvfv2Hat\r\nky/wu02fPTb+JTM5mWhzUr340pASleGhe8U=\r\n=zYlF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220810122556.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/bef3cff9bad3ba68fb4d9c42b9d80b0e/chakra-ui-input-0.0.0-dev-20220810122556.tgz","_integrity":"sha512-3GIdtDGr3sLNNDkynzfZbcPS8jB9mXGy2xSRExnvLXXVw7xxvh5pb8uw7pNgb7p4bjZ+3oZLQCxhUzT7Dljvww==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.6","@chakra-ui/react-utils":"2.0.3","@chakra-ui/form-control":"0.0.0-dev-20220810122556"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220810122556","@chakra-ui/icons":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810122556"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810122556"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220810122556_1660134398770_0.17459968910174006","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810124358":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220810124358","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20220810124358","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"166a7aee75e6a18ee811ccff1f366027d372111c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220810124358.tgz","fileCount":3,"integrity":"sha512-Ojv0DboNEBOBbOIK1tq2tfJUK36W7gj90KlJ/lrT7CfirzHPQb3ngMxNIljbN1O8u7Dnte4GjS3sMmLde6yJRg==","signatures":[{"sig":"MEUCIHU7xx0gfT74Kak8w6F99bzezcUTPAlyP2ut2sAtxb3eAiEA4Bzpl3D5iLV+H/cm6sEQ9C2zmTyIChEhiLCsRAJ+ZBg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86hFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPZQ//U0IYyxirUOzon83fdFkdFW3Pj0mWCFrEMIEyfC2ksSbV2OFO\r\nw8B0ods9fEOVwzWYvYbVO27Lnt/tlOVMgIgdveDHXya+sHndmBVJ3xaLXYGX\r\nkns+AwLJjdAsMAHqPw51/hq7AvzN+ZAQ/j6kK+KWzQmdLCLrqWTrh/bxl/vQ\r\ndvWQ9TLmI67ms6ST5QDcL4sUKdMYYU9L9tMJ3NlaXbYDEOASziPOGAevDi3A\r\nOovxsZ8WrT+v9OkpzCmY/WCMjmWPyVfJlgkSC2OOLUlnJg8vkwYQRGHTSAWp\r\nSTNvBRNEgNUk3au8JlncBZED03/0Plz+oPbXeB9a+pDTyITjZEbdwUpVKiGI\r\n+WtMBsk0CSjikNB69Zk2DQXIoOr/WT/A9oh28pT+FcdNaF+EJ82Q4Dvyil1U\r\noFAUSRzZZ0zFefiO1CV2aPBuHHNree2PK7N/3olNBswqMERMavOzb/dIPTHY\r\n/njC5njau1s//h26o9cROAfnzOnMPnJEiKk4FG3TrXGR0ps0VAZPTQN98vCz\r\n50Oj6yUYP4/RxxGkhYdM3D1TpdPmTwpLW/QAQAGjar4A0kA/YgmesYS35QVV\r\nW00YYHMMt1zSlSBlP3dncI49PCHado+Jp+1v0NFcAnWQXX5m7Q6RMslyUe4N\r\n4h2VJLnwObjvh6fe8anF3J5T/gACqCboXKw=\r\n=qt+z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220810124358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/478c1577dab65575e369b291cd920b97/chakra-ui-input-0.0.0-dev-20220810124358.tgz","_integrity":"sha512-Ojv0DboNEBOBbOIK1tq2tfJUK36W7gj90KlJ/lrT7CfirzHPQb3ngMxNIljbN1O8u7Dnte4GjS3sMmLde6yJRg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.6","@chakra-ui/react-utils":"2.0.3","@chakra-ui/form-control":"0.0.0-dev-20220810124358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220810124358","@chakra-ui/icons":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810124358"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810124358"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220810124358_1660135493304_0.34624337172623654","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810132240":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220810132240","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20220810132240","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f4605e14b0363b7ddb028f97543d439ac05c8b81","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220810132240.tgz","fileCount":3,"integrity":"sha512-4xh3ABabZicsZprllV26rK+oPafLNlvPg2Mc1mo6OKH1pp0OVv4gx2DQElF2bbS2LZKwn62g93Nh+S+/Ww/T4g==","signatures":[{"sig":"MEUCIC/LWpwRr9/+PSA926QS7s9T37+TAkZUGMdoZvSUSigMAiEAqOFO7u0WhNdcxZspxEErlPFnXrDgZT1oMSLeuC1udmc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4935,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi87FKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruthAAmUsoQJdq6dVchTwXGp7KKra/p1zJecSFhsjK2pMmRk624Mie\r\n571qM3jkfwtp16zVOslGqbQVo9uVybesiNkle6h1gsf5Uoi1LdMFU3yyMNTG\r\niAucCdky3JaUy9WbLuMuDuYeKJdq8cx1LjQOuwo/EBjPxfHyXYGkuh4e4Azs\r\n79SJFQ8mVpcO3KMU6/qq+cwQAPYQgEphogqdvH+rgG5OeeZZsj8fyLmkk5E/\r\nrIuZf/t41yrMj0vIaa2+ACcVmEL9bp0sgxs+2QB4JWOPlFxTwTR84cTBaIqe\r\nC7rvljMd6JGG7nMJzS9wCcJszeHW3RiXqE/5zSGCkepJbpYsRGBmXcli+//U\r\nApWIa61+vlYeYoxi4w24Nfs9bGLc/8INOwB7DQrpliJAbE2AYrEbwVbGE5+c\r\nK23kQupCCLPalmKrIABCftubHGMFbpTOogB+eRxnvjmkxV+3Gnc0KSbb6Xz1\r\nLaxuZOfv2JAfGja6pj5i4ZMLzjBhL1mDensywlTjXmeSf6cQEq/hrGNuKihd\r\nK5/a2GCb0/fvt4tQEHc+/O7qweamhgl/zbuyVzgsJP65YoFIrMXRXvrt5ohx\r\nqp+YjcobWivf76439aooDLNwu1jDSfn2xaSeR79VM3K4+fGK8wJlr4lO/d9g\r\nwzEGqD9n9mxfeKvpOvfn9CHsacY0ydmW8Ag=\r\n=0qbQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220810132240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/f60f0dfa665f172da0785c6c97c4ee48/chakra-ui-input-0.0.0-dev-20220810132240.tgz","_integrity":"sha512-4xh3ABabZicsZprllV26rK+oPafLNlvPg2Mc1mo6OKH1pp0OVv4gx2DQElF2bbS2LZKwn62g93Nh+S+/Ww/T4g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.6","@chakra-ui/react-utils":"2.0.3","@chakra-ui/form-control":"0.0.0-dev-20220810132240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220810132240","@chakra-ui/icons":"2.0.6","@chakra-ui/layout":"2.1.3","@chakra-ui/system":"0.0.0-dev-20220810132240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810132240"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220810132240_1660137802752_0.4912052312962316","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220811084042","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"194d09e42f3ac140366523aab350a30b90d2e3c8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-46ptO5v7IPidL7t8QF+OLueuhLDqFWlFmXLm3fGdTpKdF0QhDtdDvTxQi8ociRJwpd1ikcgGZZsSRvgzf6PHQg==","signatures":[{"sig":"MEUCIQCnLvZjbTYwZgzyg5Suue37A2xMnWbv0ocE6vaR1yZwCQIgWk9t4mWsq/oRqXrh9BZzEkJ1pBpRh7RSW/i4eUKiIdA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MDEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBWw//RYwLQTAoeMPwls9jkFeDkgJB5qRkFKna9jZBrcQwenPSIyrh\r\nvxg383O/cIP6jNvWIo+S8WYFwSNwH34BVMXeKqx0FVQFFRka2q741mV3OYTi\r\nWiG48nOc7L+BeRuJepzhEfroAdhQtOFVnZEEY4YElLp6PGNtKQDVDbCFlh9Z\r\nrj6JekYnuCtnzYjurjmlhNc21VPXJlx7sWTxbu0ULRsV+5qGDZGL6haRDZoW\r\nhl2iGUQzpwZ5KLEdfWkMBgTMRR2sZziFcTzAD9FnJeZhqkMDgOGifvceAe83\r\nEQ+TZ894UpOg3ufjQ5MHHRmumJ4y8hoSAlQGBf44ktzlmp32F/crUplpmT2S\r\n3s51V8m8Tfu65GD5r4dZTK8JjWpxmWJb2nW+8FasoxrqdjsmqXTSx1Z+MCmG\r\nghuXK+mrB7U/uBR/SzHe7j2MTtIbgtGvXqTSwKaGPVaqSG9gh++ZgRMmUTM8\r\nF/050Ur7UhvPZw6SadPuoqtS6AUeADx98jjH4sGBnEyONUfAiohXMn3CxOS1\r\nK1d27UaY4DXWJMOQtCgtEGYytjUnvCekIHR6GKilRZY9HXXdsvQSxPnTMXnp\r\nkhjaRD+d4TBs8iWQo3Yfya5T/jUTQ3iNzIqk839En8Ro/JcWhe5UEE0zs823\r\nCjIr/J7YCPqethgIlGjwzK/2BxfDxJNBVjU=\r\n=Hk8g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/09a8b5e74e0489449acb88f6bbaa6b9b/chakra-ui-input-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-46ptO5v7IPidL7t8QF+OLueuhLDqFWlFmXLm3fGdTpKdF0QhDtdDvTxQi8ociRJwpd1ikcgGZZsSRvgzf6PHQg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220811084042","@chakra-ui/react-utils":"0.0.0-dev-20220811084042","@chakra-ui/form-control":"0.0.0-dev-20220811084042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220811084042","@chakra-ui/icons":"0.0.0-dev-20220811084042","@chakra-ui/layout":"0.0.0-dev-20220811084042","@chakra-ui/system":"0.0.0-dev-20220811084042"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811084042"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220811084042_1660207300632_0.23063843394100303","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220811093515","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e508e8656dab15071e3843dd860c52dfa4e5eae8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-Ccc2nOZubcmfcl2Buou1rrhTNMN0Cuc+C2akb4JVDaP8VGhtdWUTradVcUuJCUn/t//3A+aAiboEh+kN+3kcIA==","signatures":[{"sig":"MEQCIBgYefifm+qAWL37BSvyeDIxxl3QajhKtAZa+Xt4Z+RMAiAyEfnAUL7MEXcLiUHtdLrPrUp9P1iWPCBaemrpNtMTMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M2GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQRw/9EMgFdsLA8TuqtUXBkKigqEPoLHKyoQkFVBEMDtgeHPDFUsKF\r\n37gLuzPi3kUY9AHUwwBaf651+xJz7gXUKb6ag+1bfJEeI7ZU84GAXxm60hut\r\ncYK30BkMI60lKlmdyFVbjB67EbS85ng1u3oVue1AbXFjP47i1ZwfrE+/M7gW\r\nMD45gO30hOx8q1ZK7JJ0PdPTw7qJWwRy8gv10BXUY0468DbTs8Nn+LAhg6ov\r\nkH561iK9DzXRwNBGptIPQg0lCuHgxsca19H+7lRKscXb8oLEhZPXM3Yjifzz\r\nnboibV6IcPQ3EDNx5/dzU73B7CWzFq/HhjKnCOMINUzxI7T0xlZLtfg0z7vx\r\n1coly01UP5FKV1lQgK51HIL5uhBitKjLMDwsttsw/Ouh0KJaEHN/S74v6KHN\r\nDc+8sQQw0BDPUXBUQ5kXP7gW+jd0rKW2po/kC4T3vyOElByP8yPznZj0ezDl\r\n2rJlZZBIJjb0jVGux7m40W0GU/igsY212E3Ju9/PC/ImBRVzh4FT5MdfSpJw\r\nlkpmq0LP0GX6B3oeMIP2JBeuNQBD5pqGSm3VPZ7wWGbAB682+duxS5n2+UnY\r\nHQywL97q0NCbJ/5dlOIGaCYwR4/FrbU7VHA3kvKGptTSgu0tDFlK2Odd4/iR\r\nf3Ar+de4zK8knYtrk0o70hkzKemkK80xVUs=\r\n=iHqX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5ef0005af851d23fc4f72007ce2aa709/chakra-ui-input-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-Ccc2nOZubcmfcl2Buou1rrhTNMN0Cuc+C2akb4JVDaP8VGhtdWUTradVcUuJCUn/t//3A+aAiboEh+kN+3kcIA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220811093515","@chakra-ui/react-utils":"0.0.0-dev-20220811093515","@chakra-ui/form-control":"0.0.0-dev-20220811093515"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220811093515","@chakra-ui/icons":"0.0.0-dev-20220811093515","@chakra-ui/layout":"0.0.0-dev-20220811093515","@chakra-ui/system":"0.0.0-dev-20220811093515"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811093515"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220811093515_1660210566648_0.7800511171693079","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220811160709","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"72b50460f72a362968c7528fb511e7434c3653f8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-R+GzPSfKq7JLJlWUAzPm067etNlmV8wsMqRKHta/VVp1k73iU4areGtermFgSLZe9sObH8n8L0MIhOD+eNN2cQ==","signatures":[{"sig":"MEYCIQDsJTtEMjS5JkHcaTSm8DV9iqyZwj3+esWs8YGVQ4FYpwIhALDCs/FlWdfYkZV0+2JyiL2Q1hux5uhdmjFA1EjH3L6V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9SltACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRxA//X2WUginnXzoguPjt2cuNPeWfvI69iHfndwat/XnqDOqQ3wex\r\nHVmiX+5Huw+MDStl6XdJSRF5UY3ZJItoTOlUrp6p6TinZHvjWezdhBNhekgb\r\nWkGaYxmMJZPZJud57n1KaSFDaCM8naeXy1SKqmE93RheovNIcHKx2jqLj0hk\r\nKaDkMtoF1Y1MEEWk7fyheyidUDfSv2RpZ38AWmLbZvEfa0VFIjYLkpxeQYen\r\nXnBP4T+HCajiTrndECmxbtIl619uW6u+gxlxQ3qwkLwaQJCN3EzUQyiZVnxD\r\nIRpVp9RLIkHYijCdRB9hJSfW1ZRY9RNF5YmGGfoJIoEmBrEWaliA3uEiKoBh\r\nZIXtCy2WLgR8h8VnjTb6X5NcYTHxNe4UVLxENfAzHBzHferePxNz7/NxHmGm\r\n9bnoojDMjpX+rrkssGqeY7eX5lB71IccTkqQ89NvEFg3B60TzNcgi6Oqs4KW\r\njE2yfLi4dYsKS2mQj4br3rvotlAMO7w8PGxUYVYBPXXAeSoo2PhXj+8tBo67\r\nmR1FV519CyAtMs6DFNMkkVXZYhZJreSWNttRpfZ8mzBTOYfcVN59Wgpbiumw\r\nHCDPy7qOJXkEipunAna2F/b1T9R9o2SBrgM1s2szW+O1Jx5pOWn7vyP+Ye26\r\nSjhJZW3y7uCxnKdjbjsgDm6c1Lmd4un2r1s=\r\n=OE8+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/083beb4621afbdddeaeea2b841e282a3/chakra-ui-input-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-R+GzPSfKq7JLJlWUAzPm067etNlmV8wsMqRKHta/VVp1k73iU4areGtermFgSLZe9sObH8n8L0MIhOD+eNN2cQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220811160709","@chakra-ui/react-utils":"0.0.0-dev-20220811160709","@chakra-ui/form-control":"0.0.0-dev-20220811160709"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220811160709","@chakra-ui/icons":"0.0.0-dev-20220811160709","@chakra-ui/layout":"0.0.0-dev-20220811160709","@chakra-ui/system":"0.0.0-dev-20220811160709"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811160709"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220811160709_1660234093527_0.9497765260281175","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220812060931","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0e076eaf15b6262f1f85d4d2b8459c8067b74f94","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-nREAe5B6ZKO/y0bN1opAHVAw1QqpLgCPr9RDHywLYuvcd0PDQIv1e7JvhYge3OAH8kbKzQsP0cPRctBwFLAJEA==","signatures":[{"sig":"MEYCIQCiYxc+adppv8bgKGK5w8hCQ7zL15zbtWXmzoxvb+dyHAIhAKe5VPnPdTOLCxESUHhkovBoj5ZCQS0APJWRMKLFDV9A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpiww//T+UH/6OEFsN4EDeS+EyHmffNETSJxASFYgTAIML7eXlCyt4N\r\nZGmembDNeozfYWLLpqt4Fs0Yb1fT5NjiDGK3HBoTHswwgE4TNE5xW9I6wMmV\r\nNrXqUAInoG8TCuKvAMf8t0Q51hejgKEKNgZjW8lDZV5eT1/OXcgcvwNFXtHt\r\nO2+VkNcgNgGSpm/5/BDRLaMjgCOr7EkEx1zry5XH0PzrhElUq/C1DBhMI6yI\r\n1FI66fC1MZzzq8kNE39IqcpAzYe+zcrZQgz2Hmc9Kb0+vUW9b0bbRKjdHs3O\r\nA0IDaSeSMq4OybqrbC10y56tT/lc6obWOWz/+5cpzD2R2ucNknpZJByGoC9o\r\nHeHFjHRXmsbyuSBqpYa09el9/GDZAzq3xNJ+2wt24Y9QKBaKxrXfB0Uy1OoS\r\n/q0p7WYOsGAgWwEALM7fACY7+pFpA04Di5tDRk6XXMC7ZGuaDhGA/aj885n7\r\nWCMI0hzw+j6MRZx4C97l4sSXabALOwB/vB6JnicvPgJNljaGIcced3xu59kV\r\nLn3Y4VYytnXjadGf2WjOiWJu7XQiyshwEggwrIiLLYPR56nE5hQirKgnOGeN\r\nrtpup/U2jzxQwJG1WwRVB9YgcCBl28qVis+sUrotVronIRdat4ZSjoDL2an5\r\nFsf5UmpMXavmMcy0IsnIFyUDdi5ELq1MRME=\r\n=OXMc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/8c0caf68b37f1ec55c49f50d28afb83e/chakra-ui-input-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-nREAe5B6ZKO/y0bN1opAHVAw1QqpLgCPr9RDHywLYuvcd0PDQIv1e7JvhYge3OAH8kbKzQsP0cPRctBwFLAJEA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220812060931","@chakra-ui/react-utils":"0.0.0-dev-20220812060931","@chakra-ui/form-control":"0.0.0-dev-20220812060931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220812060931","@chakra-ui/icons":"0.0.0-dev-20220812060931","@chakra-ui/layout":"0.0.0-dev-20220812060931","@chakra-ui/system":"0.0.0-dev-20220812060931"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220812060931"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220812060931_1660284627523_0.7420830910975775","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220813051625","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8028c00de926c7789389599b01126373d81649ff","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-biHawEvFrpZncYKI5J6ThvrhaIPYwX7/crnlsPZM0EkMt4O95QSVC34xCvCkzL7a7JcT6XDxa08dB9QOcD0KVw==","signatures":[{"sig":"MEYCIQC4xHiYZNvqXqLEABKUgxepO8E0BoNHkcR7ux4l70JhrAIhALLdQo+wybDwIVPzV1zmqpAvBXWr2ZdQIUJNlhD3Vz4y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zPhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqnqg/9E8hGc2//5nVqMdXw/k3l8PUkSdemNNfVXbshe3z1fS7VLGq1\r\nGyhjF9e2/AxVca+IRq8ak7f8MTomT/BW+LtPNjBplIkIbgbH/pFEk3fMQL3j\r\nI/FeOi8S5Cr92gH+dQX6nex8nqbq361hl8D9KD14UkWQqm8/Ue9DPdWrM0nK\r\n83H2NqGV4P9NXQrlbZp9i4A1qbvDTnu2KA79pJlAHrHaDammGG7zfAkcLw/9\r\ngavnBrBbMvhatOSc5USV5g3tCotZOnSJcnkKfxqf/MlhbNLo8PVs8QzOdh0r\r\nXp+wrv50oA3TTY0fUaxlBA1Nk6d6JVFacdzkVYm6Gjat1QyLqmQTQuOfTIIT\r\nyux6OSQMV79Fu4TlnjN6b/O2UGuNSfslve+Zxi2VkVX+4fxlkkGh40NgI8q0\r\nTplHTvfIgL1d67FILxwE+84DAK7JJ1a7ltUwDBwA/RL61USapTKixYFsPJSD\r\nXPwgFi+zcHjxujQ+RJD9+vJphMemJtHKnOFtk2zOqiAxUz9QbjO0z2ZAR5jN\r\nC50RYEs0bNw3gz3zKRAtcgMQ0UsLPt4boLq5Kx+xFE4/kfp/8m7Zv9mN30Un\r\nwjm3tBdkUEsvOhBgm5CPR3StB6REtTgEIsvqBGkZaqTP/PG1V7UO5XY8u0Jy\r\nxaDpvwNrtPpvXywZtlbUv8KhdXTBe5VMPqQ=\r\n=RQTp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/088dde3427065cc1b6bd3bf5cad5e1d8/chakra-ui-input-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-biHawEvFrpZncYKI5J6ThvrhaIPYwX7/crnlsPZM0EkMt4O95QSVC34xCvCkzL7a7JcT6XDxa08dB9QOcD0KVw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220813051625","@chakra-ui/react-utils":"0.0.0-dev-20220813051625","@chakra-ui/form-control":"0.0.0-dev-20220813051625"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220813051625","@chakra-ui/icons":"0.0.0-dev-20220813051625","@chakra-ui/layout":"0.0.0-dev-20220813051625","@chakra-ui/system":"0.0.0-dev-20220813051625"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813051625"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220813051625_1660367841077_0.19287404554518894","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220813052715","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"6e0114cb32d557f2d518b60c94faea1c737d02eb","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-KmLrf1iAzihMaVDWUtKFLXSnXV4t4ebqqSND0axkH9WWa2f3m8598qm5M5MhxgHKVOM8eeh0DjwgX8P6N3xdxA==","signatures":[{"sig":"MEUCIQDB1BrBboCJkiPnP9hy6hiT17Z/IOa/aXzn3Kl9OY0uSAIgKa1PJ1s88wFPRKypEOqllecgGsGI3iPWpgJA8L31grs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zZtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0Rg//Sx4pG/go2j6YVcY5zTJD1d9MqXICSvdd/SdUfcutfOj7M5bk\r\n1NAHW8NjAkLcKNA1sWm7AFc9qW/qfz4G2bRibKHt9BKR3Nm/dKvJoRywj/HD\r\nSiuBJuVCwHHhcx+4C0GZRkkKMrzADgArYpPY40GV8Zo0K+hKHZ+bUrz7ZVcH\r\nt2B3uLcYy+fHRXcZpBQ7T0S8FI4yilwptJQLHGg9aKc4DCiZdVY6dVkM5crG\r\nTPX5XOHJ6qZO6uqpBuqkP76tcmshGNwGCwoX6rNzHakFCOOWOZAt0Kj1weWq\r\nR2CsEXnaJDBBqoK0unwv6tWvAX9/SpgeLbQLvr7j0c9gDkGzcMVTMiVFpX40\r\n0dTw18VUDfk2xxLR5sVLE4KfPCOB1rnaMgCJaCOAl6XKyqWz4lDjR3ppvUmC\r\nhtrtl78oB5z/6xN2ctjDrh+YiXYDSsX4tPCzI10iVcEoOeIbiLOfQy4AT5TW\r\nkDcJ4vpIiNXUhSf2E9BvPGCJn3Sqa/2JYgAx3FoZGUroV11jTu/3uCiGNMTp\r\niA5YKZWPauQ647ZSnkNeI0u5W2ZfYk7VlWU1yz8pCo9lAvl25bjHqkqlWvBq\r\nJayF0MlQbZkT9FltCeCCoanoxkauEY0n3YG9IX2jYeQIpCwjPbw3Um2bD1oM\r\nWzPiwR/7R8v/XQ1bWM9/rjTm+0Bp3TfZVZU=\r\n=u8iq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/111249d1825a8f0a639ff108e4b5ed2a/chakra-ui-input-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-KmLrf1iAzihMaVDWUtKFLXSnXV4t4ebqqSND0axkH9WWa2f3m8598qm5M5MhxgHKVOM8eeh0DjwgX8P6N3xdxA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220813052715","@chakra-ui/react-utils":"0.0.0-dev-20220813052715","@chakra-ui/form-control":"0.0.0-dev-20220813052715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220813052715","@chakra-ui/icons":"0.0.0-dev-20220813052715","@chakra-ui/layout":"0.0.0-dev-20220813052715","@chakra-ui/system":"0.0.0-dev-20220813052715"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813052715"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220813052715_1660368493291_0.3243016382177297","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220813053727","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"613bd8eb3e50aac3e849c02f3c49b5d0f87ebd19","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-zb4J1Rsm9Qei2+7SdNXUHlcfX/XM7Y5qKd3OmcSWuwBaGvhWGr4rSSi+0Rl20XdUPBx/lRfqwpRqjx5K0bnkcA==","signatures":[{"sig":"MEUCICXcgME8vK6+oLSJVnAJiuXpPxnINQ/sq0HltePW/Oj4AiEAveWPxTfL/Gxt8vR2+bcxVsTNPpnzyG21v+GQ+fDOkZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zjaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUTQ/+JTud1FiidgkRDtyUz6qkRRonjzQe1x9NvmPGokUl+URPcM1T\r\nRzjoA7PnnSYBhqVoP+67rQb7pISTELvEnhaoyFG0BHDfEfjA5AdlDf7E4htx\r\nsoHjC2C+Fou1Jlmk9ORZ5B7QhdACqQyB1Z2xOeLbC7IsSqkBdlhOzXVIcSsH\r\n/h2ZhYTLluOv7nrvFHpjcrUZx6iBuTiO1XtFwwVMV9XgmyRIw5utlObfvNbO\r\nUXSJBxvvzgTOL4wFtGJJrtstmAwknTJNG3YOu4FqYQpmkdwQkKFiw8Zvfl/w\r\nf/Ta8/cp0YhTcZ39Om4qT94Wloe/fRnTPMYC5twTe8Z4CMsZif3eFO3rMqDC\r\n1cZDfQVtGLEch7eiI061z/dbbajcS2bwE9V1sKYZJFdJlUPAMgH64Ofx+6PY\r\nOpIP1pjlf+4J21Zfit31CwtR6BRBPJdtjfEbAEhlcMsT7jxbnvidEuQHhz3K\r\nRHfMT/4Qzmhy7jk0DZXls4E20CfhDdMbNt9rWhcdSQFaks+eRYkS9nsPV8xX\r\n2KtHcuwKdwHH799uDUKYPBkSJpTmvIcSiYLfye86P6lJoPobQM5vutdIVCx6\r\nAjpaFQM7DJJj5ixmrdwtKkKUgcGgNcIble3oVxZ30nGSTyrikBaRx1QZF0YR\r\njUy2t60LP0508Iy9hyzBvtyCa62i4geD03o=\r\n=0Y7g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/2260f35ae0aa0692bfb65b4195d50e2a/chakra-ui-input-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-zb4J1Rsm9Qei2+7SdNXUHlcfX/XM7Y5qKd3OmcSWuwBaGvhWGr4rSSi+0Rl20XdUPBx/lRfqwpRqjx5K0bnkcA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220813053727","@chakra-ui/react-utils":"0.0.0-dev-20220813053727","@chakra-ui/form-control":"0.0.0-dev-20220813053727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220813053727","@chakra-ui/icons":"0.0.0-dev-20220813053727","@chakra-ui/layout":"0.0.0-dev-20220813053727","@chakra-ui/system":"0.0.0-dev-20220813053727"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813053727"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220813053727_1660369114593_0.21900515751015504","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220813055957","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9d69a23e6e49edd302b8d6aa6f97c5224bb89f66","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-JKg+Qjluos+VZp3NZRYZL906qkgqrHeTuKjgs8IZgI/JF0OzTeG1mwAd6WiiuhmSW2MhYnIFwyqQJlXAnZi/aA==","signatures":[{"sig":"MEYCIQCFXM1K9T7uAY3y5hl1EcC+WYsaw50bKsHWrzc6jGOfiQIhAOnCH0Gvk0lZ3X4nAurTxhiTbO2TpZqhfqq9Q9CTR3Si","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1fg//Z9t3IliTfzuyI1cEeOedavmJjP9+SQST6/djUNhDmDakVMEx\r\n3W1FobQSODYK6iI2LKt9PcIoDVOk1FbeAvewNicsRc3tA7ubreCyUkrg7ceS\r\ndVv+7xsYf9DLhb9SXBQOlglGyf9YBtk1AiSxfuUKEQDui3ZFbqt27Lv24qN0\r\n20C803/3CnS/zwWLVBDFqgp5mfpQFU+Jg2hfmxUO19lYQM36GodptpGMAU5c\r\ntg1uL5iljsSvLLeLSaY46h8ylsMXaSpGciLdI13pYNqYRp1/kphtNQiLNRfL\r\nOqtyQMD4eK7/EgOroqs1XNBv5zfa+1Itn8qztZMNRk60bPZ7XLVyeBzP21jJ\r\nkjbgfYr3/ZEsuDod0iKC0ixD2U4H6I0nMqGBjNb8SNTfCIpMgqfIbGFLIZSn\r\nvi6DrCmTFj8Wkl1mXLuS6NWreCBB0BP8MyiBjvush/rGfyPFdB1dx6BfVOSY\r\nI4/yb8wzJkz/+h0MzC1kyZtoL3Dy87DPtmY4xNWS3hIAAQIx53aun00+wE6x\r\nvnOAWS+ejHU6Y6sahSJMSQV1a4CSQ1j4pZA74o92W+BT5bfV16cV5XfzsRHo\r\nXG1u7Fg95oT86W+HW6iltUA4YGWrz3UhHAPSam5J0E4ZHKX/oiqkp4GPEzCM\r\n3DP9RKZADGj2vUnjCap8T5kDMmLB9XRg8PI=\r\n=Ef5V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/df6a00060e3e927d0e72461e7f044f3a/chakra-ui-input-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-JKg+Qjluos+VZp3NZRYZL906qkgqrHeTuKjgs8IZgI/JF0OzTeG1mwAd6WiiuhmSW2MhYnIFwyqQJlXAnZi/aA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220813055957","@chakra-ui/react-utils":"0.0.0-dev-20220813055957","@chakra-ui/form-control":"0.0.0-dev-20220813055957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220813055957","@chakra-ui/icons":"0.0.0-dev-20220813055957","@chakra-ui/layout":"0.0.0-dev-20220813055957","@chakra-ui/system":"0.0.0-dev-20220813055957"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813055957"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220813055957_1660370456804_0.18273536068204055","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220813063717","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"73799f7ceb2ff77afc8257f8ed7167823d412a41","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-ySZ0mtip8vyBy0XyTvIO8CP/HztyUH4A0EYcUVOu/5ojq6AXzoz15QgZ0GNx1v5e81xcG5cgKamFdH0yGpAZiA==","signatures":[{"sig":"MEUCIQDxGjzFzS1nQtkO4B6d8gw+13uDGnOoq53CpImp9EaGzQIgTo914ekfaWCXSH+49KidnaO0zMB2iZXs06N74zB0URE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90bTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4XRAAhP8oB/DygVheF1qLPkDvR7s2yu1KVuVMT/bTVD8IAjGyoxQi\r\nTpqufFW+HwJUV9DGGZeXOpzK5yF/xOw39QSp53AHoZTEIJQsbE1ta0lINa2L\r\nAN5QDkAXSu64xajp/mHnAdb5fyY10QgeozPeCs9NesN2RZ7aXJlPLM4sp46w\r\naWLshwL38nKGBET2p/8NQgNrJfCM95ALr8fjaYt+rPB7ur1Y0j8BQHMoqdPj\r\nyDIuGsgeuKIs7M5bRW7vp9jVxx+TlMa+Ge43KXp1bSxE6DIPoanJ5L25ERvT\r\nL8dI6+9GshtZAKcYDRvfLThY4XW4/3WFpDdOw2a2LuK6dS8RcooM4DaYwCPk\r\nxblSo87ultzH2PJDbWj4VqAL+8QXGcA8U3v/9t22MOqKal+/7/SFRHIJ89iy\r\nzxvBeiYkBTcmCuVkDY50HswQP89njxNSi4nS85akBIXlLI3N8oaxGoEBAO7W\r\nHQQEbJkYE4HVTUdjcVDwRCqgYcybJwrLHnTOBoWjHkzKCZZnF1LuLd2j/KW0\r\nnJg+Mmh7WgNr9iI/n/nn0b6unGhejHq+RMA4bt5FBJUqASHNPJuvO23Mv7XQ\r\nRH62j+ZJAYoMjamX8x6OO6GYemLOjKCH964fm3oHk1gos91nIEPh6O6mJpgL\r\nvNu8t1oie8gFZmTMQQYhMZxU9tCMeiOLQvA=\r\n=WyAj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/36885a489f9da2928baa86288c13a94d/chakra-ui-input-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-ySZ0mtip8vyBy0XyTvIO8CP/HztyUH4A0EYcUVOu/5ojq6AXzoz15QgZ0GNx1v5e81xcG5cgKamFdH0yGpAZiA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220813063717","@chakra-ui/react-utils":"0.0.0-dev-20220813063717","@chakra-ui/form-control":"0.0.0-dev-20220813063717"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220813063717","@chakra-ui/icons":"0.0.0-dev-20220813063717","@chakra-ui/layout":"0.0.0-dev-20220813063717","@chakra-ui/system":"0.0.0-dev-20220813063717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813063717"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220813063717_1660372691506_0.8234566522967477","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220813070741","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dea5d41b61b3ebc6f928a0597b090e764c717c70","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-d0TNRYjUuYJDkoMERyYMu4EmsSpmZAS80e8JuhoRDUyT1F15h1hKVE74ue2KMKA+nOfjjUaI8ixPysrgvhFncw==","signatures":[{"sig":"MEUCIQCIaRkLHxhL6CwO0Jup3XYlHtSIwEcO77bLlxjgBHnohAIgZxjZ+kjkUBw9gNE9Dp1qJaeKUvjc36+nVVJwHGOS57g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9031ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOiQ//fettJWGsiGqwKc1UApkFJkIZzjP8lKlkXPIBkFjt+aLqIewO\r\na8ovyApXDVMBCRT8clwhtlfrH5IEMTbRDr5bDo8/PTavG97jFMYyuWmQnyo3\r\nx21Wm6VtcSnxjbhym0xAOhAvmnPoZVi++rO1M/z/wTWy6nVHVXU8vPYcoPO0\r\nLqFidygCC8FY2Dph36AZzm4oRFtaP/WtR7N4UMyxvoqjVONfUd7hs2RVVh96\r\ny+z25/W2SHFgKDaEt3llEO9Ep+Rg+SQLV+HDJAWpzozWuV/vsZCA/sam7Ph/\r\nCAKssDbaovCOCQK5mRAHbLNOfXd0F+wCYWQ6oILBSMOVNWCGNq2dl5CBAj6m\r\nzjxobXAzgBZQfbit7zx/ZaRrmn+lYpon+ju+Ggaz4qLCiQytJOhcDmiomWgg\r\nJQPL/ty4oBG/rHrjpiUV4Q4MUu8fvYdwPGQI2N0iyqd7SXihFEUaKYcLglys\r\nc3PA2id+VbFPC2dX/DLTSVwDF3DDDrVUh0RCyZK5UkfqjPNY0Q34qX1MWx3Y\r\ngzeIbg+cF1rWsraSv5ZduBrCmkQjX9+9+kUlB7owBwUamct+/1l1l1YVCeQJ\r\nIC3waKmgrNGI3fcpCmrfnGuw33mBOAuclsCkAz8moGVY1BjtYBuZKXVQXQCA\r\ny6gd2Xcv+ZgqduCARBW/7wwRXqRMaTMCgVQ=\r\n=ints\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/986448a4415932ef1334dcc3b2a0188b/chakra-ui-input-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-d0TNRYjUuYJDkoMERyYMu4EmsSpmZAS80e8JuhoRDUyT1F15h1hKVE74ue2KMKA+nOfjjUaI8ixPysrgvhFncw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220813070741","@chakra-ui/react-utils":"0.0.0-dev-20220813070741","@chakra-ui/form-control":"0.0.0-dev-20220813070741"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220813070741","@chakra-ui/icons":"0.0.0-dev-20220813070741","@chakra-ui/layout":"0.0.0-dev-20220813070741","@chakra-ui/system":"0.0.0-dev-20220813070741"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813070741"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220813070741_1660374516991_0.9659089069619042","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220813083358","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e26fff87d4bad3ef9deb81fe09b2af0f51e6c91f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-IIt0nFAcS/mhyHMZ5iMYcMPZ42j2+icsSoRZTjcVkjfCIvgo53FS0GfQJOtHouDeHOkWwBshhLvVQiF/xhImjw==","signatures":[{"sig":"MEUCIQDFhk4bm+nzuoCY/cJtJaWDta9150CJZeL0mSz+u5P5BwIgOc+v9Z9LkS3L/Fr0vIlYUWWI19c6KiaWN6GVuEpbP4g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5011,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92IvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfeQ//Rje+ybkjIJU1hPXScwSpkMEWmhcc48pvUyasFXfQA3HgcLpS\r\nB4jnicQCvpnDGGNAbjDFoACTpxVQTki9AvW9JMyJH/HVR+xQ21I/vAJ7exBq\r\nHrAmL2a7If3XT8aPDyXk/I2zkf7KMgxHfd744dXzJ7hHWp7w3wyGPeuIkGO1\r\nwbxrg9yGQUQDCgoQMq5P7t0Q7LA29SrXEHtQ9SONG/kh+uutcMQ0x8+/i324\r\nWhnCE/RnisaE1ezskUmCSuc2gJU0MVon+tXNMs9OjduSDqVNqcGHENzroK+q\r\nMxWqjlm6LtFk+507Y++T6Gg1NxNGGz/b9tuKFjjHnRhHUJzGQMMen8tC0zOh\r\n6VS+5y1jFzw7B0CG5JSXMqloLwsjTEPaaTK5WVdiyQi35KDF7/0nKbsZ0NG+\r\ngD/kBiMOf7Pg9j+TPpwcu6pUj3TazxidSxX2QXHnKMS/tYvl8HnicHr34YOX\r\n6QQlEUfVfoAGFXp7uHWV0aJnvvGUBszZZ9rpj4JYqK2L1+20A8RIbtYR8zPr\r\nDitxyif4GVu5itbt6bTv6oXeLH8JE7QnkGQjFpLzA7PHm0Y7mAvgSq/LH7uk\r\nI8ud/QzXa/e/VSbhkFqRzHNdQOK8doH5oHbA7DCL/bcJ2e6quOuH9ivp9nn4\r\n1XlqSgpzoD/MZZ54k1vJY0ShpR+rVO8pIkM=\r\n=DOxa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/655931c13100ae2bc79c3dccfe5d9476/chakra-ui-input-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-IIt0nFAcS/mhyHMZ5iMYcMPZ42j2+icsSoRZTjcVkjfCIvgo53FS0GfQJOtHouDeHOkWwBshhLvVQiF/xhImjw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"0.0.0-dev-20220813083358","@chakra-ui/react-utils":"0.0.0-dev-20220813083358","@chakra-ui/form-control":"0.0.0-dev-20220813083358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220813083358","@chakra-ui/icons":"0.0.0-dev-20220813083358","@chakra-ui/layout":"0.0.0-dev-20220813083358","@chakra-ui/system":"0.0.0-dev-20220813083358"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813083358"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220813083358_1660379695021_0.5330792165590743","host":"s3://npm-registry-packages"}},"2.0.7":{"name":"@chakra-ui/input","version":"2.0.7","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"df4616c8257683ed0a238347b75dcc2ce88acf88","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.7.tgz","fileCount":3,"integrity":"sha512-9IMJ5jN/UgRMhYnF/359tJoD7BVv0caimLIW0l1C3D7ujyrkpCM3/rOS2OL6a5GpRwhdbm8+NyAF+BnqPxnpxQ==","signatures":[{"sig":"MEQCID7JYIUKCZLrrZDiTq+/jYeYroSocKcSyVPeDoow7N/bAiAounIH4z8RncOs/7/rfsKTJyInBd7zAHy0D9/gy4G1lw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4842,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94HdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPQhAAmUc5OQvmhAGTf29ONc5eLAsQlwzXF35+DJI7snxdPhlT8ytU\r\ne4DIQxxZh7hE9H+XYJclGjX+Q/idRIQ4m9But6DnWG/jXV5a0SnOs1Yhd5Ql\r\nA3FehbxrfpFoDtqaD7FIVdpTxCTH9DnUOZgFal+5XjUzGXqkeAH4NiNiVNh7\r\nJ88GMsQHoeFtNPIAn9erAmTwzpRiMOOPLayoTpbYrYJ1T4ABelKxoBY8eke8\r\nX3ZKtGta/AGjs+9pwOgdS09KiDMkE+E4Ly+UaBED/QRHMyo8Wvoqwzb5VNQn\r\negoMxJbzNLRawUNFUDHj5Q2iCWTVDcQeF/qLGXcLaYHkhcxaWS2zdDGsqv9A\r\n9IDUH+iOP8lu0D6wuhT7hNxOAGuYDt3pRg7micFGvp+n/Va5CNvQwwImyNEO\r\naIR/eq4lhW6/rTjLxYnxpDT7rCnMWWZKL3mJWB64ahVSUMHIzHEVzFIrF7zV\r\nIqrHVPF9Efq3cOqPA34vYMDnnqnBv/jKliVjenAZiUPwFlP7D9fSLBtq/5ap\r\nyrbq9ZcbmQELGkE9sc8TbSnT1y1CeN4NVvZH1vZnKctgOA3mMS6UoRoHt2Hw\r\nYKr7qXdESXQGkdszogti5ayQwJZ2B9xAqUta3bFFTLWFJnxuP7ZC1+ejr9ii\r\nD3CZKggqQYOzP5W48VZcRCRqtyGEYruT5CE=\r\n=90kA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-2.0.7.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/194d44b6ba7b7816a6d82dc9febcdc1e/chakra-ui-input-2.0.7.tgz","_integrity":"sha512-9IMJ5jN/UgRMhYnF/359tJoD7BVv0caimLIW0l1C3D7ujyrkpCM3/rOS2OL6a5GpRwhdbm8+NyAF+BnqPxnpxQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.7","@chakra-ui/react-utils":"2.0.4","@chakra-ui/form-control":"2.0.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.7","@chakra-ui/icons":"2.0.7","@chakra-ui/layout":"2.1.4","@chakra-ui/system":"2.2.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.7_1660387805091_0.9601458608445317","host":"s3://npm-registry-packages"}},"2.0.8":{"name":"@chakra-ui/input","version":"2.0.8","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"09a71bdef7b72c64c6216c6c3785e28b2470c60c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.8.tgz","fileCount":6,"integrity":"sha512-Cc1bYO2ee36MgTSmlREPrqF3D2Vh/RCbsLRjmwxOlSfitp8A9PkA04Kn7tz2bKrJ9TQsYzRXwioJRrYr7f0jfw==","signatures":[{"sig":"MEYCIQCNWUIH1mwGC1gjWRM6w3zM+AIZaalb4JsIPKWYbpdIzgIhAIZpPBUYV/FYIDlsMLyyKLfZdqX5jJkwzdEnb/4BZOJn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+KAFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocTg//UrB3W6OwK/Az0UPeX+M7RjlgTZ21ogtFLcJVKrfRGvHhjnGC\r\nULk25dvEaDvBQ8StRRC2AS3FmMOXCYIDCW5nzcglNGcNWDvzkdjis9H6IfQd\r\n4cb9GvaUI1nPwOELAug5gxw7shMq7lU6NV+ENQiIRWE3UYTNpR+ZPL5j8vAV\r\nJo/+OrawgJWsXnZgenm6926AuwZr69tAxPsHcJP5LYBSQczz2tuC1C6eRAuR\r\nCIlCmBXnigrTCe7vUAIbqIEzfPvKBkHAb+ddoCFkAwZpf0fNPSAyG1Ixho63\r\ncE+r8f17K39/SSIKsEmv0Kb6C+BVtreJ/Vf1vgg6vvpBy36TiwukNFLgQ9AB\r\n7e3r1yTw8fD/vXfjocxDXONerN4TYkIjWQD7DiADGPnMxD+2E2vp9myChQzS\r\nwVLl8S3UoHDPXhH8q538R2twNE3XxwNo5cvMMYxOxizKM9MeJsfJBleQGNMT\r\nhrb+oPn+stx116zw4u+KNg6tNFj75uNICXkgOQn1iinp8mJMKC5Iux/CzzFa\r\n7lSlVsDmmPw5WwnxF1nDN4jbx+hKalz1u84XihqXP0Oo5M/iUc9bFR+VyCBT\r\ndeSFIvjvnb0fMDRiZOnte0av9eQXsQr2urtQtsoUlrpD9IPyrjeItti5lU3p\r\n4TKBOwh8eetorxvX9MeWH1ho70Pno+hivtk=\r\n=bp4E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-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/ad3794a2b30dbfa15733d8a478561a17/chakra-ui-input-2.0.8.tgz","_integrity":"sha512-Cc1bYO2ee36MgTSmlREPrqF3D2Vh/RCbsLRjmwxOlSfitp8A9PkA04Kn7tz2bKrJ9TQsYzRXwioJRrYr7f0jfw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5","@chakra-ui/form-control":"2.0.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.8_1660461061695_0.67207017676408","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819115812":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220819115812","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20220819115812","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"d6cf16c9c5f87ac7d28f148ea1055a5ca52a7e15","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220819115812.tgz","fileCount":6,"integrity":"sha512-G1zJsJwmpCrS8HPguvN9uRSHc3hATJj3m0qbgPe53u7iXgRW/fhBx8nW2atN4gThjkDY/TCgwfEzWTyvpumnPQ==","signatures":[{"sig":"MEUCIQD9X+NuYQl5DvcbgRDp/fWOgij1H3VdDvC/CilSx1P25AIgM82eQV0YIcl/ARIspUcKS9xtDJl0JmvIXrcpP9xilgY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23382,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3sOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPiRAAkf1XYT3u+JbLV4PuFcdS3lSguSDr9Y9q7+r90aE8bujG70YB\r\nHfZ9azQVhS43wHEU2HVMFjMmP5mp/QwTigHmImwfaR7q7VRvJXswJwUR8wsT\r\niUsTv4fh9Z1vKeJSc51ZMAnO3qwHot2XMTvfURODYL9H5XRUrvURTiHwRLIE\r\nxL5qIiOWi8KouWIGhwD7bR69+IW0n5+C1uduGwOFQdeNj2EdCH+Jt2fr9WcN\r\nXg1JTEm3sjr1S664AtjBbqmRImxUUOcz4hpLPuTCh2fhwlLr5oMDifalMqer\r\nJNLLt4/8nui4dteHO9z7tU5bMJaX8jDDoZmgbqsdJgKIb+pKrt7j0XY1f6UI\r\nL9Jv+whaqI7PBgC2nSA2TP2pnNsx41Lq6ORDwteQvio+ng9PhQfoMIMWcg3x\r\nYkNrbJ72xAfJdg9Z2oH4Fy7y8bFEkPVzqhFiOWkGNu01O1Zm5pszBylVhaF4\r\n9hyR8BzrQl0buvVbIAXQ8mh4/ToK60FMyY0cCPqmjE81P4qCdUY1o/pyu3Dr\r\ne4LDJfCnabiOM9iET/McMeeuutL7iDB6SwoPhKiTu97fWRDYRl79bznyLfq0\r\nRuf1nWLtZ2GHoueePVA5pn7Kw4BvhmwQRrKQ7LMdjb2jOwbRVEgoML5rhjWo\r\nhkWTM+F/iaiC/m2ahP1UYG2COndqZSlddC8=\r\n=3bxa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220819115812.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/c9d86b755a996d065b47a59048617b8a/chakra-ui-input-0.0.0-dev-20220819115812.tgz","_integrity":"sha512-G1zJsJwmpCrS8HPguvN9uRSHc3hATJj3m0qbgPe53u7iXgRW/fhBx8nW2atN4gThjkDY/TCgwfEzWTyvpumnPQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5","@chakra-ui/form-control":"0.0.0-dev-20220819115812"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"2.0.8","@chakra-ui/layout":"2.1.5","@chakra-ui/system":"0.0.0-dev-20220819115812"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819115812"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220819115812_1660910350285_0.5568680504919359","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220819125800","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f9c11c8866f75d5cd4f5600c0f7f90581023cac5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-Nmp/JBO/gNg3YbmLQFc74nFYG56lfVpRPx0L+BrX4cYzbARbqiavnaiRtdc1G4jReF0C1q4NPfKwB3ltUVmUsA==","signatures":[{"sig":"MEUCIQCQhg3f4pMcLR4tE+0JBK2Xt6mTsS7l3YlKiHghqxiHZgIgfDTQHpTjyKIjoinK1sapdVN3J5KNEGDFH9WC+jurxrQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQOhAAhsreHB0uD6W5dqutqZNUO7CWCYcYutCJQMjeKW1sQdVNNkau\r\nF2xRa0WsE72RBToZRvbXhodd09S/IvXSJVvcWh3delAlSm2RSQgfxNWc/0hU\r\nZ9bVPJp2P57m1M7Xq1arpphkDMzo4DWCR19pSJwRtr1ExJPmcU7XpGnQSf6N\r\n5/hsQaFN8X35cKqRr7ZPs0OjrD3l3CfasEydylVbwgeXglQAnMphEHpgnPSi\r\nwT8gCEdTpCvYxZl6xl5IQBX2JmjNk+FeFx/S+uOQL6ceCZwrlsjnRFPOEw5S\r\ntb3BPYWD4ohvyl0pApF2O+kkLAPVktdq+BCQZ8YxyT2vG5eR0Q+wyHGuyYfw\r\nmfZHOjS8UM1zie5i/xr//tQPkdMBjX71zKPLl1wS5nTi+K65OqqptU0Qq4y/\r\no8goTu/HNJ+LY1Sfiv6KV4ktQQzH0X8uGqkao796TET/W7UM0QeNubudP+Yh\r\nZgNECCu4xC++k5xxW3Rv3Cs/KHH0jlF//dlu0x4/IKTayZqWpi41rDAWChrF\r\nuNuT46oT+oc9RGxjAr4X2GQUUXrdta7RdO1WL7GWfLqXgPI8dR9rHnzoCUHd\r\nCw5yNxTddO5MK3NYCgtwGJcCdx+fEDAehx5WFz6jeNxLsFwvdzK2k71pEhNb\r\nRqEC2ayjWUbryAGILGLgqtOegk/KmZ6+MR8=\r\n=YMLM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/711665cc0a449aec7e632b8a001f2ffd/chakra-ui-input-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-Nmp/JBO/gNg3YbmLQFc74nFYG56lfVpRPx0L+BrX4cYzbARbqiavnaiRtdc1G4jReF0C1q4NPfKwB3ltUVmUsA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5","@chakra-ui/form-control":"0.0.0-dev-20220819125800"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"0.0.0-dev-20220819125800","@chakra-ui/layout":"0.0.0-dev-20220819125800","@chakra-ui/system":"0.0.0-dev-20220819125800"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819125800"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220819125800_1660913940212_0.3515514481821904","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220819132034","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2c2e93070a7ea14cb16e247f2c631fedcdd0ffce","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-Wh+Hi7X8YfzHksKdDyulQB5muOAjMPTjBFe3NppCnq/1ck0YZpUGWp4l9LKyXLOkcpn9BnQNeMB7ioh+0XzKeA==","signatures":[{"sig":"MEYCIQCRSjaucpzqLochRni5a1G44L7AFTYt6t38dlasN9XWmwIhAONLUIxRbXojNYtJmemiTF/31hwdbKAz6RCSr5vHPbvo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodgA//c2QG3kNjsiMxyWHPbWN6MtmyApIg6HrIiFpDZbyVUB5Eft4S\r\nmWigSna7TJkncdeGa0IGLqyrLTzEorEAZLux8d0U/LbkMqeWp/IEnYe5nMFI\r\nhE5B+DjNTCObR7hOs0FUwSVxnr0Y1BjknzMauSKoXw1bfQ40IyNdTvIGQZzj\r\nGGOTOUL/BAvkM9HLpHI1NBAtaJMG/IYtr+aZxaq1wu8WlfXgIB4QTP6uZPzo\r\nL3Cds0yQ2n6zlYuxNYUsy6woTXitEqi8+C1IjzZNc0JipnTD3lqPr9EfykJP\r\nfepBWinxKoEA4WqHWLT6BzaymiFv0dxe6msu8EY/Oj87cnM9wA6sQ7qqnxuN\r\nyPNjPfR39uSKwhP/j+bTh4XKirmVZN8m14jQd4cJ6oxmNn6YYUvGI4Hjzja/\r\n1FPlrgTHmOGMHquEumJYDsVcunoCcQmru/2RQ7IndWw62H+R2+sRWpdxibVf\r\ntDhpIVvqJbAgTVKcc36+0LmPexF7vJ8gLP2MM8XTyEcATdCmY7CZvZGT7Y6k\r\nnaMOJTo+8lbVWaHrBhot1HEd6UMRLiTU5/Ex8+xj46iJMxUif+S+J3TWGZwF\r\n5jrpy3SlcwT38y7V+r9FikzGybmif2qDJ7oEo1dloihw8tmhZ0S7M1AmOXTE\r\n5GXbtOo/L/8CDMErpATaAG/cPjH58zF8KpY=\r\n=79if\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/cb1a4dbdd4dec70f297689a5c519d1c1/chakra-ui-input-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-Wh+Hi7X8YfzHksKdDyulQB5muOAjMPTjBFe3NppCnq/1ck0YZpUGWp4l9LKyXLOkcpn9BnQNeMB7ioh+0XzKeA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5","@chakra-ui/form-control":"0.0.0-dev-20220819132034"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"0.0.0-dev-20220819132034","@chakra-ui/layout":"0.0.0-dev-20220819132034","@chakra-ui/system":"0.0.0-dev-20220819132034"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819132034"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220819132034_1660915283176_0.4838147079183377","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220819142048","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"246f348a29677a0bcefa43c09505be5d932c39e9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-1rl0UhmwptCvFF+Z9yMVVXqsjbX0xqzG4MhbE3WtwvXTzK07PiitsrQJnvGU2qPLL5JYHwm2EYCrpl2j3SgSvw==","signatures":[{"sig":"MEQCIBZt2RElts2MqAPmM5tIWOfXx1HubHrY/fIQfXRMbCBAAiBl/6SWO4AWdn0wi7a2wca568/FvtrS+DC4NEtJIa20WA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5xwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPfw/+KhmSENjzDJwwHtwJgjuAEadvrAuNp0RJJrgCTtlHffnqDC9A\r\nCw+JKNTELU1eroGEkCUvzkVIgztIWXE33Jkz1oYD9r4I8CR6GM/TDlEFV8r2\r\nQCHolddLIURaZTy4kuubZlnpeZ0pWYRUW4LEV4i9zvVgw6tRYqiSoN5VUTGl\r\nxdKr9U540RHtRV3q7pq5OWnOaWtBLXCVfQo1e2/k98/XyJAHu2/nzvOUZ4ab\r\nVAihjHULdNzppZSWCKX7I3cPDxoopVGhiP0GoPYG/T/HZHV/dEqboe4LvJFa\r\nnwA7/DcbJL8gHIwCX1I+k7Igdv3RLtHVOIjPBLmcefLSb7i7v9Tl0OxbGFiz\r\nWx1cVC5vrdzsYhLgjJtwAiOclIuEl9+zIl+Cl2DxK+Luk4hWJvESQuEhRdB3\r\n2PqTZNRfjuqgKowik+R3MiR/hdvuPcgt3pqe9T58g/vTojM1UzzxQc40PzxG\r\nHn7gKb3UMLEAjtgUlb09VTcoRTsp2MYEKXAt+nUPZ1dzbCdwlU9GTKx1aCkl\r\n70s+gU5VbBZC47/+QnzMAq0Zj0lJlFnMqfR6y3sBC5Tf6vjvExu1DFUmYtJG\r\ncFCAAtuTm7beyv/OCqpVMj8VvwaBvqkyI9egpIxq7mOgGUvdXVD/b+tAaacJ\r\nDHmTELkvDDFDAWpDDGFRz6ENPpz0odIG5xM=\r\n=+7MF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/ef8b8b4be80b88916c49464098f592b5/chakra-ui-input-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-1rl0UhmwptCvFF+Z9yMVVXqsjbX0xqzG4MhbE3WtwvXTzK07PiitsrQJnvGU2qPLL5JYHwm2EYCrpl2j3SgSvw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5","@chakra-ui/form-control":"0.0.0-dev-20220819142048"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"0.0.0-dev-20220819142048","@chakra-ui/layout":"0.0.0-dev-20220819142048","@chakra-ui/system":"0.0.0-dev-20220819142048"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819142048"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220819142048_1660918896590_0.8811290743565725","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220819143632","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f6097ab05b8040ae82a760ef918d2a99bafb85d6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-W8Ok025O26F0cJ3ZgNnMo02eAlfjeGS7a0kiScseBzL3msL8gyvxG6LJ50WcqIRJs5VDxnR8/WgzaqYEPqnSIg==","signatures":[{"sig":"MEUCIQDjJJUjxq4UGje+u/tD0VVp/0uyKeRsBLvt6P1qvUlVWQIgRLotIIH0UZ4ycKoO5I55kSDw7crsrJVqcMq/EDHJWH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23420,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6AoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaNA/9E2cULdybg/8I21QzFmGhDDtBZZpcLUlnt5q6rwmoeL+vTOdV\r\nN+CB1/IXkeLftwm26N6nIlxVBJHZd1jIIP9HduvVs8uWNOQvoRVLTscvX/T1\r\nM2uvDe8xUDcVBnyirH8iSO1JUiOxteWbiMjNattfLIk52Xokc2gPSrXFdcaN\r\nPfYS8JASwypm8NLutQLdZE6KyuPRiwskcEDre5gNUzoa/b4MD1wLJHodU/XB\r\nhFutL6QtiFlNFCk/e4uq2QctjnzfIAQJPmN1BWh8N9E/oNx7XB0LPVTYuTnC\r\n6R3RJ3KsYhhxpFGwk8DDuxS4G8/y0Y8mPjNIKTp3YjvjtqIPwNs9BnLQzIUG\r\nU2WCGNfXcnpqjMqHvi/VwmX4jMqnGz+2rJIz7kUD36WJKbr8EdIvceyI1FLJ\r\ne59MGVNvN1BMS6q2we1oNyYXwyX37w00HG1TOiIg0QHdEmKK8MiiF84u8OSe\r\niD8UrH8Tj6ZMONKz8kZnz1tuBXutB0QvPgkOHlR/tszBrMtDfI0uGVG+hcsG\r\nv2aBWQiMPFcHVvIWL05lC7bPQiMDx3db+RHK68Gzwnd7pdYeT/AE904b5hPt\r\n0fnY5X9usRR67VvZEX7Z0yHKjEgDaghw5WGqyCJWK4oWUPsBMyQLdi6ZwU7Q\r\nlUMYq/FfRdH5lQcnYzrspfP0b8UkrMVb9eE=\r\n=hdrj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/e9c81299303f03e155f736b8e109fb02/chakra-ui-input-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-W8Ok025O26F0cJ3ZgNnMo02eAlfjeGS7a0kiScseBzL3msL8gyvxG6LJ50WcqIRJs5VDxnR8/WgzaqYEPqnSIg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/utils":"2.0.8","@chakra-ui/react-utils":"2.0.5","@chakra-ui/form-control":"0.0.0-dev-20220819143632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"0.0.0-dev-20220819143632","@chakra-ui/layout":"0.0.0-dev-20220819143632","@chakra-ui/system":"0.0.0-dev-20220819143632"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819143632"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220819143632_1660919848028_0.46740780217803213","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220819191103","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0674eda8f27daa8628b61480d2f2f00574d4c301","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-kUacgnCNQWnWix5WcSNg9KeHa1NBgGUCSH6uvpH0wQN1zI/QeBXeMlfjez+2uTkbZ9JwpPJTdD9rPYcPCT/7fg==","signatures":[{"sig":"MEUCIHCcnMjPu4zdXWlVeW7bwPexTe6HDcF4ff2yqGHBF0zbAiEAu9p+Dr3/XS6y4PG8MKs+6OPvloLFhN1v2aILxzJ8TYc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+B/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQuQ/9GtSDKCEs/4DuAiAdZqj4uUb1GoXV6TsvwmKl06OAaPpAl/4C\r\nF6X4otS5i8Db3PG3UKj1REyqXSGrY4chCixNhQ63Yi60m8WJvhv41r6q4AnL\r\njP/C8bubn3p2HxhLDw2u5d4NlLI6fFhVdM1AGPy7GWZS4P+jILRoYIwynG4m\r\nc9yPKbaoU5/XqqzexcNv0K2HlW9f0SRWaWyxcZbrgu1tpG40GiV0KzM/XzaB\r\n87rQx3vgdiEjxdWJwIeSbDsuaogzowutP+XpO/XSechQI6ZeNCG7NdMl1uZZ\r\n0C6QF1P7gjGImXgbosGcn0cHTZD549CX8WxDoawoAa0kzzBZaTqF+jP4H4HC\r\nrUa7f/emiEj2Wja7I85ISXjaetfiAP3o3jIWkZeylmCGOSAV2enxu2EA82/z\r\nuTdlhtTH08WLzTdbATLmf7Qkr8vm5w7ENWIKvWKdLhkXkU9JweK/XSncSazF\r\nYAScYPAV0krlsr4E/x0Pgqb45qzzEETMOz3lF8g2mfNART2r5bkgCJibIlNe\r\nvZfzWYwQQYYZBja+jLiDJSDgwGnuWw/2zdfByixO0AaKScB6/MUK+OShpYRn\r\nC+OkPsD2hORIdmUfb004w3tQD7lfxGTg3J8Zbs8M4769PLtKfQW9RhwQjtTn\r\nmaRl/ajT/tY0wYef10LYBfYHwRDRe1t+kUk=\r\n=847q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/9cc51f5e5e706fca17aa7d60209d0459/chakra-ui-input-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-kUacgnCNQWnWix5WcSNg9KeHa1NBgGUCSH6uvpH0wQN1zI/QeBXeMlfjez+2uTkbZ9JwpPJTdD9rPYcPCT/7fg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220819191103","@chakra-ui/object-utils":"2.0.2","@chakra-ui/shared-utils":"0.0.0-dev-20220819191103","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-children-utils":"0.0.0-dev-20220819191103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"0.0.0-dev-20220819191103","@chakra-ui/layout":"0.0.0-dev-20220819191103","@chakra-ui/system":"0.0.0-dev-20220819191103"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819191103"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220819191103_1660936319134_0.043277029443549386","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820120308","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b7dbb22a16f37813510c8249fa1f59c4a3c19763","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-16Oie8WSyyeRkA6GGje6H8R0x38jE+0Cm6emqSMBOZKeooxAGoxsxeMSqPK+ae1fuTlrAgdvGcu4TyG2MjK8yw==","signatures":[{"sig":"MEUCIFpzIECvcBstEJcbRMtm5gH7N67JmYEUIsFZdIrj2zMpAiEA/o9tk2lRsY8HHwxijKoAf2YimzMTKbwc0wQ/ig0ML2w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM2pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowDBAAo/b4ZBsygm2xm7sdlbky9U6YYC7x4xXVvtO5Tt8/wGsYGblq\r\n/n/s/V6NbgQh3ChbK6FH72Fs6kh4gPa8CbAI39ZooF7P/JdnIztnH1oL5OHX\r\nD05g+fDu6f6bL3YcdDne9NZTQnVs6MTloxIXnY+BvNj1rXayDwRYUNCyjH+E\r\nrkqZZvrSrMlrn1Bw/n8bpeeVT4mmuMrCXQtv0U/1xDuYTI1EN7eK6+XOXqY8\r\nSz+7W9HZDaFe84Ztea4r5CrJybR5dFs1CztBo+HuO1/TAkHBM6N4lrYWi4KD\r\n8sPFApTn4aAvOQCoYjhawlzPOLo2iyt3W9Z1ng8CefK29CCEvmXZeRpkoBOL\r\n6AjVvzo8arRVhnIJsvCsXDjLPNlqTEYi2lpHvWzr7NYuBpPwikC6T8XSWLr+\r\nzSK+W4Oe9xdm1p7OtbDNCYdjj5l4Tap5/0LwqPBXtM/8P6K/PjgvK3XBmJMf\r\nc0BF8ohqAQT6bpxrZc0o/FVMBiymMj3cgNmSg2T9nBFBfFSB2ZawNRyLA9OB\r\naFTrZzbcs+0pXYdiRHhgz3UB0uXN7BF+Sgv6MhPdjnjiRPYiplEgiu5C52y3\r\n16BKoeOgwV7lIImHcueJHJ2E7rmNF+32Yz0GJTdpczGOWr/funLtQSBn5xsn\r\nhjz4qMyMXF6pOJtpPulAc+HeUC+1GBujAwY=\r\n=2CcT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/18830219016e3263735951d2769638cf/chakra-ui-input-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-16Oie8WSyyeRkA6GGje6H8R0x38jE+0Cm6emqSMBOZKeooxAGoxsxeMSqPK+ae1fuTlrAgdvGcu4TyG2MjK8yw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820120308","@chakra-ui/object-utils":"2.0.2","@chakra-ui/shared-utils":"0.0.0-dev-20220820120308","@chakra-ui/react-context":"2.0.2","@chakra-ui/react-children-utils":"0.0.0-dev-20220820120308"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.8","@chakra-ui/icons":"0.0.0-dev-20220820120308","@chakra-ui/layout":"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/input_0.0.0-dev-20220820120308_1660997033350_0.6503900131750155","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820124231","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"44b70c6b5fea201994f3110e8a14b484a59a3ee2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-BCD75dWf1QqPWb+oxUv5c/myVD5+v888Nn2D0myhWoH9NqqVKI8W4ik0/NgTZBLYxoNVyRaUIUKemZYzJs2cZg==","signatures":[{"sig":"MEUCIES57KH6n0qJi9dy+PV/U/E1oqBoDiuG+Tem+7OsUaQ/AiEAyOOscQJ88cwXSQUK+WUxyUIKgZAA7Du2d7iwDkBMMeo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANcCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJ9w/+MFyy+EPMiPHZKdmlNoWfd9lDnLdpsikKYRD11/D45diFN384\r\nugZ0SWy2Uc8zZbqvFZNtk4SKMy4wTUpqLX+kiO2T93PnGz7Ffxzkcuaoewvq\r\n6KtHcNOgZTnY+g0VFy3Q7b6zYAPJq/zkmH+tKvEvt3HWUorkXgxAC0Tmcc34\r\nV/k4RprfSU2OXuzF7FFJtYe6oWfoNlk4OSXTd0m67s0vyNGIF1IZoHA9lSFF\r\n8vzr3jKvopj6bMRS1Vmahm8p0YJ9NneJQ4kE//2T6aSwPVGIPRUXhv9mfiw+\r\ntEum+vJAAuvRYxgXIJgd0gTKD/wrVpCdZex7WWsB+CIUOQ5K4pm/Hmv3G6yZ\r\nhI5NQ/rcVPS7u2fl/5WsP6c9/o8F1u4EjXDHBptnaXG+2Z4H8+I71nJRQVQn\r\n+UCPvS5oDkMWzvRxTFTLWEPBYsImB6I566Sqlbo1/rrlZcD2m4uq6zMkp1cV\r\nfK5pcXNsjYU345JN1mprw7vPY4fQmA6My5QH+lUecF1jzVB2rMUwGZZeyv3H\r\nvOCx59wEGJ1wO+1gcd1P2OTZts/Kmt/TzC+L5RzRyrtZJfwNpJKVc2snraQ0\r\ncJxToUOyo48NVIjnhAOlQCHB3BELjlZtHncNTO86K574YA13hfiYVLfhZVpA\r\nQXL2NH6VC2h6jdfspUS46dpJjVM5gbQltvc=\r\n=jwc/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/e3a2341317d6337f2ac2883d61100e56/chakra-ui-input-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-BCD75dWf1QqPWb+oxUv5c/myVD5+v888Nn2D0myhWoH9NqqVKI8W4ik0/NgTZBLYxoNVyRaUIUKemZYzJs2cZg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820124231","@chakra-ui/object-utils":"0.0.0-dev-20220820124231","@chakra-ui/shared-utils":"0.0.0-dev-20220820124231","@chakra-ui/react-context":"0.0.0-dev-20220820124231","@chakra-ui/react-children-utils":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820124231","@chakra-ui/icons":"0.0.0-dev-20220820124231","@chakra-ui/layout":"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/input_0.0.0-dev-20220820124231_1660999426754_0.9952017380286433","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820152257","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d9f4fa34b44e86224e9c8d4fc2d395ebb1fd2739","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-cw7bVT5E8nXEcTC+kGlX2CEAalKjo2ru+UEOZXKmyyxIFXDO8LhFsdrqTAw9//nl8ISlH3Hra1+JvaMjcrAmMw==","signatures":[{"sig":"MEUCIQCVUBJrBVU0Ll7eQMFTXu0CPp5m6S2yPY1eT5ieUirbvAIgMlffDshEM/mokYhcJ3MmlBvEem4ETxHFUFGeOUtM12A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPyZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7gA//Xq90kLcJuu9+aYgQkBolU0F9ig1IXSGTxKJRWGoEuDJhryKL\r\nIkCM7xT8mzH+T3RREM8dcsebRu09pZjEA7PXz9A3IsUuMtJKtzWdh1v00K4q\r\nvbDb26f8maQv1XbbFVrsjmtgQ0KXh6q+8mUz531D6KjEAsuQMPQlCUzqDrRP\r\nWZ5NEDw/W9fyfA2kHnspfSTWpP06gcTeYUHSueQyg2c++6OodVvYOC46PTHL\r\nObeasROHUmv8joBU/1crB1qSXc/nb9ZXn/tPBfnv/+EtuDRVoojeWg/iIjwK\r\ngiJPvtJBSkOhlAJ+KU5VUpgZIw5BuQc6C0q921GYVgG+BLnFqFU7/3KIcyOz\r\nm2fj+k/tpsxaQuMDq8MM0tB7s4VjvnybOJaa2iFkhy+8SXFE/UBzc92tTSvm\r\ny+zkORteG6H2UN7g+HIoetF6aBYNVvVx6NUaqVyJj3KR568k6+imKik8RvrC\r\nAABip3725nTGWtiso7O9fHGEH1HCvq5yPI8oop/D1R9HzEW6xum/oNZp+xy3\r\nvysVLfMC8to9k0kHQjXdfddUghu0a6nluqIndgPvO67Ef98bfxFpfqkT7bvF\r\nHgNi6LQTY8pu25m5ZYzmiGQZH9isCMKeE9rnzziiP6l3lKd3R5Xc/qJIG1A7\r\nh4MV9gVaXLPhVnLGXqC835z/x57lXrBUFgI=\r\n=H1Nn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/ea7bac46e5b85f64fcd538b9ffcdf092/chakra-ui-input-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-cw7bVT5E8nXEcTC+kGlX2CEAalKjo2ru+UEOZXKmyyxIFXDO8LhFsdrqTAw9//nl8ISlH3Hra1+JvaMjcrAmMw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820152257","@chakra-ui/object-utils":"0.0.0-dev-20220820152257","@chakra-ui/shared-utils":"0.0.0-dev-20220820152257","@chakra-ui/react-context":"0.0.0-dev-20220820152257","@chakra-ui/react-children-utils":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820152257","@chakra-ui/icons":"0.0.0-dev-20220820152257","@chakra-ui/layout":"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/input_0.0.0-dev-20220820152257_1661009049452_0.5345317694354437","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820165925","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"bed686c178fc6dc1836b31b77ce735e1cb1370cd","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-3MfXiu7QLqcwqGav8kFIVsAc9fc9KzKOq8L1yF/XLcc/3+TygCaYSN616Xd81yj5fK2XxRFSMLvY6chOPIqD0A==","signatures":[{"sig":"MEYCIQD7o4OUS5PrqEGBpWlHU7KcOXHvWUpaf9vEXncZC2iK3wIhAJavKSd6CvpKFVhRmyt8zwUiexS//D7wc56s04ZfV/0U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARMqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowUQ/9Gss9+jBIkYe8Jzy2tueNFlSoy70LBhAmAbI73fzJGeBjw7Hu\r\nxH04KFyDa2THKndJEK4DQKuElv6LAIgxFc01byTAHYGhS2xwGecmh1WTziSv\r\njNTr7Pv4wZDLBXTZe2IsvneKpEvG9udx3bbGLOmcYuuRMPMJq5vyIibv1zuy\r\n+gWEqTZrPyNX0O7IvKPgNUZ09xhnJlvN2pHrEhFGbZRrYLilDfx076B34nb7\r\ncptcvLiyFsAhkQxbhnBW52YSGfszbdUMoyfA49i+z29GwP88Vp4peRzLLMJQ\r\nGmObitA6lSWr/Pjy1wyScK8rIRI+Rr8CMffnDSJW8+PXFOFaNYX2Vw1EM4Zg\r\n5EPSHYa13yzgialovu0j1p8vGCHLKaNjsE3gghiJtl6QYGDMH62+GF+XYv4P\r\nNnY4YTy3zMOlaIrwHTJewswkIKX4ukDpkuqYAErAW8IcXgLxwmK6H9hDkxiW\r\nHGNeBuZw5iPEV26uhFcDxwh9otWi79lI308OggpbRiCdm5yVAxDPbG/1/mkq\r\n4sXZTZ8ZiM3UmJ0p/cYPcNbrJYy0sU4LO77osVsVH6VdhBLbkHETP2fOdmav\r\n1mC+aYcdraBvM0Zj4bVr8atX7bku8hhq687mozMcoLQO+xzK6Sm8wJa5D3Wf\r\nKw3B+puUbCYGQUr2V4WIszxEXXM/1VMzz1I=\r\n=IAG5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/0ce70574e6fd8bdbc9daf1210a216dad/chakra-ui-input-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-3MfXiu7QLqcwqGav8kFIVsAc9fc9KzKOq8L1yF/XLcc/3+TygCaYSN616Xd81yj5fK2XxRFSMLvY6chOPIqD0A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820165925","@chakra-ui/object-utils":"0.0.0-dev-20220820165925","@chakra-ui/shared-utils":"0.0.0-dev-20220820165925","@chakra-ui/react-context":"0.0.0-dev-20220820165925","@chakra-ui/react-children-utils":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820165925","@chakra-ui/icons":"0.0.0-dev-20220820165925","@chakra-ui/layout":"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/input_0.0.0-dev-20220820165925_1661014826125_0.8067779970200604","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820172220","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9ba257368e1d65680039edd0f1263898ecdc52be","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-HcUevkYLhDEdWHKMQi5BJGzsSpAqWaHeQ/7i5bmj+ZyTs5gpxEFZZVk7W3gACJoOJWvJ0cEbytJJMrnik3yeAQ==","signatures":[{"sig":"MEUCIQCE8fvlUkK4l9nAz9M1P6NcWOC4iMLWk/YRsHMpKCPxIwIgIJwNIVE9vbFx4i/VqYsxbdCRCrNd/t9x/ryDWomPyBQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARiRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp29w/8Da5DQ5ABBiK6sFGsDHHEOCCZfjdB1fn0Bu9cDfOlo0FYSiVq\r\nxGJDPpHt1GGlvgUCDgYTD4fFwGwLKa4z7yuMSQWJkyjUXweP9l1CqYHB5geQ\r\nTWjfoOq+Mycs5P9Wz3qnMdpwwmHOaPSfMVyS7gpSnmlCmRiiuBYI4FPcaNqF\r\nZd2D/gvgGAMkyvQFhxOqrlJapIPWXsrMu8uH00PiI8AlyZ1dflM/TZ13xuif\r\n8gog5KGyMOm5NzpKLh0eHAe8nkt+nu58fv3H1RTJ9w/UJX+BHmdi3CE2d5W2\r\ncle8lilgrmrEcxOLh3loVQIIip0ZqjFOwP/jJOyl0KEbz0XT83KqcPaDUJKb\r\nknKtL+FAh8KEzc9cZRXAx7VcyJennHh1jFGgI8+s7FmCtYfoknSkS8SMBb39\r\ngTBAp6evxeh1gG09snTvmPev9GCz+fSFLnZBsV9IW6a7F7kPQ+41RNmhXDqy\r\nyPOf2klvpLaLlpaCRRLx4TReepcpsO7/x1AVkzfC8Y+2FFT0KGd7Dp0P1h8k\r\nc9KkKc7tbQuMgJ7jsVyQ4xRXK244v7K+mQ4jcmA2ILx9qL03UydpQNmSDdX2\r\nuxgnPWSFPU/96UFtY/GdW4/6/jkr3oUYPtGm5vTld/azja+tcMtzL32951U2\r\npr5T+0yuNPFtAAWVGrVMJ+s7t0glwSFSVl4=\r\n=xblt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5b9201e03c524daa2030980450ace66f/chakra-ui-input-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-HcUevkYLhDEdWHKMQi5BJGzsSpAqWaHeQ/7i5bmj+ZyTs5gpxEFZZVk7W3gACJoOJWvJ0cEbytJJMrnik3yeAQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820172220","@chakra-ui/object-utils":"0.0.0-dev-20220820172220","@chakra-ui/shared-utils":"0.0.0-dev-20220820172220","@chakra-ui/react-context":"0.0.0-dev-20220820172220","@chakra-ui/react-children-utils":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820172220","@chakra-ui/icons":"0.0.0-dev-20220820172220","@chakra-ui/layout":"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/input_0.0.0-dev-20220820172220_1661016209492_0.0027685719427326116","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820173639","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2fe03f7ec53e7c9ef06b9ec16e1e763464445f33","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-kjl0K/F25XjUOrKGS+KVhhLafrHEq2LcFRfe0fUz2uMlA4pzjuHGjm/iOXfPntSXJI7SGlH8tAO4s0RBwtfIAA==","signatures":[{"sig":"MEQCIDqf03geZWrM+ymc4dSG8renZH9iBvOGKGrAPifsxarwAiBSNldY3yi3ecZZ3sXpTBYOIV8xXt5RSd5tzflbnr1htA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARvnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+7RAAi1XEhf8e+NIn9rU+Ex3OWyjtS3WzutLssp8fbkZkoB8+F5I4\r\ndhaKE41zvrSfiukotCNle4Va5suzkdCnGKd06RIha0ugA9jRCMdVIQGVW8f0\r\ns5MwCV1mEoxChs5iTVMj1geCn9hx9ex6K5OFtuB2dG2fA1/zeDpZTeEJ4d0j\r\n3BJzQN0hQQ8PicAuAhLjh9RJg08otkq+KV2LOSGDK8kapVZUlhqfIPnhHXU4\r\ndj02ypVQywXJMmu2wD/spGrgp7WuwuhotQ6/V9TawhUv9s9Qy4DrVYhE9dGA\r\n24Cw6JnKBnKiCWRKXdE3pI3NDQPFJOKxDngQYNDe3OU0C22upOfg/hxK3qml\r\nIna3IOc4AGcASc8xrmb4dTCDMfaszJMtgLgiAv/n3WU1+n6shLpttsTkFgQg\r\n/6hREgueM9L3A92itbSV7kH+s82Bq/c8ShJ95/qMIXausz8qVPnRWRyWRmx8\r\nBdqIxWvrZd30dX6nHAqwGh6ZMIDRQ3g45e97QSUWOP5A5onJpwMzTFEHvsVH\r\nLGrwnX5hLTQb/0qOlWZI5bJA35My1NEUMwnK3ZH1YXJXpb4mQhoB/GxbXxXW\r\nQXRFEVR3pE+Hv1Mx4uCnKKKp8x0cg905NsyqVAPPyEPgbB5SI22bk07kcFr6\r\nzE5Q2Pal0xPGlisSseS33lAgdemIVQh+zmU=\r\n=FRnn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/cf0feed68aa20e417acc10e46c1a85f8/chakra-ui-input-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-kjl0K/F25XjUOrKGS+KVhhLafrHEq2LcFRfe0fUz2uMlA4pzjuHGjm/iOXfPntSXJI7SGlH8tAO4s0RBwtfIAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820173639","@chakra-ui/object-utils":"0.0.0-dev-20220820173639","@chakra-ui/shared-utils":"0.0.0-dev-20220820173639","@chakra-ui/react-context":"0.0.0-dev-20220820173639","@chakra-ui/react-children-utils":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820173639","@chakra-ui/icons":"0.0.0-dev-20220820173639","@chakra-ui/layout":"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/input_0.0.0-dev-20220820173639_1661017063213_0.21038446775407094","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820185458","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a64f694dd64148432e1837ca5a5abe2f681f13f1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-mIamWRFQuGH7aGxTQzpuExJKeg+86ULRyc6MBI9LGyJxrtvJqX1o0qwY2UqcsKb3EFOqpI+gDU63X7+dDNt4Bg==","signatures":[{"sig":"MEYCIQDJimRyfjthI8vYTlX76ErrCeVKe8wHA5n9iqNYwhaUhAIhAKQSv8p/RvU5BmUYyNIZVPPeKKkloTVLIDsA6Zd71S8r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS5DACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmouYg//ewA0C3h+Tofct8Jgb3kcRruS4kQW3Wrtnut8givktyu+eY0F\r\nbkXe15Dh6N4QfjXTcc8egZ3T+gQQALYE/2mRDG+E4w7S8jA5pWVw0pp3WaJR\r\n78bz65ua5H/bnnomnISW7E2GuQjQTR8CrUD0ZVVj5YXDI46AFRvk6dBCYkzW\r\n9QrosPpfUEAgfiJMHn1uamrKhTaALAow4CVlyZP3Rc8kR214BloyX2zY3UfM\r\nsHnsI92nP2lXrTg7RrtBbklg9ILkHTeEqajJjd0ImmxgEs9mL98Kc/Xxd/h5\r\nickXYveXAuyQORpW2L28Z38eBMILUBgkc6N8ehsca2BNU4CXOKTbFblEc2wf\r\n+SdpZol+iBJXmtJKqd68Rdtd6kGzjwP5u5Jy+YwpMqp3yxeM/tZkXBDWYCTG\r\ncdTrzALiw4RIwJWKGKzHnN5kLFpWWF2TxpJyOwlTVpU6yBjlG6rhjeQeXLeG\r\n0XauzOj4dwBqy/BpB7NMX/klNf0wNv/4djRYaoSlJu5+Q3sCOadLS0OBE8UY\r\nCD/x2Jc/YzwcgouqNE3qgqf6t04PIJQJJfW+xCMSZNhhRkqSVfL12c3lqqwG\r\neVogbCg/pCUuiw31z63waNoe/TU3JGvEqnSGaFtzEZ1KymfOGW+SEr/eAKw4\r\nSStE3AMhi3d86dWe7bKqWy9wCdXqsrJtHbo=\r\n=GfZA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/927853ec06e2087332654e0d3f979e03/chakra-ui-input-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-mIamWRFQuGH7aGxTQzpuExJKeg+86ULRyc6MBI9LGyJxrtvJqX1o0qwY2UqcsKb3EFOqpI+gDU63X7+dDNt4Bg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820185458","@chakra-ui/object-utils":"0.0.0-dev-20220820185458","@chakra-ui/shared-utils":"0.0.0-dev-20220820185458","@chakra-ui/react-context":"0.0.0-dev-20220820185458","@chakra-ui/react-children-utils":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820185458","@chakra-ui/icons":"0.0.0-dev-20220820185458","@chakra-ui/layout":"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/input_0.0.0-dev-20220820185458_1661021762942_0.3655417899093867","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820193723","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b92d0c911c6ca12421541cb25d14f1f9f57a35bc","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-YDS3vGoYjL8nlZ3vromc5fxZA7S4hw150ljIUGpPjIbdlBGDOlYYy+eD0UHmbA7ERwmMuX60bPnbwryCq5qLXw==","signatures":[{"sig":"MEQCIFXSZQ6pWVCOBO1PHwDPW8a7W93QwoM+cKS0V2fj74btAiBQKib4wzpkFdL/EvCTHH9vkc8T93/demGbLG3pxAm7xA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATg1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSXQ//QAAF3SqaMXvSGSAUrL7O/y5ehwWj3SMrQQq0t1E8rtB2RDfQ\r\nWjhkwP/4KZbrb98Fk/8aYkzCQvnH+dcERENKMfc8ohO6muG2siCvtRaYyVvq\r\nQ++ZTnrOYF6zrl+VTABh80Qug+pwOERrDJ6NFlNXFJ7hjhcJHqYMaa3YwnUM\r\nrSbda1u3aXXTukUanP3EHPkc9rP1OlajvKIPGm8xwpd3uL11W7V/Aa5rY0a6\r\nQY84wsAn9dlSd6cjj5MGmNMyEMeXoBkXAiyQwV2YtnqbPjX2vrBSX2hfAQvw\r\naHBUcLFOyz0PRD9EM+D6fn2dxeb64Bm1LXTWKKdUvfBVmtlaaMzTzInzD6ju\r\nOKezW3NT7ha9ZSu/wrBBa7+Ws2eImN/MUBhP0UMItGX37i8qTdFrjVbs49AR\r\nYXszySNl0pVtnb7Y0k3LRmOw4OAW5Hp1BsC/YkPUZFmZREEzpgbgmsYLQBga\r\n7gaGPpG4InbuaayecBPG0MHBeovtfqW2EHvbQd3QKgYMk/xNcPFI66ScWKQt\r\nivuAi+qcOUzwBMOXC5ylVbgF7Lv8uWFEVIzgw6C/P9tYMFJSX78X8Qv928oZ\r\npGvb6Nx32/UGlKyiVilBFt4iTdWnqvTm6+9jOPLRpVCKWqnn16+gJ7vIYkHC\r\nmjsas6SWk2GVFkRz16pW8UxS2BoapVonyRA=\r\n=ZOKY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/37f7b26fe39de70bb88112c931154eb0/chakra-ui-input-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-YDS3vGoYjL8nlZ3vromc5fxZA7S4hw150ljIUGpPjIbdlBGDOlYYy+eD0UHmbA7ERwmMuX60bPnbwryCq5qLXw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820193723","@chakra-ui/object-utils":"0.0.0-dev-20220820193723","@chakra-ui/shared-utils":"0.0.0-dev-20220820193723","@chakra-ui/react-context":"0.0.0-dev-20220820193723","@chakra-ui/react-children-utils":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820193723","@chakra-ui/icons":"0.0.0-dev-20220820193723","@chakra-ui/layout":"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/input_0.0.0-dev-20220820193723_1661024308866_0.6989503078922277","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220820195548","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d86daffcc9d8f1f2bedc0e2d4497d93147563e85","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-+n0NebwSM3yUHL5MezQnl++kJgOpz9xp866XifRok6aC51vWacrbA8cATKRQMnKL6rh5ybiBan2rI7GOkPmTlA==","signatures":[{"sig":"MEYCIQCm2/IMXMefhRI1jf85eA7Vd5ITkgZO0q9aUpZQq5649gIhAMEzPnmTt60YJTT2TruYGdLadVhYKWVK3n9qfiB2nAmb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATyGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq00w/+L2fqK9Ytr4O9e7/Yyhi1BskghRhimHqU52T551idhtsOJkkw\r\nAJlQa2WMwAf/Ap41+PT2YD4MmXVYtrRmLm/XlY7w6kb6KmadSV669VIUsKrU\r\nwYC1GTLHzhjykmjOLNuMrlFQ+ZqccrD146/XiUEzCAdZq1LXQ+m39BaTYfA4\r\n4QH51rAWdTD7zdEvagUv9xVtVKc8k6G/J9OBKiCmi7PnonEAeP5bITKnr5Ic\r\nXmmcRT8Rwn5PNH/J6CGDyhGJOZyvJGVT2JkFMYZsREJCNUhK9G6AQDYx/UNG\r\nyTalGri9NeydkpDOAM4ADeDqxeuGblWtQEpju6h38sKHJxXJ1kUH4kSslmO1\r\nMV6hH7TcGCBYACb+jl8u4dByZrvpi2HCvoT6gGGZFhfyUgkfNl+DiH69NC4T\r\n6A7IP/sJdaTHn8DswceDfbvxd3Eh+j21n3h0X8LlgAnADmWsq7h1y7fAqS/n\r\nXbDT+iHJa4hgE0uy5sZaiM/G53zQ1MW28XL2lCqkT1ZUG8ydwNS3knyBBlVe\r\nzijOaQiBgrhCAFOEXPEZDUDoBSRiAMDCwVi8u7kmvxWFqjEJ0LLoBeGSe4n0\r\nrdBezUv5d3+VO9AxRAV1Ag7zmFPqGLYPax7XcHeRQA0KnkGrHFJd/MsNLFB2\r\nwz/+WveSxg5ieKJkX8nX2HEP9k9lQkksRxk=\r\n=9SHt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/2b970eb030e1a812272697dd752afc27/chakra-ui-input-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-+n0NebwSM3yUHL5MezQnl++kJgOpz9xp866XifRok6aC51vWacrbA8cATKRQMnKL6rh5ybiBan2rI7GOkPmTlA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220820195548","@chakra-ui/object-utils":"0.0.0-dev-20220820195548","@chakra-ui/shared-utils":"0.0.0-dev-20220820195548","@chakra-ui/react-context":"0.0.0-dev-20220820195548","@chakra-ui/react-children-utils":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220820195548","@chakra-ui/icons":"0.0.0-dev-20220820195548","@chakra-ui/layout":"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/input_0.0.0-dev-20220820195548_1661025413787_0.3773969114113438","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220822051456","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"94090b40f8c9a7223e5128107b5a1d9d2292e11b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-aaruVzKYJHYWrnUQ30mMrc/N3mylBnYlcDZIq+FunIaTDaAxLe2YDI7Fx3jz0GDm08L/TuO1uLd0+c7UZvFF+A==","signatures":[{"sig":"MEYCIQD9ZHQAre/25w1B+UARogfpmtDpa/OUu7Qkyt4H65KlWgIhAMlanznfjzIU74ua2xm7zPrqt/xaxsMqkbq1gJbVZrBt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAZg/8CO9CRN0NZoKPW9uFkP7ehQFMBy/wqX4DCjNTisL4KUYM3dLP\r\nFrlU86LK0y7fE/C5pDEVjFpkukLJLlJifOkV29mzB0C8R1FeG6FWXmEMk0FX\r\nrhFLwwpqQBjplcwvbho+NfAVI+ig71z5F5RFJZB7aOgGYKfpzb0eHvVebyc0\r\nPIhMGhy+58DTd0IY/+sG75dMty751o1MOpYm/yB5XMcW8m5Vnr2GnHp+fuXl\r\nwFegE9wTjlpdzxUiT0szWj3+/K6KYfiy/I8PrH9Wb85TJnnutDgdpTRTZ677\r\nvqoJERleG8726Igfte9hQCvRYapmI5O1OuF2uokIA8LPWnaw7g+WnKAobOZE\r\nzfT6Q2aTmltRlpTVmYoizY6trKzSQQi2e6SqIjjMe3YG72OjjRXWRVEPoh0v\r\n3t+EBN0iIB1lf6IfVsIbYCJCpGa4Xk8vB7ur8Ft3BHSng2l/NMg8Wo9KgfDh\r\n0HAjLx9hFbw0VWznXtbIa0YNs1ZSwD10UUdYWB9mu7FaOGHJ1UnAXsv/xl7B\r\n/A9pBUZI3ZO5QW04wMII6MTgC8CqUlyBwwcFuGnsIPWY5UA9lYP0x3hVf7Ep\r\nNFUrEO1QfYqk8K72HCiEZeWx2GNT90vv+kbFgsoMQ8uOtMWNGTm5s9u/EnMo\r\n9+k1HdAgJlHWix3oCobMDhtNoqYGjq7ShUM=\r\n=24JV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/d57280c7549bc83f8732126a943fbb00/chakra-ui-input-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-aaruVzKYJHYWrnUQ30mMrc/N3mylBnYlcDZIq+FunIaTDaAxLe2YDI7Fx3jz0GDm08L/TuO1uLd0+c7UZvFF+A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220822051456","@chakra-ui/object-utils":"0.0.0-dev-20220822051456","@chakra-ui/shared-utils":"0.0.0-dev-20220822051456","@chakra-ui/react-context":"0.0.0-dev-20220822051456","@chakra-ui/react-children-utils":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220822051456","@chakra-ui/icons":"0.0.0-dev-20220822051456","@chakra-ui/layout":"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/input_0.0.0-dev-20220822051456_1661145365547_0.244515439251364","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220822054045","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8ad75660b7033982b20cefe739b7e30a4f0459ff","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-u42qWz0HTYA3dupV0swvVZ6j0VTTc1UTKU00aCCuq81r6ceH96CANLcKX7sxIbyrbPVJdG7eru0TgJGGFRTwYw==","signatures":[{"sig":"MEQCIH4i9aUS2IeWXYMG2pdktELsUr8cM9COUVU9JN1eYmx3AiBWGQYjcXHgjMLiHLYTrEQFrv7h5fVmR4SvIVMSzx73/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxcgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpCpg/7BXHzgyMkRHFfZlMQYvmCEe+F74Ffc4YQotN1qjHo2mtLy71U\r\ng+RHe3dDR6+/pHMFxmSgI+A9bo1DT4CaSr/fcS8mzpA40XStA+A9t3LruTFX\r\nXCPSa1dn3czJjAQVMlduJrUS0fTQkc/KLcNWIcRiiEyaG5MlXssbq7DE4lQi\r\nhnzZekgZRnZnEoWNw+zqpxtXd577IZBepFatz8hEr8d8slzUD5xypcOmjjDP\r\nd2ZRGJeFKceMWvwLxzrFpxO9fFYqFY/7+ehI6V1jRqXi+BVhad+4MJ+QJL3s\r\nq0+Z3KHphpE2z66AgkxNYf5LAj8Wn0yT70tpf0lYBBCtZtcxSDASStO2gGL2\r\n8WcIfTwJnI5j50vlHvx8L743yUJcwBVXm7syZfdIffsgS1iZBV82CdNlffmz\r\n0i5y2riCJWCXu2DpdyHPZuuzLsaSbQeb0N0WX/PEpYv/dl2PB894m/EP44pH\r\nXFQl5Uaqn4UAynCup3s4o49rkEbaxrH5LZ5Y54A1Q2ri3XB9pMvaiEaAdVtp\r\nPKSUl+KpG4f+8dd5LX2j+x7uDYGjSp2iZwpSW1xCyp8yCXJuuHYkqIatIpnD\r\nsLdfm7s1tEubVOnldH/64aqv5wRXYwNm2JdCcBRi9MDmLZD1Xx6B2cSgzIdj\r\nRSzdK5Gyibvj/dJ4WeoErTAi8/gYRTxDykk=\r\n=5EY8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/a66a35e1c75df537454615033e2afc36/chakra-ui-input-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-u42qWz0HTYA3dupV0swvVZ6j0VTTc1UTKU00aCCuq81r6ceH96CANLcKX7sxIbyrbPVJdG7eru0TgJGGFRTwYw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220822054045","@chakra-ui/object-utils":"0.0.0-dev-20220822054045","@chakra-ui/shared-utils":"0.0.0-dev-20220822054045","@chakra-ui/react-context":"0.0.0-dev-20220822054045","@chakra-ui/react-children-utils":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220822054045","@chakra-ui/icons":"0.0.0-dev-20220822054045","@chakra-ui/layout":"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/input_0.0.0-dev-20220822054045_1661146912694_0.41415546090759214","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220822055339","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1175f78450423975deb71c58525625a46bc8fde7","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-boQI9EbcrIMX1dnSnauLQgvi9BcGKNjmKk93Bh4SBnvtuRL3yadSP8SQ56B3pgezSlNXM+E3+zW2IXD86gQ4JA==","signatures":[{"sig":"MEUCIFFi+6JzVxTJeZNs/YihInaYIOPToli4EUFRm/OBu8qIAiEA5/HbgvgrRysCHhdc915VIjgnl+Qrz2efD1ZvCkOlZEQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxo2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVQhAAneOd+RNXY9ZBwz1TCajGemw/+NgWqT/Xkc55y3LSyCWxcpVk\r\nkaOyi5Bcu1zizTc6DuV1QoBtO+7zUaUtjRwkQ4dFNYBr016fXLi379l1bYK9\r\naGdyHZ+o2GKeZX0Od47lBPiGaMfT4/Nsa2zaN9EvMrd260Oq1rFdtpYio5Ck\r\nWo0/2pvtQH6y3WZ1GxKIX3PAAXI1bNarYOQanEkYy6G4pOh4Wdfg0/CDf9/C\r\nW2lkpQW1YM5zmxfThDbIGNfFbu5/Zw2BgIV6LreWLRivSP27+1sl0jYR6JL5\r\np477LPYlST254KFiy9S4sHR7w9n/cOFXQxwMD0eeud4JCDfo3rDH2rmqFNi8\r\njZldj6GMFk4mTPkq35IrqWz/jGoHVsj7DQPL+D5osroDYnXhU+sIpJmXVjEM\r\nA5secZFrAcak16UfO9jp3A9wD2taadThUjDdUTZOeLo1fBfx9jjK2LmqXDqk\r\nQxmRBu4DoIuZRvDDpP0273rdMsc3K2x+8yer4GtEuyV1qZvWuVI3DbjVJFH6\r\nMFYPglNVwuzsaaesUYn1FXQgTlrYR87wyShg/KcrNG0A+Pso4jbqFSxf+6jG\r\nDvUXc2F5p+fVwTOJm+xlAxkJF7LfTEz5+deNnJlj5rSGwWXKea07OK+EwSOA\r\nLuSCCmZq9lRTdXZjnOfq6Jhjt9vlI3gigZw=\r\n=X8Xx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5dd376dc87f95f3cae2fe93982fa5c75/chakra-ui-input-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-boQI9EbcrIMX1dnSnauLQgvi9BcGKNjmKk93Bh4SBnvtuRL3yadSP8SQ56B3pgezSlNXM+E3+zW2IXD86gQ4JA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220822055339","@chakra-ui/object-utils":"0.0.0-dev-20220822055339","@chakra-ui/shared-utils":"0.0.0-dev-20220822055339","@chakra-ui/react-context":"0.0.0-dev-20220822055339","@chakra-ui/react-children-utils":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220822055339","@chakra-ui/icons":"0.0.0-dev-20220822055339","@chakra-ui/layout":"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/input_0.0.0-dev-20220822055339_1661147702417_0.07013909477929792","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220822103611","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"60467a0d740711382ebebbf59dd61091c6abd3be","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-X4vzlYvB9FzQyRCFf+VVn5DpCN5Pr15EKgnFshcK9qxXUlHGHtN14gvlvaHV1V2hGsufOcmBZS0bDZuLQpjjHA==","signatures":[{"sig":"MEUCIAGO9Dcp4ziSOFf9aeg3Ct6/AzfTqNJ8P7Ru1z+/v2+nAiEAv4l5AKxXn4/3G4tQnWIS3yxfiyTiKIG54JVR2bZ56jY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1xmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFthAAgKz9YfOgWYAhepM8FchTwsih7h8UHYXu/HXEsKM+G4eo1U7S\r\nBtXwctdgIJOOcB/XW/APVpugytQELw1dLwBZ/t0f5303kgwISKzim2SptrQR\r\n1JJYjBnjbJy/vM0UIWBizKLyABr4cF1YkkrD/gOOcs6r38Ess5taZJMvsKhm\r\n13JyxX2MYUUP+uwYadCHclxAUr4GjjCMNaXBdKUa2RTwxPPFTBb21b4J8jFx\r\nNp81cGoP3bTc60dS99dqtxingBzvfZjrqetY7sPSLo4b7FC7x4pT6FZU1l6q\r\njSmJc/+b3WZIQ1+sm1qw8iAcn8q+lmGWMAsk+MfzjriNPEKe7aAEVKsD1tKE\r\ncIk1AuoeafaYn7MVUGwQHBrPaOcjAaCBDzpl1EBXCbSMS/t6w+8iI5UObl4M\r\nS5BuCKDEU8SIxaJ3QeGi4W69iwDTlDmZ/sXVGFidbkRs8ESufLag5oKIjGhx\r\n+DJmv8N3CIStZoKUpHhgy+7O+H7BdEtHojXq9kOZVPj9Wl8JQUsvRME+9Wbz\r\n+2ulERXiMeEQErjfZF60taZwCJBLT7MZk+4V/n3KrCzJtjlNM+8VOBcA8qHy\r\nsXFDnSzvUvfeMR9mkO7KrL3BC2/6Eb/G402ti8ebpvw73abZMW7iJ9epmbQY\r\njIgHtTEN6Jn5obuNla8IDr62xDF4XyfG6Fs=\r\n=IJ7a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/2c36b956bab071be40ef22a5377b728a/chakra-ui-input-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-X4vzlYvB9FzQyRCFf+VVn5DpCN5Pr15EKgnFshcK9qxXUlHGHtN14gvlvaHV1V2hGsufOcmBZS0bDZuLQpjjHA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220822103611","@chakra-ui/object-utils":"0.0.0-dev-20220822103611","@chakra-ui/shared-utils":"0.0.0-dev-20220822103611","@chakra-ui/react-context":"0.0.0-dev-20220822103611","@chakra-ui/react-children-utils":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220822103611","@chakra-ui/icons":"0.0.0-dev-20220822103611","@chakra-ui/layout":"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/input_0.0.0-dev-20220822103611_1661164646465_0.8197031019265997","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220822184448","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"6403db4c9763128482d333c2aa45571d68381027","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-oMghaAsdfD3jQq2QTYOU9RztdUpQciWYAnRM8qrR8A9mcaVcHuNGe6hORBgZL/SzQEk3TQUKWe03oj0kX/LZkg==","signatures":[{"sig":"MEQCIC1i+zJSkE+k7vAoybGyqdbyKSDiWw39hCFov9nAm2bKAiB/cptjVhIemOWg9ofTJEe83UO9MHaVlxU9p0HHYoV9WQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA87vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosrA//YR7r7jdxBGM6gyeAAO9LRThdABMNTUzzq2KZAH4twz3yFKw4\r\n7SZIoP9//Cyo96QN6VxA72Ef8uk0OtWNbolydXnhlH9GIqm3VPxUAfDdgk1p\r\nDOH2IPq3TLeaWPXAZm3KqjxBOa4W5BrerxOwaHPbtjKktqsxNW84NzMYRYVt\r\nRT2ccIOLI8d/G6g9T5bZW3J09DCMoposKn+3Hk0oitnOqnlxz4nFHOmpYCSu\r\nnzVPmMxnowL+kBAvQqOAeZq4XvfMkQKrZmCOO9Vs/KCRrwqfMw4Ku8CV/ph0\r\nDsna9gIymT4D206mU48oz3ShGms+aI+Jec8jv94hS5N7JozYEeeN80WCgbI9\r\nUvzuVMYSmVq1YIOOkj0Twb6+ywJXyoFz7dB208moccrveRurRxlbVsZxrpp3\r\ndWDIUIqvITqOpe33oxpv2mw8WVG2gZOyO0vWzTaL7k2id2a5qMKKlyoSTElr\r\nqdsZXbKAPxqJEiNg16SY2VpaImYGQTKdb2WCqSV0+ii62aB8Kfj3EhzvNnwx\r\nybyvwXqOzmmuY3wbbCLCpzZhSZynk3P/jDJyiPQnHAXRSzwbsK3lJ5thyeou\r\no/Vw3iaaKmzlWxpuk5n/X//kV4MqrIG0awnQiTyyWBaLBU/MKKiwtjK8HiXy\r\nS64WDIOKBsu1pHkVXxjSY/yEBN6VxxGQjPY=\r\n=o5T/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/ad0be7fe3fb283f444aa2a37172e88a0/chakra-ui-input-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-oMghaAsdfD3jQq2QTYOU9RztdUpQciWYAnRM8qrR8A9mcaVcHuNGe6hORBgZL/SzQEk3TQUKWe03oj0kX/LZkg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220822184448","@chakra-ui/object-utils":"0.0.0-dev-20220822184448","@chakra-ui/shared-utils":"0.0.0-dev-20220822184448","@chakra-ui/react-context":"0.0.0-dev-20220822184448","@chakra-ui/react-children-utils":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220822184448","@chakra-ui/icons":"0.0.0-dev-20220822184448","@chakra-ui/layout":"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/input_0.0.0-dev-20220822184448_1661193966845_0.37435687954968544","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220823150801","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b8fdb2efa13db39e3c2cad00dae23fae6c7d646b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-MMTaTtMfSGcJuncRkHb9dDpggQtwJPPVTJF7AHsvPKzSpzLmXhZTCSVaBtXgQzzfssYclIuFB0rWP4TsNtdhpg==","signatures":[{"sig":"MEYCIQD9qXHjnhuxlA4f+THdLEPCZSKE1JaFgwVyXWVV16MWXAIhAPgAxeNjrKw4b6XSnXil/taUC5XMI3u5jyxDDMrwUMNN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrB6w//XZx8sDd2AGBYEcsumlvIo2RZl2Dgq7NpUCcdqhegYGBPX7GF\r\n8f9ft8+YUF+KA4YujUvDOiH5NUUtxE2P6bknwUte9CutJ9v1jczPVtS+sIjq\r\nF5ZOfQp8O5bYk6xQOGDZ76As3guApl3jY24L1Y+TFw8LR5kZpW7bYD67qIbb\r\n0vWBkD27w39Zfs+dEzYOvSgbtDpqYw1JUTXoyE3U9FacBc5+NayevRgtfw5Q\r\nUQ+dUVyTncqskvx2njM08w0z/tGmIDWcIcQGMX8ewUrPTL9KUJ8B8QCylnie\r\n8h3zNMwUxQUJsMbQMJ60yFydWPupaQMLr0Ymtfjx5GPB0SGH3m32R42LJ/W8\r\ndNvz2m1d4NwYWbcLyvpbs+QogPGKz930Gj2zBbFmVrmgk2yn34Eb0p7DKZBo\r\n2HkFAkY7F5MiYtg0H651gNV22854RsgAqbjNQ0PbE/ADrAH4PYOKX9+Jh0J2\r\nliBLao2xHekEdHyLTo4j52WLFEdaAamCFTsZrYRaTDHWG7MLk/+ljBzd796a\r\nCHJsOIYrWn2+mDzz08t7uaIQhyHYFGvO8cA89RsYqTYMKruxhSSJ0G+kr98M\r\nz+iAmi2E9OvHcgAlij8H1exbbESU99Kv1d0ijWzPcpMwKth+J/5wyXRuGnCT\r\nEd+jBhzxks/ud+LBafKMWnOGR9AgcUdOXmk=\r\n=0PpD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/8fcb41fc1b42a09f6ac35ec16552bfae/chakra-ui-input-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-MMTaTtMfSGcJuncRkHb9dDpggQtwJPPVTJF7AHsvPKzSpzLmXhZTCSVaBtXgQzzfssYclIuFB0rWP4TsNtdhpg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220823150801","@chakra-ui/object-utils":"0.0.0-dev-20220823150801","@chakra-ui/shared-utils":"0.0.0-dev-20220823150801","@chakra-ui/react-context":"0.0.0-dev-20220823150801","@chakra-ui/react-children-utils":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220823150801","@chakra-ui/icons":"0.0.0-dev-20220823150801","@chakra-ui/layout":"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/input_0.0.0-dev-20220823150801_1661267349078_0.5701722684460944","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220823165602","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a4abc2d33f97cf7ce866ab1a8df06a82d49ea5ef","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-q1vmQQzQNpvTVO2KY8N2SXdu3hVYlGHnvQYhU1+Wk4rZfHExy48tjjgsa0PDA0he9UMbbzlQlm0eWWX+wsOwEA==","signatures":[{"sig":"MEUCIEeDip+yANyVb2GzS1UjoMaNfNYBW2t6RNhOgbix6fJzAiEAm69/WOyciiQRhXkxYVsldbjLwYI8jM/IHdYB6vGaduo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQbkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpc/hAAk0WW1kDy0QiTKIFcqa4PYjLAdXOs8O0k343DssOZlyuebt2I\r\nyh4PF2XUmezafg9Rm+t/JnuUJOoLTkp05TQsYlTLsVKZYUGFgaAiM4WQQx48\r\nwShAlt0BDTS6GbIHCeXk3XRlcZwGfvDhI5aJ98qs9RYwKGrg4h3ZmBXQuuSd\r\n2RUyDzOr4Yw2hv9wtV1tqq9cLWRUulEBunFHyXy+kcdRgjPZc1vgakS4UKnM\r\n1a/CNReoqLYGCbrSJZXZ8T7PNtb/DJnK5PGZ+WlbBMocAvB2TDdN8BoYXmFn\r\nx5d/tuFUEeexta6tcqmrA24pxSKSTY85awGu4OOrYEonw3bhqRc9/MAfVWfc\r\n6oSLo51/1jqsk0b7tjXqFvqmkFQRdnm794xg9m0woMAKv1wJZ04jLbMIqxhT\r\n/GRXvsiYVq34LK0ZDCGUiYF8ocr5s8Ct04CnfprzF+mPvexvJNPpEHq5MLk4\r\nQvxXaZSDVtqtOyxYZsHE6CJvvbsKxhRkr290ngsLgMM6zUuHmQmcb3UtEAz4\r\nG1tA2DcM6neAWmRKRW5zMsXec8epS6m5lWCJbJBn6FPXVOkf+ijYsc4HsWf/\r\naNwjgl0/NdDpFjy7j6bZxiVCCWq1/NcypJEecN+Ma76WasXPJwSTQD5DuBxG\r\n3fYg6TA0AotRvCMQCi6ay1ysnRBpjI0EMrw=\r\n=ZyI/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/84688a9a40f307bd4ad3cd848e49db32/chakra-ui-input-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-q1vmQQzQNpvTVO2KY8N2SXdu3hVYlGHnvQYhU1+Wk4rZfHExy48tjjgsa0PDA0he9UMbbzlQlm0eWWX+wsOwEA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220823165602","@chakra-ui/object-utils":"0.0.0-dev-20220823165602","@chakra-ui/shared-utils":"0.0.0-dev-20220823165602","@chakra-ui/react-context":"0.0.0-dev-20220823165602","@chakra-ui/react-children-utils":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220823165602","@chakra-ui/icons":"0.0.0-dev-20220823165602","@chakra-ui/layout":"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/input_0.0.0-dev-20220823165602_1661273828409_0.14120104559125002","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220823192757","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b2df44fd95b2aaa1ed874f41055682b85baa25e6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-ge52Lrx5Fz0mTYhu6uu1s9r6QvWptRL9h3yUpoHhXMIpMPjqEQnXzWcqQSUJp66K4zeVU+ocudaLj1emdYPnSw==","signatures":[{"sig":"MEUCICOXw8wdSurB4f+8P75ofhR+ZHjGIkN5etvtLyZtJXVEAiEAmWL1UeNvDMgE6H3cwzxr3J42gQW9iVNjtH2dDGUH28Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmowYA//dgw4xtg6E0/nYAfLqqOkKmMlErqzBctLqUt/Go/tL1ZCb7o7\r\nq+oQsGzGcBJPjNjl0+CI509poVb/aDxBzPcDm6qlKI7SCcBJlxU9503iVWkW\r\nCRjlxG/gVHvWGjywTey4zNvg5YEeT0ChJAMits6DhwizpaXxk21zDzeBsYtz\r\n6xGYI7mMT9lt/3HSlYcG5SU4kfs6ILdjDdw+uCuvcxKdIwe633Z11zqYKF6z\r\nQmlZNkVxpvWAtu/kI8Vq10B9F1EDXgQRW0tyRS40FxwRmhbgS0j5ArEUrN+5\r\nruYlOFEqPAIhe1VTd+EUeuj2QDN6QMFPB+7XA00sdQ5DIqUhc2Kkusz9h4Dq\r\nJ89F6OS5x3NNE6IMxKS32ce+7iApA1XAEqelZClAwa4c6hi6M6zSwqKllWcx\r\nXzU2nmUUUoqlgNWRNnQM/2l/oi7q0+qhfv+ieRMtBglhwDhzbYPaCxj9JNWI\r\nE6WG/s/OgDXLfDHTVxjelwY1E8VjoMZkFzD8eHRc304UEzRGUEP50UfHYaEG\r\nEbLIamxvTx85WV1aGzoggp/SplwpS7kkLpcUbP2eiTlAh4IX5AuksbHMYHTp\r\nCOSzqoPiZ78HNrbCvFfSE25q0R8NbeIP2t+I5gOsABvSzIBtjybIEreMMx4F\r\nbi3UzwK5QWVoJ+2bpgZSFo0PNbnkotyYDNQ=\r\n=E2uq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/a9dceac41c78cdd6900e728eab965aaf/chakra-ui-input-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-ge52Lrx5Fz0mTYhu6uu1s9r6QvWptRL9h3yUpoHhXMIpMPjqEQnXzWcqQSUJp66K4zeVU+ocudaLj1emdYPnSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220823192757","@chakra-ui/object-utils":"0.0.0-dev-20220823192757","@chakra-ui/shared-utils":"0.0.0-dev-20220823192757","@chakra-ui/react-context":"0.0.0-dev-20220823192757","@chakra-ui/react-children-utils":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220823192757","@chakra-ui/icons":"0.0.0-dev-20220823192757","@chakra-ui/layout":"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/input_0.0.0-dev-20220823192757_1661282960998_0.6004980472243118","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220823195046","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"76e6280afdfc8af98b003801aa30c2e93262c83f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-K2LPT4TR7eEfOCb5IZ6e+LSsYuE8Yi39D4YZN7jfu+PCnpNSGFCMfnfDm8fC55I2ki3N6gvsbxC8XaisZTps5w==","signatures":[{"sig":"MEYCIQCGodLFBhS9JOdXP2lfu9SJDxcIIlqLBGGlBZBrsxF2DAIhAJ9CKdjFyL+TZgvlZqFakVbg1q0+zstwesO+oEFfRPck","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBS/1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomixAAgaHr7ktqIe5bB3gFB77U5p9rpuM2n/9Xi0us2Tl3IHRIMuZZ\r\nXt1foFUDK0iKJy+NZ73Ud0IDrIhyM/eAbThcf3hc6pjugprME7gmFdzZZroM\r\nBalaPztdcWKW624H7MYffkB5FPmQkweYT33LOoCAqAR2cq9S06yZi73hmYy8\r\nmRlsfxTAtHT44bEow7HK66Z+jmIsnHtxpmJmVuf7OktmG28MkUuYPo3Tjb3u\r\ntlxTp6xxpxiamUa4ImFCbUPnCsTnL9TSo345anyTuwAHIO9Ab4q73H4mKTVO\r\nwqXLNeggk+NuMiX3LmlUoW5sCMKOxaHs2S4lgEpaEB5GQIWV2pYJjwtHA3P9\r\nKPghSIFI/sMgkS61wV6sPSkr6ih34xHhUsEuA3Nz6Cm5wWjgM4JP1z/fU5Tj\r\nRSPCn34w/clQSEqPjdizoOgkGRxdRNxfiPeUsEOUDfOBaEys83qpencnPAuz\r\nY22MmHSi8mZ8NMTOEV8OcNim58N8NieguMAN2lNqATRKU0YZaTl6fcCh47Yx\r\ngecJz9oBunrzIYqU+REy+0Hh/h6jVRL9JMl4VgpkN3TuHKJDqa6R7gf5uHxb\r\nack5XS8kv32LTFs0f94igtDiuqDbb8LObf4tv22+WR4RzOxffbEpX5DcDfEm\r\nFofaSOjVq443vWNy05AAOn0rgBIixqTaq3w=\r\n=7rSM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5a2945b516d246ba72924abb0f9e79ea/chakra-ui-input-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-K2LPT4TR7eEfOCb5IZ6e+LSsYuE8Yi39D4YZN7jfu+PCnpNSGFCMfnfDm8fC55I2ki3N6gvsbxC8XaisZTps5w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220823195046","@chakra-ui/object-utils":"0.0.0-dev-20220823195046","@chakra-ui/shared-utils":"0.0.0-dev-20220823195046","@chakra-ui/react-context":"0.0.0-dev-20220823195046","@chakra-ui/react-children-utils":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220823195046","@chakra-ui/icons":"0.0.0-dev-20220823195046","@chakra-ui/layout":"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/input_0.0.0-dev-20220823195046_1661284341637_0.9353536055437315","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220824074122","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7b1301141676b7e97c40750558932e6e2416b45e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-ElGbAbGLMe8c3kdUSiAH6q9DQKFF/2yYHR/TQZB5iZNTUwRYGCiCrKo79YkqyO4x+VHd49ehg8ORvXUKUgAxAA==","signatures":[{"sig":"MEUCIG7J8qyw2+Yrpy0Wv90g8lSgWm1Vh7pdv/+VoHOx0TozAiEA90wHgkOt8lHW6gfV5ZJCYNIVd/3lwpPC3vlQF1tfWUY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrvug/8CVI+bnSw4gc3YvHFzk4Ue5I7TOHgmKn2wq1FiFoSl8nT+g1A\r\n5OfrZ6RRTkSZHu2tWESUwh3lMFjf8a4pEVofyfSrJcRnBGPqjkM8NyivM643\r\nrnfRgDL05mCr1AevpNhBctfBfrhrps6JsfFtnRWRSIipV5k49ntIaT0CNiNg\r\nciJNWEvvYvn9NSjt5WBDos86RaGaGKL6bS3maYv4KNhSqpYtxDYWDzeh1Ize\r\nL0QfS/5i1y3bqwQpaU9Acs1sTCnQiTMN9Y22Co9c+EY39r9yxQfVkWR+vVz2\r\nVRhBz5pGg9CRlRcJMe5dPpln/kISfELrr95t5IP7h3u8UFLFqeGKRtM3ra0L\r\nqdoZp3ywyZedONmTA7eA/V6HiOQIxeh8e1yYLuvw6zeQz2AMsUpkvuuCzjce\r\nRYzhg1ssc+kmMuUerb7ORutnrw1UboFiX52vdktC1KH0etUuy5gsUZRZpS3M\r\n/e9GN+bY9vqtHf8GigaKX6871nYbQFfimzHu8kdVenUQhA3E/ZRjUbHyv+sA\r\nxJADwqBPEcaxoXjwNvxG4Yl+1S2+2Iy3yxYRXh9XrBeZ0eRyTXU5LQy+NbZU\r\nTqKjhZPrrEBFyK2X1roxfoI9VAk4b76ngXdA53FXzpMzFKKrE5YzgxadqC0v\r\nUckz3UV1vk20O9RvQ1svWe+a+a92tJhi89s=\r\n=6ztn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/c62ceb9fca6dc4811ee45f423f1b74fd/chakra-ui-input-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-ElGbAbGLMe8c3kdUSiAH6q9DQKFF/2yYHR/TQZB5iZNTUwRYGCiCrKo79YkqyO4x+VHd49ehg8ORvXUKUgAxAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220824074122","@chakra-ui/object-utils":"0.0.0-dev-20220824074122","@chakra-ui/shared-utils":"0.0.0-dev-20220824074122","@chakra-ui/react-context":"0.0.0-dev-20220824074122","@chakra-ui/react-children-utils":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220824074122","@chakra-ui/icons":"0.0.0-dev-20220824074122","@chakra-ui/layout":"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/input_0.0.0-dev-20220824074122_1661326947931_0.6478240536668987","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220824080240","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"41fb8010dd29d7a4dec9b7f0f2af68a9ddb582b5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-AZOtWo5oNSRwzBRTUlIfo/EX5DxealMqYAMoWFb7yQs9mOID5IBuGqtuHPUr0+IjnHssq5OuWsXJD2EsXiA3dA==","signatures":[{"sig":"MEYCIQCWYaugQTASzshZCN9h/qZg47o8F/NqcsmXM2dKLsekIwIhALTsvHFsfPxV1o6OSVt6ut+zW+c2Z3rBiSYrPLW9XJJX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdtiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrFIA/+Ly+kVQyS8SjEumgozEgsG/ilv+q7kCJVs9jesAjQJnBl/Moa\r\n3YyHlLvZ9rYblYyKCkNk+1Ja/MeHup8E+B5/gea9LaSkV5kVdUSDJC0/0Clx\r\nkqEOZAL3umhpI9xxDB6FuKW464hyJeVkpxqBtGw7a2QrgNnUjGUXBgXAhFAN\r\ncx8FUjz/6OygytexznOQzow3T4lD0xsTTjhIAD8tGuqHw90Q54Pm+0sSLWuH\r\nuLzS4TThCxTmNhA7wPzuUuNwrfqRITS3BRLIHsK8ApfnUKUOVcSxAqQ7HPZI\r\nbQay6wp//gj3nm4S9dQJR0vyl1NdAgKfoJ5y6NxswXTEsUHgFIfqrvB8xhad\r\nDjMZtp1kijvcKpi99YI6BoG1WkrYT5uAEzeSu4DLBNT4rHptyyA05LIP0fdu\r\n+AF+Ks7YZCrUPxXZ6y2Q01ROJFRpI2U/X3pGsoiSWPN+0tFzBOWB8rDE5tPa\r\n2VEY71PyA2bs/xk6PNsnwmIxTGKGfqT8FqAaiDIDsTf63xx7DVi3xm6i68nB\r\n7xQWaDthMekXGx6hUAMdeAsqRVwLMBzBQxWQp4386rU09E16UQgNpBzsAk/G\r\nwo7SC60W0FGE1W8rqiTtaOrh/OcREtyQ7E3N7YOkvHYEcfqN6u1p/wIgWpfQ\r\nkTGi9l4EyiJ5MkDDHGnn9JjNQGQ9lrfy2eo=\r\n=8aYJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/96eeb82c374036f68f87d5c20521ac85/chakra-ui-input-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-AZOtWo5oNSRwzBRTUlIfo/EX5DxealMqYAMoWFb7yQs9mOID5IBuGqtuHPUr0+IjnHssq5OuWsXJD2EsXiA3dA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220824080240","@chakra-ui/object-utils":"0.0.0-dev-20220824080240","@chakra-ui/shared-utils":"0.0.0-dev-20220824080240","@chakra-ui/react-context":"0.0.0-dev-20220824080240","@chakra-ui/react-children-utils":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220824080240","@chakra-ui/icons":"0.0.0-dev-20220824080240","@chakra-ui/layout":"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/input_0.0.0-dev-20220824080240_1661328226421_0.8074612033303366","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220824082222","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5d387436945a4a148f5a5dee20d3202b1de9a024","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-7ipeAxGpktc13HfOm4Gj0JvKe3P8w8PzIBze78T4zd0reD+49COqaUS+kVisQmklgKkrUbPO3pAyP/yQ3KLUQQ==","signatures":[{"sig":"MEUCIAyLm2lo7D3O4zqmBoZKFPmdBLyGruwM1jWabJL0E/mgAiEAvJE9AFyJkAUKgaH3MsBV/bTgqj5owzkV2WC/DFZSEyc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23444,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeAUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPYw//SXC7uHqvgVDZZO0jE7HuyNkSZL0OgT6OhWBcHZ5xmLTfDRUG\r\nOtiZLBXawCJaKSml/Lfg/1kZBHdnNN4snPAMbWiuEcVIo2l2BpWcUMtZn4k+\r\nXW8y6cBn/2GNu2G1VQrWzsfadjjJLigrh1osCwVGrJrUo48pnt9DZ4PNrQfY\r\nr2g7/yGEHlVb7tQ9obQY4qPRKvBwwCIAr0JPkNUPdcb31vvh7VAJAukar1qh\r\nsCRHoPcljG4sB9KmXYLPFEk4TjHiR0lyS84gaC2E9W7NgZjwgSLsEpuMw+Sa\r\nHO0zDYqU9ZuTewPVRjOMG+0eVoTywWJng7GBYlWBy+qNeSxjEfazAkGr/hsm\r\nj1oqoFhrQK7FktGc8jp2IbKo+FNZGZDpxoeaI3ZGKLr5Yzav4G9kfZdZRQsv\r\nhJUaHN23Mh3yt9j8nHJF07LCTTh7GGc+y6voTNIWfSr1PflJ1Q8JCluhj3SX\r\nCIR54J/6qgMwqH6XbBiOmwwu4eMib/85ejTfuNXRiQsKOSQO6+xWVRAjCrz8\r\ngyibPkM0F4I/Fzivv1qfHZHu2q8pnVNqmmRU3qlEe5LQpXn2OzD+0ErvOZ95\r\npD7+Y0bmj5LNLikQ+CrdhPaH9R3FuKM5cUWkfR0xLy1/H9yaU1kNC53sPki4\r\nNyoENjSYICu3SveImWhsBWCkANGcFhJmWgk=\r\n=/a8M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/7e853f3f2a7a5e0cbe13a206103d9e02/chakra-ui-input-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-7ipeAxGpktc13HfOm4Gj0JvKe3P8w8PzIBze78T4zd0reD+49COqaUS+kVisQmklgKkrUbPO3pAyP/yQ3KLUQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220824082222","@chakra-ui/object-utils":"0.0.0-dev-20220824082222","@chakra-ui/shared-utils":"0.0.0-dev-20220824082222","@chakra-ui/react-context":"0.0.0-dev-20220824082222","@chakra-ui/react-children-utils":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220824082222","@chakra-ui/icons":"0.0.0-dev-20220824082222","@chakra-ui/layout":"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/input_0.0.0-dev-20220824082222_1661329428610_0.15700981789594226","host":"s3://npm-registry-packages"}},"2.0.9":{"name":"@chakra-ui/input","version":"2.0.9","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"905b82ed647a20080a25a6a7e6740e3bb65586c1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.9.tgz","fileCount":6,"integrity":"sha512-6MKydxTyF7JV7PtQHircQ5HBTd6Ik9Vn7p8fCLeAieT0TK8UQTxMWZVPminS7TRWMutrq8W99DcQOBlMz0cKrw==","signatures":[{"sig":"MEYCIQCbfvUwvx+1pWCnydAHhdOTghS5hQKMl4cqVw9jhDV10gIhAMdXd/j2mihUihQlSpRVCuLv2SdJNr64R7gZZzzmbJfa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23237,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeWCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmraNQ/6AulDokntL8pufh53jkYA0Kguin/2cWDq68ZB7F51xsVX5tSq\r\nBICvcZDzwB7qWS/BUE7S82nECRoA1wqucb2IIWlemRdRrKwIzWEqSnOzVCZv\r\nzEFlIWvIJR/chbG9KVeKdKf9KgdImDbYOissugPENfu28hIFQD0PYGcCT5JP\r\npBMpBAIw1S0KvLkvL8zc7uD0jafzPmY4k6lY1uB881eZah8yERN1DU5oPERh\r\niBW+1b0WR15zDI7KWeLyAMLaK/1K8koeJaDrpRJc43Q7PnRDa9UtORePyoPq\r\np8M5QHu6OBKUig1otBPDU0XMCaIAon6uLVPbVWVzR1JV1LMK7uL7V97H2c7G\r\nSGh8GyBQxorOvYOOLlnHOayp9OcZylzjYCx6jYGIEAkR0S3tkT/AS/HBBr+Q\r\nqr7iDwRdKUONmJS4WvnNl/RE9D4iKC8aPYIcO6++9nkOh1Tvutrnp08MSFJx\r\nb05IlaEU69CuGtEbGW3BokwVkVvd7TjoyRrmOCiPzK8lQQjaALxAEVnksRgD\r\nfmvNW9upqt2SlWufP9azBrZqMz0G1/kGDyHYncArPgg5RMtyOCVbTvHef51h\r\nj4wA+SLm8FamVxV1YrS2zlNlcjb61HC72g0D4yNtHQja1HDwr33qXoDuRuOy\r\nJc2ZYchlRz3U9x2YYkfHVAXjp8lCU5BCifk=\r\n=iVCn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-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/baec3470ced10e640a3ead0731863971/chakra-ui-input-2.0.9.tgz","_integrity":"sha512-6MKydxTyF7JV7PtQHircQ5HBTd6Ik9Vn7p8fCLeAieT0TK8UQTxMWZVPminS7TRWMutrq8W99DcQOBlMz0cKrw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/input"},"_npmVersion":"8.11.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/form-control":"2.0.9","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.9","@chakra-ui/icons":"2.0.9","@chakra-ui/layout":"2.1.6","@chakra-ui/system":"2.2.7"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.9_1661330818329_0.8831642179634656","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220912120959","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fe8ea5f03a3da0ab9eb1bc70767c7fe3d3d80cd8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-79TeIiGl7CwEDtNQ9x3NvdQ/3AdMjH4HIuPw7hW4LB/c7gbZN8IOivLqeMMslbu1lZhUX531perKOw+Oi+dDgQ==","signatures":[{"sig":"MEQCICa8Rkx5ZWQUb+J/zzN3T9oUhqrx/ffc9BXk5FhdMm23AiBURxRwkdMsDLRyOuCFnHUaibscyzzQ2zYH0UkhEKDkfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpV9Q//WCbBC0QYzVvDiG1ou/gtlD4PUrVHKyxkrfPl5JgGJfggbQKn\r\nBkJQFhqEGBZcrzWee7d2edjL1X8cqbLWbMu/eiOGHYIdZPWFaW4JLACfw6MX\r\nqAyP9Qd/twKGA6MMMFWW7QlAO3LcE0lHSZGXrKd/a4ctSTMjyZG2N3XwvauT\r\nWm559VtcbhNXqOLPI7FVciRq5kVYUGlSlyUVzvdw1QodlOOPri7SwOTgmzjq\r\nupo9weMW4Dc6uwm9d98HvC8iO7L/aBl+oEpdIrq5BWjxEeFoOQ9hx9PyoWUu\r\n4c5NvGyJ4l+J0RcKSXJojqkUhymgSBYGtj/UGIbo5ziOeEH3QIxbiXFqu/1N\r\nT5WeLcxG+Qp4z0x6NfwtUjgJrpApmsHsHGJyOjqdm9LAk/BUowIbPib4NhS/\r\nnN+xY/ru3FqN0fpyrZQCzPQnrdRbagi5INVfiiWzdInyxiYbkUKK6O5wuvsS\r\n6+xMgQE6RRfhY8D/QUKkg+n5t6MbQfA8Qox/Qi1IS5e6FTXc16tOwndXKaOo\r\n5snx9O0uDtC1mGM+offz9E8blU/xepwcToV1NVREKJ7H4fFH+MZT+eas5q1R\r\n6bTnTuRWVqJ/wmW0u+C90/zEJwKZIPQtC1rW3g3wWk17oaaPEkIhh8V69W7f\r\nu6zsRdiM/A6fEW7k/1AR0+HnQk3wcVYsagE=\r\n=+RFh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/18447f7d66d2ae5eeced7cab045098ac/chakra-ui-input-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-79TeIiGl7CwEDtNQ9x3NvdQ/3AdMjH4HIuPw7hW4LB/c7gbZN8IOivLqeMMslbu1lZhUX531perKOw+Oi+dDgQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220912120959","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220912120959","@chakra-ui/icons":"0.0.0-dev-20220912120959","@chakra-ui/layout":"0.0.0-dev-20220912120959","@chakra-ui/system":"0.0.0-dev-20220912120959"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912120959"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220912120959_1662984658588_0.3436428292520952","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220912132201","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"240758e90097fdd9f6c9f045398215f8152f8a2c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-2DgWMG4Mj5mkEf4ufSzIqSW2/NDcnA+3t9ih5tc0AzDKUdrA01IbLPr2a+XvUdW4H326euC6UX6ILHS8l1Oiug==","signatures":[{"sig":"MEQCIDBiCkoLrhvIW7+It7stYEOPPgMNQn1BC61TjEw7tZCLAiAy1PR7d0/sJrz8UzcQe8qp/nCaOs63OOu5PLfrPrLyAg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzKyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriEBAAoljQjtztHSGu6KyaIxtXE1sW9gMIdGqllaaiontAW2jimi7P\r\nh/Jbmq6A9f1+WvEUB9nCG4fUU98EA/eWmQzMXQEDeotL3ngsGggMJGyVpGuI\r\n+oOkrujx0Epko5EP8F6132edzgnXVjz7Cq20kAe7gnK1exz63oKZGgiDt3Yt\r\n7WDQNr+zAL4Gk0NMhlfpFQONP8KNxACjA/xHryP7KLV5MdJW3ybMhN83AUfM\r\nCEcoXwIxEccweNNR/TtbCroTbLmLb3Yf0+6QRl+MiNHlqhM7MvXfs8ZABftG\r\nMpKSkMvsFryoDN7QSeH7r2p4KabsYfLb4jYrCBxwS2IXzFQ9bH7ORjwGVgrM\r\nbRWbOL6G/twKYufC7nzTRylyM1PNNS8zDequsN+yOYSx2NIlZD0tjErZy+pJ\r\nCoCu78L1vuqorHDCyggJpT/ZQqr56thE9CmWhIGvs/rcZ82pdhBrhbDpo7JA\r\na4M75n35I87rCiQFTpE6frlDNvSSGy+GJDCmhEI8fvyO46feklg8XA70Xz4Z\r\nBTAvuFA11fnR72Tud8AX7LnbByjXotl5VYVFaKp1nMpJE2ylnEoOYFamnddk\r\nMSsXu0TDIGwazFwIVhNUhgNYw1uMybVAPaX4AgxilwB+2dStvKSmNWBqNK8F\r\nDHV4jlAIcGKKigZb88gzEfBQ22z1V1MDvao=\r\n=kwpf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/78d3a76d365780306a9cbdc25f868eba/chakra-ui-input-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-2DgWMG4Mj5mkEf4ufSzIqSW2/NDcnA+3t9ih5tc0AzDKUdrA01IbLPr2a+XvUdW4H326euC6UX6ILHS8l1Oiug==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220912132201","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220912132201","@chakra-ui/icons":"0.0.0-dev-20220912132201","@chakra-ui/layout":"0.0.0-dev-20220912132201","@chakra-ui/system":"0.0.0-dev-20220912132201"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912132201"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220912132201_1662988978109_0.4345630977398742","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220912133211","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"b70c3058bc84a784e66d842306368a1f4b8a8475","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-K+StEYdqEBPCHGRXhtjfIPPdP9zYTZG1MvrfwhSLIotp87wTZs7CQjoePPCndy/G3yJkQ2RTTs9rgepJXeFMAA==","signatures":[{"sig":"MEUCIQDvEExf6YE53miP9OlXL4Se/2giPCw+b/WD7/mJ/mA1fwIgC3rDNdXhbYrdGxRYVeUpUt7+0S5j+ZqIyiiKJAuZtO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzUYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpb/w/8D9sllffpHrdCT3h4z9ejrLmfKCQ8Z1rTlSaZpkN7+eplMddV\r\nFm12d4ZZJmlE5FCTGXcPzjo+1FrxvMxwqqeaz7ueF9Mjk7UKBsUdCzlQGqnu\r\nn7vj/zCrcLNOkVTjBuDlxWQC1UpKZxGqhMkxugrHZbsKADrXHA+jWK6DVrcr\r\ntVZZ3yd5dPHsAyv94sp4piUO6/EfNtnYshCAVISuW42c9/k2YlVcpdE44cqA\r\nCtZR/v+x96qrGiwV15cI1166zzdAYg0VZQew0d1PjNpf/pmzVy6KGHaqSOES\r\nLOxs1bqR0qexAcSd8OKLCuucIVZJ405rVUS5FyaCkAGV01TkcInPsphwa8x3\r\nqn7WAJRNlqpBZpq0ot/qte3TijAOn64ufsTbC1FnFWWLVnRoUvCpZIgXF0Mx\r\n7z0WaHObJhOf+EsJbEaAm5QOoA3sluBVk5Pa6Dkg9yuApL0a/KucWIhKpvmf\r\nsnMGUiK3HPgjkWOx80ouE3l5DdILSKffmU1Yt/ftMgJ6x/6jE4bB06deoqzY\r\nUJRJ/Weueozz3sbsb/MI5sCRK3RtI+jKUUpN8HJmDMoJXw04+6LJ2f354Yr3\r\nHdJUodjyoWli3PgxZTZVmcUxaQvm+JWmVnF2YA5yxaVm3gmEfoHFwJBD91Wy\r\nRWRPUtSbuUCNBjvgiczAgwXe21s6GeaL7dQ=\r\n=OdBJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/a747fec678780f125a3e8cf284dc21cf/chakra-ui-input-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-K+StEYdqEBPCHGRXhtjfIPPdP9zYTZG1MvrfwhSLIotp87wTZs7CQjoePPCndy/G3yJkQ2RTTs9rgepJXeFMAA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220912133211","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220912133211","@chakra-ui/icons":"0.0.0-dev-20220912133211","@chakra-ui/layout":"0.0.0-dev-20220912133211","@chakra-ui/system":"0.0.0-dev-20220912133211"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912133211"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220912133211_1662989592434_0.6737578178509749","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220914090509","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c579221bc5c6c2fcfecab175018cdeaf3cb5c46b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-ZvPL91DvsIGnSnUKRa6YN6ZmwLdRuDIcnXG7mUGMiJXOpNPZ7tlTtGP99Q+qb+aRDebWzZLbuFiY1zn0HLeW5w==","signatures":[{"sig":"MEYCIQCEQYHqPQUZA4Rfdu98Df9WehsO2mPyfQF4qL18miqhlwIhAKOQGy3DISsglF38hjnBK/CSYUkMU/g5CG9GG/w/edq0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZmLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFXA//T58+Gj49l7Wp/RClQlRnN5AdjazCxkc48DS7am1OaLvDpvm3\r\n5qTz//sXwsleBx8M3gdBIr6VaqZPzOsCqbVwlMuiEd3IaZwl1S25s5SynVkP\r\nF/G0e6mN2T5qD2K56Rr6lf7LY1W5RkWGgS6Z6pxF1LMhSlEQIzLCf+M34lAJ\r\n8cJLN4KPWYzrXNzfQ6itTRf89UWCj8AkVZsO7xt7VWWuvaV4BaEGO4cHaNbr\r\nGXPOMxymX+lBGM67dErXXi9tJrYYMkR8SWoPm3m12QDTuHf1A5tzxps+rbDu\r\nwYk6kCnXN9w7+5TqNnBkmHPmb0ieqokxqr6p7yfncvhSsQ1TDP5N9jxzN2ft\r\n4wtWA0dvp6NeJNsfQCYa7lIKfht2lzuSz1/0fc5n5kIPcZ1gFIGGosH2Q40G\r\nCnAFYp9KegdL1j4DLhEfu2zNglaV/HXd317p9fUXM7YuMc2q35GP+ZuTmD2r\r\n1T2it8J+zyRQcfutSL/JK2oCGpXTnLvVLQ0e0DS0P08TUUytK4XbnKZrfLyK\r\nh3S5iyoyZgY81ajnH0x7IeJHPaROlZ/2QjNdPPbMwvDpmcsy9IQTLLNsg96L\r\nGmd06XhPKJs4O91pnuuIoPbP7Gdsl8AY1+oXA3ry9y/i+NDsL+EVropubuOl\r\nDU0lkvzyymxMf9QrGVeAI3WB2A55mN1NrFc=\r\n=WLq4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/aa31591837a35c28383a2087fe22097f/chakra-ui-input-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-ZvPL91DvsIGnSnUKRa6YN6ZmwLdRuDIcnXG7mUGMiJXOpNPZ7tlTtGP99Q+qb+aRDebWzZLbuFiY1zn0HLeW5w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220914090509","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220914090509","@chakra-ui/icons":"0.0.0-dev-20220914090509","@chakra-ui/layout":"0.0.0-dev-20220914090509","@chakra-ui/system":"0.0.0-dev-20220914090509"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914090509"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220914090509_1663146379170_0.025315058749412644","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220914105014","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"436d30c8f8a28c19655b7750bf5f7cf3897a619a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-p91iGkjawJjo83ZQjJCUAN0F0hJ01/qqXQb2UWs9LW3TuErFEa3YoyWKoDy5rp5uj1kPywbf1OZSwZ+6hciFTA==","signatures":[{"sig":"MEYCIQCfAlQEaSmJ1WQISx2YJjpusuxBz3aK10KkE7KRy5HcRgIhAMI45l/a4yDeCUWnJO9iFiIv6ym1bJ6kQoiEDhsfWc9N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbIcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrrOhAAkUS8pR8HXms6vA8m31TTMyoArXiBw+4+bR+bFhWecDWmYlMo\r\n+6N1HwuIDhFRG7vdFDw6LAswix/1FZBMXlqJImG3u8OEt6ITVDvLi7ZfrtGo\r\nGBUghcl2HQ/0khDN3IiTEKaMub4AjpK7eE3HKC483igPQL6ZR6c3hXqnl23f\r\nGoLihrvWl0eagLLEOLfm3Pt+CVkQ825hiaeSGT62bYOkYZj+XxQBPXdzQcrj\r\n9P7A3QyCAT99x3MZWidX16cUVlQL9PDVqqn1ivsSmLhhuQ0LYY611fkkhmBK\r\nA0AZKr7QLNxpTguMazfOyCKqPR89/TH8NXgXkkSe5kNypiz05lYZjLRWmQR7\r\nNGAJENLKRcEaHKJUqrIKI0bd4HsjvD0rGmrDIgCup+3YKAvt34zVT6aBeMKw\r\ns9NpsL6zldkLD7TmKBithy9TZ9X2P8iowQX2BEuo+ZFxM2huTKBK9ZMHuRUL\r\nJpaFx5rlTPXQwylxHJ5Bu2HWbTZKiUKLvNpbnA/KwqXIkwkVGXPobcSC35Hp\r\nUqe/J98CxTU6KIIoN2gxf4d3UcNAC2cXIuO5XmJecNILZhRjEmlPbkXGplau\r\nY/rsMp1xZQd518DTEMIP7/cwzTK5gDjVMkW6v+KOrt/yNBz8nrpz9UHHcjhP\r\nNVDuzk92cBynT8tpSVJO4p+CiQXm1NPEbWg=\r\n=G9e8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/4a0300d28c14b2293435e510d59813ce/chakra-ui-input-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-p91iGkjawJjo83ZQjJCUAN0F0hJ01/qqXQb2UWs9LW3TuErFEa3YoyWKoDy5rp5uj1kPywbf1OZSwZ+6hciFTA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220914105014","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220914105014","@chakra-ui/icons":"0.0.0-dev-20220914105014","@chakra-ui/layout":"0.0.0-dev-20220914105014","@chakra-ui/system":"0.0.0-dev-20220914105014"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914105014"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220914105014_1663152668687_0.16557175812051184","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220916140800","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3f33b662f90e7d4908fb7b9df0e699b252f7f2c3","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-sQZKKDSYZG6eQJ+BwnKyTFtF41zIg+x1C3I/c2lzYK029gbStBCYKyt0Qlk2QqVJlhXS6BU1L2l+v2ADV6SUmQ==","signatures":[{"sig":"MEYCIQDT2JMRlWXTQEG/FKG0xImWZ4KxkcRNdobWZHc4Gw4YwgIhAI6yAnujA7Kw1V8yAe3tkIkS9Wsy9Ul56bD1Y4GrkMVH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJINwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpwsg//VToDvSFFsTzR/bOmdqgXMoKl4qdYyhEBDgMfWy3Z0/u7QLsr\r\n5T0AqV/SKP+A+OwD9m1R/4MCjJFPHb5o+3hqjvXFOw89WL/Wi3pPkJu117n6\r\nF0WiV70mKbFb9BGjAyvsKwNDP9MrCXLMfm6u+ZgADKVmDLgs9oV7RcV2Kiop\r\nadkPeMstdWgJ5OnO4Vsw4Xpa+jBnxOOjfzHnk0jH3sYGhDrRsGCSXMMXoGRA\r\nARZIBE7nE0HyLM/ia9VETuAtiZ4QAAZ8oZwcEgoWjAB5C/XsNxHvwy+m18v3\r\nErA9oohpkfqvvKi5ptVW4TVccnRVeUnh0Es5D+h62lSs/HgnePVZQR9Sdyud\r\nVd0GfCIZV96ahx4ZbEoxFzLpPUe/fiBLiT+KAF17TYerEb1vWS7+9mMUHWKz\r\nXSd0my0HHVpnvg6eXy3NLhzG6shjlN89N0XFLyCVQ1NgmuhQu8FXWQoZYmFd\r\nbI0IPvPQ1uDrq4Cvw91nPcCkCKrpqu/3jB7CCeYjS6rdIml/sM/ZBs4wEhkt\r\noJ3BhGHyY5IAV9KkRQoIrqAF0XQGJSdHLHMSB2AJgLth1yZycElcvcS+yM8o\r\nZ/RVii3D3YnJYMynnW+6TUj1BK7OCCnBviF41nB5Ic/1D0LFgvzn6ttJwVoc\r\nkkeK5sySZBI4v7MmlzdPmSHXZVfXXoqkDX4=\r\n=lK9I\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/9a7ab2c14edc15bdea1534976a932c5f/chakra-ui-input-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-sQZKKDSYZG6eQJ+BwnKyTFtF41zIg+x1C3I/c2lzYK029gbStBCYKyt0Qlk2QqVJlhXS6BU1L2l+v2ADV6SUmQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220916140800","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220916140800","@chakra-ui/icons":"0.0.0-dev-20220916140800","@chakra-ui/layout":"0.0.0-dev-20220916140800","@chakra-ui/system":"0.0.0-dev-20220916140800"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916140800"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220916140800_1663337327927_0.8020448778412888","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220916141616","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2254bc1ef314678977a08fd44823e7dea79bc89b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-cCA1AvFlTTaRPMUdUYi8odrbWE+XvHkQN+sX+Is8hh9ZSg6wekUvpEHJh0d52g/Zk9Ynmto5cOS2A0qmzOnR2Q==","signatures":[{"sig":"MEUCIHigin6IhreRWr3ojASYph2mngsfVuN5NbB8kK9snRAiAiEAhnF8KNnbm5ZGnBaP29tWb1e/MzFY1zPjbhbUVDNA3vw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIVlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovpQ/8D/IQP5LErmEZyiVenTGdygIMKz8QwTHYVLrxxRGhHops2eHf\r\nUKaQuhM5+lwiyd1JtMOMZo/3EdbaqeZfXoZ4XVclUzX7F0ndu7M+9HGw/TpT\r\nouey9F9fHn8Z848S1Fg94B8SmAXaxd9X1uISzyjITYPkff0LaKn60bFqYwYr\r\nFKT9gRN8o9Fb++OS3CkM6h/lP6cJPu17y9P6ARNWcjMtA9E/nMi8VHulHydO\r\nFPpt/bJxG9CyC+NcfWwS4cTMaOpv7NvrYD4e+JPVZfhE18eW/0jK8y0MCTUC\r\n3cve+Jt/PtBVmDDHODkQiTp9ba3dG60PzfPjyOBiir+JadXNz5ot4p8fxot3\r\ncit3XuklrgfDgmbXEl6yylTd6kxpOrSV1SY/bYcK54LZH2Jtju9LxffNW2Br\r\nzCEpfEEI3u9IfpLuv6OpZhs4f3/8i5C79RT277t2m9qXA3PZIg6O87emd2Nc\r\nHydJ7btVdCh6jLiylCydVtlKeefSPNBQKL65gqZMzHSu1us9IXoApjYSwA+a\r\nosofnlutYiIFTIjinmnDO2HZN6sA9GCEdF7IfsmpWo2ak9lCCtT1WlgRvL9m\r\nOOF/SgLgQXz/VV9tsd6MYTH2hckiQsAeCnCAJgqfX5KXjM5K7fdW9Upayq50\r\n94Mo0ECc584WT9w2YP1R0/X8DKoFOz6zADE=\r\n=mhx9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/a90019db761eec5587c8cc78c21881ad/chakra-ui-input-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-cCA1AvFlTTaRPMUdUYi8odrbWE+XvHkQN+sX+Is8hh9ZSg6wekUvpEHJh0d52g/Zk9Ynmto5cOS2A0qmzOnR2Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220916141616","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220916141616","@chakra-ui/icons":"0.0.0-dev-20220916141616","@chakra-ui/layout":"0.0.0-dev-20220916141616","@chakra-ui/system":"0.0.0-dev-20220916141616"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916141616"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220916141616_1663337828844_0.4765657179165188","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220916144141","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"5018b8253ea3280f7a25f982bd7ccedace872e2a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-K0/Yu/RM6rj/INaxwCImu2k/hDPC53bdP/W1fRkKUNvKhBLjW3rI81cF+kihbIjlQtmQ5dtwoYu4CtYBwPEIzw==","signatures":[{"sig":"MEUCIQDarCf8uylJZYTsQMqZZIh/WDc8RXGePNMP+gD7nsaFkwIgNg1HT+twZyV4szS7RK4CinyoUvhpo4oOdo36cE5Z20g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovNw//a1g2jTESJXU4M7Y7oa4TDyp11aa/fwHitQx9XLHSTT6KQz4d\r\nNKAAoUHtpUTTqXUEN+8/+b7n6Y94OlJNxQdM6XfaO+jaoSBJNXpQkWrFDer2\r\nOX8X/malg77ZbwwwVmWlxjMKRW2W3+UsJlhwHvAgPbp5DrIhXMGxATtWxHsy\r\nX50y9qbKcxyMP6FWO9sBb6ma0/flVEo4imhlyog10/g+RmJbEs2XCRLLzqqf\r\nalI5o87yxPC4rp6qpuOGEeAdHDTyccdCAQ8mjT4GuaoB4GvV4nfR5Nuzp7d0\r\noDNZCVhVifAm93E+4eFocsPGSs/6VZCRV5zY5ZH8xaZxrUqhHQ0aq0w3KkS2\r\n/ibcsfm5sXCnTn3+aKKmqIMm98AmuQf5jM/joXumoATn5pH6qh8/sZ+HSwNo\r\n2cHleXnTy3IyPuNYco4VQJ+m/ojg1D/elPw6kmYEGX2ApLAmHJDEu/X0TgeU\r\najHw6F57hO7tIRZZ9MdR0RoSMLR6UBHAQTh888FGwCWMaZ50MXD7JX9hsHPB\r\n+mKTh7Udgs/BNXtZsU4xCGLiTxcQd3uNlfBQlp9zF7oNco1OEmpStHYb2KdS\r\n0QQFpo/gbRolswyi/cNwcZTU23JdieEKvrssTPpOrLD7LYkIgkjiwPOjiys9\r\nQ7lqBUQTsij3K3T0lUQvf+sIRk86eE9aJfs=\r\n=XyIw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5d0f7ca2924224140e1820fa6cb8b83b/chakra-ui-input-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-K0/Yu/RM6rj/INaxwCImu2k/hDPC53bdP/W1fRkKUNvKhBLjW3rI81cF+kihbIjlQtmQ5dtwoYu4CtYBwPEIzw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220916144141","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220916144141","@chakra-ui/icons":"0.0.0-dev-20220916144141","@chakra-ui/layout":"0.0.0-dev-20220916144141","@chakra-ui/system":"0.0.0-dev-20220916144141"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916144141"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220916144141_1663339355877_0.2593469874402454","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220916164745","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fc430a6c3883696f2821877cc8afe61386c0e1df","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-0lsHZ9rhbBDAJqLp1byyxlOJosIdkpO4EnIxC/QThnHeRmg950b4CkbqkISI4d0tm8PqoP85ZotJuS94q0KUKQ==","signatures":[{"sig":"MEUCIH+At7ua23p3sHXWpGLDp3h1Xex8P6axC96r7j0FZa8kAiEAmZPfrIEPjb4GraZUk1wKSRiw7JhrjlI9Phz3zLJbYsE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKjrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZeg/9H5LIlrWZOSxplFb29Ov/rqR8/4++CIjgIkLTA3rPYyXxIh5E\r\n6jyE4+geziG1Yl/HQKYszCRv/KpxBABUU4ETGpiFyWWLrsTwKOYA9k4oCkUb\r\nxtWy6z8GW9ive53ggJZZ9dxR/8lmlY270ZAfUDo0zae1otggsDG2j1I+X7et\r\nKKjLtRBYZD9ES0c2zuFhsMcsHXR+LrXcpzZj1ccIXZGsC/aCTui0BAxR6UeA\r\nB9iaY45WUjr2TK5hlI07ptkNtZG+W67TXOvZe+evAGa3UZ45V/h/ISWBDdmT\r\nmVx9f68LQVtNiyfcXLqhpeAn2pF190KE+o891nmiRJ0mSYG3A+oecuUARXHf\r\nRDKGOc3Cw+NJPpgF4fzfGzNaUJRkS3XYdk7JbqLqycKFcf/9TYGKsrqJxd0a\r\nC5xJcvtvaxRGSfVCnzq09l92PpoenFqb1w0J+F0FHDADxk1xUx+OgsAKltAC\r\nALSo41xz9zcaZ/6EqKbw2IndRKtH6kDFsToDdipNV2Sx68wBo3y+xvGvFuUm\r\nFaQwjn3O7Y982EGz3ptY4HtFRpFpV7dVe+LgLrS8V27M2+RUrpgiFLcVPCz5\r\ngvPkFAGga6B9H0v/H82y25162MN4oTUnUT026v/M8BKb2WF33oglgBnJ2Kj6\r\nz8644zYMoQfGHBgdNLrksETUkPrbr/+3bXc=\r\n=8Qak\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/61908bb42f50bc3547868bea81d9ea8f/chakra-ui-input-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-0lsHZ9rhbBDAJqLp1byyxlOJosIdkpO4EnIxC/QThnHeRmg950b4CkbqkISI4d0tm8PqoP85ZotJuS94q0KUKQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220916164745","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220916164745","@chakra-ui/icons":"0.0.0-dev-20220916164745","@chakra-ui/layout":"0.0.0-dev-20220916164745","@chakra-ui/system":"0.0.0-dev-20220916164745"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916164745"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220916164745_1663346923688_0.715442490879814","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220919061024","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f99697fc0f29a4f5f5c0f86b1292b2151f3f912f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-zCwVvzY4GW1uMxLRe+ue4yv2kyt0m+qPyXKHZqWxO4QjMJIyh10m3+PM5MErMfL1axMkOrOz0Pt1t8XHso9iRQ==","signatures":[{"sig":"MEQCICYukJGUN2nblvzOKnQSdB4VKOg2y9L6moRkGu5C8/RHAiAbi3bPc75XqnsJHEI8ZUmE7KwxjRIh5vdITlo2fxxMlg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23445,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmUg//ftUF8Hp9FmwZ2VEUs3fiIFTAUKPlKayfArchQyCWKbQp+VR2\r\niLW8GWPIamoH5dJSKroemyaW9usePGehxYdKl1s0Q+byf5kDzdKGr6VpcRj5\r\nA2Cr7mhLPO4MpaqC0AHu5t9a02FLPIx7nw4xMeNanpAIMfJj9wYihsbRXx3B\r\nFjHDVvmQvqkdFak8AJigwvb3gjjHOO/7zPCY/xXhwfSdC5y0inXJP7+wmkka\r\nFUTwqX+C/auUr5nHt73kzs+yLICuA8dvV58p+2mlmYn+MO0MylLyvO8EpnLX\r\njSL41XEc83+BRGHz/K0kM3hUorHSKVirewPkjM+BuuDuOEbWrUr3zQc2xCFh\r\n7WT7aqPantz1Y0N8l/BekHab+YP6xNBA4CGF3+qlmFpJ7l9Nb71F+2/t0GXU\r\ngCSZyHvGT+jkiW26+vF2FJFiotTnC6ksEeEDFKPQgoQ5Uo2jn6ELyeJrbVDz\r\nsIO0w5jEhqYh8ZIOUtZwfCWmMiisTf55SleGKRB/AJfIi9bpWEhbHZdg4MHo\r\n2nQivQcpiPWUop4uMqJuIyk3/oeSuxJ7guFQaagjMMdvvu4CvcJzDqE9Csyd\r\nnADFwZaW7EdfZTVdjQR8Hq9dQyZZznZEIZNoIotGS1MdT04+htrujVUFuZvZ\r\n2vtmO25TS/22k8ck2CcRNle3ykdcHwEh+JY=\r\n=23/X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/ff0ed62f058fdde9fa768cead36e3074/chakra-ui-input-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-zCwVvzY4GW1uMxLRe+ue4yv2kyt0m+qPyXKHZqWxO4QjMJIyh10m3+PM5MErMfL1axMkOrOz0Pt1t8XHso9iRQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220919061024","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"0.0.0-dev-20220919061024","@chakra-ui/icons":"0.0.0-dev-20220919061024","@chakra-ui/layout":"0.0.0-dev-20220919061024","@chakra-ui/system":"0.0.0-dev-20220919061024"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220919061024"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20220919061024_1663567883159_0.8662176554266776","host":"s3://npm-registry-packages"}},"2.0.10":{"name":"@chakra-ui/input","version":"2.0.10","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f00466daacd5e1d24aca59f326c8e9d7fcb92919","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.10.tgz","fileCount":6,"integrity":"sha512-7+/iHdIqUST6KIRW/7JKoDus7a/8ynUsqkid8zTcbgxw8LTPkxA5aHplYLQTHfrhEqLeqP43nmt6nBsCpPt2dA==","signatures":[{"sig":"MEYCIQCsaZOFerDdONbGUzUl1zj4fjWOO4TFHuOcU48Y3Fu/pgIhAPaw/sdNASo6tx2DKuk/koWcZhK2RtNFDdsuPeZhqFQa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBwxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolQQ//T8pMidJ5NMPs5dhortGst9GMvqEYdglDUfRm61zmsreQOac/\r\n82tmAVLjVmHTpsb5HnLVQEav66XXpZiXILRO8QtSTfKh/hNT+iCNiKQ+Zetg\r\nykFOeWDLvrGPolDw8b9zoap8nfqBEgT1wIqD4/eF9rBRQdbOeck7Bhx68hrN\r\nE/YXwehAnfA83O3XwUf51Z1BPc7yGFBsNoqc9umqYYcmLo1zsEr8s+qfA640\r\nSvmvwTzJfuEaSeBaDoLqdqSKkPCEXUqsSvnkTQAsBh6YDh4YGoNYue/l86pA\r\nSEor7os015dB1bT1+nDrpFaNgDICT2wVf7zOLcuzTza2YqnoXOejQbo7I9J0\r\nz4AVRi7nztPMWkpbOEubBgd+Ocvxdfksydnsmy8W2kh3MIiK5aYQ7UQMoeTf\r\nASlJRrK4QCIv6heanGyzh8WLSLiOd5bSppixVJ/nYZJn5vLWVpW1T3vbcy7b\r\nQHZb/YZDy4cnbALDrTMzK57rtGoMnjhJE5HKuHa3WLS/2mySOkkm6ZdEeoWH\r\nDoU27SK3R+jSBmeg+S3sfjidVJcY4lx7YZ+FGWgWq2v4Hu05igWc6IRx8eI5\r\nFhWTz5Vu5aPZBwM2wMUF9iWNZAD1xpn/vQaOhvdTDEhfTcgMR7LkkVySlpeT\r\n25QNZjuO65Wx6p/a9/pqZjPGx5PUGklaNKU=\r\n=u9nP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-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/dd22d623e4d2f08ebf6c641916bdef7b/chakra-ui-input-2.0.10.tgz","_integrity":"sha512-7+/iHdIqUST6KIRW/7JKoDus7a/8ynUsqkid8zTcbgxw8LTPkxA5aHplYLQTHfrhEqLeqP43nmt6nBsCpPt2dA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"2.0.10","@chakra-ui/object-utils":"2.0.3","@chakra-ui/shared-utils":"2.0.1","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/hooks":"2.0.10","@chakra-ui/icons":"2.0.10","@chakra-ui/layout":"2.1.7","@chakra-ui/system":"2.2.10"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.10_1663573041053_0.37630457052988886","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220920121057","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"843f32934b6867280fe379c27924bb153d17421d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-vCsOSJ/vHbgh5ZzYF0BnvQHDyDahNo0Te1NSvfzuBeqRpK5hEvKf0pb8Vz2XUxJcYcM2mixNplD9Aadb3wlwJw==","signatures":[{"sig":"MEUCIQDOj4Ye4/Q4GLa3rkSDG1s/roqJAt1YKPMiTDSzhQh9VAIgRIv7CUpK/OISsgCOgKBw3PYVfCWpVpsgd9eLdzz3lLc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa4NACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqxeg//XfCz8O9BKJTp5QJS6gxnZ4w5uLttYs5BTvrjnppV4QkQfOlO\r\nidN0wZRRi99zZPPnfAOBBY7h8tV/xv7Lm28yDsumcRtsae539xhZuNAWpd0X\r\nFqGz+1kHjWvpNG5LuAdtK81MjLiuYlswnUPaXqHwJLXvQQLfBKvWXaz9LS+0\r\nu7h1ArtueQ8YVCW2BpxvU2Hwi4VCeCrBoOt0bd/B0tavj51AEO9r/X96loiA\r\n5PCe9WtyfaffiRAa1XNmpSM8tuJSO/9Ck2wR/xPJRaGvX0i/NnoKiaiDQx24\r\n5CDKRQxlk9HfTR7rdCRA2o4RsSL+T8GeCc0sA4ovx3048XCnXARETT7B5NEV\r\n49rWo9lCiOPCuLEWPEZewbqrI6PytuAf/toLAQTUnrErTqRd4MsShBtTjCKE\r\nUN3Xv0/QnEGz02ChkSwpTaDY1qM5ape49kM1QukEdBJ1LwfUjjaQvjQ2qvtV\r\nlEDBZER/rjAvCgE1XifXq8KFZ+eKf17TsvbzLcCbQEApSk68SiU1uPoY32L6\r\nrXhgjY+r0TUhmOPOjwxxRB2ToJaR9jqobKfY/HVkO67G8dR0oIJwlb37S1o4\r\nEkSYCRk2IbRwZdgCftXtIfiMZMxb7QYt8jfvl0PzfVcMt1NgtDMoCnbOZUfH\r\n8GLH3GqgmCkhzK1uIu4P/MmR1fDmGn9eeB8=\r\n=WYr2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/0f51afb9697262f732ca9fdb4611b47f/chakra-ui-input-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-vCsOSJ/vHbgh5ZzYF0BnvQHDyDahNo0Te1NSvfzuBeqRpK5hEvKf0pb8Vz2XUxJcYcM2mixNplD9Aadb3wlwJw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220920121057","@chakra-ui/object-utils":"0.0.0-dev-20220920121057","@chakra-ui/shared-utils":"0.0.0-dev-20220920121057","@chakra-ui/react-context":"0.0.0-dev-20220920121057","@chakra-ui/react-children-utils":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220920121057","@chakra-ui/icons":"0.0.0-dev-20220920121057","@chakra-ui/layout":"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/input_0.0.0-dev-20220920121057_1663675917046_0.28196727252975196","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220921093814","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3e32027dbd72021fa5a0343e8c652f44b2066e96","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-C6qzb9/eDCaghwppSkIe7/H4yeHHqzpuUoxvfmKntsTXMMVDn9JqMxTeDMZ7Z04ppu3fJM8Mgnc2Mp9rRmyFnQ==","signatures":[{"sig":"MEUCIQC8TX+4BzWvXoYRzi8zvtO+21syIzpjcSk6RXuwNarQVAIgPvrIkt3ldwNLadG5CY+fHX4kolKbHjc/mEeW4Dzdh0k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtvbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyrQ/8DR2Z9prPG8If1GtBJo0+8C9o/OJWGGPC4omluPkY+TrySMXL\r\nGXkCsSsU2tuL8+5O2HF9qRMZUKjICEvDqq/Pkrk5GN3Kiy8hBpgFFm3EcP1z\r\nxsTGG0pltWz2NsUjK+XcpJiQF2EquJ/4TqfxoPVcIbO78nbJU1pfsxumbfkk\r\nGUMiVLO3w5ykMVnnK40hm7LTnnHvYpJNew6jC0wV5yPbE4A4BHAhCZmnygp1\r\nqBaR/g+90oEFJql8GfkOYx6PucDIZ4M4E132YzWwAPkNJvU3uj5ii3HiXvSO\r\n8+ByV6c7Wp9OJ9//PjJ3DJVW5mn2/dH6OO4Napjm99wIzkY1dQyJoEprahIm\r\nhoCx27Z3H1Q8+hksTnAU3ErjeuYB189krMvAg+P4uohCn93cCakbS/+fwgb0\r\nXoGEvQVYaYxy54nHJ/HOqwCvgx9bIGDHjpBaFQp5ERO0Ip/zyVq6iIoqoABd\r\nSckateGrgtOzjqP94uPURI0PVvhdIXd2zdwF+J1oZmhxyBbGktV+85gVzmgG\r\nSkFKY4KdbpXckxIYyzzj/sWBYz7bBVdAySRBCtWmHCNwpAyoTb/UdLSlK2vK\r\nCbEXkEiTVGrP3uCdtFMRnWJD1ZlHnWsFo0JaBevlEdOs4g8GV3Cysg4E+Hy8\r\nWub+npvHtbyXtl2erZdo72EQ76TxcXzqCOE=\r\n=U63c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/2045c5f9d5c8669469b0c2f209ae4ed6/chakra-ui-input-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-C6qzb9/eDCaghwppSkIe7/H4yeHHqzpuUoxvfmKntsTXMMVDn9JqMxTeDMZ7Z04ppu3fJM8Mgnc2Mp9rRmyFnQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220921093814","@chakra-ui/object-utils":"0.0.0-dev-20220921093814","@chakra-ui/shared-utils":"0.0.0-dev-20220921093814","@chakra-ui/react-context":"0.0.0-dev-20220921093814","@chakra-ui/react-children-utils":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220921093814","@chakra-ui/icons":"0.0.0-dev-20220921093814","@chakra-ui/layout":"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/input_0.0.0-dev-20220921093814_1663753179082_0.25882054304039204","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220922114557","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dd5aa9bcfe64d6b6c1fbdd21b7bcc007107ff729","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-4pLjO25s84dZRl9344AtqPV26YdN7wgRQSCh7IXOuRrVwCIgIQlcaDjtHN50TDLzG4UQk46MhTcJd/eBW9qvyQ==","signatures":[{"sig":"MEUCIAQq4yi87tdq2Le0dPivAyoNKWyFAwkyCNv2/GIJCb8AAiEA6nTYQqThxexgH+Annu1m1V6KbBH7m7RO4QevnilNtWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEswACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4BA/+Ixoq4znZBrObEcKeVI8Ze+azFMBprTvIR1PmknBA1tAbPM9/\r\nzwCf0PEHdAJx/xoKoTRX7nAcjF8S3XtHcaExvqqNOLI7EsDkoT46pdoJUiTH\r\n0hDgOk0ojnys5RtdsFAEy8/VvcLEMmUAlKNF6D2llMlXC2m9DFW0xjea2yv1\r\nd0l+H6KviJGdiSfmSj1tLT0iFPOEh4dgO6GBzYB6xi83tmlBJKvLiOX6zDZw\r\n2DcrvxxGGOoSLxK3S4x/UkYiQULsFFRYRL4VHiFMBTSha/eBIQyxvsZHz7bw\r\nQTIfZ8gNgAo1e49ykv0CsQs4CinNosB/FEphUBGZOcyf3fRUVvMkBWtj6fRQ\r\n2r6UMkpWBeFeTNVkq+WDsbr9vUO/+9/djWPaS3H29fyEXEijnFszjoNtOcCh\r\n+oR1nNOiTBSig6Mbxmt+Qo0jQBhqLovGbLwFVP64jp92sRDm3x8Qxe2NdMae\r\njA8t5rfCzP/j7QQepjZteun1zCSb6Xb8VDRdwHvWMPhWw+7Pa9gtt1kAPO9f\r\nq862UaNqb6Lu4cEfgip4u9xyHdOUCX5XxZMbh8raggcrJ5ULpaacM9/Lt00p\r\nd7Qcj3dQK50anKuWS3c76a9+Wd6M3czL2vubaUoj5Nq5/caZzZWCtpAHmWGf\r\nxkxKEon/apl1DOUmNo9GOapbPRGfJRozMVM=\r\n=ulIj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/7136e2e695ba593e72ce4465f64f9f2a/chakra-ui-input-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-4pLjO25s84dZRl9344AtqPV26YdN7wgRQSCh7IXOuRrVwCIgIQlcaDjtHN50TDLzG4UQk46MhTcJd/eBW9qvyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220922114557","@chakra-ui/object-utils":"0.0.0-dev-20220922114557","@chakra-ui/shared-utils":"0.0.0-dev-20220922114557","@chakra-ui/react-context":"0.0.0-dev-20220922114557","@chakra-ui/react-children-utils":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220922114557","@chakra-ui/icons":"0.0.0-dev-20220922114557","@chakra-ui/layout":"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/input_0.0.0-dev-20220922114557_1663847216485_0.08455791634300192","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220922115811","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"69c3bccfb51b571a20d07331bd4a637b2ee12e1f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-HYAbqfp5tm61PPSfKLTeyxwP4zTQwCY7PvqAsX0HJ1zTHlxqmpjZfpJOAUckt3lqsGxVpYhekyR2s8XrmrboBg==","signatures":[{"sig":"MEUCIQD0geVcFFyq2x9AAypoRSH7uzHv6cEQL9XEuT+HiVEZMgIgUP7dLsnZKIEE2HNMMzWCYoWGAPIQTd9ooksHrRtJRM4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq66w/9H/mS83sG77qrIrANvTyyJ3DAALH9ZGb7TyZLJzFs2aqzRUQ4\r\n5AFBcqAY3XpvE0YByGnnU4mUh5NbbuBiwR38CGGf3K0Lck9cAeMG+LoFNDxK\r\nZT+kyC+RO3E4BEUS/5OHBWaqX5ri+uv8IVouvP1nPrmTva6iMnvMZD3gV/M/\r\nUFghkyhfjDGgAQETzXzVXcJ6PFdgtj7CMsof/QVI8GoFbs9AOzLWVq5Ucf5N\r\nVthu7jrGjIWfEmt6ruWrUpa7ag+CWWtjo8DThqv9ejaVxCONiF6MIcvix8in\r\nfJtJeGSR0mLgq/tnFXy88zA/cSSOMO/c1+pqf3tz5eq4ZCmNPpI3RKvUKMMb\r\n+pjFACC7Vf5jAJO11sWFL0l4/R3c1MSsNjuQgxm+F3zrfLqJboq4cF4e2MDD\r\n+VelM+P4JUvEqIZaGHAZ2d2DcDRaRJmsGdE5cjxa5Eu6tdekqqQ9Gv8Q2FV0\r\nahmSB9nvfW0NyKBbnA0cIPWeQNHnG03ehOOPSLeWfeyZuaqJ9/wJJBgGRl6T\r\nno9KdwR+ovQo221iHMAKAb8PnIfz3+koiRfRCUhWlLEdOVGWH/9QX9wlYYB/\r\nBQvZjJSrKbpVXk4K5mVYhCOMWGDiE6LAniLt9JQqHDBsen4wfJEUB7Rp6gLK\r\nNbkpk0qRywZz3IUO2jKE54kol+kGaKGlEGw=\r\n=SotC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/8e71542102d8cacd8d7bdbc13c44d5c6/chakra-ui-input-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-HYAbqfp5tm61PPSfKLTeyxwP4zTQwCY7PvqAsX0HJ1zTHlxqmpjZfpJOAUckt3lqsGxVpYhekyR2s8XrmrboBg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220922115811","@chakra-ui/object-utils":"0.0.0-dev-20220922115811","@chakra-ui/shared-utils":"0.0.0-dev-20220922115811","@chakra-ui/react-context":"0.0.0-dev-20220922115811","@chakra-ui/react-children-utils":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220922115811","@chakra-ui/icons":"0.0.0-dev-20220922115811","@chakra-ui/layout":"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/input_0.0.0-dev-20220922115811_1663847953230_0.7455725244431144","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220926164115","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7cef12d5f6ec212b479bac6c40b7efbbcae06101","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-Ld6By6qnZUfGxq+vnAlr6GODOXoQBLFmPAYPn+LP1FvbsYoK45dMfeHW3s5Olxe4bZ5DZ7EEC+DqPTS1ThN7VA==","signatures":[{"sig":"MEUCIQCwaC9wNC7LAXboLuEN4jajGh8EcEWUA3Gt9rs8EWTobwIgPJNCgqhVu0qlHzz3nufcpU30PxODSlA5G96HGYXYvZc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdZ/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpfnQ//asFjokVgsdHp4WNnh4mjPLNHL3SlUE9cKs2hd51iKWnw/m1J\r\nC7I+U/5fzZvRnuXDsZa4ckGJv/KYfUfFkXPvCbYdqxJfzqkrWTrY6bSZhry/\r\ny4dw2ByRtnNbZXK7IeFlmHe4BRYgl8HgUlOn/vBWWOaUUkyL81agecRxbB81\r\n/HPf+vUiH7PHfhqtqb9h/fTvinrFe3zQTo2ZbGk3mxTErqS3v44fC2eYUavD\r\n6VeGmewvFPZ5lEfS5lL0UPwlwy64cp9acducKBP2vsADA1Q4cv1IxTWP+e1w\r\ne/dKVILNqVVyHtIWdwNqY2ItFxdFolA1eUCaILk41g1H2P8/9wRzGIYd4HxJ\r\nUC6t7zQRB5lv1HQAyL8XQgRpsGqsUJ8cfNfIWrb9mRzshETUC7iMPVa/fGlR\r\n85vbko1AYCnpxYIZck3Zu4uHP2+LyCXZQ2eack4nnQc/MgLIg60rSddMQjlm\r\nnodbO7Z9jHRLDL+epLqfH+xuxWJ8s1pylfvayvy91jBpjBeChhMijItkOg01\r\nEEoxzZIz4MBpYKvRhyCzalHsHwgMp1Taii1QdiWYDbCWrYs9YxC+KQkm3JRN\r\nYnhbfC3DA92mhfmsCv5hde6+DyORazfQHGw6e8ng9AkkiV4F1Kdv7WZkrIKd\r\nuGORH5nhzJvGwSeViAtAgIh073dFBCTzTgE=\r\n=mH4w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/363a4e83eba5c63a2bcb10eeac334c2c/chakra-ui-input-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-Ld6By6qnZUfGxq+vnAlr6GODOXoQBLFmPAYPn+LP1FvbsYoK45dMfeHW3s5Olxe4bZ5DZ7EEC+DqPTS1ThN7VA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220926164115","@chakra-ui/object-utils":"0.0.0-dev-20220926164115","@chakra-ui/shared-utils":"0.0.0-dev-20220926164115","@chakra-ui/react-context":"0.0.0-dev-20220926164115","@chakra-ui/react-children-utils":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220926164115","@chakra-ui/icons":"0.0.0-dev-20220926164115","@chakra-ui/layout":"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/input_0.0.0-dev-20220926164115_1664210559028_0.8195037906573428","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220926165450","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e0d2d001ab2d2780c71389d91d019855e410a4e9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-hw44i0g6CadWPJjSZN/HVuSIm2nAw8Zt0yprw+b8MNiPKCceSRi36wr2MXZUe5qMuJvx2a/M2Leu6mDAk1Z/yA==","signatures":[{"sig":"MEUCIGQoRZQpukcMM8wc9zfVNt0clUtQd6Em744j8AjKq05qAiEA/ztwzK5giCOCcWQNz9Nt4gWBDMBoooG4FKShCh9i4Uc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPBRAAiKQ/a/z6oR+LJuRA8Oanyjyi1wR5ehQ6paKF2gpS/HEeylsJ\r\n4kI5vybj6Dt9q+75mdKwu4n2dQbfe1vlGdHZGYsF9ijk81UQy+ihiWjhHv8h\r\nAHM7iv2GuxqEW531NGp5G7Zy1be8pBeCsq8gz1pVHXeZGV4+RV5Z+7mM4jQS\r\nhaQ4Tm71TbfT8EKS/DItbePrxC2skkll8TtQ1tv12SBZujadm01k1ES/VulO\r\nZibCKH7rlUPf6iekGgo3RAEawK64/1oDSA8lqaft4FembTfzC9mJpR0MJxAV\r\n2uFkOx0DE3tDy5D9a3vfZQlFqbTDdEWKiaD7o9FjY80CjUAyhqKvIC0/WIhc\r\nm6OSnCsx5BmjlvYgV9UHq0ycwC6+MjH+Qos/WRFKNqHwep7wyTJy22UvtF+3\r\nPEjxZ2Cwgq8b/WsYwVx7yyDsVQVhFb550Qgj9exxctMSkRsG3zJB5az1CRLW\r\nlAb2sc39+XynAWYxa+MCVOk5zD1YHYrc3W9sFvQTndLTk+W6cTz3O6JZw6Xh\r\nuAjM+GaFYj1WndDXaXaqzTDAqYLM3pBdQyMrtSsmFLrNnKEidf01nuMkYtoz\r\nXQ12Byxd0y3CgFQTikYfUXJ7XjIckNBfKLPrxRT9kx2vOHGmpmSNcADWlIJj\r\nOVg28SWWrf7/EesmXRl7selbn3ge/uvvkg8=\r\n=0TAU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/9e872ee02a6bbaec315726cb660d8aa6/chakra-ui-input-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-hw44i0g6CadWPJjSZN/HVuSIm2nAw8Zt0yprw+b8MNiPKCceSRi36wr2MXZUe5qMuJvx2a/M2Leu6mDAk1Z/yA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220926165450","@chakra-ui/object-utils":"0.0.0-dev-20220926165450","@chakra-ui/shared-utils":"0.0.0-dev-20220926165450","@chakra-ui/react-context":"0.0.0-dev-20220926165450","@chakra-ui/react-children-utils":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220926165450","@chakra-ui/icons":"0.0.0-dev-20220926165450","@chakra-ui/layout":"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/input_0.0.0-dev-20220926165450_1664211348898_0.8538060406504078","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220929105632","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"07bd3d5fdf73996e29aab168e21706ba3db8d2bf","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-80mzsbprxG60Ux+xEsYpuDeiFhXOR3Wt0WA6RNbIH8dOqPFaEmEMPn2S5vyik7QZKzxL377xw1L8SHFjS7J6dA==","signatures":[{"sig":"MEYCIQCHGIV35F2iVZteId33yfcBg4TJr5eCwl6yPTzDSV4WtgIhAKf++GcaA2fT7BeHpbHgM45D0LU6zSAFepuhDR4x8au3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXohACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSYg//RJbHO5P80ndX7B75Dm8aPp+02egQsJP5lkxOlxPDIblTP+f1\r\n7O7RtdN+Iy5qf6aszEF6AIKQGSdHzMgYgVgLSg/ECxb23faqzzUiT3nK3wv9\r\nTI25l3DyOjKrBhy7yM++y+TuYWHwhgN/KPyBlSWqwIF1eRh4cOUvCEjQbmz9\r\nijWpkcZX7jYBsFpZwf7RJ1ge0B/W9DPHgnt83YOQFQb2TymBUoYiQTl9En2C\r\nuQdhXZe9tMpOl/KXBK+Vp8QozkrDSvb6mGPnAKj3OMOYYgrXWgNzkXDYHdq7\r\nFKfMRWgLOeRFUL4UQJ4+YhnJVL6cKnK1yNPwo8zKHK9G2G46wkTrQg39eIu6\r\nnn8GcClIT83qaPsZkbGdUXQI56bVsX5HEST8epTFjLYfmGXc4a+O+cjtkUb6\r\nptI8LnxoDzk3GH9XM71umWdGDfTPYfPrOEHiMzsuKUQ1bYCz9oZ/54SKy9EM\r\nmcZFv0Oww+DYegZb3AJvn+ES+6srni1kijBPAP5ZAmtmo5cYti2FYecvnp5f\r\nhWJ2g7aor/FQbQ8o1uMte3M7fqO9XwsZ/4MfyPT9gIgfBUThiAp/dlXzTSI2\r\nAopIYFS0YthabZlzRnPAaF+mlTdew17ky4oAVRm3wZGiQDW7vZRDBWva4rup\r\nyJaLoqRihykXKO1fg0gGMvxLmZA14XKrBZI=\r\n=C2t0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/53930cb928b89fc87518857727dde2e8/chakra-ui-input-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-80mzsbprxG60Ux+xEsYpuDeiFhXOR3Wt0WA6RNbIH8dOqPFaEmEMPn2S5vyik7QZKzxL377xw1L8SHFjS7J6dA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220929105632","@chakra-ui/object-utils":"0.0.0-dev-20220929105632","@chakra-ui/shared-utils":"0.0.0-dev-20220929105632","@chakra-ui/react-context":"0.0.0-dev-20220929105632","@chakra-ui/react-children-utils":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220929105632","@chakra-ui/icons":"0.0.0-dev-20220929105632","@chakra-ui/layout":"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/input_0.0.0-dev-20220929105632_1664449057448_0.2032186240370728","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/input","version":"0.0.0-dev-20220929132459","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"48a00d52c4e8d4270c4345cb3feba65bd4792a05","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-hzcs0NCXwmiPSmENOLpUOxqZYBfWJ7coSgMgpq3mNDNZTHsTd6pgiVn5jG2jDEj6vrzQ42zgYzmdaBBQyHeXhg==","signatures":[{"sig":"MEQCIAoGUiWBjzP1/cZ4a1Vg88nocUXve9D02XZ6SIZhagc/AiATtD1zK3/ERnALW77Cm28X2yU+aUeX+kjJZqrsVvrhWw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZzzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoekg//TSudxMvPUEuWhaR/DiXKpaUqS2QZE7xvIOWyf/ozsXfYxPNl\r\nggU/S8QcwN35rYCTurQnSrQoUlA2UlOozXf0lOB4l0d2Yl+zRp81VzM4hLgv\r\n6yRPT0kCo8wti3kyUdwY19OY28e7QP99UXQaWRQyIwczHJYzTcL2lxshr80i\r\nTrFEqwxJC2sne2WdPFnwZpPGsT3fq9uxw8W6aAgXXxnVMuRujMu8mDFve5Pe\r\n/ICDiHOv93Cdrz3ssVqaRTZYmXMw9HU6CDBEIgtb2x1XkB7z7ps4MuQTOmVY\r\n47lwgZAkK1Vh0CQaW5oNH1A+2mKymcXTMN+O3qpKcDytSGUzKnZjV0rAZWDb\r\nMPKgBsaEM3xgIlO4ViuMoxjoZnyGJsfejj0i77qleFyn2DOjkPuXqBAGZLmT\r\nUjrQej1WFDS4vqq1hWFHSGFJsiXJXbYEEZPkBccAoPPf117NpqqWKR647N1J\r\nhgSfHbwt5RFsnw5s7URMTQaQJURiFIXV033VkbLjmQB9yWsdjpzBX6tq80Aj\r\nFxT44mfIvnP0BAWpwQ0CgO5QRfdFM8YBH8raBV/UUwnFFhWhRgAERs3hDuKI\r\nfyAIQEdxCi9vgfBvK6HkO6wf6Jd5olF+SHpfYj090uJbxok6g9LB/5v/x4pN\r\n3B46qCxqWaVmVaLWriYey2dxEhoCSwX+fz4=\r\n=c9ez\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5e3094df815d3f9f322f1a966acf4b79/chakra-ui-input-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-hzcs0NCXwmiPSmENOLpUOxqZYBfWJ7coSgMgpq3mNDNZTHsTd6pgiVn5jG2jDEj6vrzQ42zgYzmdaBBQyHeXhg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20220929132459","@chakra-ui/object-utils":"0.0.0-dev-20220929132459","@chakra-ui/shared-utils":"0.0.0-dev-20220929132459","@chakra-ui/react-context":"0.0.0-dev-20220929132459","@chakra-ui/react-children-utils":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20220929132459","@chakra-ui/icons":"0.0.0-dev-20220929132459","@chakra-ui/layout":"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/input_0.0.0-dev-20220929132459_1664457970871_0.8491066687767646","host":"s3://npm-registry-packages"}},"2.0.11":{"name":"@chakra-ui/input","version":"2.0.11","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1d37093f2128f3148551b22c43f623256c856940","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.11.tgz","fileCount":6,"integrity":"sha512-kaV0VCz6/yzoCKQnh/tMUVgh+Rp6EnM+WzJ37SVX1gDvErON2bmmVLU45BiRoWUcd50wOhDlpsNVUWP0sLlCDA==","signatures":[{"sig":"MEUCIQDqY+GkguuLmbXo+YOEtHNEBT67DNVuYFyqoSXwe77WTwIgJ4PYgxGQqXLHDHZ1FChrDWtEjhAyd8MaEm9kf/pLvg0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqd/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+bw/+OYZdfeYQM/RZqqgIjnaRit8SKiASIdHxbhOTfL0a3YDrYmpz\r\n+awTxjEZxrSrB4yMVi2amdKrj+hi+v4P7vGvuggRxGmda7vOPLMa6vaEKBvg\r\n6SoveT02rNo8dNAQGhnuqvlmYzSrw0arpnWIX6sKVBrfjDuEG8HarDR0UJ2i\r\nn6r3PQdcjcXHy5tCbEVrOVvn3BUYJtPN5tQMRagzUijOaDbFrGfoENMDfAkG\r\nEYc0XLHBgDFtYFrFFgD5rURlCKx6Y4b0x+2UAxQ7lW+Y8iRpv2cB6mYBUNoz\r\njBnihq4YylSFaQir3UoWx5UsKUY0DWkXunBqB40uEfsmZKpNpI0+h+RipRwd\r\nUaP4+F4UYG01vfxl0vnmQTGm1onvyDg0s8AdJkmjKTnum24zwAzFJWiXXZPC\r\nN12kNyTZYef8r+0f7oGtWvM3qz3APzUQjxxjHq1DQz3m9JtLMCJ0FowiwbRg\r\nMPNjSofJ1vXjqedy9wKI6w8oerg35vuj6E4nIJ66zWzCBT7UiD4FW1h0mKB7\r\naoqRRm5/Ps7ZkJisWh+LWwCc0DKsLr4OkXvMx3D6htGf3yzMD+LnMpDLCbo6\r\n2tkXnvlDTaivn8WPVtJzMx+THbzW3U5rNOs+ucJAxx1WgQoSWAHVFtx4ltTo\r\ny+9qXcNyWlkKX2QkIsxCF26VcI5q6ddVuHs=\r\n=Se/y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-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/aea7baa9e515a47c232e98c4bcde6d50/chakra-ui-input-2.0.11.tgz","_integrity":"sha512-kaV0VCz6/yzoCKQnh/tMUVgh+Rp6EnM+WzJ37SVX1gDvErON2bmmVLU45BiRoWUcd50wOhDlpsNVUWP0sLlCDA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/form-control":"2.0.11","@chakra-ui/object-utils":"2.0.4","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.0.11","@chakra-ui/icons":"2.0.11","@chakra-ui/layout":"2.1.8","@chakra-ui/system":"2.2.12"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.11_1664788351501_0.3056196939845284","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221017063840":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221017063840","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221017063840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"2c627639b394d4b68f7b937130cc2172df389716","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221017063840.tgz","fileCount":6,"integrity":"sha512-vO8yPOs1E7++FW0OyP6ZOH7PdFXjmHhE2UIk+E0n267bUwV8BNLoPkM5bwFWGJ3WMjLksFzcTn9QxoEjKyW0tQ==","signatures":[{"sig":"MEYCIQDFKO/T29rZLt+VZAKC4QrRFw/Oo/G4c1yDwPICiACaEQIhAPL/bmoc0iAzEgzV4ft7jbCq9A+zH167MtRrcBFlJe6i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23618,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTPiaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwJw/6A7FaI0GjBhHgk8DMQ0Ttn43uAjfv6i8Ig3KpzPjN+6h6zRsh\r\ng5bAtBEMx1zl9B0yfjBk8qUyIGi4pEVkggWHmDByp2t4pCAUFC/4/qbZEZoF\r\nUcbzubPID5K33vrEdsmigc5mBF6F+UX4waPz7/9xONz+aDd8uPl8JNepyF5k\r\n7yjFp9jnmBj4YuHTWtGyhrAsGNUcpiMTD6aEYrrVlZo+jp4EoO2rl9ykKt97\r\nyyoFws4BV3KBUC9CMyfYTlInnAIr2GKKvQ+wb+74ux5DC2894H0zSkNOChMU\r\nJ9nNEMSdYVx3Swp1ruP1amBDXKe0AWbrkm8dd/0K2N8Ma25lXJGMtrdwjlV7\r\nUiFDUXBJ/+OpcMSkB6UEM8JxXEvhorOyOZhLYlFe0v++QpIP+q1WX7ozvX17\r\nW+nK8ASO5bth2ByB20WmYuR/up9lxnu1oTjCCiDNkHddJwfl9HwoG1SbKQF6\r\nF3Q7PCWTMlWxwzj2hqoq+x6nP2g8SmmxWld8WJc/8MSkikchNaT7H+bxrrf6\r\nNDAzOHwkTQX45I7rV4kAoe0vN/IkkjJFF1LSmD/bFrJeuWiuiSBSm/Qk/0j5\r\nRRIrSi6Ua4qeIRku1M7s/nEq21v4HVJ7JbNeoIujq0Sbn+femOvLxOcGHzbs\r\nCZ0pgpSVPkuVcVglihLAy5PQQqemq3j/F0w=\r\n=RJea\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221017063840.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/9bf090c5a54ee325a60b9d4ca1abb92e/chakra-ui-input-0.0.0-dev-20221017063840.tgz","_integrity":"sha512-vO8yPOs1E7++FW0OyP6ZOH7PdFXjmHhE2UIk+E0n267bUwV8BNLoPkM5bwFWGJ3WMjLksFzcTn9QxoEjKyW0tQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/form-control":"2.0.11","@chakra-ui/object-utils":"2.0.4","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"0.0.0-dev-20221017063840"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221017063840","@chakra-ui/icons":"2.0.11","@chakra-ui/layout":"0.0.0-dev-20221017063840","@chakra-ui/system":"0.0.0-dev-20221017063840"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221017063840"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221017063840_1665988761883_0.41334119289381","host":"s3://npm-registry-packages"}},"2.0.12":{"name":"@chakra-ui/input","version":"2.0.12","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"332db53a831daea4d76e1de6d3b4462fd50ae167","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.12.tgz","fileCount":6,"integrity":"sha512-lJ5necu+Wt698HdCTC7L/ErA2nNVJAra7+knPe0qMR+AizGEL7LKCV/bdQe7eggjvKsDGD4alJIEczUvm3JVUQ==","signatures":[{"sig":"MEUCIEZLKXyhHGnCFfAK+eM/G+fY11ugb+Bnz7nypUGjl6qzAiEAxz/MtmJGt3KoMvMR1ih+Q7Yqtven949mJTYpOMQYD1s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23507,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTQK1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKOw//X12msW54X+mOGYErYk9cZlIEj4mUIDumuxhlfJ4mmNXuSRc5\r\nuFMiAkRjwf56n6Seu8vi4TZXtFK9+lwuuGoxqKLXL+9hsLNgFXf5nA3FhDOc\r\nwaES2v0ZIVZ/uP8dwa/yBRKVOu5wnP8XyDfOxa4G4hVOV67wfKoalgHp8poy\r\nshPqAK7MELKdRr8rrxCaeof82bZO2pKFkQtOmnAcjPtr2qGYNg74MRtxrMa+\r\n/hE+QeKU6rO6xeWfKD/tpz0N8QvI6zG2jsCe5T8lAgkl9OVyqOoTk8s8K+x0\r\nzv42C8ZLt0xk9bO5GwLSQEmN0WQUYocvIG6JJCiHqXkbSvFNwOSJY09Zr+wa\r\nf8SAcZcgdmQtfWy31OQnz4nc+L3yRS5g557fwwr1T1JvlpjIJM/Lj0Hi66jN\r\nZt9xy1Rer2L3Nlk6UT24/Cy+cJ1sqPit63hBWUPHAAzIgDnb5qp8fzu52OLk\r\nae06EgxWF+g1yuzByYssF0NLVxj6GlwrS4t5+4fOR13D6f0Ap1yfZgMjUeO0\r\nEr8qAmyWjqYH1qeLKxa1K62ymcTs25CM9XPIRC2nmkS2EFqFIoMrrbv+Ixpw\r\nhlBN5QLNY2hJfDzz0gaCVlFUow21HKcLtQr/3VYvWYNODDU9WKk3NW+4KRUb\r\ntGVk8XOrKNF6qWj8Mm4nkw6tPxYMpCT7c2A=\r\n=8LKv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-2.0.12.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/e4e1ee04959b4d0bc4225a02fc52672f/chakra-ui-input-2.0.12.tgz","_integrity":"sha512-lJ5necu+Wt698HdCTC7L/ErA2nNVJAra7+knPe0qMR+AizGEL7LKCV/bdQe7eggjvKsDGD4alJIEczUvm3JVUQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.15.0","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/form-control":"2.0.11","@chakra-ui/object-utils":"2.0.4","@chakra-ui/shared-utils":"2.0.2","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.0","@chakra-ui/icons":"2.0.11","@chakra-ui/layout":"2.1.9","@chakra-ui/system":"2.3.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.12_1665991349600_0.3059275476374774","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221107161407","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3bd04e71e563d3aedadaff4593a99deb58ea3323","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-FPkBufdIicznER5bFZbtYyoSkYBHNr27UP6wPf0QX9B6LjEJO7GoHRk+Bk30rWM4Xlsysu3+12XWoxUMDT4psA==","signatures":[{"sig":"MEUCIQCF7OGbDWZR+/iUXEunmfHH20fVxE9VqyYHeTFMS31a3gIgHT6tJfy4pmM/Gm30ZH4eoUKfeYmLyVQFyrcxn86xumE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS8XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrDdA//dP7IjlvKQ2dJICyvqyoVxW4wFhlHSQ4gkq166eCXru+q3r9d\r\noIrLPVUG9rbJ5KQaopD78StrbGBmphws7P1S4nGO8wdM0DTLr9fLwOAQtnMt\r\ncXw9izq1NScTzpp4m1Lzpoia1zPQrfI6K4zEHwUaw0bxBnwkxasW7Jp0H8x4\r\nyNoaCIktCgE2+lmiOKD+W+EqbG2pExOQYVjbHvE7LtraqwITMe7iU0weLtER\r\nn9CkXBqOiGCcIevVQ+QI5plAwY/wS0hk05ysXjnTaI10PdVT0VdEjoHMt1sY\r\n5GOImgHRB550sjuCa4zSj0GDfRqVAb9vB1yx666Aaqb5TUkACv6TOqFjXzee\r\nQrVKmoPrINKzuWYvvpWt88k4ic6Ii5zlmUUdQHHYKo6CIRdGCDZdeMVu2KfF\r\nskzXPIgF0TYCyzXOlhxnPGysZ8BDnsb/ysEopS3E7/a/ur/Iq6XvFPPQctFS\r\nu4Z+CmJ16UudP9+QTFA3Nkke/3NLsprigVwntnbQ0s0PDzgIR6LDbL8H+fZm\r\nFG8lz5h6CQY3w22y6zppjejzTkfjXh9Vse1v5I75VcPHzQK5Q2U0YweLvjIH\r\nkVsoCwtzgc0HcOkmBjBfVEzIEcD5se+0cl45Pm7RVQusil5aCdnlJeudZoZe\r\nOL2jO5NHP42Dj2gLbl+Z/3dx7Xuve4xoB5U=\r\n=1Z6V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/70856a4c55f66297beb1b52358382b48/chakra-ui-input-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-FPkBufdIicznER5bFZbtYyoSkYBHNr27UP6wPf0QX9B6LjEJO7GoHRk+Bk30rWM4Xlsysu3+12XWoxUMDT4psA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221107161407","@chakra-ui/object-utils":"0.0.0-dev-20221107161407","@chakra-ui/shared-utils":"0.0.0-dev-20221107161407","@chakra-ui/react-context":"0.0.0-dev-20221107161407","@chakra-ui/react-children-utils":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221107161407","@chakra-ui/icons":"0.0.0-dev-20221107161407","@chakra-ui/layout":"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/input_0.0.0-dev-20221107161407_1667837719171_0.5238712062942348","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221107181117","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"90d41cd1ded6b306a3983f664dda4338aac132fa","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-fzc9wujqc4PAJ/3/aCyU1PToD9cO5/tgXtnU5ORH/sLuR69rVTkraH0BjbPE8ruEXKrvbFPPivAVQfqCyms2nQ==","signatures":[{"sig":"MEYCIQCAp2WUlJ3rNRiCseqa+M+xr+0Jymzs+ys5we/nKA8kJQIhAPEvD/a2eC45M0/b7k1dTr28PRW9K4/RSMLnjzbkeNWl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUqEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+2A/+Owo4HLEGmx6WrArfH+PCMbPm3K3cFgstwjwL2rSyJy6lAtTA\r\nCu7cGJ6xCDJzbODDLMQht+B/O5l1e65m4I7J1+G5cZ4+wJHcfzm3DSIYyugz\r\nn2iGD4C/nQUu4/nBQYdzUtyvGWdvqGyzPdHQNnz61V4NoTzujksOfjikqySp\r\nvxxqtl9Fa4TxA66N5Rc9BHza5AjI1m3JVccK0fZeV/rsg7Qa8doJzlB1g0LT\r\nAAGsuMr5zVQ6TsMKWSWWG1rdJvPGU+7fvGcD5IJQGA9nM30OfVSD31vmqKDD\r\n+IxnA44hv5eMjS/w0fZ2yRIX7ShMe9eK0UuX6enGSlbGDMF+Qwz4z2baY0LX\r\nPSSI7Qf3wljkPCz1q11HQR6xEOGpBNhT8sSV3oGuWoE2dC6jY0MV7v7Le29P\r\noOGa0zgYAVZFnYRszFrrByT6vNSFO9wsyz0tnd9kUp/n2pfihBpyST7TXD6M\r\nFFhwbM0+7Uio1rYO24SttQFkwhMIMe11awYZ8plG+7KPZtu7YM05JK2BaMVx\r\nEuQL3f9LVK2tA1ubCRoMFT0A6FqcIj0SOpjAbutbiq+7vfBxdJWVj+daBVsU\r\nsbraIMGC1MfHaXnqkDgrMLywkxZw+mxa7dKVJvdDulcn4cPG+p/asXnlToen\r\ni/rKdBMkuLRISc7Ek4Di5XAJEY+7kVaoXmg=\r\n=TDOj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/6389b4b601bd5428aefd7c5056b339d2/chakra-ui-input-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-fzc9wujqc4PAJ/3/aCyU1PToD9cO5/tgXtnU5ORH/sLuR69rVTkraH0BjbPE8ruEXKrvbFPPivAVQfqCyms2nQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221107181117","@chakra-ui/object-utils":"0.0.0-dev-20221107181117","@chakra-ui/shared-utils":"0.0.0-dev-20221107181117","@chakra-ui/react-context":"0.0.0-dev-20221107181117","@chakra-ui/react-children-utils":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221107181117","@chakra-ui/icons":"0.0.0-dev-20221107181117","@chakra-ui/layout":"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/input_0.0.0-dev-20221107181117_1667844740739_0.36261490273653973","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221107182607","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c1bd56bd5ffef9ecf0d6783e770bd6fb0f2d055b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-D+X990cnAGR5lowaEhQm3ldwjnVKpAAze3DF9Dm1t/EMwom3lMttEaoKIo6MCdvR8/0SpsVjB0j7WGqh9rVVfw==","signatures":[{"sig":"MEYCIQDK/wjRVPSmPhkSH60LmAaokJF45SBEFNj3DOCSbY+ItwIhANP6lBAVJpFDYm3WeAq4kvMFsXUZRrirN7WM9lSf8wXL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU36ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWrg//dDYqLo4EZPAZxJ+IN6TlHwLNPF/SgknRwX7PGJL5w8gstv0h\r\nrSK4tFalPbWqdUNnOSMxWSaFkXVwWy2avuINdGYukvJICCSyamJLhqXEx4z4\r\n2JgBNDIpbzNfzN0MKqPAJ+/AK01W4l7Ze9cpcQkFm4bx2HeOarjp4BLhzqC7\r\nw4/jVAfvVnqMZ6OJ1fc2t9MQxX1t83AFkqdcHTLU+eEDy5Ek4HSoCA7mSxWJ\r\ncWVT4iop4n8As3uqG3y2e3KzqjfdZsA5NUnEU1U7Q2OLqxVB7ubVeWThy+tR\r\npO9+w5wDqv4cnVPu7cGYUxiTdKydxybAek7WWgCtm+LWP2QnYyvJxwPnEoDt\r\nelPZN/R1q7c06L1sAaDYk2eXnD6s0oWYI47DUPoV0/oNFwA4WdSshJtfhMF2\r\nxOfE5T1Cq/XrdWB6LA2mw94pb5EH0tnVH58QnOg+Zs1RSA9yuYCF8P7Yd0We\r\nLOLD7sI5cOeNW5cGNsnZ5CFiS9aSQVQkjXfS9TK4d0F8Fafy8U43doyDysKE\r\nH+c8C9zocMvoK6VyflpsTl38opGXoImab4o74PtwIlhluRZ43evlB5hZ0pbR\r\n6GqsxocqBadaCbeHBPZa0ENi4HXJT4Azcw217qnvjKDzAuxU9Khp196G8frX\r\noNaA9geFarCXCFwjYkjeap666MSTagG4AmI=\r\n=QwPf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/78fe27c6f32e46b2a6aecb8cdd44fa84/chakra-ui-input-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-D+X990cnAGR5lowaEhQm3ldwjnVKpAAze3DF9Dm1t/EMwom3lMttEaoKIo6MCdvR8/0SpsVjB0j7WGqh9rVVfw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221107182607","@chakra-ui/object-utils":"0.0.0-dev-20221107182607","@chakra-ui/shared-utils":"0.0.0-dev-20221107182607","@chakra-ui/react-context":"0.0.0-dev-20221107182607","@chakra-ui/react-children-utils":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221107182607","@chakra-ui/icons":"0.0.0-dev-20221107182607","@chakra-ui/layout":"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/input_0.0.0-dev-20221107182607_1667845626803_0.8382601569961372","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108071844","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c9b2d28881ae0be630ec8f80e7fcb41ec52e7fa2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-dF750puArapLiN+Od1GMJNuZXFQk8TIrs0oM4PKPIGu0DZIcMqclSV7z23JNPRgvR5uW7Pq6t+sMHS60pmD6Ng==","signatures":[{"sig":"MEUCIQDGjJBlaF3pqf2V8oV2/pjmHTZbVPObD4Vr1O+t1E/4uwIgEIThwvX544PevXdiaEpMAyD8+e2tbgkW3z81dsEJna0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfJQ/+M1V0rLZNpUtLaYxrnwo8jJCiTm3G+cceZO30vK724Jwm2lIT\r\nikD2JpE24GZcY9tESw6rkYmM90k8iXcA14V7LXn06Jf5l1yKeDhx/jk9rt0S\r\nD87CRRXJu97Ltjn2qmJ7GWrns/wRmbEi2/Ow5FJrnA5lzfQSxdQvxhOlvclK\r\np66m75ZHy4285ND8AGNouw5YGVtZrlaDRXA8BnuQ7izcB2YEXr4cB+vCrk+q\r\nKP3nuFPb26NiBOGe0rp0CPyi1ReNGQMBPV1zA5nnsnxTzJ/hhbps25DoUTUQ\r\nbjSkTISWz4w9uIWPhr41p74QzaC2DejrRGcRIBSb3mvQXoSbVSHprcfSltvp\r\nYPiBqv5tVvtmCT/HI1LCmcwhIcZwsWQ3kcR9DdVgyCXo6JDv15zkwq1/GnEo\r\nLfIjSdQUXaufMlo5cgMo2fVYLSHdlMXDAWxzJyjZSfxG6LCXP6oPvs0XkmA6\r\nvtXhdPqpFROqFpH9p9a1sXb2j06zwGSd5hY0IZTvtdIuZQ3W2xxfxelgi+Tx\r\nbqJbFmEEksDH5k1MEpN+nMzBKY4DnZCet66Bwb7GzHTT6pj1P0S9cE8JorN/\r\nn6nOlMBI8/hCIEjHuqxKbKuKpW1gbkQxbLL5c8M9Ysq3N20n0G0yW6H/nrCH\r\nTm27AvHh5mr7Yixj764DOtb64fo94Me8Fcs=\r\n=K4RL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/4731c07f2d5162b155355a193e482c21/chakra-ui-input-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-dF750puArapLiN+Od1GMJNuZXFQk8TIrs0oM4PKPIGu0DZIcMqclSV7z23JNPRgvR5uW7Pq6t+sMHS60pmD6Ng==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108071844","@chakra-ui/object-utils":"0.0.0-dev-20221108071844","@chakra-ui/shared-utils":"0.0.0-dev-20221108071844","@chakra-ui/react-context":"0.0.0-dev-20221108071844","@chakra-ui/react-children-utils":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108071844","@chakra-ui/icons":"0.0.0-dev-20221108071844","@chakra-ui/layout":"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/input_0.0.0-dev-20221108071844_1667891987052_0.26655047409446797","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108073543","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2577578998b7ffa891ca7e1495ad6171cd84e2ad","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-szYFHeECIpt0Szwgo8OwOw8AqnyricaUBNVeBewBLQOadf35cMnSdv4hV9uUfJ9Ud3K02sc748XsYtt69jhjfA==","signatures":[{"sig":"MEYCIQCWMiCL6+axDK6Hpl7CNijavSSv8lY8jCA4mFReTN6vQwIhAJ5mn+ZsCPQO9vC2mCkE7/4Qucgn7n8bPHZyfa6Gbl4I","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQJRAAik9Q3JWKW1mCIDFW1690qOh60bvHsUvyiGgtQjD3lZEADDxP\r\niGuV+QW1jOnahNwLBV5HbDnbWQR5MknaiEZ45yH8ziKawCTCucqjG6fodlzL\r\np8Kz4qhK3JQswHq6hwzQ7oK1jJVlSR9487kfbNAVhHjxGvx/LTYKkig+AdCr\r\ngK/txMRh38Y5V0tmoXTP7CcUlIXRDM6YO0uosLGiQRUPDEB6FLigaVyfS3AY\r\n1FxyMp7Sia349tjMJB5WPysci1K6O8nPc/4Vjw122H2vj9PR+sGfoPyXmFld\r\nuteY2/w7bl2QT7NIHk1CPY0b02ZWVkEZayFqU2He7bfhT0zdkBzGoXbh+YQ4\r\nuV8SQeosGeXHlU21qixCcGLMBUjfLQkUKFa0u5XiB3YUmp9xp1M9/z8HbDHi\r\nMe/iuHQ1xzL8UXTcN2GAYx1eoT30g1fiDLsiuhZvjZJ7dwxGKwBEyeOJCwHz\r\nzO2hNRYKJ4y+RnzXAgDGtSBHIFP7ruAdSDYyWKA6mkd+0X4RbaftHwNGWgxU\r\nEcE8g1txkzD96c4yNsmRj56vdToVBa+O4e2GHO0rspoixHRJrfQEZFNgr07x\r\ntD++oMACGzM5whDIfHNWhGrU1kgYVMc7DIxYewMyP2C2ST2TdL/npFvgEfH8\r\nYSJOfKhcLlZGSzKicMYgC/zeR15q8/3UteI=\r\n=UKHB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/8d6489f1d981de42f682336811b0b641/chakra-ui-input-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-szYFHeECIpt0Szwgo8OwOw8AqnyricaUBNVeBewBLQOadf35cMnSdv4hV9uUfJ9Ud3K02sc748XsYtt69jhjfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108073543","@chakra-ui/object-utils":"0.0.0-dev-20221108073543","@chakra-ui/shared-utils":"0.0.0-dev-20221108073543","@chakra-ui/react-context":"0.0.0-dev-20221108073543","@chakra-ui/react-children-utils":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108073543","@chakra-ui/icons":"0.0.0-dev-20221108073543","@chakra-ui/layout":"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/input_0.0.0-dev-20221108073543_1667893012926_0.6071164033832732","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108075029","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0244c906ad63c9b6c25fd54d2f7315cd8907762f","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-ARInc9B4RxTkwIQGqQp8jKis+XIVJdXwCw3yyeUCh3Ppkdno2kD4eNDPbVPXhE3vZ1dM7AHabpW4JYxJFSf9ZA==","signatures":[{"sig":"MEUCIE7MAru7WJsCqB8HZUM7pL4lylhFEFY1yuN8ih0kjOuzAiEAvqSjcHClHYux+FzqyoX3YiWSdhDCS3C7R2bGylHWl04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagqLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5fA//c+/76jG+0GQLIWaqZO1dWAEMmJkxJXa231PLqGsAq30ayDyE\r\n+J3pzMWeZ/P6+5oHpf42bJ5MhMhOqaN7KmQ3Wh8C42pVUlm/SaGGpqng6kOr\r\n4xSs7i7KfDVke+i/oZm13Jd3yTUrUE1h99RO3TDf+U8Xsz41ZT3ySPtRrdtp\r\nYvh3UhnX9oh63WrzDaB7sAZF8NqJpZx2v+h1j5AKw0OKG/alLPw4r2PfpXaP\r\naeYliIPMsUMaEr9Y5DlzBJk3jBzaFQ5e6ZaeI0efm/ICS+bpWzL56qnlUcxl\r\nC5Yw/Q6NIAkczFm0CJyzcyKCOw1hf5F0iqKOxc5wbAM+p1L/eMrMJMtEumaW\r\nr7mTYOAajJiYHW6LHK04Ci44BX+Px5kLFFRAs80xRwYJK9zyUhAHQnkRqufX\r\nlVcXyox8w215XWKTt1G5cH+BGSxUfVwKtv50/w2akURvYzC3vePd0k4Qgzu/\r\nO1LJA6Dknv/CoVZ/+TW78DK+7ychvzk/J/VApqWEic8ViDlVj7SsMrVzbvCO\r\nSyfjt3lB39RIcuRuhujqJYONgEnTUHadiljQ3+Vg8CFjYEJmA4rCsXNLr938\r\niGyRD8/RLwpcC+9ZvUM5WyeeJ00wTwf5VtToFvBXNBByD0zhqRMIviio8ttA\r\nKvC9wywfyQSTf/1rX+7Mvi9NSGESSxuqYZs=\r\n=+ehk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/7fb8c5864efe93ae676cadc0a1b07cbb/chakra-ui-input-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-ARInc9B4RxTkwIQGqQp8jKis+XIVJdXwCw3yyeUCh3Ppkdno2kD4eNDPbVPXhE3vZ1dM7AHabpW4JYxJFSf9ZA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108075029","@chakra-ui/object-utils":"0.0.0-dev-20221108075029","@chakra-ui/shared-utils":"0.0.0-dev-20221108075029","@chakra-ui/react-context":"0.0.0-dev-20221108075029","@chakra-ui/react-children-utils":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108075029","@chakra-ui/icons":"0.0.0-dev-20221108075029","@chakra-ui/layout":"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/input_0.0.0-dev-20221108075029_1667893899242_0.3313589541321158","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108083411","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3f783f28a9579fb40b0383241d0c0b341abaeae6","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-M/p804WkCuA05ivVNjo4SdjvNKuZROxuXxui7ZLhBdJZ6XOBpVMEF06m2ZkPGrOX9PZ9WD4oMI3lDaXJ5Miehg==","signatures":[{"sig":"MEQCIG2JEk6YNNArApfZY2UKA0dyMeazWVdox6VAQthQMhY7AiAG4IxsRf6dcChZeJD43Lj4tjQK7VbFs5bQP/FEj+E9EQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahS6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQDg//ZJN7fm65/Ad0duW47qjcQDj42IqampM7nciRZW+PN9tJeUEc\r\np1KAU8AOj/1TeWHsU2Qxw80c7fmFU1B8sTv2ReijFDSDSnz6gYEp7qSUvMZU\r\nQPF1njb/vVnlEXFJ2j+tuXvdZ0RquzCSqgYI7ezsQIBnFC7xHiW8CYHHxw+L\r\n7jwYi7GQrlyadDobF09mvBr1kvlfuw7ripjQTdJ2mJupV3PKIDIoDykb1esf\r\nLe+dW4AHi1RCbuk0ZljgvofysKX7+lPj8ThbTQHkjM5aP91cJaFEVfVQ5/NQ\r\n8Gu4QOgfmgIoxrIxqj5yLG/IyHIqp6GVc550fQY/n0dkR7DjRAZd2RBWsOAz\r\ncJ0DrMt14Y5IcNDtW6A0ZEsNk48JCmWsHMNE01Gcxx6fWU1KPMg+swvyrqfA\r\nNw9N2C+TvjFSw8u2yCJZPiVeTdIoEeOnstmQI1y44zgd58XR5anAMUAUe8Mb\r\nL6oIDtLrSsES1bs+Q01cM6kNaVO/Y9+q2XIy32hjmoRpC8lTuKg1LQOQ3JBo\r\nY1SJlRtgWqJqc5j8kFl896rVZRROXe/ff4bRR/6xvAtt8uAd+xydvhcXxjs/\r\nBV1zQo++Z8FbmevEb6HjFbrUFnQUkIqtOKiF9j9x73NI/jm4S5B8mljOczHB\r\nD3JrbUzT+gRBX4qMMSB92Xd1HpWWGHzBjLI=\r\n=NJvo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/23a2d81daf50491f1e1e9c79fee62a8f/chakra-ui-input-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-M/p804WkCuA05ivVNjo4SdjvNKuZROxuXxui7ZLhBdJZ6XOBpVMEF06m2ZkPGrOX9PZ9WD4oMI3lDaXJ5Miehg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108083411","@chakra-ui/object-utils":"0.0.0-dev-20221108083411","@chakra-ui/shared-utils":"0.0.0-dev-20221108083411","@chakra-ui/react-context":"0.0.0-dev-20221108083411","@chakra-ui/react-children-utils":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108083411","@chakra-ui/icons":"0.0.0-dev-20221108083411","@chakra-ui/layout":"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/input_0.0.0-dev-20221108083411_1667896506101_0.7929002558113147","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108090938","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"357ad04685770eeed9d05e800531526a8038aa43","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-bZbQjh328/65F1kM/AmLLTtgUgmzj9pHfEkFSz7GoBo52gQvF9CqnIhcbcN2J1AXDLChzFoGXInjrx1BDQjIMQ==","signatures":[{"sig":"MEUCIEFWMSof7qNLaz8rhXIc8IxKbACyreCnUnvhL3jv5k29AiEA/HYgGtjfmhctpzWOMk1fF9P7/Zd8+RyfnkuQ1dP/BEs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdVA//dr+L6cCzZd/vgQ6oHWuQW3nPur6Y3bQMGwp7x/XE93sqSGv4\r\nTPTcv1k9TJ79jYh4TLqeRY4fobJ7AOHGEcsdes6Q4p92nE1liI6zJouDkf4Y\r\niJ0vHp2J44+sw2ALPg9ricrLtFTXA6Z8CGGrZ8OkV/mCM3Cjzo3LI7UsVRAn\r\n++mWlzIbrHYzJOe+SikvrRCBY0oaDb1SiS0MIAZFxQX+5N/hIg5t3/cz6PZe\r\n24E9dXRfy9jSy9uf83Ypm0TuIRBD9FmJg5XiZXQIIHCyq0V5GT/cdglqjuPf\r\nE97DHh+Z6PanOPV9QIC9PXo9geps3GGpSUUCob72JzVVuHgub5ezoBxCj+X5\r\n6+SGUXms0Di85NJjY6ETdnFnYwapAkLVQcM0Ou/JW8XV/I7MBzrFW3GEAjCT\r\niVFftJIdRVBut6O3TnnQgQk2BFtL1aGfCtLGTR4HkCl4DHLWgB/9Bpv9uPXA\r\neeoWwXp5pSmu9FVGcDqbLv7yGAmAnC7ks443U2kJQb301YSBbWSWAx/+R9kN\r\nvivYpE0liBJG5OMkxBBjIyR91aqILaUGXjkvrvGhGN3684F7kQB6HO+tHoEw\r\nek3uyZT6fbOuNhz660FZJmfAqWEFjr7/EiJz15ysrjVK8gN5/uDKaVNQb6DX\r\nD36fIyeGVDAjGUJKpgkMIKBQ2D2ZXHqW0y0=\r\n=ifUQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/bf0578476c16d1f31427f69d9e305b2c/chakra-ui-input-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-bZbQjh328/65F1kM/AmLLTtgUgmzj9pHfEkFSz7GoBo52gQvF9CqnIhcbcN2J1AXDLChzFoGXInjrx1BDQjIMQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108090938","@chakra-ui/object-utils":"0.0.0-dev-20221108090938","@chakra-ui/shared-utils":"0.0.0-dev-20221108090938","@chakra-ui/react-context":"0.0.0-dev-20221108090938","@chakra-ui/react-children-utils":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108090938","@chakra-ui/icons":"0.0.0-dev-20221108090938","@chakra-ui/layout":"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/input_0.0.0-dev-20221108090938_1667898649503_0.3012168192833906","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108093520","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"6e5d634866e29601b071d0c8cee56c836d6356f8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-IrmpL+Z2QmqOiRm32Folx6M3SCIt8XHUYkv0IjKwVtoJbXO53Fo9pAHcqwjbtcfwt9qJNX7g4EYj3cMZvl4+Tg==","signatures":[{"sig":"MEUCIAeFM4SHHOj6/TtW9ae6k4tchbixBxZDeVpgniPMqIzrAiEAmg4f0AW3x4fBv3D0H7Cnq2z69E0DRvY1TJbNjwapE2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiMoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEsw//Z0WrdZQGBNIYNY8D/tA7/fPu5HDzWIHyuK4UIwjfCZ1uI5IB\r\nTkADqQw6VvUeUe1ydEl/YmjEaMA9W48MeYL8XPnqeefFOr7psW0pMkZu3Pn+\r\nZc/RmviP+7KnHnSxZ7HY8oGXRxfQ69E+v90BbYclic3y8rl/SCJIHn/UFc6/\r\n5mOxaeIWrb9B/d324dyAAIQAlMDj+n8zhVgt4Mhum2TLd7ZbpDBxOb0BR3Bp\r\nozr8KynAEIJcbOmG31X+geV81cAfSjvvwx7nH/BoLw4z9ZTsKze2Va0DJeYp\r\nPw8cGermfFkOgQIdS5FbHzNXFGIim6DW3cCFptJEeYGwRbypvYEKANOM4G+b\r\n1DrZpHtgV0Tjjblkn+JKLpEy2/X/gEZ58fi4u8UdYL8mj19cIfpGHQfG0Bsy\r\nTmPRFqrNUMpHWcpLL8GES+XjNUP/ovOKKBMkB0Z6gEbeK2ETCW+DwgipzLbS\r\nJgff6K01YHeGtfZbUHK9RjpyzBnH9RedLvGx0lv2rrB35/5HwXluAoOzXYxU\r\njN8t9QctfkCB+y7HB/3PhoxmEf62YB32/qjIRFlGSElPc0ZF7sRkBXb4Kxv/\r\nm7GdLKGz3ebim/UroK64gIIDSRTUzOlNKA3bSKdY586Fb1i+QUFOj9YlYYP2\r\nWGYZnY71VMKfG4s5W1EPpapTprSvWlU2JBc=\r\n=ypLT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/50d92136c2bac530036b5a20156e87d2/chakra-ui-input-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-IrmpL+Z2QmqOiRm32Folx6M3SCIt8XHUYkv0IjKwVtoJbXO53Fo9pAHcqwjbtcfwt9qJNX7g4EYj3cMZvl4+Tg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108093520","@chakra-ui/object-utils":"0.0.0-dev-20221108093520","@chakra-ui/shared-utils":"0.0.0-dev-20221108093520","@chakra-ui/react-context":"0.0.0-dev-20221108093520","@chakra-ui/react-children-utils":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108093520","@chakra-ui/icons":"0.0.0-dev-20221108093520","@chakra-ui/layout":"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/input_0.0.0-dev-20221108093520_1667900200539_0.7041183634041943","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108100218","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"293fc72f2af70f0e9a8b45e737e3a5a602a20f83","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-z/uAMXuq4DmOc77zLveJjOpa2vXzzcb9ZbVkRA2FkyG/19sfksFC/jTsty1c7qbbk+1RwbQjYqwd8ApL5nLejA==","signatures":[{"sig":"MEUCIFAI5s4ATbDz/11eEAeAGFJFccZM+z1Bnd5V6/7cf75wAiEAwYbigDAqzbux1/SB/C92NCfPiKgm0G9nD8k9SdMNPd4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjail6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3sw//cc6IAkXjWOYzZtNMQE+c1wFI/FCVwl4UQoUX7j9qVk4DynQI\r\n8vdyujn6gHohSWdRW8fx+bGWYyG0DacVII/1OtlvXBPt9SuPIFaYnt7sgk5H\r\nOjCpIVxe/cxlQ0nfKztq+qvpux355O1Zyf/0XxMR5nYsAuq4BcX+ZYn+cb81\r\n1Rq89GaNfYoGJ3Y7pjQH1DtC6D+YO/gB054EjdLasB8HLDA1TOW15D7mErpu\r\nONxMIVhbh+J6YuldM6k4Fwknd+Q1Qa0FvbQoEaS1dKp7jbbKGmx37uU83l/y\r\nXsaGv5+3b/AERjEZ+xSfzwF7kT35n7hl2fruws5/Up/ApSPzoJnI3sdagiIV\r\ntU1u/y9Yer6lB/r/Yg6tyNdETqhAm3wD1Oy1h8NN9XHgGDjdwvMdEtMiwG74\r\n1b6kOm0cnjw06LEqWZqmIoDsOms6UA1kGJZX1fgAWDC58BLtq5JQ2vZDw8ut\r\nzlMiGXwf7Cw7SfTiGluMVcpj972zNOtRtGmyfbuNiJPflZx66fiIeNHfPGZf\r\n4buFiSF0QwEc0iNHMJridZdif3zysTW1H6VlUne4+lQ+tQw39R3wW0FWIm0a\r\n37x4fH4tnoPbw2xVdrDcitv4bheFj5EpqNa4Cqr3G6F9IiAP74V/2U1tO+AZ\r\nqqXESqaM0TUCSANazhwyiQYU2j2/7DjU7Io=\r\n=/HV7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/166e19f2d95e590c48ab6f4e7190f565/chakra-ui-input-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-z/uAMXuq4DmOc77zLveJjOpa2vXzzcb9ZbVkRA2FkyG/19sfksFC/jTsty1c7qbbk+1RwbQjYqwd8ApL5nLejA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108100218","@chakra-ui/object-utils":"0.0.0-dev-20221108100218","@chakra-ui/shared-utils":"0.0.0-dev-20221108100218","@chakra-ui/react-context":"0.0.0-dev-20221108100218","@chakra-ui/react-children-utils":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108100218","@chakra-ui/icons":"0.0.0-dev-20221108100218","@chakra-ui/layout":"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/input_0.0.0-dev-20221108100218_1667901818151_0.7485303004421826","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221108124603","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9ea268a739872b71239575fd417984820a09a1d0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-Gsl5mfO35jMC/7dONK0JCAyewy455ZItkSkZzoeTS7kqf284eFurjL3CIvEntobfUw0GJZMxQjfm3Kh5gHd5Og==","signatures":[{"sig":"MEYCIQCoyDVe3lt1iuKM4OgBRtdEGxyomYAmZytiK6MCKm/VRQIhAJAU9yb8VCt35cVOcKnCUFIraFqI5xgd7FvEdUNBOIVh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak/HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqnyw/+N6YBO5jl+WV0/oiijs+ENNzHiCtkCjM30vcWoMICTmM/A/PU\r\n+d/q5J3kULOAkqfBl9JT1t+xSDya6DyLgelTLYpqolwYmr7EeiuJuCqhS97f\r\nyW1CAepq054jvvWhCOtGO5PDxX8p6IVxW7vDzaLg7IwbBZUmbF3orHbjOGs9\r\nnD+YiXDqZ6RKDxWtdfpeBvoFds7cEPmNriAPO4tSdm9dDglH0JIPiU8zCx/V\r\nofsKljaqpgSsnfKsUVqa0Hc4tKzIMnjGz5BMSabClKF6sD9tOdomKHXh/3n/\r\n3lX8wffLbAlD3sStbkllcPtGthMpDNBAvl1xVj9BdtDJRxYzpwRIqq8rDTDU\r\n7etiY/iqEhc0LgKkAvNLqtHobu9U8QPI2dcRrAtIAj8AFqt3LV+tHZhLFzlB\r\nNpsmnMMN/HrQTSY0JjZJ4KA1I08eAc/5H6fk8htnCyrSqZ8nI7nGgblD539d\r\nhSa947IiKAqqtEJwQN1EECf7e2KRdClhJb8LD7lw46we4CQj4q2wE5ObS6KJ\r\no2rMDj8JNAz02mghKxWXUkKtcgALKSwSEiJOS6PgqLeRj0nhCzeiT90JBo4W\r\nLm1SKJiQM+wotMANw6Q8rfb9u588jU8e/vJJGPoT9nswfHz4k4If9Wg0i2F5\r\nmhtfrwD0TnaCIFxjWP+eFNS3mVWeLAvVZGs=\r\n=McXZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/64ed5195b6c7236349190f11bafd28aa/chakra-ui-input-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-Gsl5mfO35jMC/7dONK0JCAyewy455ZItkSkZzoeTS7kqf284eFurjL3CIvEntobfUw0GJZMxQjfm3Kh5gHd5Og==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221108124603","@chakra-ui/object-utils":"0.0.0-dev-20221108124603","@chakra-ui/shared-utils":"0.0.0-dev-20221108124603","@chakra-ui/react-context":"0.0.0-dev-20221108124603","@chakra-ui/react-children-utils":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221108124603","@chakra-ui/icons":"0.0.0-dev-20221108124603","@chakra-ui/layout":"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/input_0.0.0-dev-20221108124603_1667911623294_0.5581385508313157","host":"s3://npm-registry-packages"}},"2.0.13":{"name":"@chakra-ui/input","version":"2.0.13","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"6d445bccfb9e59eada70e9a8e47fecda7bfe03a4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.13.tgz","fileCount":6,"integrity":"sha512-28K033kg+9SpU0/HCvcAcY42JQPTpSR7ytcZV+6i/MBvGR72Dsf4JJQuQIcAtEW1lH0l/OpbY6ozhaoRW5NhdQ==","signatures":[{"sig":"MEQCIH4TXHT6T2TMtXElZ7ODVJ9ddPxC3BOxzdQR9LO1uhgzAiAUvcITPU2R8ny+5EGrsLbJkMdUPfAAS5bq8uL4lpkiTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciwkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmok5Q//TbqGpIH4l0/2QlaX1OA38mSV+H1867Mak9ZeUauMu2iv8xKE\r\n35cLxtZCMAzjnfnSrJ2HJ33WVTyJNOb1YuX4Ztw7rdPFiKkUN//NdhAYmAow\r\nGzbKOUxacwq2Fxl/vajbMsu3mgiEjepxkyDck4eMoUQm9pcrVo9ZRGgYPHIr\r\nZ829s6K5NRu6pMdekfuNnwigwKkX7A+uCZfIpE1kmZLa2eNhvDBhmm67XDw3\r\nVmSc17OAJ30iicw1nzxXvQG7NYD8Nake/swkJ4MUhA+tZmjgdko5+t9oCtwf\r\nihnUZat7MJaPunS4K/EAI+94Wlj5F+A+de2M0m3onZRy6B3ybCyrJ3BM5TSd\r\nMV2/AX4/mNlsp5cQN4Z7V+82lp1QjO/kM3maRtZGUSHJ8f1Vlr9Crau71BTf\r\nh0wHm1QO85ZypUPsAR7wgA2RUV6PUQwgWpm3gY6PRujOWt3E0p7Mz8PTXaNR\r\n3cYYC67ZaUQ7yN2voPSlNqp30dPefGRfKxFjO3ClnpMlVUMgk0IE6CbGJBG1\r\ny5AxBdzOT3zNw19ERSAX1NdUg3Pjasd89u9JSwJEEq2bcvvl9tuW/VaVswVv\r\nXF6gPy/Tfz5MXRX0rOzDlVoiNoSzgegv41QnQ4qTUM775FJ3EA4qJlllIf7N\r\nHpglqjSywuoS0GxRlGLDtUAh5V+b7msN4EE=\r\n=4sFS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-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/d55c42a5c741536c839761d988b1cc1f/chakra-ui-input-2.0.13.tgz","_integrity":"sha512-28K033kg+9SpU0/HCvcAcY42JQPTpSR7ytcZV+6i/MBvGR72Dsf4JJQuQIcAtEW1lH0l/OpbY6ozhaoRW5NhdQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"2.0.12","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"2.0.12","@chakra-ui/layout":"2.1.10","@chakra-ui/system":"2.3.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.13_1668426787896_0.8778647846461871","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221115102409":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221115102409","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"f87738ba2f5358f5f3ceb2168cc7cd1f68cec3d9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221115102409.tgz","fileCount":6,"integrity":"sha512-sbzvDbwkPMR+zN/baIHLY9viyZt0kh5F39XDbbUP6tLUhj4saLuHldUl50Toal6qY7fh1LqEFY0Rme9KK/XRgQ==","signatures":[{"sig":"MEYCIQCGh1SABJz14UWcLIsDQRfaLEvOwt3UEbES5LsbRA8CGQIhAJO76E/gwlVTPROQ1S+ihl+Fpc2vX4EDCvMVuhu8U2/v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc2j/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxDQ/7BDtZ88/1hODmz1UEmicXPXmMZv2QbG+QMIkqTduMVWEGCfSI\r\npZfTi7WCuCE94I1BnLgmPQHCuSfhm4P5mxLDok7rmLScAhk9+yg8+0Kcwf6u\r\nxyM7tnv+6V3vb6Spqop07kY/DiK4N7tQaJ1xTFS/tJKR9cFL139uNYROXx9A\r\nUw5NxOeDNW6fi6cXuHDUtzJKwzTVKTG8DA1nmNPdfCBQ185GJc8r4criv/Fe\r\n/4w3l/CcrPGq/jCRraT/Dkn8M4+vYqEGmWbAwoVPSlT09iMLySjVWKj+gO23\r\nk+4koKrrdp8McUwWE9eSPUqJiYjIWQxtFWFOmPMfbkpPFwoDRe7PWHiyM1K2\r\nb6lvc/UKO01hRYLH3Ru5j4DZ7sQ3VL6GmGkY7MjcUXYDDQl32TQNQI0ntiWw\r\n+QVuwC4glCrd8T0YgKofrXFB/Glox3rat9hzNp/x5CJx/URR9aUHxWumt1mp\r\no7p5fWm3YQZWEqsIZez5J7CACr+8yOmiZx4BrV1nn/2svWN1A88bqvfmO+9V\r\n28N/8jy2+8t1e1p+9gbvdVbymZhO/maKnMqD4QoaNiCxwM97rTetwuD/5lVl\r\nNnwT2IiPZCIKo5EWtMQGwQ7PQhXjVsga50Mvz7/53h+sLZo8scwZFidoatTI\r\njyaZAWbTpU5EXu0L31SG6p+s4UcdJ52RL08=\r\n=cz4/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221115102409.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/eacbc671c85639cbecc963cf895eca11/chakra-ui-input-0.0.0-dev-20221115102409.tgz","_integrity":"sha512-sbzvDbwkPMR+zN/baIHLY9viyZt0kh5F39XDbbUP6tLUhj4saLuHldUl50Toal6qY7fh1LqEFY0Rme9KK/XRgQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221115102409","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221115102409","@chakra-ui/layout":"0.0.0-dev-20221115102409","@chakra-ui/system":"2.3.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221115102409_1668507903163_0.46523879333112483","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116102301":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221116102301","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d7b82214174c6de9abb59c7deb6f0ec56e635c70","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221116102301.tgz","fileCount":6,"integrity":"sha512-Ts00CL79WJzfnObb6F4y+SRiW04XOclTe+QpIKwtUbWKqHbzQRoyd8vbm/YUyi7YnRA5UFyGX6ZQmWQH/E7GNQ==","signatures":[{"sig":"MEUCIBDjpfF74R2FTNaSgLaJ3x7HAFJqoZnDxyLmrn4VhclYAiEA13lJflLa4I5Yv1PQx4uhneUtZSw2dHxkeHI4FfKAvv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdLo0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrlqg/+PQj3bgyK4FkgYP31popwkU6V8T6ciIuB9RqD+RAjXTDCTlGS\r\nJcHRFVXQTR9jP7FPk07fSccNNCnRbyLovjFZOzXoys6rwS727/2v+L956nhT\r\nlUSpDshiNQvjo+xk4K+31hQXVLB88mC7d4yqn4FUdqLL4G+D3ap6iM/EcsKX\r\n9uwmQP52JlQIIifJyWZeWnb+k5ucRC8ldHMNAKBKBAXqYdgk76DwBvARSB4j\r\nIQE8LuNbJlCxd5DA6eHA0IKhQXYQoIjS36nvQGcKtuBibnA7n+C68VZzE20l\r\nNjwRI0W2zRIh0jOK6cDxajv6qetjHF75bP0s+boN0/ykAnCg9qBsJNmvT2sK\r\ng/waNVviDvqUZSosp3K4nqdTbL6f2PNRJ9gxigBNHMekqH8VIt8rYnblX0J0\r\n3D8l0MohrTivWaZMgSMTJweZL5JyXlDxCTNLKU4zmecCQiLA66+w9zvNoo+k\r\nYD2X2U9fGHTeGYPxIGEXpDX4DYZu2bnUHzzzeCk6dfdfO+7XTfLQ6MM/23zv\r\n/XmQEP/AOKrl6YHdMuaMiwT7992dGSYsphcp7PQ+kXSpbaE3PnfSsZfjB+uF\r\nZGGMIzeW70EzlyULNBu7jy9SwvtCJ4gnSQh6t1VcFJI8S8C2xNiVbyCzQGmQ\r\nLJugjB6I6YwlDy0rfw6UUq5/CL1uIBk9k+A=\r\n=kSMg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221116102301.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/8815e4ccdde4df74b506e341968bbe19/chakra-ui-input-0.0.0-dev-20221116102301.tgz","_integrity":"sha512-Ts00CL79WJzfnObb6F4y+SRiW04XOclTe+QpIKwtUbWKqHbzQRoyd8vbm/YUyi7YnRA5UFyGX6ZQmWQH/E7GNQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221116102301","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221116102301","@chakra-ui/layout":"0.0.0-dev-20221116102301","@chakra-ui/system":"2.3.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221116102301_1668594228013_0.108290940690136","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116103758":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221116103758","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"596a28a3a1f0b52810d6aff5d324bae88353e819","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221116103758.tgz","fileCount":6,"integrity":"sha512-G1goSeKfub3awWR4+HBvyRtyIrR3EWrVyftpu1w7nEyHlGsDuQoxzGJaKNGbTybASLlJtVEiINTVRMz4iCgDBw==","signatures":[{"sig":"MEUCIQCdsPwb/b8aU6Y4O9tbYWX5wJbvNr2uPA7eFKS/JKtyRAIgCGnW66qUC5YpHa26BxNcHVXaqFy+qUfwzx1dyDt+RM8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdL24ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUdA/+NNUJQuNg6dnKjEj0ztaF7vDYdvkmYUOm92tkdt29rLlJvSmI\r\neXTwegslfnaZ5Qv5NZqrmvTyYd2XCPZp60Xsy0YmMEgSAF4q6J28357pMy6X\r\nlbgCOlQEmrD5ELfiSzxp1135jyhDBjTuH9QR3JDw838CpeoGZooe522kh+nC\r\n1z/k7wmgRZPi5nTw2RmQgKM67GkzC040HddwdUGfpI+kPhJhWjOf0PtfFfYg\r\nEj6NYl6IRvzRUYa6O7qo21Tueryw8l2nkduu6C3MXQO8lSSRGMXLhl+4P1pI\r\nKhZzJuOdmpfUkkVu8B1EzN75/47+HUVOFz9eSqoQsfeNVKlcNoywSZNVNGiO\r\nLcD4WVO62hvug85RK2lkPVZIe2kKK7pHidF11erTapV1S9yXJyduk1NExLy8\r\nMAENJG+1J1AvD3RD0+lcvEEIZwpv8duUqnPVkcEWjub/7bcn/4/kSmu2w4hh\r\nEFBiHMleMS/etpHabZXczS/HD4T7OGnKA7VE1/PzGs0fvgD4p0hlxw5tC6JP\r\nJ4pbT4aClTJD5b2ADxKH8uk/jecOO0u6mCDNHVL3+MS1/dkftmtx19eAcEEH\r\n1AmmtinaFIoqIWlR8esIEWfcuP4tfE4YqgRTP8+X+Z7T+Wm6iIKV0MlGgwBn\r\neBgqe7qFx6r0UKMOx/1xdhMaT+NXYjSWLQo=\r\n=KzRU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221116103758.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/cd263e808a5c0502d447952670e86325/chakra-ui-input-0.0.0-dev-20221116103758.tgz","_integrity":"sha512-G1goSeKfub3awWR4+HBvyRtyIrR3EWrVyftpu1w7nEyHlGsDuQoxzGJaKNGbTybASLlJtVEiINTVRMz4iCgDBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221116103758","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221116103758","@chakra-ui/layout":"0.0.0-dev-20221116103758","@chakra-ui/system":"0.0.0-dev-20221116103758"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221116103758"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221116103758_1668595128661_0.4488300211708953","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221116105413":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221116105413","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"63751430868436a192f12f254786431f825a9c67","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221116105413.tgz","fileCount":6,"integrity":"sha512-HPRud4F86XQUlBoGoNmCGHOqv19Ogze87x8T5JqNPhJQi1y87tBYwbDVWxkMyhEiN22niXto9knZMpB+vL+GTA==","signatures":[{"sig":"MEQCIE6aDebsY4RFs+lTgKpRuxxpppe76pPGuAnu4GryVrXLAiBMd+IscRF0NyuozVBCMINkGk5viBuAhTlI2ypaWTg9tQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdMGJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9lg//flZFRJbMGNnT75NQ9Cth5Vb9/rmPQ8LE4QOngvpJugj+kLRX\r\nJ7+vso+JaCLagTmM0friYFhQBvFNAUT5s8Jwa+d5AU8oK4be2Ezvpr1E/wGX\r\nFugEettvtJ2azQT2XFSwmjZXH58cqx7gohOjqSR5l/arPiUcdIfkkh6d2HZa\r\nuFBfBBW7gHROlvLOKXhGsEgRG2IEMWZ9SwbJvCJoFlk4XwXT/xww1ywO59xW\r\nT6eSLCfc6W9bl+2w43laLXsFizmQJ9OTuyrG4WXHrOO+5kDTJNnkDcPdb8nP\r\ndMGkXil2aT3pKNpHaacYns5YXbe3VDcTxVYNZESIyhoc9pxifHrQnEOnhyln\r\nYO6bsfQsX1VgWJ9c0Nbdf/HPzg+yCAapL+dHSwn8pyhIdGsrf09C1p6Zj093\r\n31iNlFfljwLKytjlP9dMHQpgOQvxgpatTTImUNGL0ARokCrAXoIvCzjhdJN9\r\nJrJBdYj4WnZtMvZN/BezvRBCp/4EjsgyVtlXhJnjnD2iC+mZxLJ69tWUSW31\r\nVbs6HvJQlxXoYR2bCO7zg56GMFg1/SIqYi5b5fIz3CIQ/LubLS3J8Lk79TT/\r\ng+nN1B5U7P6xt2VbVSBPTeQ7lsTZcj/BhuwcQyVoQUUr/m71Z8GEJhYCLg64\r\np6L6nJI7br9Leb0H2lYOYsHqjGG2Jc0TfZ8=\r\n=e0bV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221116105413.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/aabf3787a09566b0f35d5ddbb4e03dce/chakra-ui-input-0.0.0-dev-20221116105413.tgz","_integrity":"sha512-HPRud4F86XQUlBoGoNmCGHOqv19Ogze87x8T5JqNPhJQi1y87tBYwbDVWxkMyhEiN22niXto9knZMpB+vL+GTA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221116105413","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221116105413","@chakra-ui/layout":"0.0.0-dev-20221116105413","@chakra-ui/system":"0.0.0-dev-20221116105413"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221116105413"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221116105413_1668596104849_0.7635339623908641","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117065458":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221117065458","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0f8c1e4fe93b2323fa0d3b07a5cd130edd826e7e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221117065458.tgz","fileCount":6,"integrity":"sha512-0Stw4qPB8V3KlhC2tICMuVw/st4Yq+qU/yJiurqp3TfjPL92gwO4X2hLSuF6ld7qpwrix7QtqbJkpyI3vXFuKQ==","signatures":[{"sig":"MEUCIADFHN3bcX+h2YrpfPGQeEktFIJnIH0TJLvMvGP0aNrSAiEAgiLf/ER5EmOG6w47DUEnneYIS/ECY1BUQJqDMeGxBcE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjddrzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmow6A//dPz76fm3iwAqwL38XSqXk2NggKNMiwzgEYGSI3aOtTLuf/zR\r\n9nW9JhksBUxY4WChD1RZ0FI+dlU8YsVgt25GhIEGzqPNBb71wsRp12Fhqero\r\nTNqMHZRDSkeHZL+QeAGi/1QxnjB60/Rll2trRRLMrtdegLVR5ad1FvPp3/rV\r\nF+WZH7tDMjPbKfH0pPGrFPhZA2SimVSct90nC7vxVvf8IQ9RIw0JaS5q2lBv\r\nHdw9pYXGmIG14UhLqcQ5y4vcCmLTsZNxhwZldAheX7mxWFTjCH2xrNj0pCOE\r\nWno3mQPtIc1O2wZzLm3AVrZejGo0S+JsSFZLss4T+dBqAe1IaPs+7VBBLPnD\r\nhZj0nwB9OF/PXVbleZ1KvJ/wWYv5QpyE2ntRlSiXUqFBkn3VyZ0qOqrZV7Ti\r\n81YVa74tScrOAquq6dpZdE1OGc/c33BNl9pux89K7mxtCHQQ+8WJ6qzN1y6z\r\nQvbH7WpQZuGmXiTno2eFGsqL3Kvda/lB96xlSdgkIbUXQ2/B00DnSTQB2xSj\r\nyf8MK3OShcXsJEcbFFTFybifzO8qKImhnr7ZQBkHwvG5Z5PEoLhZDFrjnARw\r\n/0Yrzd2ogrW4in+Gd4GiEfMIHa7x1CXzqejo7570gtyYdpaC9wcN0wICWLyp\r\nrYSSuE7qanMc1fx4A5MFyV++kH3dEPuAwlY=\r\n=VvTQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221117065458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/8a5963b44f99ef24bad93d23578bec51/chakra-ui-input-0.0.0-dev-20221117065458.tgz","_integrity":"sha512-0Stw4qPB8V3KlhC2tICMuVw/st4Yq+qU/yJiurqp3TfjPL92gwO4X2hLSuF6ld7qpwrix7QtqbJkpyI3vXFuKQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221117065458","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221117065458","@chakra-ui/layout":"0.0.0-dev-20221117065458","@chakra-ui/system":"0.0.0-dev-20221117065458"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221117065458"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221117065458_1668668147086_0.014012529553994346","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221117150258":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221117150258","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"17e87c19b1ff7024581aa6cbd3ed6cb6bc87e163","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221117150258.tgz","fileCount":6,"integrity":"sha512-DMP6Il/kdjz8pQSXRg3Nfhg4Ay0UzAahro02GnOaTebj5gweGcGi/EZ/JvmzO3dr3jhzp3TR7u4fHLiYmuLKkQ==","signatures":[{"sig":"MEYCIQCVzC/BTCFN3IW6NI2lB0TRH+nZ+vPCS3FEcnFloXpI4wIhAKp6OYLRl+3OGimRAvmqNTxYEB/B0lHrOluFzz0RYxXR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdk1aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9ww/7B1ZI/R0DK9hwcsF0x+mlE06NFNsiTAdaj5BrGQeDfifX6Y1A\r\nxJpta63LTvIrbsnVxVGKcyh0mO2XukBPimhYXi0b/R23I9256VsI+elFLjwF\r\nA5tQG2UwpzwJUvHNxWLK3H0Ieg2lGUyaDv88qk5AEb1iAbKXXBr0BKJTB+gu\r\nwmJyACRMCT/9gOVG5bo0jutzREX5aN2WFSQ9Q5blySsr4P+TErJqj5ztQyQ1\r\nfxWYCn/OsgeCx28Yg0XBAJZ8CpQU1KrRwUaRi59x2ayC01V3F4qeX/O5Iwsl\r\nUMCpMIUGzLNprTlqYNXFivitfm9dc6uhZGCNsfHG2/wK4bfdood26gN9illl\r\niStNYKd0zHglczdEjrvbCkFoXPEm/8Mprsez26r7urcuiGzCd+MjZi/sshAZ\r\nxAvQ9ylTA+BFFPV/3AqXKNyLZJHgH1XwVulyfYF0hZPhY98R7ptEbnFYhNsC\r\na1FctisyzGkdKpzOms0Ep6KNl+nB4GMR4ejLfEvUUN+NHQCpgAc11YGJLK5K\r\ntjHvFE9rNJzP9peC6JiqkVGpV2B+XDbVT+bvZb+kNDROOsbkEW6zRpM352bs\r\nc8Gd6laZwiV0NFmJWFs4biV4MLvzh+t7PnIEjQ61AOG+p5MWjysv3cYfe6+u\r\nwclWWmAsTveRHDF3+eiXEOPj6PIT7B/Z7SE=\r\n=VEU/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221117150258.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/9362e682084bbcf5a86377b53d1fb1e6/chakra-ui-input-0.0.0-dev-20221117150258.tgz","_integrity":"sha512-DMP6Il/kdjz8pQSXRg3Nfhg4Ay0UzAahro02GnOaTebj5gweGcGi/EZ/JvmzO3dr3jhzp3TR7u4fHLiYmuLKkQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221117150258","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221117150258","@chakra-ui/layout":"0.0.0-dev-20221117150258","@chakra-ui/system":"0.0.0-dev-20221117150258"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221117150258"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221117150258_1668697434126_0.07878486652467198","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122115819":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221122115819","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3963151aa0fe6a8f958227972ab2dfc8f6bf695e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221122115819.tgz","fileCount":6,"integrity":"sha512-uyqaZcN/HEloXA+XBU217IlFXBqJnk8P9ZxxntjnELhR39KPeT+Tf04PxWSA8z5LZYMWmzbvnjWVkyut+jyhpg==","signatures":[{"sig":"MEUCIGkwgt3NoME92fjEgUHF48ziklnkkqY1YqilILRKJg8CAiEAx5Q+0w1ED6KVLtElwq1sqENEjDGEwE3d39H+Bfv4jU4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfLmEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYWg/9EZxM0YUt7RbMATnEJSB65XSSUde13Up5XrySD8QBcHOsb50K\r\nOkxKw6YRQcVAMFD60RwbdTFnVzC8OENyTQiiOQT3X/pVdOY3J+bmejw2F2fR\r\nbsXyLuoq158QK92qDEyJPAUJl4Hz1sv0fizoGoEyv5Gciop4ib4/qR07Uo+G\r\nKg/fDNqtg2FvrOgBj5ZTu1OJYePEdTO6krwwmV+WE3iH6KU56J6UEY0YGQZK\r\nuXstVkp5z5/lQEp2hzpklxdeWIMu920yzLMb42j9SJQfpsw0tFzy2lWPSLIp\r\ngJK5uymNlEanfiOEIl9gS4fPTpHYKpsxKKW3GLwXi1zJNqX/Jks+JwVgKVBf\r\nakBcu1ZMRZCmnMNEu693SoFMcNaD1pD+Xhmy0ngPamS+JkH0sPj9zEaK4frH\r\nQcfZ2sp/af1eHWsbPs9OdKG7amWy20GCUPemUf/fDQa88QFlLqeOjeUqm529\r\nC07Wxr9IAK0YB82TtoT7gaSkP0Q/wIHGLp6g0Jlq1MY1yfvAjm5nbyhabpkm\r\ntqs2JYcj6JIly8rO70kPmUrKSviarxpSjhf/5+TlM5oBxz8S4gYsaytffHnJ\r\nDbg+68WaTCxJPqZCRkwBZlQtbdjJ6eAy2YdyxC+2MwbjlAYP9t7RTACwCZtR\r\nR87uPaSa1DcwY2mvbwy4z2eZzLypaHtBN2g=\r\n=qZAD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221122115819.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/c6ca32d43e2b88d743130a879c8168cb/chakra-ui-input-0.0.0-dev-20221122115819.tgz","_integrity":"sha512-uyqaZcN/HEloXA+XBU217IlFXBqJnk8P9ZxxntjnELhR39KPeT+Tf04PxWSA8z5LZYMWmzbvnjWVkyut+jyhpg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221122115819","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221122115819","@chakra-ui/layout":"0.0.0-dev-20221122115819","@chakra-ui/system":"0.0.0-dev-20221122115819"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221122115819"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221122115819_1669118340339_0.36353144257452263","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221122135803":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221122135803","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c3dcab311d52e95511c61c67e794998abcb2ad7a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221122135803.tgz","fileCount":6,"integrity":"sha512-lj7ugSQp8iLmgj66frs5bY5b2w9RI1B4RSWWy79WrBTHEBCrBgUwBm7luKCSsl43zvVc8Iwo49iTX6CNUO60LQ==","signatures":[{"sig":"MEQCICe/GKyrO3lygMZXSAgBABsGLsJSWg8qxxgiWFJUghNgAiBEBLEJdy4JfsfAuR2qMlMKPF0ZTts7nbAJ/zkmUobr3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfNWdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/pA/+IOSyZyDUm/+9/t89VjgtcXEARw9lHcl5lWP5+N+YvfOGzxxQ\r\n6aeOEu1EgwSoU73ciHEta1UWGed3nGyOMJWvP07/yjPoEm5nCC9Q7HiDVu26\r\njCL6WJgVnyDrnpocpeVSWf1aq9GRLXQblMzD0wnsCve8uutzg7tqLW7xxD1u\r\nRp2pW9F3HVQZLQsI9EBhT3+ycEwekj+UFY0bNSxzIf/JxMR7BfqSjqknI20C\r\nGPT8BnCcHFtQ3LYk3/RIUAw0OOFnDK336Z8qkarS37CMyBRYEe8airpuDvIq\r\nHbo2izRaopXDXxH/SbEFRbqugr5NiGSh3Zc8xym14ELZFvEJ+lZHDNv10rXI\r\naY8NMrf2QhVnwZnEwRx06lUcHD7QYE+6rKNOJiYOTmGNQaECFBcaMX2swVBH\r\nsf2XkK6yUAHQQaf5povdcaFQv0u1dPwHZxbrNe1OpNzkUt/2gsTmfdR6W46n\r\neMMB0VLvX8Jvrr34JMQHp3Deq9Xl3SZ6q7hKQ0CCHHCigbG7JtqyfoTdb0oS\r\nnO8bPssT0tnIqmUR8bThW7RSgU1qLtmsLoURpH2qva+dIcHKVeJJFuK+pbUx\r\n60eWGmoYPbjpGO+SFHE4Ks8aQmj8dRbKjwkRoqHbHZRAzZNiDe3TjLZG9y8n\r\nrI/VMjMz1mnbf/41j4cIfQr51yY/aujhXSM=\r\n=hecw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221122135803.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/0c325d509a3e6549e6101eb1c0581085/chakra-ui-input-0.0.0-dev-20221122135803.tgz","_integrity":"sha512-lj7ugSQp8iLmgj66frs5bY5b2w9RI1B4RSWWy79WrBTHEBCrBgUwBm7luKCSsl43zvVc8Iwo49iTX6CNUO60LQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221122135803","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221122135803","@chakra-ui/layout":"0.0.0-dev-20221122135803","@chakra-ui/system":"0.0.0-dev-20221122135803"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221122135803"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221122135803_1669125532999_0.3253910386925518","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123123308":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221123123308","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"cbee751b5104a838848b8d3354a05011d9ed3000","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221123123308.tgz","fileCount":6,"integrity":"sha512-47SUhoZTJnSjRJUF9ZQW6hHWAj5WOlkeU+dfvAhV6Q2pHiPTbBp9jqlysQthNIMSyjmgUB+7TdLz4Hjl89VH+w==","signatures":[{"sig":"MEUCIQCnp2kEMqvs2SCswVlYxnyMsjAl2oJhm5Zl0LfvqNx09QIgGcalA9y2jJzwnU4wCYGoyDgbpIQhSknSJomWArluuuM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhM8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRzA//VLTddGuwmFUfdLrrdK6itlyO8SqcPMhhOwifqNfmyUkHec9J\r\neaI1unICW+4/P7iL4Dx7bWK23YwQ4db9/0udxrb9e9KQdnKQNJGcFQSuQ903\r\n8p5u2Hh8/lvT1J/2D3IN0WuRiWV9rL82U98yprW8+7VGaAQhhqohsEpMpHtD\r\nWXa3inKjxUCfaYjcAi7Ejo6NJuvqaACRdmi2QLKgnI1m6RNgfkOGbOn+OyL2\r\ne02oMMld8zx1/hcX2UWKehMPHNj/exeaXes48QE/v7xc+K5rSzjtTC5N0u3h\r\n20yP7H7pUAX7CTRZkEW7AsFXPrlEDLCShYWDDYjxdndSJ8JBPv7/4fc/2eYu\r\n2x5ZL0oPFc8RaaTSGEMxE1gEtl7s7Q+g1R5etu/KxGZRSLOzn7gMz3+Y5zFp\r\n8qfwfzkD0S3IvuVf3XaY5QcIJN3/G9RAtKWL+VY8y2iOvJFhXn0uM9iBpZq8\r\n+2YrZ/+DJjIpygNws7z2Tbx40TRa85UN0NFhcf4QZMm0tAZ3jIXGuMSCqs89\r\nX15ktPurxpQdorIBno2mam4OcKUhUDb6oQycAwXuuYXKMrQmtep2o8kjIcN7\r\nWbzFPKq+izVgkyeSdfA18F6Nkj/c3c41KVPwEReLqs8sQuaMA2BLok1fXl8i\r\nCGCWNdXPTcDmfL6Zv3+NPEl/n/s0ULPcT/s=\r\n=cGR6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221123123308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/459f93adeea396da955dd5030ebaaa12/chakra-ui-input-0.0.0-dev-20221123123308.tgz","_integrity":"sha512-47SUhoZTJnSjRJUF9ZQW6hHWAj5WOlkeU+dfvAhV6Q2pHiPTbBp9jqlysQthNIMSyjmgUB+7TdLz4Hjl89VH+w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221123123308","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221123123308","@chakra-ui/layout":"0.0.0-dev-20221123123308","@chakra-ui/system":"0.0.0-dev-20221123123308"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221123123308"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221123123308_1669206843830_0.5790679716047951","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221123130515":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221123130515","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9ab53d8642ad9b3965727a778c0ce414eddfd48a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221123130515.tgz","fileCount":6,"integrity":"sha512-yNAG37GUuy43Mf9U5S3I8qxxilKcx7zRJfuxiXkcrV0CnvnYXMTVgWwZ/1zrxpTV/nt8Vu9Z1iTPxfpiAlmA5w==","signatures":[{"sig":"MEUCIQDA6U3qoDXxLHY9u0SPh/Rz9rZ5+AWO78LwvfEC4VEQgAIgRyc8YlNd0Afwl288rZfqCtzBu37STsOuxBFtQLuZysk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfhq0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtLQ/+JcQatjckieWr/GtJ21yZwbjlXyC+S8Okyo5UQJ7IkcK7SY7z\r\nB5XsDNTavxrKPP5/Lg4qsJnOZXt0cipLb6i7D14R4Ys9HtZay/wTJPHINgnJ\r\n6vFR05RpBdqOLUBiZ3600ffLX830mzbx+7fHzy5RvqPVDVBhESdy2ECl6763\r\nlHRCZYeo7gJ1H6Lb1UfGbeGvKvAbzPD0Zv+MMczhKqtxGVBMcG24SALNeZBE\r\npuu0ZYQWWecoq3yutwZUFjLkS/uihc+DxMaZ9GSo2uwPA4vUbpH4w5mJOvsv\r\n/VnIizEjSkSvd4rRRgF7OEcBhaIYMVLkJdOXu5TdghWktPulHPRC9pfTXbhp\r\nINtB4w5Bk349bJmgBqE7B9WI34mIhzOI8oOB+ezH6mcEXsZoHuHZVAQKajgM\r\nyoxF9ygq7xPfD2ftzvf5GNWjaGe/fhtOGQYYArst3TkNKwcEwaeAq9u3NUX/\r\nl0p2UaM4EYvZEqdxE5vbrJMIr/NAQtXlvKdU6FsC4yUFT3JytRMw/gsaIO/R\r\nUdrlljlaHmbDTWSQ7qUTwkdTuVEmGbIzru2XD0krksubdZR45o4VfvgHeC4y\r\nIrB4ftSKeCGeUzORQwxTqCtBFYRXjWC/FP5n1z5CGoyTQ1aFBwLVIkorwJGw\r\neOiom7E/O3xE74KzuNEqfXl5bQzZSNkdSQY=\r\n=7GHe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221123130515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/89d414a47f5e80136053ca40f64a0ec4/chakra-ui-input-0.0.0-dev-20221123130515.tgz","_integrity":"sha512-yNAG37GUuy43Mf9U5S3I8qxxilKcx7zRJfuxiXkcrV0CnvnYXMTVgWwZ/1zrxpTV/nt8Vu9Z1iTPxfpiAlmA5w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221123130515","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221123130515","@chakra-ui/layout":"0.0.0-dev-20221123130515","@chakra-ui/system":"0.0.0-dev-20221123130515"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221123130515"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221123130515_1669208756728_0.1263500336232699","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124103928":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221124103928","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dc4cf33da85be29981e568366672bdf5d100c038","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221124103928.tgz","fileCount":6,"integrity":"sha512-TJ0p7VX6hj5AZVUqftA39WuXo5Uv+PPgj4qaE/hkqqyTs+vm1Tu4GZQR49F0S87rniXwzpsAtHIqCMiXguYQbw==","signatures":[{"sig":"MEUCIQDFTBS2Nzg3+QBCRYUDtDYU1Zp1Y96sQKjJ+GkygidJxQIgL9C11grcJe/UXP/oL23NmabDoxIIJ5yqhf5LPS3itpk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0oJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9DA//X8+GqaiM8M/3bm9rJze4UcQpfqRwiqzZZyx8SD4GowDkVvgf\r\nmDuPzgAuEqlKm+7xw8XqYtCZv1r9gxI56m5+JfsvPF5C5zSCbtoF0zikK/Ex\r\n+gJcuI5aIg1NqYnhYOO25z68wpfChtyQbPs5a7GXz6gFZkiuploDsP7KEprR\r\n65y0WtgF1o/u2at8If5ELimV3Eynde9/lDo2aGceTXAvSI4FhUBUv2Z6wwQ/\r\nVMkV9VTAeSwRo23pb1RlyldZsZQQb4qid4/TNGtFwJnWI8ltw6KFzhvucYqo\r\n4c4SdjqOqNWDyfKP8siOyz7cSY+KdWhE1DNTUgQCG3aPtNH7qvfVi8AMAEj0\r\n6GfTT7ybCoSs6b+btg1k0hIutmpCNFvMo16zWKKoTmrlcgoxOhiM43v3ZHpt\r\n30a3hA6zusFsA7wPZ8W+6FMfjqZALytD4zeW6LcdR+8R9vWA/SIyDk7z+xhP\r\ncLzy78hETLTe6WZJk1ywWlG3InJyPj1Mv49rFlTP7EwHxjUpyilVBRszUd3k\r\nPT5tNRkBlrsIAALr7z6hf9D+WIlvchtsJAhPlBRgdGlLds6EKizXf+7tJLK6\r\nXFMTdpQAQNJho6al1piJzeA0ztYdUePWITPkFFswtG/1JLy0LBgEMryRdf3d\r\nc39J9ZFqBcs7l73eR9D7EOvf63S2OzYyvM4=\r\n=dCrz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221124103928.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5b99153e54043ca23116752820e61e6a/chakra-ui-input-0.0.0-dev-20221124103928.tgz","_integrity":"sha512-TJ0p7VX6hj5AZVUqftA39WuXo5Uv+PPgj4qaE/hkqqyTs+vm1Tu4GZQR49F0S87rniXwzpsAtHIqCMiXguYQbw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221124103928","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221124103928","@chakra-ui/layout":"0.0.0-dev-20221124103928","@chakra-ui/system":"0.0.0-dev-20221124103928"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221124103928"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221124103928_1669286409182_0.3328854666871399","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221124105520":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221124105520","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a061abe8dba0bc631d3f415ca26be04ac8b5a95a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221124105520.tgz","fileCount":6,"integrity":"sha512-GpDZo8vWvng8ELkVFWgRv0VVM/pnAdY+UjqJ1YUJFWkXyEhr4rHle59QunwqwRx6ZC3aUW3h6FjEg2PbENzSMA==","signatures":[{"sig":"MEYCIQD0u5/bPoOPc387fNIUwoWswwpzRs0n22tr8iP3XfZaFgIhAJDch5Zn4U6OPv8WpiKXj9ndCiJqr3BI/fDEjby+XOKE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf03KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodRhAAocnXO5ORxz/i/yVhdvQZxhnia4+fYtry1MfuidpINq7GY8QQ\r\nzzkbITQoFlyM4XW0vg9iR5HsEN1T90snUA6Opz0SXkwXajzhtnkVrTQnZreF\r\nnXcyuQe8E4J89HhGzh0lwNITfJE9Ir7HrpK1QZ60XsCTSPcGl0KUedPm4gDz\r\n260lECtcgpRVPfDqn9ZRQCg6ZeBfFM5oaHrGrvdTDp11BfuBHgNPq3wcFhRW\r\ngSKEo/MmyP06YrD9kgnGSxLpHBKcz/PfCjTeGmR6i/TfUpbjhEiMA1L/R07X\r\nKcNufW6+sOYpIk7QHonLU+REQg2/F6FeAPORo4c9XnV6jL2CYfksOoEeUKrN\r\n596GjxIGR7rXn2FV2Lt78aej39EOk4u8IDH3bDfWWA3SivSEcWYICLHBDsRa\r\nz1cIuF2KYoie52Knpt/6lUJNKk0s4QoNGMyI6A8rwcZJGoCwRK1MPiDijhEx\r\nzw5egEgUImOptGE/IlWdTJzXznTsmU83GMZPyZ3WQgA9lfYJT/xHKCydbpwT\r\nmn6CVdQs/cVKznn6OLu3QDwYsvXIzivFu7dqiAnUV/N2h4jtrXdqehdkZ3V/\r\nK+D5+ya/s5B8ayjjZC4VBvGlVh8GSepqqZ1vnh/3uhxZMdLcpUmk6mmVV8Z8\r\nQgH6X5fp+WaIDkIdU06YFqqty78v90gX2Jw=\r\n=icU7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221124105520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/b3f5142573ef6aeeaa8bd659706d0c6a/chakra-ui-input-0.0.0-dev-20221124105520.tgz","_integrity":"sha512-GpDZo8vWvng8ELkVFWgRv0VVM/pnAdY+UjqJ1YUJFWkXyEhr4rHle59QunwqwRx6ZC3aUW3h6FjEg2PbENzSMA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221124105520","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221124105520","@chakra-ui/layout":"0.0.0-dev-20221124105520","@chakra-ui/system":"0.0.0-dev-20221124105520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221124105520"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221124105520_1669287369952_0.5274060315240368","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128164126":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221128164126","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8d8ecc2d3836e935377edaace9023f64b1b298a9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221128164126.tgz","fileCount":6,"integrity":"sha512-KdA0vG2Xy6DJv36onLaKZncjxGJKMFsqmQmPgp9LsvkZa6BUBKl+tSjSoYpOt9iUPy3SuQ854SuIuU67G30Zww==","signatures":[{"sig":"MEUCIFx8R/BGopX1ThkkFyRCoz48Se8L0kg6syumuvPW8SeYAiEAvmntZwA8IuSYO9Y/3//twTPjM8gG/nf5+tESBauXBLg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOThACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmphnA//ecLZ0xAWqZ0AnP3tBfLMmVg1595uohTCtauUEZEWiwvQXtTW\r\nPFE+aJf4alXODX4mJ7SjvlLrh+4PjGGbu5kLxWLoMlHjV8SqRX8pDonL9+cz\r\naMUE6R/q7YljFPQE+Sw0jIjVkzNXLxaeh+DwGf3dImr1k7LkA3v+CRmYk6Ed\r\n/V+Al/+LSoiA2JvA4U5aPUo3npaQEOZ9m9QIzgn3o31k6+ezoQyIlHXXiB3a\r\nyqqSwMFmLtLXxEj5/WgUmdWpXwZPFv65SrwZ+bcZzIE/CoIFhw4WEJi8cV25\r\nMoxQ+Bs8adkFZFnVwGTv1XfA7hxhdWjt0wX6ik6EWTyyO91a+t66c1cHkski\r\nSj6Zl3ENm0PfjzhHDI131hA1A8opx0ftha1Dt+7dnNOFbikqrIovG9bXnrqn\r\nyZXQihQBGROj4EGFUxs4+kWoa2KlwrA/lbie/LPG/nJ5W6eI1w7VQxn1Xb93\r\nlyhBC6/VgCBzQL4s1Hzznw64VXTirPSYbC+VgqTtDLswXW4TkEDW4yWKNXnq\r\ngn2s5gg0n5SZy0a77A8T12BSutYCj08fT9EvizgldL9U8oUH7XdiKgtSt8jK\r\nzOjYeMUsCmGN12QXQrhC4AyBCyEUjZVPDcPx/STLaZth0TKoPab3CCMGyA5b\r\nSAZkh9kNT/7Irjv5qQ1Ro0TACxY0Otl3ugU=\r\n=vrVa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221128164126.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/cca6a4e8b943cfc8008bbe8f60fb0536/chakra-ui-input-0.0.0-dev-20221128164126.tgz","_integrity":"sha512-KdA0vG2Xy6DJv36onLaKZncjxGJKMFsqmQmPgp9LsvkZa6BUBKl+tSjSoYpOt9iUPy3SuQ854SuIuU67G30Zww==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221128164126","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221128164126","@chakra-ui/layout":"0.0.0-dev-20221128164126","@chakra-ui/system":"0.0.0-dev-20221128164126"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128164126"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221128164126_1669653729430_0.5896786591196934","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128182021":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221128182021","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a92172a7005e4d26828e25f03fa9f8659c50c62d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221128182021.tgz","fileCount":6,"integrity":"sha512-wGe3tvhK9+FCsTXBRdtz1jO4vZF5KlIhYj5m0cKbCkZPrfYM7a1zuF5zBOZZf3oOpPWAfkqlBmD8xTryTaw96w==","signatures":[{"sig":"MEYCIQCCD6d5lmf++isimcGfzAEc86xMcBxqyZ3zMRPbZbOqwQIhAITurAW02gxcSRLV66SEy91t1aZAFgaPMUCQm2ITCUO7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhPwfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMrg//SX9NoTi/HaQKiyLodcd24tD4kan/h85QkpNyzCX5itoiyQbg\r\nuV5GtNnzb7HabPpGb/UNab2vEpjs1p1xLbf5trOHWA644h9XrCcxfIw+EK3+\r\nQQpXcozA31pCvm2ec/m6TmbxcK4MHAixC3x4LvQnfoNDFQlC3EunVrhcF1hT\r\nV5QIDhdEqx06v17hG79ZKuaXhJwX4jN9bCokPxKItaEuVBxCpRGpajf/cM0l\r\nGDMgunmvCmgOuKKWTGxQnVX/2KgyDU+9O7Y7ow7p8PpvxQDviPZHV9SVHW2e\r\n1NWg/QVc2BWhk3iVLnPfzW8H78yKq7XqPZT38YKMN5uZMfqvSVBpJ7JNxDSa\r\ngoMPIh7KTqrmpeqtlpBNZc4zxT6L2vjdMrmg23Jv1Nid/mV6gY3RcSAz4amR\r\ncfomm95IApPxuDPmRSPmlHRO06t1mN7qpXI56rhFxzXWWGFzBAniBgzwDRlh\r\nK33fEyRibVvQyrayaOpljSFkFY+gunxef2wrNV8uoVL9UjUNbCMMHIhzNwGl\r\n9ZhhsMfyk1MjHaEHE4e5XPXNxUaS227RZzdcDqCjOZkyL0O2YeVfg7aVXTIA\r\nxU16yG7i3U56jWugU+RCyC9h+TTUIfXNKs/V4Sh5eVhW56UY6fA87Bnq+HP3\r\nwFNeMrP62eRr/eqA6JiZghq9Tz8kKjFghrY=\r\n=8Mdh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221128182021.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/46225f1d00b3a56fe4491391ccf9e694/chakra-ui-input-0.0.0-dev-20221128182021.tgz","_integrity":"sha512-wGe3tvhK9+FCsTXBRdtz1jO4vZF5KlIhYj5m0cKbCkZPrfYM7a1zuF5zBOZZf3oOpPWAfkqlBmD8xTryTaw96w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221128182021","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221128182021","@chakra-ui/layout":"0.0.0-dev-20221128182021","@chakra-ui/system":"0.0.0-dev-20221128182021"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128182021"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221128182021_1669659679705_0.9845743093999235","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128183433":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221128183433","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"cc6c001260ba7d79157baafacb5ffcd90f631730","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221128183433.tgz","fileCount":6,"integrity":"sha512-gK7y30CZAGxPsYcSKVVvNqEFN8DL7Wct2bvWyjBDMuqud/3zdG3V43nAUXL/CYY2w7t3WgDKRrdJZuLQ5FJQCA==","signatures":[{"sig":"MEQCIAQpQAFFNJd+d/qPRBaHgFLhvZ5GHETrb9R0oCecc6maAiAPEgQSX0fKcPlVbthokJE0sZPSIhU0JCtU7kUH01N7SQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhP9lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8txAAjiyvErJFclRbVxPQYo9GloSggiqBFLudin9/JeCQtCqrKWKe\r\niCeSf2wkc/Isj2TVMHKSUxzHuhnuSq5/b1gXCzFkfrWRnhKad8d2PWiYkp6Z\r\nem5w0dBeJGCRh4nBtNy1HRfGX6SzGvW0sa6/b+gX8cwJ+x9s3yWMxEQpQDL1\r\niCDtZPK2SvpkLD8IUAT4izhiNRXivd82fx68moz7iyF+03aYiIkmWMkXOrs8\r\nnXT0/luGX2vMy8RQQUCV12/4gw+e1uIZ2igduw4lYC4PgyOAX7whuzumRR7u\r\niNDxlFpxL+aH0Jk7VXS0a7zsoD/rZF4FejiwlY18PXNAOouJEcdDGBwg00tP\r\nDU+YQFcKNVG3Bx2W00FVl5t2Pj0di9j5+Z2kAEXPiDDca0IYzQC3bUgFumDx\r\nUGomhOpQY5kM1laN5FQT/BfoIX31AL4/Gpgo9lfHoYH8LKAtwbJ/8Zy7dVb8\r\nasHGMuxclm+tqYhL6u0pMwI5UhEOO0/vp7+K3se7SGPVWh8mwWrnV/tcJz5h\r\nzwJyWMSSORh9F4XIiKu4IWuMTwovUdrpDvpA3tX3UVWRXQl5sdciQL8hr4Jq\r\nQPaZK/9MeUODRb7FUHlNXs+YzWjye4Jh4l+aE8WlsuGyw8jYznd1qWxJFVj1\r\nLlbW8KV++lHuRhJZQOAh0lOKvm2fwwJsWlk=\r\n=B+Ic\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221128183433.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/0662c09017f17f3881b4c51e51620b89/chakra-ui-input-0.0.0-dev-20221128183433.tgz","_integrity":"sha512-gK7y30CZAGxPsYcSKVVvNqEFN8DL7Wct2bvWyjBDMuqud/3zdG3V43nAUXL/CYY2w7t3WgDKRrdJZuLQ5FJQCA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221128183433","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221128183433","@chakra-ui/layout":"0.0.0-dev-20221128183433","@chakra-ui/system":"0.0.0-dev-20221128183433"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128183433"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221128183433_1669660517237_0.3271704411897076","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221128185230":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221128185230","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"e625a09ab40a912e244dbf0e058059d73fe74ed3","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221128185230.tgz","fileCount":6,"integrity":"sha512-RYqA7l5sV9wLpB30DBKIUrEdsBjLDZWBPZ4NcApW7rrBiODwr6JqGp+UCCRj13CQr6ihBJY06qm/0QSQUP4LOQ==","signatures":[{"sig":"MEQCIGVLvrhzawyN+vJuv+pL0u33AVvp84qHI5TbF0TJD/dCAiAWZyswAh5JEOe7oK0BT/w1jZE8SuI8nZ/qgA40Yzam1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQOYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqL4A//XszI9yc68JGF6lO2mNS170TSOclEvU+PYEL2ibExhl7lGiM5\r\nAw2lZCRMcTfhZm2itkwSfGmMwtpCRPPr3E1mexiFgzzUZtTLcmeP7dQ/RitM\r\nSvT83k3M5IX5FRFlETpyDlr9fyXT6Qzcos9ywRueC4+X/Q98bAvzFiPQlcS0\r\nNiUqMTbPHFac/CXYSqoYLSVk/AOlX79LlUu+GjbL/+deow39ErH384I0crJH\r\n+EZkegsCj0xLf146CpHi1q7n8MsQRUG1wwOmoJGQfRJ55EgGYSARuTaG3ATw\r\nYiy+YWrh+1C6FCogsW2v3T9k301Dg8BYKaYFi0ebgmDiWDtlKIxnjduw3Beq\r\nf6kCm25khOx2gmnavw2JIhfGNEVogOSbR0M9hI+G0gTo1gGT6QGMtkRK2Y8r\r\n3jEBAG8864JT6BVuRt8wyQDZimUfep3wf0hxY1AX4lSrBaJB8t+YsrOyzgSZ\r\nOjYmuW7Wv0c1djgijTjFFbtDaC2jxnooNaVpjaeK5WuERrTDoB6Kgu+LjAWw\r\nLR/jeXN34SYm6i1vveXvW9AcEGunCpbLNZ/eJKpdXhjtBlt2hPXeI1HOkJJo\r\nG3MKXr0bG5oZIl3w2gLsV03wipSkprH7Toz7Ba7pa9/SefC8xENVY+QdNboZ\r\nRkcCGQieWQ9lobwSdZF8H0TRu15umYIEJec=\r\n=YYTX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-0.0.0-dev-20221128185230.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/604911ce230d43de7691bcff367b675a/chakra-ui-input-0.0.0-dev-20221128185230.tgz","_integrity":"sha512-RYqA7l5sV9wLpB30DBKIUrEdsBjLDZWBPZ4NcApW7rrBiODwr6JqGp+UCCRj13CQr6ihBJY06qm/0QSQUP4LOQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221128185230","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"0.0.0-dev-20221128185230","@chakra-ui/layout":"0.0.0-dev-20221128185230","@chakra-ui/system":"0.0.0-dev-20221128185230"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221128185230"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221128185230_1669661592711_0.020610356545572195","host":"s3://npm-registry-packages"}},"2.0.14":{"name":"@chakra-ui/input","version":"2.0.14","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"eec3d04834ab1ac7dab344e9bf14d779c4f4da31","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.14.tgz","fileCount":6,"integrity":"sha512-CkSrUJeKWogOSt2pUf2vVv5s0bUVcAi4/XGj1JVCCfyIX6a6h1m8R69MShTPxPiQ0Mdebq5ATrW/aZQQXZzRGQ==","signatures":[{"sig":"MEQCIHn/yl3RGMwhbYoHpZPPgTX03gEfcLKIwsJMz6sJgkpDAiBhT6cWUUw3BWa+wzGp9QEIIgZCpaTMzYmqyBh3MvBfvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhaK6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4wQ//aLmssvsGw7+TpvDHAQ3xyIvUZRIVnV6CM+PR1tceuf6KA/ih\r\ncwHfJdskQSKUWFJJLP02C9LpRBBpdcyL0kpAZExa8TAlMKOa6GYYgdD1PSgT\r\njX071v6jcoWTEYMbUvwh+3EpUL2pLAhHUtYXRjC+F5y0h7ASv40NTDwqm46t\r\ngo5CG5p5rJq2wy4I4NK58DRrw9ToVCYGt8MPLrORHYOUJTsRLbWuvbrsHIcX\r\nTAsJ/+ZtIDA5cOmHyE6C2X1KR4XL+9+0BUgBKDj5zInnckb6e4jTHqxpEdvJ\r\nt6ttCYVnDUVmoAlYnoug3rbaWT9U4jJiz129taee807W1rQpCl+DzRBO5CMl\r\nVk4r8g8hh4KccTUFYO3Lzd1c4ffRxSsNvtDfIkCQN+h2kiqs9FwcWMKf4EAx\r\n1N96J14iB80wGaEmYK5BAxRFjQVbDGQ79a8I1FxVE216OfwfhxMj+GJR55mi\r\nr4eOzApIZaC/qwEQGEGBEyRKAkn7OJu7sc/2erbRyUNgIm43e3w+fsv8+vh4\r\netIbufThmmwn5oC3dP805EsqYlMv20WE+/pxA9RIwbA0K67ELKe85X6OaFap\r\nJYbhll8sJ92TZ8CxN1gIqZVTbpAmAlzkbJfjRBAJLrnY+QO+IDC9VdW2MswG\r\nOtKTG7pRDzORpoHDrNvUU1wVYdNVqjwQCyY=\r\n=CQYV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-input-2.0.14.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/4632d17c19803784c575cc3b4050d4f9/chakra-ui-input-2.0.14.tgz","_integrity":"sha512-CkSrUJeKWogOSt2pUf2vVv5s0bUVcAi4/XGj1JVCCfyIX6a6h1m8R69MShTPxPiQ0Mdebq5ATrW/aZQQXZzRGQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.13","@chakra-ui/object-utils":"2.0.5","@chakra-ui/shared-utils":"2.0.3","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.2","@chakra-ui/icons":"2.0.13","@chakra-ui/layout":"2.1.11","@chakra-ui/system":"2.3.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.14_1669702330466_0.012079084198150847","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221223180742","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8d2c5ab3b06d62d8a156816baad770fcb31da36b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221223180742.tgz","fileCount":22,"integrity":"sha512-ZnIgjPeTrSz34acqtwj3nb6xrC5z1S4OHWxgWqiBcu90Snx2dCHrZlsi+M3kL0Cu6lB36CXVRSUJXhkbNTPZTw==","signatures":[{"sig":"MEYCIQDxf1VTdkhvWlSor2Vbf3I4VZCRwEGXI7evOMLUWzXMnwIhAKrZssu8d9gz/iHh1xjky0/JqCsOMN6fvNd8kJy3ZDI6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe6qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0ag/8CLO1TpSh3CsKqDhNpmCeCQh9hAar7gwIZHV9UWHQ0N2K8+gt\r\nJQHVOKVJdRFk7ddm4b2ZWjgZqT+HWXXVMHAr5dLZ6I3/3Djzr0lWuNBv4a0c\r\n7GgHhPbANWmyZdiJJpP8YhBCga0yKaf/jniVCqHjbyQFEsB7e9j1NiL+q9I3\r\nzpgwqW+aiCVWkcCeuQohXc/fo0NzCs/j4EUEGcm4Fw9HbEGpeShKZBJVwm8e\r\n2Nn+l7+LisG9cRYUpVIkHxwKr+99SPOZUykr+G7c19oOjEi4L0rBZPscu9fU\r\nhPEv4jMrcjt1wUfVwyGrxcbz7ocpu6XdK3Eq7YQqkaT4dhCyPH338WGdizuO\r\nw9EYbkarRMXPtIvoS3ZwCpYekp62Xl7Uqg3wIQmtaKH2SkWfCxhJRj4cSULI\r\nmgjPtsRNiCSLkdO6cc9PZR/FMMbmSasl/j3syUWO40hb3wnw4yYbRwO0KrgM\r\n3HwIseaGwIvPyam+IaBuUkIuMJtBTTPGkYY9lyNcECH/YhuRg46MnqC2VFJx\r\nl+obUHfnlhirofNKMEM/oPmPgrt3E60nJSZeKdhDEDtRczlML/pmMZKaowLm\r\nG/I8xc8+IQXcfXIm//iKEkwbw/XEYT4iGhYUHMKYcUFzIc8iHsWSiLP9dhs2\r\nq8BhSBvwgixIvXzQ/EwA7YsfpM0OV9GQ+58=\r\n=+zdU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/fadde26ea1a6610f6c9151de976047d1/chakra-ui-input-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-ZnIgjPeTrSz34acqtwj3nb6xrC5z1S4OHWxgWqiBcu90Snx2dCHrZlsi+M3kL0Cu6lB36CXVRSUJXhkbNTPZTw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20221223180742","@chakra-ui/object-utils":"0.0.0-dev-20221223180742","@chakra-ui/shared-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-context":"0.0.0-dev-20221223180742","@chakra-ui/react-children-utils":"0.0.0-dev-20221223180742"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221223180742","@chakra-ui/icons":"0.0.0-dev-20221223180742","@chakra-ui/layout":"0.0.0-dev-20221223180742","@chakra-ui/system":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221223180742"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221223180742_1671818922335_0.31750738439040616","host":"s3://npm-registry-packages"}},"2.0.15":{"name":"@chakra-ui/input","version":"2.0.15","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"dc9760e8e278daa961f6cfb96fb1ea4a8e5b5638","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.15.tgz","fileCount":22,"integrity":"sha512-b8O2bggvBJnWfwjbVDXaYfRB0gd8tceNpaH/5EfUSPWnBkkrAPS4Gdvu7nr+uQsaR0t8QjHQ19bxq6s37jlGOA==","signatures":[{"sig":"MEUCIQDKCjwB3rV3OTunhiSCnrqwxD0bsgAVHd3ldij/By+tPwIgTwwzlS35xqJVJnppxO8aQE2Ikdz59vgqRzkaxslLCRA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44001,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprtQ/9Hqm6U858qLhCpOoejiZrV9xhS9Mgx4JBwx8kSOgOjViTn9hF\r\n0F1gGgStL7FK1A+Oz6q+zmKsn/COsAkTrsHBoRyUFl36vVBhQozGTSu+s1tw\r\nzFCvsavPZRB9gFUh9x+XVVkqSDRESMLLtpdskZX5CQ5IhQYEFmHI/QiEPN/n\r\nIOBfOEOPlS1k0fXu2kyCA4wI4D3OE+FVDu3OgHrVVmnHwwF7uEEHlBB6HiZz\r\nanK5AatWDdgK9HZccJT9AdG6bXwJnlB7RFrICr+ZLEBVS3xmxqxXszYEoWaB\r\nKok8QGVb1LxhKlNYIQnwmGlynRh733Z68BKyrTRCD06Eg7hwgCziQwBoWf0m\r\njtkpvrXdfT88PBX3OXaYaVTjmOMbooL8WNFnDiFauaeXSiYnuVjQbmEUIQwA\r\ndvsG75PcOZ3L9cN854+9QNIvILYFXN0en+BnEEBs6zFUqYFizymPN3P1bhoq\r\nyQzR1uTK4Q+c7IGqD4TQyI9v1kc2Bc7qaJPK9MmoPUKZef04P+P0bqjcT8N5\r\n7OjF1UEGxFqqeBJL5s+oUhkAI2Iv7Mh+lEtkzyfeWqH+MLS5TOckMquJl0TV\r\na2T1bKw7KMErxcB9KMqMC564/qSX70FVqhvooggJxv3umpYO0cGlPZI+fhdx\r\n/37i4Mj5hCcmjQhBeHd5hb2L3yIt+dM5sYk=\r\n=q5VU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-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/bab26bf1a7079b18777a9e8cdb12b903/chakra-ui-input-2.0.15.tgz","_integrity":"sha512-b8O2bggvBJnWfwjbVDXaYfRB0gd8tceNpaH/5EfUSPWnBkkrAPS4Gdvu7nr+uQsaR0t8QjHQ19bxq6s37jlGOA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.3","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"2.3.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.15_1672060439655_0.7540135729786157","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221228093251":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221228093251","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221228093251","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6cc3139e2637f8c5b56b360642f9e4557a992c25","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221228093251.tgz","fileCount":22,"integrity":"sha512-Vc67yqVAWJRGdgeSHMGoINgNrtbnFr/CkhT8YOGTTdNTmaUDrsE8fP5nr3dOymKybh5EPY8LFfOQZZAOxlN6aQ==","signatures":[{"sig":"MEUCIQCteQewyUjzk979v+6oXrfFwu3bRCK/a+c1UhT0z8BbLAIgGgB/J6QbLLUjLnxarBewX+hpz36rPGDaCRT8zLxG1sg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrA1qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqcvw/7BmSNcUV65FtRqOP+RD2ovP8bVgtRjmXmltCzhA7IQ0yrue4V\r\nmz9g5Teu28Ejn25DDGyw2eQUm2ZCLFRo0e0dWn8OoN0X96TiXMWDafRO2Jrs\r\nT1sf+nByUqrmvGMdfQU2w2fwHrzt8stE8wnWfLE5P/Gyx8iD9JVUDaoQ/CbM\r\nr2Ls2Pw0w3l+wzO8s7jB1GW95sj3XZpeXsDZO206K+RBkNfpHBNrF/fyvSoM\r\n5my3olr1xJAFYpadqfpLtKgC/7sEpYjCZ12fAxEaBSGJUwkdREGn2MkQD6qj\r\nJ36qZ2GIEzQHZdREzwZnGZ2clvyoNs13tcaKI6ezYfEX4PS5sXjhuES9atlw\r\nrI75lT8DN+xCE9z1xeOaC8qzkw+1W7ePpY4tlf6B+MtrRda+TOWSz2uutby1\r\ndp9X4j5nGGzC5ptnn58wO3QeVP0RbDeSEPFLPHM/8o+s0wVndDR1JnMwurCu\r\n5gdCNChefQYOyPTzVLFtXCxCqunzWaUYaMBS/9Ks2OVMEQcEG3omhx7dzMtG\r\nlfNmvEOV3LFxd81BPrXA00TP6QjTIwqKzUBiVqOevr4xsb/TcU+kihJNLl0e\r\nBsR1ArbJqnlJVqDXJjfS05b/LRlXNjXbCSFJw38tTKyJBWK+OS/kUB/1K7Av\r\nwBnQi9Z1vnrQoBkNwDzTF0UlzEUo2Wv0O6U=\r\n=A3i1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221228093251.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/2cf8a3c71e0840fe4840ca5328a7981d/chakra-ui-input-0.0.0-dev-20221228093251.tgz","_integrity":"sha512-Vc67yqVAWJRGdgeSHMGoINgNrtbnFr/CkhT8YOGTTdNTmaUDrsE8fP5nr3dOymKybh5EPY8LFfOQZZAOxlN6aQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.3","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"0.0.0-dev-20221228093251"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221228093251"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221228093251_1672220009837_0.4888675734825154","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221229141945":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221229141945","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221229141945","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e06c29e0e57a77b202435b85397d9a3961741f20","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221229141945.tgz","fileCount":22,"integrity":"sha512-Rh+4zzOsNRbNbi9hv4vGJfJFk6gIZlIMK8rBLQ1Z8eNjy4/NgMKPcXHobflsFOP9gNAiuAmd5NKC1YtkLz72Tw==","signatures":[{"sig":"MEQCIFjEqC2uKOfe4yukyiQOzfJcerC0MeOyvWUHBo9HWOdoAiAfTG0wDzGyJHhavur63KdIbpsGiRXTgTFC9Bck/4ndSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjraIoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU6Q//cLdtwzpsF9kNS8z9jteKgYM0NYVS1nrK8qC7coxFAQGjJ2pW\r\n0gDC8/Nlzr7X63tCdaaF3r6sUjmCwf0FcbaKUpKPLUfb/GBZTF2iIpWpjSUt\r\nmjHvHDau8mhwWCPUHf1pIcbkbLdWGqt6zfz/7BPhaF1a/5GHFoOCdI6a3hMh\r\nS5e66sHk8+EXQWqcGVKVuJYsLr5zkfHIO7tkwtXpd30C3NoU4AR/Lib9dBrH\r\nwQ33ryntWEaPJZVeq3i9oPSRxafSyrcl+7+Dne6nk2DXnNj5GCvUaUMlRbMA\r\neoSIbZufEdnuZxR50KRClfuekZhf5Fbwe78p5qzG03J45cZUNuLc+qvF/5JZ\r\nFTcetbZT4+FS90IDIq/fIfNNeTTgd0mQ78IUrCve1wwR5uD/MMeSHk6RpQRx\r\ngAC0M7h9A5efZQNS3VBi/iu9D5Mpr1lX3PooGMqRFkE8oAdDHKU1vfgjI7fq\r\nltyq+8b8v3I7WYO5Mw5oekESM0qA7s2PEI4GktHeC6tLzz+87uP1+O6U/gQT\r\ne4osYwyrwXQwnub9+8zoDnI9KMhFM96Gy884ao+DjqrDz2IVhuknzoBGwj/N\r\nDqEHYE/ICtf2oO8XN4OeQn7GUYhxNFFj+9hPpiQY289uKj0yUA6HPIOTcKJp\r\nV4U8GF9hc28nSsboB1ekdMbLHUsxclhPZ3M=\r\n=XqMH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221229141945.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/ad3ded2c74278a1753cfadb9234e252a/chakra-ui-input-0.0.0-dev-20221229141945.tgz","_integrity":"sha512-Rh+4zzOsNRbNbi9hv4vGJfJFk6gIZlIMK8rBLQ1Z8eNjy4/NgMKPcXHobflsFOP9gNAiuAmd5NKC1YtkLz72Tw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.3","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"0.0.0-dev-20221229141945"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221229141945"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221229141945_1672323623776_0.954646010392252","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221229143302":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221229143302","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221229143302","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"90403b2244da1baa2a9e8765ecec0d348059360d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221229143302.tgz","fileCount":22,"integrity":"sha512-Ni1SFAVVjxPyxihlyP+Juzugcf3QlAY5V/wvPU8/fO8DfEUVoySpN213ZSeER6dyjgC4F6B+yh7DaXSl8IW1FQ==","signatures":[{"sig":"MEUCIQDEYRXXit5FEJql0ovg47IkI9jzJICOeKqnmGT8IO1NLgIgNjJ0huA1cuUjcqVdQpddAhBviW7IlOSuPxap3FPMxmY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjraVFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNkRAAmZJWyhRcIcJAPl3I+Mw1B1RFyfteVbiseh+8k4Lpw+RZEAnJ\r\nT6xR6+U+SAe0CmEGiRg1ItsITL1+Qoiq4qMuiz1Cz/yWWbY1g05WrQgWVU7M\r\nordT4+dRPreOASvlPN3xQiQtONAOFQvGismZgGlSfCwrvMObjXZjH4B5iG5C\r\nBDpOcc3aFqnxVpY2oMRmGDB+2zWVVMBEeWVH5uU5cMzyV7Cr3Dhx+fckFN5X\r\nAi72yHYvS775Tswg0hRVfUG+STwxiacb2cv5PWike7/Z1LBzwStgaMRrENO5\r\n0R9BGdL7RO1+HACZtvMPhMNZw10FwNO6CZxgcY4sGWFlHNu7DJcwKGCCoHYp\r\nOYC5uq5kE+r+DSXuSo9VyepWhv+2LYspnwSi2GOknttqr7YhP2sI2nl6xSBn\r\nRW9XMpoHZBtQ5ytTlhqtJyHGFAtG7QYLesw1upJZE1upIdjUZFeXpunpl6Ne\r\nZpo4t8KxRuFIoX8qw2CkCeCKFagc8mLS/hXD1QD/x3HUEHZQNZhWzy3yW7jH\r\nwJOufMi4eVC4Nc5N81qxDa9l/gVyrj7KeDcvZcPVh/B9yXUqJb328y4+Qtgw\r\nD0YxTWonP71j/3fgg6/REZCem6jiqz3sei4cO4hnU7RcNUTy+uKUYe//uVqH\r\nbWCgIHR+gK2UWWltIukBXCmPTdp3vHgCzxs=\r\n=Ta0z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221229143302.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/bc64e7607e87f46da61ee90ef3425d87/chakra-ui-input-0.0.0-dev-20221229143302.tgz","_integrity":"sha512-Ni1SFAVVjxPyxihlyP+Juzugcf3QlAY5V/wvPU8/fO8DfEUVoySpN213ZSeER6dyjgC4F6B+yh7DaXSl8IW1FQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.3","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"0.0.0-dev-20221229143302"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221229143302"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221229143302_1672324421261_0.5370951587118249","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221229200356":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221229200356","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221229200356","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c6767f8859ea7172859ca9f4614d0d79bdb8c4a2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221229200356.tgz","fileCount":22,"integrity":"sha512-RmeWW/DpjI2u/7JsTVkBdp4OoEqH1PcuOKRl3BS9lzModqyPrWVafFviQ2jeX3MgLn+F3Q4DSPdsGwF4+NuxAQ==","signatures":[{"sig":"MEYCIQCxUvgaCqfQP8cW6tlY6y/MDsYvw8QtqPG2cjHoZrpHEQIhAJNi9ew3reF5fpSi66HEzjHaLOcKocg1/V2eyQpIta2t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrfLSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprTA//X6rkqriRHmiF+C91HRN0PpctfnVj2nryPqodsUWFjcKfkBq7\r\n4tM1W6+S2X8T8jogFmFtQQoVzdsbPOPN/vTTwh6/gnRzIhIIFghur+Dk/aep\r\nsXud7QxZNs854d+1LErdS1Ps6453QhgKoNe7SmLWpmngNUfZ/8Fh/JQj1cq6\r\nLxzb5apngA3Y53Wzp/BI8aGoAoxUyY7nhZ4VvIeJyc0/vE8C258Ur5tOp2yo\r\n4DmxC9rLr8EE2qA0nFMTYCc3cQHZiTKUd8LrrHn+ZrK8vvPKWDX49qqDceZs\r\nTQWP4P3KsVY4Rpjhtg+rV4oNBPV2VsBaz59Z/e10awpgGM84Oycbn8qTejZ9\r\nzb0jMtHZShuCzSW0NI4pItutq5O5PZelvu3lnJQUCE8d+2tmAHsQVIb7b5O0\r\nvr79Klj2bCZeyCd9ljbVrF7aXauiud9+ozq8w6ncoV3nGcBPajfLRWaNyE6+\r\n3QQ/41JNZbrebIlYeRbqIiKwmMkqTz0A49rJ3gc5O++CSqtCSptR/sA+q0gG\r\nPh2MwM8HWgrf06oW4AXErk9tVcECn9OYA6qXJbBsz96rlHF/r9sZf2flkVCd\r\nPR7kbiZYoC6NZFi5ktgr0PbjKmRMWhJemiNUXVRmS1HGPGUC+4LD2BEaXqEo\r\nEIdRgeoMifSyRdsuevbWNKog7oxfZxmWNxk=\r\n=h8Vn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221229200356.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/20bfc0f1d95c0b0700e3769fcf054d40/chakra-ui-input-0.0.0-dev-20221229200356.tgz","_integrity":"sha512-RmeWW/DpjI2u/7JsTVkBdp4OoEqH1PcuOKRl3BS9lzModqyPrWVafFviQ2jeX3MgLn+F3Q4DSPdsGwF4+NuxAQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221229200356","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"0.0.0-dev-20221229200356"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221229200356"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221229200356_1672344274403_0.7923039845243065","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221229202029":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221229202029","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221229202029","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"347c8bdece0c3d9b7a89d11e5bc2f029964142ff","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221229202029.tgz","fileCount":22,"integrity":"sha512-czo1Ok9SQH9qHM3oLEs+gMFYOLoSEqMFpftr5hDW4n6LyOzCFaiU24j2xogk98nVJvWSJGUYPn+tEHWTjYknzw==","signatures":[{"sig":"MEQCIAnDahoLalQGDhZ0xeSR3Rao+MzA0/VQz4itRHEKdz5CAiAcmtpf8OvdzUxCQtChi6H5PhA0W3coKvGkg6F8bIEesg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrfa0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpv3Q/+Il3QHL9WwD7daJGWLdIobJd/rEEXBdMMOJffX3IIcjUiABat\r\nZxSPAO69oelZJ69syAHWCgtVL7lz/Skj+GGi7dgsJzjPkl+4gP48/y1H+LS8\r\nPdEJVnvxdoxYo1HBE7Z9IL1LctmHQXjsmsqk6MKGR07nCLlbrwAYGjGsCIuy\r\nGK6JGAaJPbfXlAhzjVY2yU6jeXfWPhri9bJge1hzs88xxN96x6Q5AbsDbEc/\r\n2RwikkZIJsdS1psgBtzUqamjv6/wLUAbmTtg3u8+71tht12zN5l3hBEgEWso\r\n9mYJcSdAHjNooW0NoCSHMIVeuwUdVZsbcRBTSff27lJg69ZEY3GoTpIene52\r\nciRJTMIev9Q0NmQJ+MNrT01yX7hs++d5bxIDrcnOxPGxcso7A4lTSDYo9HOV\r\nEwQG285EOrV/57144nRP1rg8mZQnghTafdCbwPtxvsKQUzbBdqj0Ya3HaAXH\r\nByzQQ7a/PJoQTMgqmCV39HvGsX3PVZXm6TFAv0lVo/iqHB78umMiNLF/rTBS\r\nZcJjMVlLEsRiYPjh4fsT9yw169cxgvRK1uiwY5Tr2ey5gpeqlY5yDQLxngAe\r\ngDUSPM7nL4qp8LVcC30XW1ICN3Qg6xVINfTc0k8tlIFaDXh7Cxhu1d5gtTQj\r\nYb28ndjGIMeFgEAOKgBC0o5dDzOVxyzdXpg=\r\n=Plrl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221229202029.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/d2f675cad4e64d4c5cc1a765ec11325b/chakra-ui-input-0.0.0-dev-20221229202029.tgz","_integrity":"sha512-czo1Ok9SQH9qHM3oLEs+gMFYOLoSEqMFpftr5hDW4n6LyOzCFaiU24j2xogk98nVJvWSJGUYPn+tEHWTjYknzw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221229202029","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"0.0.0-dev-20221229202029"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221229202029"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221229202029_1672345268275_0.30984523138182696","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221229203627":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221229203627","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221229203627","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"27595ca297997708cf8ed5d9f69749a566145c36","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221229203627.tgz","fileCount":22,"integrity":"sha512-PGiA7mJrGGOKj6nSTOJLQO3HWObL5JSRFplXIr+9XjbSUiiNFfGZZaMor2peqob+XQ+C7ex1Hek6FyRXXFZU+A==","signatures":[{"sig":"MEQCIDIR2ZsrAeIrnvJOfgJ8nnzWwdHsfvgWrADNQHtx2sQAAiAmTtKL97XQBaEU4NbX4+p6J5eo0Q4mKem+l1xBlEhlmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrfp5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAcQ/9FhekGBY7RERIiSE4NxubCwVkdQOprhjJXlo00Dsr1ZcI7JXy\r\noueNVDPFusIntuvRUsi+3wvgGV14yBuRfJIh5PlmiwmPK2f1f6iCz1fL6hfM\r\nCUMPDK10zOWKyyeIIWZAMOuJtPoydtkaE1h8w4vnIos68A6ERG5oUDr7OZQj\r\nnhvyqcuk2Uz8PciXzNtQ+RlN0sf+bUfNnjXPAxgJAZC7JL4sQSIaoPu1khRD\r\nrXBCc45eQEWyUDqzx1VDjFdAU3JThZirADRfsGni/deO3tLl8dveCQtuPHVT\r\ni4BWhGDbxSGiNJX0wm6xLqiszK5Abse0K/NC+qGxOZ73OizJOzLnB3XQ6PRw\r\nuYAlZXpeebvgC0qgenSGAciFfLw4jqm55em/MXsDlEb5rbfFR132RZazJtPX\r\novKyZy1VO1dbT1icpilVEMSMDaJTt75QfZ6uEBb5AK9lEOW3aQ5ILkwve+uM\r\nkLI4zAaDVx3zKMfEmLNcXbzBXar5Jbp/6orTYNe8rkUUigzWKf8cXlDw/ZV9\r\n2H4hnc3XlYWfnPr86VMbrcJjVn9rhBUh7llQBiRkZhrRJnBbaJqdJ9i7bBiY\r\nj+It0A6D5ZMBy/IeROiYHwMWb/Cnl28jaTIoGjqqlMYdf6HRjtFl2jB/Cr9S\r\nl6UVULO7EnHuy+wms3wfHNfCzylpj2+lvnU=\r\n=6k2G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221229203627.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/67c32771c6f771bbb2aa37d62e3bff57/chakra-ui-input-0.0.0-dev-20221229203627.tgz","_integrity":"sha512-PGiA7mJrGGOKj6nSTOJLQO3HWObL5JSRFplXIr+9XjbSUiiNFfGZZaMor2peqob+XQ+C7ex1Hek6FyRXXFZU+A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221229203627","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"0.0.0-dev-20221229203627"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221229203627"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221229203627_1672346232995_0.5284670792205239","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221229212737":{"name":"@chakra-ui/input","version":"0.0.0-dev-20221229212737","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20221229212737","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c8fd9acd630e22bd4a565bfb8605c60e1b45a559","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20221229212737.tgz","fileCount":22,"integrity":"sha512-hyZtyUiw7ub/QS0UQR3Xp3EQAjKfCTXNaqNaHeGSm64jHAFZ+E34Vqntnz9bCxutRmSaQiSFA5jKFj+tQD1jXg==","signatures":[{"sig":"MEQCIBx8sBlNGG6HsDEWnnktiFP0p5kPOm9g2Agdb+0tX4OWAiADt2oktDJjAaoN+fPhvPULm9vIACB3OX50rgHFo6BAvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrgZwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobNg//YomGpTXPlZOB/jc4NE1XPA7ffP70c5lUgPh74kgofD8cwWiL\r\niAqPzb8negR4nCLnXtNTybvT2SWNOOvtHyqsolIa+VS1vGkPmBvFJEuRNUHJ\r\nea8pwLxndHinFXFf+u0qFNhInJTsA6Fw7BDNo44BBpTLm6w+KtmkHppPoOBq\r\nP/vQgQh6PMGl74/1zy9qVQC3tlgcb9ig3Y4LOVV1+lGxdRDyGhW1GQHhKaQX\r\n8Z8XZvrPOkVeIqslqeGwbmREqwjzY6BFVhVAYgOBKU5FGn7qumri1Id+HvuQ\r\nz0ftsYhKM+1WiEgLfDl6gjK78xo7tm/UkQFMaX4l5/BkGexnv+QjF8yiYZI2\r\nISUYAmOMnOyjQX9Ema8OAYCZ9BoeNx/GEAKe5/X5UZ/EY1ZJOo1HdvB9yU7i\r\n4AMUlBoaUZrsqjtZqVDpWuNsqv7kajjcRQ/1tcnwR805vYDpkNn9U85dxke1\r\niO8ghi3q3mIMrC6BfQDnAA3wdfQscTWicEgRDKj7CPb6YG4KVu+14GAI06MM\r\nx4I4DryUIS/p1UlXBh7R1Dyj9kLQQ+jdqZq2q6RqnQokdirKRqITnIn2ooH1\r\n9APp4c1UivQqoBfChyQugz5YfngoeJNuCrEG388Wzwi/vBDgMbUjDEuUzHOr\r\nTvrNK8ON6wrRgA+szSscU9bNYWFNg70cyVg=\r\n=r3SQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20221229212737.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/bd30a234c946b2d86b155b1a3f82127f/chakra-ui-input-0.0.0-dev-20221229212737.tgz","_integrity":"sha512-hyZtyUiw7ub/QS0UQR3Xp3EQAjKfCTXNaqNaHeGSm64jHAFZ+E34Vqntnz9bCxutRmSaQiSFA5jKFj+tQD1jXg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20221229212737","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"0.0.0-dev-20221229212737"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221229212737"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20221229212737_1672349296517_0.5280789703329791","host":"s3://npm-registry-packages"}},"2.0.16":{"name":"@chakra-ui/input","version":"2.0.16","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"23110cdab6b619beaed1e9869aa6a74e3c01f295","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.16.tgz","fileCount":22,"integrity":"sha512-4ybF7PQa8MQJm/QvD+UogYerB9/nZuNk+A9Eh9Djtg0EMiD/z+2jhZp2a4Te0HE8mq/DaEK7aNgw4s/EmAKnGA==","signatures":[{"sig":"MEYCIQDlD3r+CcVbuwV6E181KsblANSzh01VvMGAo8S/dv2N0wIhAKqnSSANMf40e3s4UZ9xyKSmJmuC9pGakktLP/43+oeV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrg+CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmom0BAAlGv0Nvv1jN4r1lr8/P3Yhzp2YCfgQhdqZjpxXkgSVIKzTOwU\r\nk1UtumwaxK1jxchUxxyPvB3l4V/mE07D+LXRkNKsxE4F5+eSOvls/2nUx57L\r\nPM6tPZK2+s2Wd4B4W+uM+16a1GTDQWCJz5zQbEvjGz+eeku9MLH6TgxcShQR\r\nUNCBUw0uVI9E8oNK7kFqghq+gLc/V8nowwrF8NrcOFbKVpefLtlQH7KBnvC2\r\n1PTdOWtXqVaboDzqOpYKMEl76eM5mxoTNHYkqyFTUBnUhVywQw1i5nLlU55c\r\nEm/IwLF6vJSj4fVav+CxCDWhWnyouf5Kz95UH5ByEmPrdDj676SsD+wKNS93\r\n8TRGiGyCnBCN97WwwhxKFGZmmAIv9DAhAsuslHCJp/zyij3M4lzqddM9aAbl\r\ndt6tByXV989LcYU3YlFxmbe8JAwDgbehDxa7xT+k+MoR25T+flW6FiIrF7/7\r\nN0fNZaQJOOSmQ+RKm+c3/w/Vg3ZY5P6Ksz2AOIDA7gJJdmhSMK3OFwpDWTqT\r\n9N/7C9kP80pJdoYv2D065Ck/ShxKJqOyec5ZGfV8qFP6PuZqgLWpB2GYK2O4\r\nWn6s+k+CV2vfx4qFgbTBcK0497POLpYUxHAFwoEOsHXE4qzS+j2O3qRGku15\r\n4PFOggnbkFeuiQDz0/HAP4U0J+JnrSI+vq4=\r\n=vYim\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-2.0.16.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2fe39b5275b537a96b003d0983fca937/chakra-ui-input-2.0.16.tgz","_integrity":"sha512-4ybF7PQa8MQJm/QvD+UogYerB9/nZuNk+A9Eh9Djtg0EMiD/z+2jhZp2a4Te0HE8mq/DaEK7aNgw4s/EmAKnGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"2.0.6","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.4","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"2.1.12","@chakra-ui/system":"2.3.7"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.16_1672351617842_0.6364488603193441","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230102093714":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230102093714","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230102093714","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"711c0ede1b3044b840afaa8cff401bc4de942529","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230102093714.tgz","fileCount":22,"integrity":"sha512-ZvXDZb4zfhA4K9tR+rzc11BxB3+4MYg/Rz5CMJHjitPi8FZM0XKQbfyfouuxqY/pmLs8bDaZ8wPoQvQQbL0iEA==","signatures":[{"sig":"MEUCIQDRCnfSiPIM6vostFJE3n/kQJWtOcg1JlPlQbTMWIE/ugIgNKAmu+KNTZXPFf4GiZ6k6RCHTJP4TBf/UXRvbSOxDRI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44252,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjsqX6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqjbw/+PqkDk3m4nHPsSzsB3ShzZEdeXjcT7kA7t3Vd4d11V7ycRBp+\r\n0E83eTtaxe0PqSeXpNa1za0raUku5oj9cvaRb45vDlEDA9rvAs4e6BQVZdxH\r\n0Ij00Ng3NrPAjxsfoSbsLs1ViuE3YpkQN3yVG1gfwyedVS8Mi3x96KBBb5ip\r\nj51ac7md1WEcjH0yyT3mZ8pte3hnPtnmhvXCf8GMAK9hEYoiciJt5+/9FAIv\r\nZVAAwUwSAt7B5amm0YdlqPFp0secj7NAos2C/1ugPpscba1nXW5N0/6jtyNh\r\nMA268a/iWnay6UNjgycPqgn/TAYBw1uDwFv38KvybaijdTgcWOVCmd4Vrskg\r\nn3TVYAU0woieTfQUNWFo9ke254G/7PcNYpS82TUBPh6c1dZXeQNm1x1aOh+j\r\nXkBKoeC8ijGWFTaQNDLf0jhwl808oEeYuK8fXKkM6iBwTclAChzNVQEzpjsG\r\nSZk5R8/Kojg0Vfiqn61GCWvkvuqLz9kFALBYwysW9PkmyGSKl8cnnGJKWYff\r\nYGFxRp2Oy1YBe7UjwC/2L67koZUWFK33LbKaIF77rV2dwKPp0+kZWyLb4Cb+\r\nUC6dXMVa36ZH1l0InvQdWORdGovczGBVlmuigM2bWwbpc0wKdoELfuW29cxj\r\n1x0hjKoyiKFjKYBrvdVkY0/NViV16p+4IbQ=\r\n=CgvH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230102093714.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/2b749fbec8f288bd9da35b7f3967ca8d/chakra-ui-input-0.0.0-dev-20230102093714.tgz","_integrity":"sha512-ZvXDZb4zfhA4K9tR+rzc11BxB3+4MYg/Rz5CMJHjitPi8FZM0XKQbfyfouuxqY/pmLs8bDaZ8wPoQvQQbL0iEA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"0.0.0-dev-20230102093714","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.4","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230102093714","@chakra-ui/system":"0.0.0-dev-20230102093714"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230102093714"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230102093714_1672652281829_0.3599514687008394","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230102095417":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230102095417","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230102095417","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6efd29412b56d0b7c1a5f5f3a04a95b462b358f4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230102095417.tgz","fileCount":22,"integrity":"sha512-iD2JD1ennyGcYl8X6DKq9wxf7uEka2Jgs4WcgfYc2j0LNa5U0+uSI1D6OVwNssgyMvmYkjN7w4eDdICtYQxRZw==","signatures":[{"sig":"MEYCIQCf8nPJJ255+TrlILAuyDc/mhgSXUiX8w9m6tM9Z4CksQIhANyo21P1taThtRQILcx2+SFjJyVd4jOY7zMt/5YwgH88","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44252,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjsqnyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp22Q/9HEL2tScSU5ggi00JoKFCjnJEQMG/RjFAqLaKMWoPb+qk3Hne\r\nt4clATvfRx+R0OoZfugNeamh/JEO8fVbwkM9rDrXpv1iN90VvTU2cqHZEoRD\r\nOXNx2ZuPmre2BZiMR43xpO2MAJss+C9b0QUz/sQ4T9/Gio/7487wr6wbsMeV\r\nUv3Cn1eu85OWOHfNo6a6Wa29FLMQ7arHd16aThceyIJWKjh2pI0QF7F+Zyr2\r\nX85KtmHL34R16P010pQbW+d/hY7fiWdwp9+HB65chutlp7hxaXpGzt+m077N\r\nI01RV/14WE2C1TfbMbKTOn8xia5bQ+jrsKmR4bSM59Eqtq8rOzeBnysZSOU4\r\n3sWjGIE8hz4ABuJx7DBpXOq7QzeMadz3+QLWF57V2sLhklfOaKLGXhQM9xN4\r\nJLvBWBc+nZxbz7humNndyZzTtYXsjegE22qYJHtuzkGQz4gUySsU9W4FlEKt\r\nbWS547vaC3UTc8JUOqU4Ol5+wqONY8CW1yZ5gYXuaTHXr1EZ4Dxcfj/v8EhD\r\nO80GRpBsMAyo5ls7Tif5CV00uMfEug70DEE3QZyYkWKgfuSQQNyncby3Q/x2\r\nj5s9fWzu1Zv3IsLsE+d6Jd+BEmkKjuUGltUt1N1241JQSUz8PD8AlV5Pt1YC\r\nDseUVbuhxaLR9vMiWzh+g/stq2F8OA0C/0w=\r\n=qcs3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230102095417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/142fe6b6de469ed2fb6b9aa647864703/chakra-ui-input-0.0.0-dev-20230102095417.tgz","_integrity":"sha512-iD2JD1ennyGcYl8X6DKq9wxf7uEka2Jgs4WcgfYc2j0LNa5U0+uSI1D6OVwNssgyMvmYkjN7w4eDdICtYQxRZw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.14","@chakra-ui/object-utils":"0.0.0-dev-20230102095417","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.4","@chakra-ui/icons":"2.0.15","@chakra-ui/layout":"0.0.0-dev-20230102095417","@chakra-ui/system":"0.0.0-dev-20230102095417"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230102095417"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230102095417_1672653298661_0.23186922530404352","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230106083209":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230106083209","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"20ab74250e9415cabe814fced499d8f22dec5f93","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230106083209.tgz","fileCount":22,"integrity":"sha512-FOw1IlpG88PKf6hvGZOhaJuvk5T7O1GyAnzYhJP2xkk5ANxbCZxWhy+mzG1LBjYYwSS5E+DZTRx6C+F4PELWWA==","signatures":[{"sig":"MEUCIQDu2WtjkkB1NmM6o7Dc0u53jtvhe2wi/OK+Q2c6hwRZfwIgJOvVvAWrQHqEv6Vxq11PDk1IWFxeJbdaYDCuEQfh5kM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjt9zAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4nA//XDrs/XO5hlS64X//yPbRzUija1EeX9JhaTb9069dAkNBBVxt\r\nWYhpLEg27YgwVSlv55P+OvMzHBDADudobrp3Ytou54FN/3cRPfl2f0nXGeiV\r\nObNMbFsDxJNgSS8OPJkVb76Waq6dEy8hb5jQmvOq6ybYsg2bQXiPYucANOQq\r\nfMWxs+tg9qw0X7GkGmwVbimwvobcaEDw4fg6vVUR341PdQfjt5hK+affnzLd\r\nEogWKrSi5xP3HKVfGXTHtwkxq8f1111YOSkiybJeoqs03jntR7yexwCoVpHR\r\nVM9he1YOLAn4/rISfD9bXnF694w4RMvE8aJmmmGy7EFIEkmol4O1iMz2kGCP\r\n1oIG4T0Mk0DSCbs/wh6CyJmK69vX9msCxQTzY2+LNoRcbY4ftv4RbcM5OLN6\r\nLeS/NyCm/lx5LvWCsANVkHIhBsN4tQZttjUK8ptsUNCUGZrcHguXYVr6UUG/\r\nYRd/JgNwbYvk3/j6VCTAzbCrk61G8KjETGfBuJ12sZIcx5H41QYnVrnta3Bw\r\n23QLPMRqrlnqyHVL89YMHnsGbhBxi0OuWiUAcdqZhGBvUi0q74EpH8/ue3sX\r\nd7qnachSiQgHtUVyFUbMr89jKLGFRtUEgKveGh75PlFDrG0rE9MfOJZttLrC\r\nxOaRmDn7ZfzGxHyjmwGFrLvghdjxKmvgRus=\r\n=HP+W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230106083209.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/443b180d67ff90d15aae4d1a50d5eb64/chakra-ui-input-0.0.0-dev-20230106083209.tgz","_integrity":"sha512-FOw1IlpG88PKf6hvGZOhaJuvk5T7O1GyAnzYhJP2xkk5ANxbCZxWhy+mzG1LBjYYwSS5E+DZTRx6C+F4PELWWA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230106083209","@chakra-ui/object-utils":"0.0.0-dev-20230106083209","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.4","@chakra-ui/icons":"0.0.0-dev-20230106083209","@chakra-ui/layout":"0.0.0-dev-20230106083209","@chakra-ui/system":"0.0.0-dev-20230106083209"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230106083209"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230106083209_1672993984013_0.599311542694658","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111055325":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230111055325","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"2c566042de2d72c0ec064a5fcea97fffcf541060","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230111055325.tgz","fileCount":22,"integrity":"sha512-6nrkS64IaxJRm9XSUOQ3CJy3F8qk/NNKN25IzAQbIjo/0DkzPpA2kUVraOrOBdjmXKTwV/UeXllFN/xbnGcBkQ==","signatures":[{"sig":"MEUCIHdHkVBnw2ze/N+nTxqenEkDyndCzRX3/6GoRqv+7XI5AiEAhinMBJpLEb8vCynwAcWvs5RbESzjMUkw1dbFTXao1TQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44288,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvk8HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofWA/9Eiamfvb7Djq/VdiWFVTsS+I/4CHT1ceD469zUYlxiPcfyIIl\r\ninE9UyvPOfU/r2zbHIFNUQ6heZJDOmCdvZ48lw1/cWCiEGkrrQRDAPg2HUL7\r\nmXA0yQ8j+urrzFqOOEagTzgwNzAYFQrsip/l63+uOrVT0xhY1konkZuWRc5f\r\nh/qX2gSzV81n9QCAAZbru2lzoKUmbb1K1SLqFT1OLnOxhL6XAv64N1fPCeva\r\n3eaIhHxjZkAT1roPwpZosXKz4CUmRCmdH25zDHv9ILGduLAtGVEWw19P1Rlx\r\ntzbPjr/69k0NnlQZw9htoTr/EMkiLbATMPbMqIUNOtTOuuBhMZt22fFZKNwY\r\nyEfien9cZOnLuFZfGs6TAdvasMnix4Kiezu64BpbzyidbMx/bLxceKra6N6d\r\njWg9BCMdW8rWK/MBVOaA4IndgSlbRffehz73ybqY8HWayQdN6fmEZtmR0LLo\r\nTMDfpHuhtONk5NblELj+S8sBCJuBeuiW3R/B8VjVCUvx4iVCDop9QYbuhzRv\r\nqRhe47PhNygMKFxzZcw0mGwpw/ZqZPTZNBUm/K+XMdkC05tgiyYtdy65RvTU\r\nxJU8q87udpKyygm45wePviKqS4Cf1HjhYw4AyrS7GYVfRerqI3lt/d19hJ4o\r\nZSkhaVzWiq/hcXlc/QPFTvv/PtVuAAUjhYA=\r\n=QmHz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230111055325.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/68351ae40f11c821f9c064b03992f2e6/chakra-ui-input-0.0.0-dev-20230111055325.tgz","_integrity":"sha512-6nrkS64IaxJRm9XSUOQ3CJy3F8qk/NNKN25IzAQbIjo/0DkzPpA2kUVraOrOBdjmXKTwV/UeXllFN/xbnGcBkQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230111055325","@chakra-ui/object-utils":"0.0.0-dev-20230111055325","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.4","@chakra-ui/icons":"0.0.0-dev-20230111055325","@chakra-ui/layout":"0.0.0-dev-20230111055325","@chakra-ui/system":"0.0.0-dev-20230111055325"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230111055325"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230111055325_1673416454929_0.9401224060163682","host":"s3://npm-registry-packages"}},"2.0.17":{"name":"@chakra-ui/input","version":"2.0.17","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3b6145365710e00ad5638518bcf50326c180b228","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.17.tgz","fileCount":22,"integrity":"sha512-foGMxVG3PSd8B6eRVYJkmCsAYJ67eR/IfRgrqdfiurQSgXzuoKvpHnLvr16INyKK0VgFzty+inVfoLwI0RtP+g==","signatures":[{"sig":"MEYCIQC9R9QwlP2hocMI0aD9AosRViwxFgni1SroiQDHDGnGswIhAO6x9kbaC5gYV34OkDiKAGUeR3ggRqdzKceA2t2RqHts","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvmXZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtVxAAiM2MCr9zFjYC7k4szCzHwudB9kfpx9iQS9VDpwC/Wz9DoEZx\r\nI0uDUqp/Qvy73unhQsNDJZwWq7JsEbhtRQmnm7fUrO8nHDxDfRHgEqmF8F5t\r\n8VflCKgB2SM96K2AekTTYyGq3AW6qoDNNNcZ9Rvu6WrjpLwojksiHLLgaOu1\r\n9dIDtZVSvH3XrxFqbtZVttwgpa9SKc2dGqc9Aa94E9ZfG3h2vrdugH8z9TZu\r\nj5X5TWglu7oSxaLTK1pSSOAec+up2tAGAAbvAQgA7IYcEFUrVQXIYxhdHqQx\r\nUfTFBskk6tod7su1epSNR3Yra6immTkB5xsk9xQbGOOkLkPogDD3EQ09qcCU\r\nPIPzLyNVJ0Vesal/v7SudwwN2buYwwddeO2Fa0nnbmmd1Q5ecHNEbNvr8dWo\r\n9NjYmBL/0XCQ6gxjpEFXYForf4zjGHqwQCY9DyR61Oo+5Oh1AsGDj7Hec3n0\r\nQQ3IaYOinXTOXV0A4AWxhv9w9ZiqPbv2jKWVoU3OeJDbrG642Yr3BhAzFzU3\r\nSC5927a6Ckg+n2RyNYqrmjtIxcPy2H7kjTkLEeMyjec3GO5gfOb4ClebNT/5\r\noIw2SAx29o0XJYlxQGbm3hGe71CTs36erfxrs5ZlXbB6N/1E7XpjQrmNl0MQ\r\nEUMf+a47rqLQas2r0/mvuBiPiZ5mUt80rZE=\r\n=BlDK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-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","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/003147059689dd1262b8b9cae1a2bf8c/chakra-ui-input-2.0.17.tgz","_integrity":"sha512-foGMxVG3PSd8B6eRVYJkmCsAYJ67eR/IfRgrqdfiurQSgXzuoKvpHnLvr16INyKK0VgFzty+inVfoLwI0RtP+g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"2.0.15","@chakra-ui/object-utils":"2.0.7","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.4","@chakra-ui/icons":"2.0.16","@chakra-ui/layout":"2.1.13","@chakra-ui/system":"2.3.8"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.17_1673422297306_0.38329590537714986","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230111211417","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ed2b817f8baa29856b358ddf3e7cab05e920fa95","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230111211417.tgz","fileCount":22,"integrity":"sha512-fvKBSPzzewQfH2JtY5nK4K19mV5BYdMoQjlEPXlhcAioQInJSvlD/l3kjoIqbM9JMCcizcQszifrlKd4dmBosA==","signatures":[{"sig":"MEQCIG/FisGD09afT0uoq+uBVbtjjbB+IsCoIJRsFtzgWgtyAiBsOTvHqOBfvJ6YyK9o++3V9NIswo9ezPkeoD37R7MPwQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvybqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpoxw/8DaEFpYMEOWLi59VEUeyZr8fRn7ythNg6zG4gv4aLc2MlEP9V\r\njVbXIvcYWNkRHapc4DlDhE+FmqNAGW/17Q2k8cSG5RsPYQtYmGaxJzz7yBPi\r\nIDGdIfrEK0TVihsmKccDAuyIIE+aAcAJ+/dvVSw14WxrGs8g3QAIYmOhMjAQ\r\neV4Z2hjawUyuY58rwd6z7jgugdppVKUXDXmgbnG2OTt6CRpS/9RuR+AiNwYK\r\nYacRScUGGZdBXcCObpUuSozW2InKUExnggfFGPRK5hbPMOVE+H6vO8MDYGCA\r\nxat2sJB5nnXLBQF+h7/6vUeq7Z2gP9XK2jpgUBPNT20UYAZtBZAIQb/Pr00E\r\nAW6GAJIVFTl19EAoEH+i1sIA2AynjSlaq3Z8M54QRDh4S1jg6phrATYuiwP9\r\ntECh/TSskb/0ZqQoIiYPGwEq7AYevRJ0ZunI2h6tjq0k5z+R483lZThePsru\r\nLMjOvYdLsZqzSkavcPLS/bnMbzSxzYodzRAhuNNnYJNCUjgKHSQOTiXoDpNh\r\nM8go45HjoB6pt0pxZbqCk0f3GcGwR45gE9xsg2udUT4JzU0htY28tNw/qkMV\r\ndEMZEfJaaX8m/OcePRa1IZqmOdfpvKUB8g/QYT5SG4AQaybtjUCjYp4sWIR6\r\nZ4lKcYYvU8YYhFJ+EENnJbsok+IKFXlA0o4=\r\n=Sw2E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/64d47cbe6cee80a233bfde05629e4d44/chakra-ui-input-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-fvKBSPzzewQfH2JtY5nK4K19mV5BYdMoQjlEPXlhcAioQInJSvlD/l3kjoIqbM9JMCcizcQszifrlKd4dmBosA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230111211417","@chakra-ui/object-utils":"0.0.0-dev-20230111211417","@chakra-ui/shared-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-context":"0.0.0-dev-20230111211417","@chakra-ui/react-children-utils":"0.0.0-dev-20230111211417"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230111211417","@chakra-ui/icons":"0.0.0-dev-20230111211417","@chakra-ui/layout":"0.0.0-dev-20230111211417","@chakra-ui/system":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230111211417"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230111211417_1673471722245_0.2981480410917403","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230112113621","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"19dc6bfc8d9815e9383afcec3989c1b1da51ec5a","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230112113621.tgz","fileCount":22,"integrity":"sha512-G+uqTeNO6WUdOdQIQOUuRQGk9TBcC/yfbzDWZxqBgp0uhedtUvJKE62W4iYMMAOse6nCjmhWtWOsUp9N6hCCJw==","signatures":[{"sig":"MEYCIQDy0RakOg9E+HJpLpGduYMm8nP5Wmx71Lvo3KD5fZSAMQIhALVks6yI4tKDe5Mt5m0xO49I7tNxK/YJ82CjO6JgTUpj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/ECACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrC0w/+NS8rSu8Kfzgdb8ajYg/m8TbE5MUIrsxcvMp74jTwxEh2/kBy\r\nv/1cCl/nS4OGEJQgHoULGjhLZDJCvPCwqx2XKT46h+Y5JTR+zFkRsM3YlMY5\r\nqE0f6JLRTrA4SEZqNQJRBlnZQMcyGuAtNGpzQ/q/87lqxDCkYo3hChLOMcHq\r\njCHNST4wNIVumJrzAhAQFhF8rSjcScLRGZ4KqPzNYsz9l/yGEgij0gNifkPg\r\npS1rX791Q/vR65egYuWwzSzY7vvbdqBDDjdO6AT/GkXXQSiEGQof1a36bzan\r\ndnfNwiUvHxaRQETX/SO2z+zczmPYKl3s+S0vStPoTIqDmQNKnqOhpo4Au3qx\r\nlctNwJJ+SRRaVgRD34sCe192FcgaEuYUBEZJvpqa4/+wWpeW718GE/RlkxIV\r\nGCf+4xyddsELvzOOfRgqi7RO2Ecfjv8N2DD3S/Me6JvcFAPVnC8YV7YhYh36\r\nDlBiERbKuyRpSw78osCZ0aGGeg7CamAOIhK0kN+cOYX1/qeOU4nU01Q5i/83\r\nL/tDVyQvpTZI7puVMO2qvXOpLg3sWjmNkcJRUQ+CNEGNMm3y4WocXDRKA8OO\r\nORSaWoUpkPo0NwFspmJEtvQ5smWPsoJv+1fDKHSUhO1L1r5vgZZF8n/pm63I\r\nizxhGmglnoc4nCEGgG3OhgvvNBCakRwAP4w=\r\n=yHcr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/314cffdcf23f5be92b6c24e341f6c443/chakra-ui-input-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-G+uqTeNO6WUdOdQIQOUuRQGk9TBcC/yfbzDWZxqBgp0uhedtUvJKE62W4iYMMAOse6nCjmhWtWOsUp9N6hCCJw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.2","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230112113621","@chakra-ui/object-utils":"0.0.0-dev-20230112113621","@chakra-ui/shared-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-context":"0.0.0-dev-20230112113621","@chakra-ui/react-children-utils":"0.0.0-dev-20230112113621"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230112113621","@chakra-ui/icons":"0.0.0-dev-20230112113621","@chakra-ui/layout":"0.0.0-dev-20230112113621","@chakra-ui/system":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112113621"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230112113621_1673523458478_0.02407629969217462","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230112141201","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"d9aafe7fe9ace6e640640914fb85f6e5374d35ff","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230112141201.tgz","fileCount":22,"integrity":"sha512-8ohkfJ5WldEvfhvpGMthi/ZpOfL/u85qRFh20RfCKHzijYAzd/7yXHCWiG+sX6qBGinmo7+K6Hl0RdnJaEO3AQ==","signatures":[{"sig":"MEUCIQD9lGbWjr6ci2czXRejYuHJ5E7B8N83pqd0vUa2MUfE3AIgE336LXZ2BXz3oaquWWA8Q0t5Hx7oSF0IIEpCuTZQWH0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBWRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0gw/9GKBzPAJKeYQb/JEh8js4QmRp6z/K1pN7JglgaMiL6BH5Sgv3\r\ntaqVan3INqbDG2BBItIa81t+sXUwD0L/30iV5ZuTktoaeTlkXv4LbaOQaYmD\r\nVp45kofZrsZj5z6bkm/0PXg9gpMrIPsj730pMJhLgYXPoeQppPGxJZCYw+De\r\n0eU4B4Vhg8w/SQthnl/NgJ9YYNgfl6bLmXYIQ63PkaqfJxD9xrgQTbzo9+Vt\r\noRnp7qe2u9xe7s+/hliOQpdSu+w7Q62aWei+AwZDUDRaWPLTU8GVCLs9f19f\r\nBrwKRhZeanOTsJN0y0/mbr34/TVRslUqIkehx0XRgHppu00v+Gv4IpKMesWk\r\nXZnAvbl67B5Wmc/yCOqshDHt0jGqEGFSXXXX7uNUeCN+jgF1Eh3o0TjAlq2a\r\njZ2wc/vMWxmvWnHNg/mO5wFjz4xsQBILzeTLnfrvNzR2ZGfYso5AIi200zup\r\nrM3dJW1LcwK7miDfn1nVkiSNtBHHgAzyrbnOlD0RsbmRoA0QgdCrVNh1lZjI\r\nu1V9Gzq+ffMGPr2v7H47FXdfoholToL4PuRyBniNFxGq1VncuVLcUUkrH0DM\r\nk1SYZCrMxqtRXhBHyzzZFjRQsxOGAiny4WtHC7eNQY6/JQVLkQ5DOdKVB3yc\r\n8Tvb3NoJisI2cpUcEj3BdUG1MD7TVTUZLGk=\r\n=Okow\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/c2a4911ea890d7cb14c1c54a7517ea1d/chakra-ui-input-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-8ohkfJ5WldEvfhvpGMthi/ZpOfL/u85qRFh20RfCKHzijYAzd/7yXHCWiG+sX6qBGinmo7+K6Hl0RdnJaEO3AQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230112141201","@chakra-ui/object-utils":"0.0.0-dev-20230112141201","@chakra-ui/shared-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-context":"0.0.0-dev-20230112141201","@chakra-ui/react-children-utils":"0.0.0-dev-20230112141201"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230112141201","@chakra-ui/icons":"0.0.0-dev-20230112141201","@chakra-ui/layout":"0.0.0-dev-20230112141201","@chakra-ui/system":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112141201"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230112141201_1673532817818_0.013571943743190706","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230112143332","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"ce3604ab36cb64d3f2103caaefd90c8f4ccb9083","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230112143332.tgz","fileCount":22,"integrity":"sha512-5Ce41GzWrJ87vxva/l85Jc7FHYP/rSed5HOKelX9wN8vXizDiXDge+zRmkCqnGPNJu+Rl+lWif2S6X/QSUwXUg==","signatures":[{"sig":"MEUCIQD1SvzbSHvulWd3xCuoI5MIyWtq3fpujSY0038g+SqmMwIgWfbNqXbrbRwMYFMmetWgxMMEzqXN7b+R5/2QGWbpoXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBqFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzOQ//S1VxtcDGGdKxJwZWZECxLUmIQm7V6SYXoCaxMcJX6Z6ZFfzC\r\nV5wcdaWN5SZh80kfK5L92yL9d9oif0aM3xdq7NBCDL77/ik8z6B9avPdYx3e\r\nflR2zLF5mpsPPhv7j/Hi1TeSLHT1Zu9JyZA2qt/aSUSk2CRyjCT5Y8OduYs+\r\n7x+OVHqZofv2N5oogirYbbSgfG7v/WbLSPXDwCctFHv+r0O746SKEyzHY48T\r\noJpjuCS8WuDQmhaCFwTG1SnbaFoPWZlGo57CT9dS+9cHsFZdRszBBioIKdSZ\r\nWFkLHRyccUQinDdSSjXQCvvTwtJkViwhxKZ5B4u4QmkduQwCPHZV7Hq1V3Y/\r\n8TNimGBqRpwLpB76iZ21t2tMne0ivHy9G5Ib2RziO9GjJGpjAMvpJsDgk0ox\r\np5jwdIyltd3kMLriWdIh1VmNPhNZ9yVNUbfyZ8NDdkyVrZNfK03fRglmi9up\r\nqMdWtUJXlnldPR9LaYNDwYaq9BuW/xzExKTwLnvWRtCDaSno2vz8Qmvcy0NM\r\nlRPN8/gJTk9QkuxntLzzEw3NHJwmqtHCVBpog4/YyiPhS/3avpFev7E0qTFy\r\nJ32HFSogsa2MglUJkbuAfodZxYgX+riDt1k4pOXXZ1/JMUhoyP8ajJDIeFoe\r\nF28ifFf26cpUDX8uB+8qkYf0NFaIlD9+nrI=\r\n=RjAj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/341eacba7486c3755e5da54561486525/chakra-ui-input-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-5Ce41GzWrJ87vxva/l85Jc7FHYP/rSed5HOKelX9wN8vXizDiXDge+zRmkCqnGPNJu+Rl+lWif2S6X/QSUwXUg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230112143332","@chakra-ui/object-utils":"0.0.0-dev-20230112143332","@chakra-ui/shared-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-context":"0.0.0-dev-20230112143332","@chakra-ui/react-children-utils":"0.0.0-dev-20230112143332"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230112143332","@chakra-ui/icons":"0.0.0-dev-20230112143332","@chakra-ui/layout":"0.0.0-dev-20230112143332","@chakra-ui/system":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112143332"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230112143332_1673534085412_0.3858928848069887","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230112145104","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"78216c19794e44cbbffac55dd743d45c2601dede","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230112145104.tgz","fileCount":22,"integrity":"sha512-hGHv9S1k1yboThwwrYRiTriBv/+Xo+dYriQeoOha8kI6dyRDHomVlX0zl68qQEjvOm02iw+SPgI8mOv9D0HnpA==","signatures":[{"sig":"MEUCIQDb5lKF6voj3gRohZvmA9GvpLcyATSd/QHA8RUFNV3bGgIgRG5XxyNVOvZkJSQSsl4TSK44omoUgB7+ZTkapEaHCl8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrRxAAlQaaNAMjhBJ4vElbuK1zWJGj1DlDkIoQh960jaWyGHXeZQjq\r\n8DahlbxwvyUjF4GojMHIrxsQB58/45YM0ofCFsrngT0lTCme3n0/yMhTRbWq\r\noS9O13sJU1hGRtp9DY1Nm8cBiqF33IifWnXXzq7fe6S3ShzrbUOedI1u62SQ\r\nWG4n21u0+U2KWNzyaCde3u7VSAI0/HEwlLOaKn7A3EoemlsK03zbRg7KAWR7\r\nASIjinTTP1qKNGtJRHQhw9fYxtG3XNpCsEEuYyGlurn3WhYYBj12UVCZv9lV\r\n/uNCPLjnVkmCK4pKL5hWBzlkuR26mQ+dxJFhBtFxAfgA21WakfkpkMuZxT97\r\nCAWA9QgAUW+3UR54jLabrz4iFtBAs6CKpObKUC7aE5PWxYAFGVqlemCgIThP\r\ni70u73TsJrNFFX97E7g+Z0/sRa8EdRNHy1G/NGKobu+XhieUOjI/7NVEXSNF\r\n3JPNI+EXxKIRjbiC5bnhJBYnKeCTHmq/DDpXNX4vudEl/eppziqvXFF+x/Z4\r\nqxuiSJ7/Lfq+ZYhjY5Exoe9dHXcKz0lwfdhudVYpQkXNC6/FLrXsOCtIVQtA\r\nMZudK/ie8EevMMB4yGDUMJ3e/BSjCZ0GWH8XwBrHfnupfP7mXyXfQ9Tpr1iS\r\npM8KEYK+h/aV6MBBz4+dpnh4pd/1K7Dw1pA=\r\n=DQe7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/e1b004056bf0a644b11a62f8b7458e7d/chakra-ui-input-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-hGHv9S1k1yboThwwrYRiTriBv/+Xo+dYriQeoOha8kI6dyRDHomVlX0zl68qQEjvOm02iw+SPgI8mOv9D0HnpA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230112145104","@chakra-ui/object-utils":"0.0.0-dev-20230112145104","@chakra-ui/shared-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-context":"0.0.0-dev-20230112145104","@chakra-ui/react-children-utils":"0.0.0-dev-20230112145104"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230112145104","@chakra-ui/icons":"0.0.0-dev-20230112145104","@chakra-ui/layout":"0.0.0-dev-20230112145104","@chakra-ui/system":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112145104"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230112145104_1673535125689_0.6972415319733827","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230112152756","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"1ca6a789d255fa1239cd0dc6da3a371802535ff5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230112152756.tgz","fileCount":22,"integrity":"sha512-6b6+VoIDormzeq/PhrMyU+8vEP7SQG4xRFWCG6v4ydfn7J54B9PFHyD6ihE0Tt0TeMLMsKtU9ubjtJ37vijOKw==","signatures":[{"sig":"MEUCIQC3aY5fHUQiR1Lagcast2oiVGbTGHElj9jiRUFszo6LRgIgAmWv7yePAM9U4zpOISE/l98JkWxxz2Ah5/9kJ4d5YjU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCdBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWexAAgGKbUqoVbXSgdGyqdXJSWCe93xim9yTLBgY2eE5w3Tpdsvxo\r\n4eHu9gHcuZ92/gzEj2KWZY6S9ry1WPI86zn9dT4rjCbVDK439AooXi65Mh5J\r\nBUYgQAkSDACR1hNas0W3UhJdchjizuOjqXrIBqj91jVwRU+ObvUnoYXv2FZM\r\ngNql2QwsvmaYaRdXyOjaeCdChYgMec7vMRTmBopGvJyHS/RHNwBjDMvEcFi9\r\nrhoTSHTVjcKqHTsp3ack9OZNs4NXxbo1EZih7Bp+gDID/p9Lqzqlqe3yo83p\r\nIUdzkBF+SDDUIbPORguXKszYHAhdeXT4vU5xs2eNciUCXqWBFshRVGIGci/O\r\nQvWu6e3whwbBUakOYVFNOhCtDgxrG8wiJKuDG7hDokMeOwZNykdfveV8haOE\r\nctEclZk6nCpc4fuNxVyAFB7+2B/S3GMH6c11UvyqrEpEegrQT8TxMLCMMYYd\r\nJbyhyWb98NgNsP5rA16Na0j7FRGfZ115ERD7ij/CaXOj+V9XHgPVcSBDmp+W\r\nHLAtrHciNE1jgq+LP0hZQrOEJEsRcrhcJZx/pGbbPbar6dxZAUS9a2ighKO7\r\n2oDF1F6orItiywJPef4P5xrxIIuYZUj29Aqmw1sxqWFE+nzPwxMVUZJfE4rx\r\nD6iyPraheLZF9ODzGEuKuxM7GiWihrvrTzY=\r\n=o0zc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/c28def1cbeec800684f14c7024bc5577/chakra-ui-input-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-6b6+VoIDormzeq/PhrMyU+8vEP7SQG4xRFWCG6v4ydfn7J54B9PFHyD6ihE0Tt0TeMLMsKtU9ubjtJ37vijOKw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230112152756","@chakra-ui/object-utils":"0.0.0-dev-20230112152756","@chakra-ui/shared-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-context":"0.0.0-dev-20230112152756","@chakra-ui/react-children-utils":"0.0.0-dev-20230112152756"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230112152756","@chakra-ui/icons":"0.0.0-dev-20230112152756","@chakra-ui/layout":"0.0.0-dev-20230112152756","@chakra-ui/system":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112152756"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230112152756_1673537345298_0.1040592477234048","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230112154520","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"8cdb671a50bfd59f46a9d8fa1d1e2504c9e53eb1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230112154520.tgz","fileCount":22,"integrity":"sha512-iViB1cnI1cpJ6jrlkosoPa1OXDdiVeajKK8HxJpjGqC2o/tA2AxURbpP1rPGGC4N3KwslVaVJVnI1HchgMTEog==","signatures":[{"sig":"MEUCIQDXiiPUIoBp5231rZQ8dvB+WLrLsS9ifst4HZ+i7IJL0QIgYNohqWqHmmeTuKAq+TZXUZ8nVihZTlWOPVH3g0qTp3c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCtRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8nA//WJ8DTZXiJlPY9mqY6Bh2Sf4a0VPHqsI9FpAdTEyllojmSZW5\r\nm1f3mTSdDcKLKrTBjyPuupheYPF+QciEnGDSrwptZuTJZatW2uxBi7e6vwWZ\r\ngn0RGXmuxFiz7shexlbK/9uqkxQlk1cq/1SWGcUku3nQDyPVKFZgeYRTFtuN\r\neeKvp5ZxiMfArtw3nGpCQgnCMB7rK4mqXcdDx/cVbq72Q9+AahkcFNL4ttKW\r\nkVPxVdyhXt5BQy5QbneMLl5laPnRQaNpS1d6pJcqnDKWRqVmBsOhThFCeLRS\r\nt8m1hH3v9IOjLfLYOntFtwrUBWEp93OcjtUNt7VYXd3jE3oGoOd8IoDUSOst\r\n5ohoyHClAXmaye+OK7R7Q/fXmaQW/f66QM5SRIdLwF4ZaTq+APoh0Eokdvla\r\nYrHRHL1jcJ0ScBFNkuZIoRH5Udgl1EjktBPNrX6AT5zLe1FjWkXSSyVN5IgP\r\nvcgvlOkUX+LMHk/7PZrkTAz2cmNaK+L+7Rp5BL/l4m9LCkGQJFLqY59ixpk3\r\nGDNUbRZnDJ2KNhmFeEAZJ2GAztaBwSFUfffxWwNqrqOWhJjUIbcfUbY8/1A7\r\nHqtSIzAj4B1s6t2mM6/6uLIGslskcPL703tZGp0uenxIr2MZPou7x4KJGumn\r\nAYvgdPqTPvUcfAnDrj6YcH7V2MQb9KqqEb8=\r\n=96lN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/6b56c32387bf69a774870381adcd0da8/chakra-ui-input-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-iViB1cnI1cpJ6jrlkosoPa1OXDdiVeajKK8HxJpjGqC2o/tA2AxURbpP1rPGGC4N3KwslVaVJVnI1HchgMTEog==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230112154520","@chakra-ui/object-utils":"0.0.0-dev-20230112154520","@chakra-ui/shared-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-context":"0.0.0-dev-20230112154520","@chakra-ui/react-children-utils":"0.0.0-dev-20230112154520"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230112154520","@chakra-ui/icons":"0.0.0-dev-20230112154520","@chakra-ui/layout":"0.0.0-dev-20230112154520","@chakra-ui/system":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112154520"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230112154520_1673538385293_0.8809611783761553","host":"s3://npm-registry-packages"}},"2.0.18":{"name":"@chakra-ui/input","version":"2.0.18","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"3fb2ebde067cd30588c7a2f058700c99677e2832","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.18.tgz","fileCount":22,"integrity":"sha512-2nG9hyBiPlLuGzy+VxjwRSec1R87lYbiYOFO9iAfH5ZOPfVVYZ5WyLUeSAMq3x4wA2t/+Ejw8H5+ucEoQr5VNA==","signatures":[{"sig":"MEUCIE+NevLiGsq9tmSdySHd88QO7djpBo7Dlm32CJF5NgaUAiEA9tu6o3e8N4bAR/g/X8zlJx2wpXvRuAT21tmS0KLhUMk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqM6Q//URZSn4S+5YI+9K5tZsIBhYMhj4dzGp4OJ9w3Mo2HNutpTBmS\r\nTNxm/59WDjinuJR2km+x9NDh2FUKVrw3wW9HRY+JJ9dlUW5ZW4AuYQOq/Tvw\r\nCVXOII9DtvSNZOUJaXEoRUSMn0eQiitQXYSBkK0jLngTcfNXQnPrzcgY720w\r\nqlaWmm9PjnLXSzLZmj0gS5HICvEmKe8Iq/LfX0MBLM467vJmacOHDmNQpgZB\r\nOAvOzKAUxmP7Pv2wo6XV4gZWZfjvS2uP7v/fXfV8H+u3FZAn+A3C/e30gqv6\r\njOYAaKrAl3zhrV8tdg/EGNKB8tLoVO1KOlQFmdwgznVFBtmoJx/X/7xrigcj\r\nuI01ISfQqt8FIws0xk/I4ksxbyi4Lo0iifgrMQcVGlFD7BhUJD8OvAoIh04S\r\nlIKLGv6AZvGEBRQVeiCWZiWfrWV7EK5NdIdYd0ZR+a3OWIxeFOidnzxFgM0l\r\n4HyR6q8uBj5JJgR5qtbf2vpsCFrWUPjsKusvKl9rIeu1kxRlqSJrm2tpc02b\r\n+C6T8mbiRLyRE8ojeJaCn7tTDFglQ68MS7UZlIzOYs9zB09XtrP/NMkRLLJy\r\ng8gp3jzO+hd5xzIqQTpYEh3mEiSWlbuULCvtZD5i6WtNIv92AQqu1GMocLYa\r\ndHxvLQPJ//kQy+VYlBrTeGY4b0q7uoil4Us=\r\n=WL+v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-2.0.18.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/19b4e4969a960bdd1e3c72b889e4c48c/chakra-ui-input-2.0.18.tgz","_integrity":"sha512-2nG9hyBiPlLuGzy+VxjwRSec1R87lYbiYOFO9iAfH5ZOPfVVYZ5WyLUeSAMq3x4wA2t/+Ejw8H5+ucEoQr5VNA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"2.0.16","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.5","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.14","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.18_1673539551721_0.43170475070269676","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116120206":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230116120206","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"45a73ecf0633e0ae337b23f6630e94943d7904c3","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230116120206.tgz","fileCount":22,"integrity":"sha512-4Xf2IaPbfeOmptsofh9BaM1jHwcpepkQLrUySbgQwXv3oyB1s/eRpjpKAN8k5nBjz+vaYFCjn+82Mrp7CUQlFw==","signatures":[{"sig":"MEQCIHusK3hQLJEZZoY7oZAuFwigfpkmOC/zclwoGJWYEVBTAiBL4sQxVlVpGoDzUfd+6TbIvYtTbiNUBBy4DI84qbkCQA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxTz0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpO2g/+KxcY8vGsn6s/ho1OVvA5/35lgKXyJCP77EfyZ1YPDOYJrAVp\r\nxkwxxgrixibWqXLpV9jCJm59CGCFGmHKMAWWdEEYrQQeaz6uhEeNzCv/aiZ1\r\nODH4XJMCQyEaMhED6rY7dFQ4H/W14j0FGcDCemczn/2FGgC1xf/fibhpH0I6\r\nxM3lCgz6ADAZsTtoO+lzQ1A37hAJdRnkQSRiop6COYhBBVVY0/wYAqmyVv++\r\nd1SQTIi+wVPQY6UOnPuy5BBPKrTJ2MXwGnAutOhnxG36txtJFkkb8myCOMwt\r\ni2HUJ6PvYflz3vbAkpEG0c9lGMGvs0g0Eo+wGzPFRgPpXrW4y56epybwiec+\r\nuxJSRfQfi6Mks8ME+tvtRXeYT9squugA4bwyYA06gRsXsN0zJXBEB6RKNpqg\r\nXFNM+SXP2kR+W1rLSDTpFNtdUrKQL6DwwakLRDcRiWM75eYKnHx/gp+0wpH/\r\nDbs+0Y+t7eFUJBux9SqkZMBe9iugsm/2MMJb5MFbiPGtjOqbsH52K9x3BKZI\r\nF1GBlF3SNMDqOHIKCsZ8wuB4WQxeIc7N0Qbv7ua5ElupbkwiOrbwSpIFCwTe\r\ndlTMEZjX4HfH0Ngp0UXbliaLu/8BUWBu1hXkBoIOTo02ETkN8n4p9yP6bvoW\r\nPTVebTSpplTJSOUpSS2Zi8A0JZwEkKW4T0M=\r\n=qTXU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230116120206.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/08df6af6ace837fadc548a97e1666aad/chakra-ui-input-0.0.0-dev-20230116120206.tgz","_integrity":"sha512-4Xf2IaPbfeOmptsofh9BaM1jHwcpepkQLrUySbgQwXv3oyB1s/eRpjpKAN8k5nBjz+vaYFCjn+82Mrp7CUQlFw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230116120206","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.5","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"0.0.0-dev-20230116120206","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230116120206_1673870580378_0.24138879188824514","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116122157":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230116122157","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fd7fb604bf62b2d1d3428402223ceb9ce90cc09d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230116122157.tgz","fileCount":22,"integrity":"sha512-4nGjUgh/CN9s8XZJdnyrKsktHpnO6xC29Ikdncjy2hP1tDjVbSW5xE5kQ7ES+mMyb6FpK/XIN3DuhR5zAuGNgA==","signatures":[{"sig":"MEYCIQC2dCQaeMYDcp6jbBloJU6LTldWdt0l9T7ndUNEhA0SzgIhAMTHyYH7rLBwiBdD86iTMhBwssNXtLg9AlGoEt06rqn5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUGmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp6Rg//VPZWeR0+VtF+ryPXKZUBK/x8gGohSkPyr3I0sFbFDmZgYOBK\r\nKAcO1iKgUIG6xrFKxsobxcwXhi2I9EjP+v+2Rw4oaFCdk+v33EYtKlGylt2I\r\nUi9bGjTFIWlkWyRWiHUrIWjkN9Mr+fT/fge11j/iq+rqBmNRLTjFyjtsYE2N\r\nnWDhvibKDiDqwSSRTkf/7bQVPLtD0cEz8Cm4Qq0xyVOb/enyGU2W9LqknYZZ\r\n3seDVjYLwiLfNTsZR4EizhMMvcRVPAurZvFXmIdmiKkSKGXOQpCl31IB4jqY\r\n6LluarAXLxv/uztSGgsfnqQnlgDraSGr8f/8aod7+lNnhrx/laLDDYWH0bQL\r\n20DznIkg99T+JzgmR7Y+27LR0VtO+GRzF6gyq/kwXI/LB3Z2xYuqgoRlgnv9\r\nlp+SzhVSHotoUJWSAiE9zMDGgTRnLq1CfPeOZ14LqMgvwZ2h3x1t+bm4c+lW\r\nM9gHgVbzwdko8KB/mNGI23n+G2Lyq/X3Ecc7F1SDMvIHqWJnGxIm+XWC40NK\r\nurbotmlx8+xvhtPzTJqeYHq8QgqjFnMurmRMNqsMPTJKY9AsxEGlaIiJcvSK\r\n/hsEHaTdqMsVtTWFo3n9PRgY/0O1D4s4tFCPWCSSs//PeITw3sOpSYa7U8Tg\r\nKfa7wyxehm6pUzWRH9xW/gcrPHcH2YxRK+A=\r\n=LGKU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230116122157.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/a3794b5eb70f8f8b1404d7993315e915/chakra-ui-input-0.0.0-dev-20230116122157.tgz","_integrity":"sha512-4nGjUgh/CN9s8XZJdnyrKsktHpnO6xC29Ikdncjy2hP1tDjVbSW5xE5kQ7ES+mMyb6FpK/XIN3DuhR5zAuGNgA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230116122157","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.5","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"0.0.0-dev-20230116122157","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230116122157_1673871782807_0.01997336628636881","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116124502":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230116124502","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7b87d339246f4f4ebee790c68afa2ecbec6f5222","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230116124502.tgz","fileCount":22,"integrity":"sha512-p2N+w4EtId2+is9IWzzUo9TBTGvHIaSTXdGbNrVkaf5ckBX/naZot0pPKB6uikKb1AOjTupLEhvdj1u6updjVw==","signatures":[{"sig":"MEUCIQDzukqqbvS4DVAk7p90zkHu7HAfvYy/9nnEUzYmAehd8QIgXn+/elNECGAnBPS+O2AvImtpE3R/SHdi+hBTRGfiIjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUcEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCBQ//fjiTDTcGZp5VbcFpwMccOWBPkAPxXrTJtg4/VaAocwS7p02Z\r\nvYs9weJ+u0lUjyzWnBuTD3pjzJp2VVjCnKiUira+WP5VAZHzAgwgZuOVR2fh\r\nQkgmNc5rvZsK+00svgaexEslx2wAdikFHRusgK57wG7Ux+96KrfPNdmbTxSz\r\nDypSadmGuqQzyLB/j9wgEYdHUremtI/bfZbX8Yq69BQ7JKpO2yeRaY6o6dhT\r\nYCJeT0IeOk5bobsa28TQft+BtHmaYqnL0pNkhsW8bfz/CnM41XLztKlHJEj6\r\ndaGuMcF0axS0ITPj3ELAG2R4NtOkbUgLKpjoFrexORIV0U9GBSxXLSn63MGw\r\nYHxm39tLs+3JvmBTb29ON3jb2JOnvlNzua1KjDLhGkPidaik2Fm3zCEV2ZLx\r\nohRwxmzd+cqWVfHV8iMWgATvTgKNyjYEpisa9d+7u2MuB7KUWh2b+hPtQ8AK\r\nLODUkMJ0y9a2lq5/3f9jfFvaC96JvsSZRH2LLQVCCXe+N3jY9PmRqRCERW8B\r\nRYKISAlf/u2sFt85y2oheG0BFxJDraMENgIPfhkXFkl4RHLL1D2iWqiD/qil\r\nP2EflX0zsQm7cn7iiJXINKmsx+zI6INjNvHh1xPA7jmhvW5XdF6GVZYPQc8c\r\nwLsZqEyxF8PKO/fJZu+xdDGgc/17UZLXa68=\r\n=EisY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230116124502.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/6d253a65ac46846d966a4b664927dbce/chakra-ui-input-0.0.0-dev-20230116124502.tgz","_integrity":"sha512-p2N+w4EtId2+is9IWzzUo9TBTGvHIaSTXdGbNrVkaf5ckBX/naZot0pPKB6uikKb1AOjTupLEhvdj1u6updjVw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230116124502","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.5","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"0.0.0-dev-20230116124502","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230116124502_1673873156440_0.21381670691031385","host":"s3://npm-registry-packages"}},"2.0.19":{"name":"@chakra-ui/input","version":"2.0.19","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.0.19","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"96a479ff17f36bb8ad8e2f39e15c7db1305746ec","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.19.tgz","fileCount":22,"integrity":"sha512-wV+EG6+F9GngMPpLHBCuxXTNttHihFTT3DpbJnmID9LuAPg7YkWcTNTvpAzC0/Sz9KrcTR9RhSu9a5cvxkkXpw==","signatures":[{"sig":"MEYCIQDlhub+Q6EntQfMW8zDZF9wZXwV81h8wGRMbLB0/fDo2QIhANgK160DM4XhXyJO4jZT1dvV8sLrnjrZ6TmEzM28FAfJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44668,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxWgWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGXg/+L0k/rPA7fcDFt01zink4CJQ6y/p4ZbsRBU1ehkDszfWdKPDW\r\nFyF9PS5gWkzFufUPKtxW3fM6EOf+I8KO5byUPmSsIOoLe6wQkRgrY8ROZTZy\r\nBaXphhouko8lZDqxbNT20Giu2pkGAr+pVRBmjcbDNjhClMOzsC8Yn281rnU1\r\naxaQULOWWRENWTf2+AGosQOos8yrs4f31jo0kBZaNjY9i9WzYWBNUYK2srkp\r\nzGvFPS3AwPmT2L/iFBPtjnp1lg6rH9KCKZuigv7mC56SqTw48H4cdbx/hb/d\r\nlZl9uSaQZWlVqlQj2TkUvaqTKcl9AOg7AKxWA6qh6RyRs5W6IpmnjyDP85B0\r\nsLz9P64zkeE6p6eeFhKFyDT/RIBg0jO+CD5oBPoCbyT9z9H5/YnGxvp4ntn8\r\nZCEWwiSWnfFP8V7jVZdb1PwHIMZorIu9iPQzfyyUzthDyzj0bHD3j7Yr2Ujn\r\nDHBH6HEvUDKhjX7TnI7jfMswwuEgK5hGyZOroBjxmgAmKnElllE1prDhBNX+\r\nGlOmYhKwwynR3gLiSfyDMJJQ7+fh61R2d3UGYIAlZULP+9L2pZS2VNdM+VPD\r\nrM6bduULL6Q+sYUsu8/7OzdBBg1Tovw0A2BdWKlhW1WFLLEkeFp7gOcFypaq\r\nHDZgUcCjnXCTJXmQp0s1JPc3kW9VWUhV8T0=\r\n=eK47\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-2.0.19.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/b6438dff1d7ea16b924351fd25cfd3ea/chakra-ui-input-2.0.19.tgz","_integrity":"sha512-wV+EG6+F9GngMPpLHBCuxXTNttHihFTT3DpbJnmID9LuAPg7YkWcTNTvpAzC0/Sz9KrcTR9RhSu9a5cvxkkXpw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"2.0.17","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.5","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.15","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.19_1673881622648_0.34530815727966435","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230213124817":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230213124817","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230213124817","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"dfd667e1cd44eb92fab8de9af8115eca770a55e8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230213124817.tgz","fileCount":22,"integrity":"sha512-F4I9/+CeOeHkvcXQi30NM5WjwZzCAIAmiE4nFc2SDnrfXLTRgJUI/X8n2NKyzzAQskmoRaRYiXpENj/MZ/5vXw==","signatures":[{"sig":"MEUCIHs3pNncIUKeYlNCgwrhcxqw7vpsJS41gop0llj1NKWqAiEAsfbQGKFYiJZCrWoG7exP7s2sA3wYOColsEkV84Q0uBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6jG6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4FA/6Ajom7+wExWcNGuKErzMJFWGrqmsqd9JAL3lakN0/gRjK3GtZ\r\nkaAtS9f/JK5siARO3MXst2hWCgoyJWZYewGNwkV7A2Ezhp8IdxwmSzI5kZfA\r\nLeEpCo+Ycg4lw2+6Qwy9qKvNa/Et+pm8BymO2Fsgv4YDEg2lSh/11zm2Q5SQ\r\n7q/4r8BVNTiQH5hZJM/3vM+nSqK+av7fh6TFwvMf55RW1ORyEb0T5aavNI6E\r\nxpbB1O1LoGr53mwCM7oQCLWTy7mfb1ZzoKOaV6jOh26mwsu2a48wYBAg9Fir\r\n9MhydQ6xRj8AN8b0alVwtfTOeFsJZ533wK88yUc99FqKFTkVUyD7R/nUHM++\r\nRU7EwEx2U1+Hyei8Bf3zSGGKQKEt2ADS9zQUPWHgK8VdaauoX+zXnO8K6LMn\r\n21g+75hvYHh8/u3HFdbdrJohjVMQUcUG7wqjI2WreCF23YbwUnAqpIoOWGsp\r\n4pPTSsNy57Nl19ZeyKAki22n4o43f8Slva0PMbUpmL29bGP8dW+YMvTUrTcc\r\n/9Rncrq8EcQR84rg+lu8/Gu6v5O0drKqfEikXX5w/ngln4mLe3YKemPmdIRp\r\nQDvvwoGV/UT4pwwptjKAIaRyycb75IZ1aw0VTv3tUxmSlAloz1cqvCFG7qev\r\nhXDJqUlpvFWPgsFkrkrWF2E3SQwO4BNxl/U=\r\n=wg7N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230213124817.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/94148b6b1fb8abc7441469dbc45a36c6/chakra-ui-input-0.0.0-dev-20230213124817.tgz","_integrity":"sha512-F4I9/+CeOeHkvcXQi30NM5WjwZzCAIAmiE4nFc2SDnrfXLTRgJUI/X8n2NKyzzAQskmoRaRYiXpENj/MZ/5vXw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"2.0.17","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230213124817","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"0.0.0-dev-20230213124817","@chakra-ui/system":"0.0.0-dev-20230213124817"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230213124817"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230213124817_1676292538600_0.05855338710168989","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230213131136":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230213131136","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230213131136","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"7963e2c05a68c58bfb91e7db93141875f3b6416c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230213131136.tgz","fileCount":22,"integrity":"sha512-1N3+3D2YOx19UjQhp3YSdqtmd3rsAaeoOY/t433zKGZJZho0djHWDRwyPtJFrDwdJEemMCR8wZQwJelMq4lvfQ==","signatures":[{"sig":"MEYCIQDwU4LJTXoh9uGiO0x17jFd8mMp6EE60sHeSWvCCRHj8wIhAJ39SviDW68glXSMRbOZ8i11hd4WU5z1mzxUSFAr5Nkp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44899,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6jc2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTvQ/8CotZztY/DRFD6CqWq9A8+ogH8DzxnTXndB5HL+kvaSJ7x+G5\r\nZrS8nQVkkWr7oaiu5QggmXWOSKwtzddaRQUjnRO4nBjyIZhiYCLQxJa3f/3O\r\nEAWJgVwhAKN5GfenUJ6AgIdfI4E5UBRTmQqMYfGWUl8a4s00e/mubL1Yy9Pz\r\n+IlIgQeKYmfm8squi5PIXEv13qrm3SArjD9GOCzdVQ79Zn69JrW2WM2ElI5x\r\ncccFPRNPTixF5UBNo3e6MfyIlHvc4DkrgIgsNuphQr14Gmo8xNmAXZ8pyfZ+\r\nRWPVRAFDAHq0SWzYxtIY50n1jzC6enx3GzgdYcqX4jpmcs3XsSbTmLLgn060\r\nZbNVn412tPcmScb6ocJVnwPkzq+uYTkFVe99gNvFLWKIPTPKwo4/fV0JnuDY\r\n/UGZdiGpEIykvZAa0buCZeIpq3eX2EZ+Gn852qJG54PiAMebVDakEbyxTRki\r\nfE0y2zGkjqrInLBBlNKfEcrKYm+uScCEdcaaEz9hMKXpQKA+9yytOOhpTE1F\r\nYAcrQ1zhwgGdZHzQYdcnhbb7RKkoLD5qykfBb89VztI+JbKtl+ctg0krYo/G\r\nvOLr2/M+3PTF9qYZnqSSMMeknr7GLFaw9uUpElxhmw+bYluCVNklteG4BlKk\r\nK7MvDINhOmvnt8UawyvVN/bolk4qaDxeoFU=\r\n=XIfs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230213131136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/e0aeb82b1f5217d6f63903c1a5809636/chakra-ui-input-0.0.0-dev-20230213131136.tgz","_integrity":"sha512-1N3+3D2YOx19UjQhp3YSdqtmd3rsAaeoOY/t433zKGZJZho0djHWDRwyPtJFrDwdJEemMCR8wZQwJelMq4lvfQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"2.0.17","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"0.0.0-dev-20230213131136","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"0.0.0-dev-20230213131136","@chakra-ui/system":"0.0.0-dev-20230213131136"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230213131136"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230213131136_1676293942013_0.1765512919972254","host":"s3://npm-registry-packages"}},"2.0.20":{"name":"@chakra-ui/input","version":"2.0.20","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.0.20","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8db3ec46b52be901c94599b3659a9003bdb2dd07","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.20.tgz","fileCount":22,"integrity":"sha512-ypmsy4n4uNBVgn6Gd24Zrpi+qRf/T9WEzWkysuYC9Qfxo+i7yuf3snp7XmBy8KSGVSiXE11eO8ZN5oCg6Xg0jg==","signatures":[{"sig":"MEUCIQDQNr7fLBtWB021RPe71C/Wy1VKrUAWU+Pbo8Cb/vK49AIgT1m5PvkZT8FytDA1xKeYnEiFqOsC7MHXvd04TAriFVQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44808,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6kY9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQCg/7B+5SGwE2SwXI6mUAuxMR3lfatup1QSGR5extQBjz35kCOCdS\r\ntlLZjowNNteVlkzYCjamKiRqBwN+bJ/241dBR19bx7tpSchSJc0l9hXgsIjc\r\nD+HJp+qkIXtu5H5oGQKUp1Id/x6KL5P6GRFlwJ2Q5ezKjjrHE+sW/fqt/obb\r\npdntBR6ljhljXxpUmViAeUDwcc//XkCGDCKe+tc02FvGkzwY5v0SVqMaF0uP\r\ntsF+o5chtB3DOOnHPYDyDez3rKV3EW/6lpE4a9dFpgUSb1eu3SX+uGdKRoaV\r\nt2kjLEbWKP7MGPlYfot0ehNh1kMWGHQ55qRv9GC80rZwRo53mSr0T2mSlGf+\r\n6zg3BA4Hf49GW0UqebV1NbBwFk69dV8UcIinxcVkVAlTK0iwWvyQBJX56PDj\r\nbaSub09MQOziALU1C1vaT+T1+yMmxwetTcsyh5gPeuDEgJ1CYT4j6IXpcRNp\r\nQaKCgXKauaoAhy3/8iVBfbL2Eez8alJISXaLeT01fz/Lcx23WtWkLHgWcj9P\r\nToPp6W8GC8TzFlIeApoYZGKhGmrhJPNbjwns80PkLQa4WJvHMpv6VtbMYD9h\r\nHyVLF3VEabbYAdvtkatScKcvvB+ypjR2gPzCkikX+16XyVkY4n144iwi+VZD\r\nVFk6SprzqvijHKXxQTKT3fmCdNRDXpN96vg=\r\n=G6U0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-2.0.20.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/72b1876c154fe880fdf2fa0ed3e6386e/chakra-ui-input-2.0.20.tgz","_integrity":"sha512-ypmsy4n4uNBVgn6Gd24Zrpi+qRf/T9WEzWkysuYC9Qfxo+i7yuf3snp7XmBy8KSGVSiXE11eO8ZN5oCg6Xg0jg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/form-control":"2.0.17","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"2.5.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.20_1676297789588_0.036779529713741654","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318171948":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230318171948","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230318171948","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"32a27aad00d690196c93ae8201ff6515d104cc44","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230318171948.tgz","fileCount":22,"integrity":"sha512-qemz1pHMaYbN0m2CWvx975kOAx+BgKqtmF617MGQTIQXf2TZYI91h0248UhPh8/XrxNiGl8OmXjuWnAOib95EQ==","signatures":[{"sig":"MEUCIQDfMQZ0rOvgQNQFNZhha8imYg02J282Cw2lVnuXwFYybAIgW8Z6BOK2XLTBOisl8pHZG6ZYfYveQF4lGQryTKQK9K8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFfLnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbsxAAo7QEL6Uge/rz0uKo81vHXwdnyWeA6wFpGCb6Yds0RBS7JfKP\r\nbhubqhLkh3zvla0QK2Iy2QGKUVK83xMC8VdZT3dnNU2JPGh5WT+pUY5QVq8N\r\nk/tMdop69nakxf/wYyE4fpadcqA/T0qeBTcA53MMnKYJ8Qn5TT2tOr4TqWEs\r\n7IYUpgHj1jWETigvfJZncq6hedl74Ds29ZX2xl0vzVY8m4DYnn2tl1+w2XoX\r\nHlI7lPdjbCTw6vBFhV7SwGBLtdKYbRFRL6xhL13TCnUDkFHKYG/78w6tBbN+\r\n7MB/tqAKpdqDrsKftxO5rtVwisOIfggTC16hbZdBP6wbRjeN5utRkZiJb7fV\r\nEd6niSHAAFjWRcW7D1geRm2OLEHNAA3sFO8iVhN1zLNPml+lBT3zL3XfUuKX\r\nEEVHPaSlAJVpn2WeWZLNQOBcPFd821VsCv4bnNVpdgFP4cGhFfv3kzX/2xjh\r\n3/+j6Wc7rzkeMrjZ+pOyyGQkFnpVpNwh/5rDacZYBYX48ZghuNGtZQQ00ldk\r\nRSGxdW5R6XTiyFRCF0g1J/uwp4wCEkiQTUtD55w1ZBeSUH/hstAkBR7+yWwg\r\nXiY63TTE/43CzNh8Ux4A4bskcKDsy6LfeS37O/tPKzbd40j7toTl0QRNANes\r\nmM0J74/9UWiJvp13eRrlwn53nWFKd7QVSL8=\r\n=4cCJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230318171948.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/a6adf26f68ed7193219163fe269393d9/chakra-ui-input-0.0.0-dev-20230318171948.tgz","_integrity":"sha512-qemz1pHMaYbN0m2CWvx975kOAx+BgKqtmF617MGQTIQXf2TZYI91h0248UhPh8/XrxNiGl8OmXjuWnAOib95EQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230318171948","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318171948"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318171948"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230318171948_1679160038836_0.13011345964164756","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318173550":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230318173550","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230318173550","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"55374da4bf6352a9d4bbebcbd221799b8da74ba1","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230318173550.tgz","fileCount":22,"integrity":"sha512-zy/v0CwpZCiGiU6OMM22JTESRxHsEQe4yj1ejl03wJrN/REsvtj7puLLgN8f4m0wZ4Ls5G4zvFfl3J3eR6rWBA==","signatures":[{"sig":"MEUCIBNhykDRpN+XAGPSErHGuC6msfliKcIDRxckzrbuMEqiAiEAlYY7h++/SpzQD1UddlFFHR3ra3vgBjgpkg1aTjIEJ3o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFfafACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodwQ//Z8Cpuus3jfyyklA1Yal5TDordi8px0l8953JC6aXcFFX8Gjt\r\nFRwTUK/4sJNhHqpehS9uPep01RD/P7atOc7CC2s+D2D1BT64TAW6tpM2Wpg2\r\nE7uhOY2B3cKpo2itKN20aPfafHeA8ezjQc7jiwJDmUe3KJdcVB8PyjS+GffE\r\natzcFRUFI3arNJln1QNokxQyIEYwcD/xjVubNlOZiaw16r9D+59zAoAO4IUd\r\nAb61odRzIDOS4iQvybTM5lNcV0pXve9o0nrPL3XuKXDDt+O4xV1y8/qkX/CX\r\nb1nAsJEf91XXMU/2RO+v1ExT75O5NUU1OWBPGswK0HE69SDx7xmdtDt/KPvr\r\nDzzjdmcnRKzHbrBa5E8dBXEG5UgEUIP+kl6EML0IB/CKN77hsGGjVqqxqLGA\r\nM1M1XrDNFWhCHlcoNEqEPMSS2kSLEl7hKyUuWl7NY2hDr3O3DYl90YZWwQgW\r\n8kbs2kYmgjlzF4Q9O4N5kAa93jD+DL8v0kvNVFHKESiPir90hqI8zzuiR7V3\r\nAEJc9oaqBOecq7s859bXx0lFckMbLIYaap0MnxYoPWZiQUXcnFEeUk61l0hl\r\ntf/ux/8AjuFI+ukZvNKruY33hw7jvMHTCWRH4LfA8QtFcSKDIhkGJbeEcmLv\r\nVPDT9kXyk4xHGJpCmBNaIjaRarhkHCbA82M=\r\n=41Is\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230318173550.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/cb2b113a529ec72b2e3b068a804d0a61/chakra-ui-input-0.0.0-dev-20230318173550.tgz","_integrity":"sha512-zy/v0CwpZCiGiU6OMM22JTESRxHsEQe4yj1ejl03wJrN/REsvtj7puLLgN8f4m0wZ4Ls5G4zvFfl3J3eR6rWBA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230318173550","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318173550"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318173550"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230318173550_1679160991773_0.7872916287945448","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318180604":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230318180604","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230318180604","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9ab97f74af2e1d19d4c658bab147f3a2d56d2710","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230318180604.tgz","fileCount":22,"integrity":"sha512-PP5eTjQur+wJRlnmGpIMBICZvRXUJl2hNX1Rpjge0yqtRBAQN9JqOga4rVgHhFOO2GuR+gVTdBlifHxS9oruaQ==","signatures":[{"sig":"MEUCIQCeWtRkJyHUl1tiCYOb8lOTqG5feH++eLOrstr9xwMIMwIgdTEuMFW5syexFK2igdxKG5NvIV3aF+hjC/zalUZpf5s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFf2zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1KBAAoBYREBAOfpHvwzoHdf8ULfZUx7tsur+H1gQApPIeo2EkdmvO\r\n0mK3KuuN6avoFAaU+CEizsJ6CAu9MozoC+A6a6uyk77ubspWaj6x7IJRPN3+\r\nbJbcIFlriJEJTsRpHs0njB6aAeIGn3L2QulZa2RHMoB7P7x25Ys1ZrrX5BRY\r\nMu20Z5koCh3C6YBiteWyWBlqQGDrYcGnZ8qyfZyOk/Md/XOp+oY5aAWl2g3u\r\n0bPLVy6oTISNy0RpVx/BKsuTaOo5EheUruFj6p6/PaFq4jtELbMLF/L+FK+1\r\nU8jrJISYHMcT3p6D3PaNOhzSqf8YBWyyEiV4NRUW08aKNEczY/6HYVwn7Q3S\r\nMFhufYbmqy27OOMckq5VzRg9+oq+MQcEg+NLQSD1W/Aiz5Kcwze7eEk3kV7N\r\nIKJOVixazogtfOrpQT71e6paZ5gaHoPyFHS//O2fwgoI9KULmI55oFROQrT3\r\n2XwPoSnodhkx6euooTZ8iBdvYyoh7R7a1n4ak0rHDxzbApHo4uSQoG9yH6bl\r\nNeSe4GoNsEWJg5EkJzMLPB8M/fXJ6U+41hRiD5V92R4YS0dtC+KA4YukwjsL\r\nlAW39hvamsq2NrNJ0htZiHm4WR34ZXx5EpOaLvkCDXDO7isvJxt8r6iVMGCw\r\nxzVlDmIu+pFb89XEZhmqTbRcwCfOn26yEW4=\r\n=PXYa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230318180604.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/acdc602d27c4d560474229ace24c2b7d/chakra-ui-input-0.0.0-dev-20230318180604.tgz","_integrity":"sha512-PP5eTjQur+wJRlnmGpIMBICZvRXUJl2hNX1Rpjge0yqtRBAQN9JqOga4rVgHhFOO2GuR+gVTdBlifHxS9oruaQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230318180604","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318180604"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318180604"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230318180604_1679162803274_0.23060938092293393","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318182221":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230318182221","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230318182221","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6eb19312ec9a7eb27843eb0b2c8086c8ab7d7fd4","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230318182221.tgz","fileCount":22,"integrity":"sha512-ko5FtzJLe+8yg7gziapSASw+8ETQ4Vh2DfEpGh4bqEy9ysQRV293kQe4wg8yC44pGNCNwk8kMoi9eVh/T3HuBw==","signatures":[{"sig":"MEUCICpLj0/7JNtjHY0HDcOIG5zUz/JJNZs8RY2MX+jvEIiOAiEAtoSZ8XyIzfLg6vmX+wJQzq4qMf8ltUue0DBhsJrwx5I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFgGGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZng//RYBUgH5ytkwHB9rhWMkRMcPRzp/PTIjjHWBYnUe3G92ClCth\r\nb26Q1mlAmFMTtxyoNIkK+Nq0uJc8o1SmeSTexw32uRpZ/N9/oGIeuM0VeaZ6\r\n4uOklcQwnobQMtes7LRLAFznJNB6eRZYj3bAfWb8Ec0ETWqXQKuf/CAN7nyV\r\n5BCjAJu4hxxX6n6aA67J32SbRX1LiOqQARmvV6GaeBVC0DBEWOAh/1z3v4y5\r\nex+dp4RDEijc1f8+wN4P5FBfOXz1i0Y+FK1V87oYv5OYmzbEoz0mMLCXrGfn\r\n3pVNGHcJ2PqMys7VJzyVm8pmaPcWk6+OL8iq2dkrSQ2T15tLY98El3GicjRZ\r\nP6gUxLsIQiHHuElSNI8rjz3JMLyDu8AsKLFSFdsLX67ENj6w9oAEFhYgCOx2\r\nLsYU7UiCtbHc2nFwlXfmKU0cYlJXRUhrvNmH92E3OkCQRz2QhTD0/g1zy1+R\r\nGcxxwd/56rLXyQqcjkGshSvvdUdbHjtId9OOcu5b6WE2iuscQEnRyeQ8HmvZ\r\nVB0NCJmRHTdnTT92uaHOetkMd2a/Mjic5UnJnjzMuJ24BRmgR6JSGCj24rxt\r\n7zcXdHa7C1KC1/sRkwasTRX0GCO7g7cZOefOkFhNImbALDmKv2MsJEi/XS02\r\niDqH2xJJZZkqCfiKVjFDZtba8f/JX0Tb+VU=\r\n=bgBq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230318182221.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/8a0c66dde71fa57d068cf8dc7e39e69d/chakra-ui-input-0.0.0-dev-20230318182221.tgz","_integrity":"sha512-ko5FtzJLe+8yg7gziapSASw+8ETQ4Vh2DfEpGh4bqEy9ysQRV293kQe4wg8yC44pGNCNwk8kMoi9eVh/T3HuBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230318182221","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318182221"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318182221"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230318182221_1679163782660_0.9119327747631905","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230318183840":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230318183840","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230318183840","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"8b11b0b3a8c824bc21c90702e12cda7e2690187d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230318183840.tgz","fileCount":22,"integrity":"sha512-alZy26sIAPuN6jaSZI606BsvKkVpkxzFsgp2yocHGYlmu9UHeVUA/Clu4UateZcApwowMrtH3FJLOzVzLRhklw==","signatures":[{"sig":"MEYCIQCpIIHmRy7g60/QbljKmfIt5554Ce9+0WK0c9O6VPLVwQIhALfxU2yD5eFwEN48cQGPXB4idO+b2G22sq4Zmr5UNQOn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkFgVaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSjw/+Ie8U62kPwPlOxRhSoVt2J+rI4OinA1g8lzkZvr2YTLrNEzOG\r\nskJ+4YgdaierUBDNLZwAA4b3BhtuZ0u8K3Lm7clYOIs7aVjfPisbQmK2UtuX\r\nU6sNo3otDtbuvZUrhO0sX1M4/7aKeoqIN9XnYwEMtvAIIlZA4Gcz2Q8MFbRZ\r\n4/wBLXlM4uWFbKR/jj8gv6LFAWrW2a0jfcDAjaFQcMe7zuKQs5vn5HbA9sN2\r\nM+5UI3NDyJVwWVIrTLdjgNXMwnS3KlMGyHNXPD731EYViLr74X2vshY25a5Q\r\njB2PL+oZJs3+uwPjxhsw66bNhJkRsMzD8UbdEauc8n3nUzubZTvV/1LXOQfo\r\nKmsMhUiMFiI19OzJeL989qqyCt90b3EYCeXHe6aaZG6OgogIpXoMTnBjfWZk\r\nyYgimFFYx17Flb3ignBfncamhevinAMxa6b4aSuMvpImVhigjiC6hK6H5q9f\r\nl0L3vq+n3mU5wO7UtqXIHDKWqL21sWm8rERPVk1N9C/26u2/TvKvL5kGxaM8\r\nxJrrwpR5PMM7rUhhaUaFUMpba4/KY2igsYwzCChZpmWSEbSTuCrnKgm69xDa\r\nxEs4tlAdrhsmpHpC8uhbiYJ62QgMltAAaceiTR5eoOcggNIyvDr6YtfrySCf\r\nlnS+oUtOxTNEEVyyfotUz29dNgKwMxpMchk=\r\n=Q73P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230318183840.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/33cf5bdcbee56e3d36256b62ea3ddd56/chakra-ui-input-0.0.0-dev-20230318183840.tgz","_integrity":"sha512-alZy26sIAPuN6jaSZI606BsvKkVpkxzFsgp2yocHGYlmu9UHeVUA/Clu4UateZcApwowMrtH3FJLOzVzLRhklw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230318183840","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230318183840"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230318183840"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230318183840_1679164762123_0.5907416079423033","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230319192154":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230319192154","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230319192154","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"32eca6b69b19ee111e64e8c4503018146e2097fd","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230319192154.tgz","fileCount":22,"integrity":"sha512-Jo1pWZLMlchJr8QvyiQBZEZLmZZRpoO6yosAF8lgtZWzAYV2OtjWgEawCXtysAWq092QBPFYmnBlSztnu82a+w==","signatures":[{"sig":"MEUCIEkBhSd4/B85FFvO2V5qMO8fwdgCy3Kr6S4g7poAtDoaAiEAoOSMTlPgbRF/uF2qY89u005XL9XsMj64RMYR+nyAOvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF2D8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5ig/8D99wKSfqdVYfLgNvzToicIQKX5Oar/YOIQMS0cVNvRujy2uC\r\nSP3+WlNfea32CJ4895iqz+Dfa0bHoHK5xnAFSe4/33R0VUbpj2mc2JXV5Vml\r\nRaj4ISrmdWERoPUkGf9N0Yp2hp09q0CW0XTC8MPCp5Q3ILawQXLfOoCmEPGl\r\n1ThB/opmtw/wYO8f4kuTaydrpgkpCYHfM80r2LEE9NrztXxtyhyyjNRZLcb4\r\n4ab1Rs9tMWv6qIFddskccpW8SVdn6yRdtK3uQiRvfgqv08cSYB5Z0AQiHdnN\r\nx9ngl+mhf/PN5FPO80tBzTWx6Zx3WaIiMHNlTSJ08lWeVFuKuANykQsIbput\r\nu6jznZtMtLb9/c5x+kCBK06TvMP23M+OOYGOrRgD7UXos5EIdK4i4q4w5i+E\r\n0NArniaxXD3RHRCJTeE0pQ1V2XxMxqw/NwAtkeOaOTu1EgL635sJieSD1gSi\r\nrAoU0d5iR/9xc2QyZnbDXVCKpilR4zPwNsuhhghnAN98V6eRvO3fdWE+Zo59\r\nbRtgwqXgYr0AZUmGtqpRwkaQuBfVfptGcpVnABL76BzdHCUooucEwZZUAgV1\r\nLOiRrMQkZxbcmZJKqfQjCXx5vOtFmBeHqcir7rNXIqtyPHo7LeVHdPxBWPv+\r\nmPsRZju6N3OClY6d+/D4RUafapPdscgOdkw=\r\n=XjjX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230319192154.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/ea6aacbdb493455156ea9b2bb6a338a8/chakra-ui-input-0.0.0-dev-20230319192154.tgz","_integrity":"sha512-Jo1pWZLMlchJr8QvyiQBZEZLmZZRpoO6yosAF8lgtZWzAYV2OtjWgEawCXtysAWq092QBPFYmnBlSztnu82a+w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230319192154","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230319192154"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230319192154"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230319192154_1679253756660_0.09336990736061335","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230319193708":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230319193708","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230319193708","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f08ce16a147acf2841ccb2d53338177a274dfdc0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230319193708.tgz","fileCount":22,"integrity":"sha512-J89+fDI2bvr50o/wJPxwSt8YzHrE/gRvmADuFpd2qsloh4Dxyh1uNm6wz1kGcfhl3KC33umxB4Gcl1hdbN8nOg==","signatures":[{"sig":"MEYCIQC586yNz362Jra3+moQjyvjsDPB2YRBeSQoLQMG05rYDgIhAOyf2ovT0pQjI9e1jD1MgB7/rFJClJr+ayDh80462Gjj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF2SMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqukA//frg/RD3fnTA2zQkE7AkeKkF6Yqlx2sGtyT9bT8RiVuIgqRio\r\ntG76CNNcqVPrX0vqFDL+qZL1Uej2ZQPeT47t/qOjhJqvPiyRjrtgrO2/4uB1\r\nN55GKldSyGHXenKiKly5lPxBNmnbjCuv15EujhcF2m7hbadxlOh4ffd36Rv3\r\nOtlCZQ1XO7Xg3zHcvwa2MhesicKWJagEoMsPJw3X+ldaunamYmEMQtY4qJMu\r\ndoHc82CJM2+nJLbmXbVTE6Ki5lr445CYrG+gT/ClTGop6bnxVkecLBdLRefg\r\nQZSWvjUh4WNFtR+jQ2b0yAAafCcOreBlTgQchn0ZkZ7PYjREKMx2a4L8iFlq\r\nqxJBp2XKpbOaq5PbEomoyZkNTdNGr5JevalB6l9C1+QKLXwF9du5D5F/1fUo\r\nNqhjbrUkQ6LMVpf96I2PKcY6Pu4V/RVCEYgTbXvMupSfyC/WBRnRdOQt7e5S\r\npIhRanav1Ju4LgwBWbxfZ0BhNk5vqpZWfPb6SM37i2XDxs57ZDUprAY5LYKW\r\n4qS3KfDkwAnK4kvPEiJGCukBtJnusvCiGR2ExAV31zRotMszlefulU5ZiZ9z\r\nyCWGhsnv97R6lcNTa+RugRH6uyUQ/tpaLSFEMZUHLvWCe1XcgGfqbVt4gD6Y\r\nPh6zkwXFuO7XUH1MZ3+zhTPsYwfC56fXYrw=\r\n=3sTK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230319193708.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/6210257e043f49d4849e8076fbf93b8e/chakra-ui-input-0.0.0-dev-20230319193708.tgz","_integrity":"sha512-J89+fDI2bvr50o/wJPxwSt8YzHrE/gRvmADuFpd2qsloh4Dxyh1uNm6wz1kGcfhl3KC33umxB4Gcl1hdbN8nOg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230319193708","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230319193708"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230319193708"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230319193708_1679254667991_0.6503571298652591","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230319202046":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230319202046","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230319202046","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b559cbe888d14a123c66c07c088a27d2210e1c2e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230319202046.tgz","fileCount":22,"integrity":"sha512-SKgUEyEn/2dChW+XMEOjiProLHiYPE+swQ46gp6+Pblwh6vvTV8spxXrVIeNU211j3pUiMXx38kqOsnnhM1Khg==","signatures":[{"sig":"MEYCIQC/PMPTRKHGh2HavDDUHInSAJgY5Y2g7FdKiOwsIxtX6gIhAJoJhGw45T9s0nJeEhh8h6iNsj+YoLHLoKJYmEF1vsSS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44880,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkF27HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqh0xAAl/h0+3Fp4YBpbyrq/AZzQyI1Ejv6In/4dy9xtz5U+a5VfdFU\r\nPoHW+dI533CIN6SVCLRAetEebh8oMOGa02cVyB891cwZ5Pr/D5Xt+hrTtf0r\r\ncSSHbm7M6MAZcMqiylKU9YmgZ1w5K9tI80ECN1d/s/AH02qA5yft7sb2s363\r\nqBWBITZKOHS4mP4Y7Kz3qMW2/IyMVjzUcvCXFlydmovr2KpTHiGkS4ZKlMS7\r\nUr9L3kTj7F+YWz4u9vqnFEKpdOoqT7nv16dolCVlpt/Nj1OLQKfJEbAsRW4x\r\nnf3TOFlUZ9XG8ksI2iL4L3Cwv9O+fpVhAA3prSCa0Pxeld5d+9qNHlFWSTpD\r\nN0Toi/3gFhWipxfeJg7kJVFEbbo2JzH6lOmtgdD5dWarAqJeLMMvK026dWbi\r\nbz4SffxIyEZyeRVkkMgJXXhVN4/SADb/uUptL7Mgy9XMuz2hCMmO/8LZUQ0s\r\n9fRpcPfVfFgo39T5y+pXQPqq3Tf8jSdHu8uDkFlCuGdqdO+xCw2U1MYKOuHp\r\nI3p0rSjRz+vSwlvwhAXIrCGvQviwd3u6r/CedRPFYa5vf++xjU8d9RmOxmsk\r\neYCvUM6MAKSDDRBYa4A5D42pLwl4s7dFCGHQOqVnBdjya6L11tqIF9r+uNGD\r\nJzLFlRHq4TynW2XPMS9kd6D8eyh8v1yHmXg=\r\n=SqWx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230319202046.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/842028ff25b062568855b5a4a44ceca5/chakra-ui-input-0.0.0-dev-20230319202046.tgz","_integrity":"sha512-SKgUEyEn/2dChW+XMEOjiProLHiYPE+swQ46gp6+Pblwh6vvTV8spxXrVIeNU211j3pUiMXx38kqOsnnhM1Khg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230319202046","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.16","@chakra-ui/system":"0.0.0-dev-20230319202046"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230319202046"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230319202046_1679257286797_0.31724981969229904","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320183136":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230320183136","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9d9507d4074860bdaa9631ef94ec642cd8f8a74c","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230320183136.tgz","fileCount":22,"integrity":"sha512-+WOkGLOB77pIWIGpqJGHc3Uo9Sp60GbRoeBRmBwkWtn4QS0qlS/R+NIW8MQ4mm34gYiu5z+2TslD2PblJ1zCcQ==","signatures":[{"sig":"MEYCIQCePJzI6UaSVb4UQVGYtD3IJFgHjniAElAfsiIhdSY3YwIhAJe2aP8K9z5liLYwCMvyV/XBoDMqm3IjaE/tYhe0F1OV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKbCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpkdw/+IzmGycjZOU5mM+oGKS4TVOp6k0kN1MQuDHYKOurfNd7JLkDO\r\n24WNhRHJbfKSjH58rDfm9G+URCkmCuCa2KbzrVLdufCZlGRi5BX2z70chEzl\r\nzpTL4tRQTr/Fay7eGv1jkPQGmkGzpU97u07sVCdXlW+8G6ZGp7pdu6fbyUqA\r\nA01cUIev+M+BmATqMxqb78ikOV0Nh93DlYXfjlrOW7G1z65KHbLWt18BbVHe\r\nKjq9SPhK9FKpgwAfqBUtTKiMT5nDgl6hwiBJY9AyMQ0c3TAT2S1dcgCj5CCc\r\nn+0A5iSWd3cge1Dssrnnwb3BxVQX9xkpHSbi+NV60MSVLYvk6lMvPOLmlVeu\r\nq3gf1ksUo9+Zk7JVCTx02mL3yHju3vOR4x7vLnIBOFDlXBhmwR9G2nVATTTt\r\nSqt7y/pWa7Ix/qd1zCBPX4V97/k5+cCuVRKgjiDPX1j3KdMjg+UmjwUyf2oU\r\nR0SYCsB1j+lXzpfprGFIbcoIgEinbnbs8oPZVfIT4W/Kn6f53lf+XbWECnnj\r\nW5c7/ve5ftY8PURI5PEnrnSvPmyJ4scZeoEiS9C0GpyQhBwlSapjJmYY4iXi\r\n7ATNpcKnfFcErUOrix4JnuMiXDkFMIpxIJsoY2HgdofIhCHHjC/DKg0ebUp3\r\n9CI6YP7vtokU1KeWNX2wVNFNssHxYMT2ZBI=\r\n=TKY8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230320183136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/2efa416acee1e26c0454508e46a6b760/chakra-ui-input-0.0.0-dev-20230320183136.tgz","_integrity":"sha512-+WOkGLOB77pIWIGpqJGHc3Uo9Sp60GbRoeBRmBwkWtn4QS0qlS/R+NIW8MQ4mm34gYiu5z+2TslD2PblJ1zCcQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230320183136","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320183136","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"0.0.0-dev-20230320183136","@chakra-ui/system":"0.0.0-dev-20230320183136"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320183136"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230320183136_1679337154085_0.7497786035816487","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320184810":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230320184810","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"fcc08cc4863665f25fcc1567bce5779a37c968c9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230320184810.tgz","fileCount":22,"integrity":"sha512-O+d986RAga0YvK9fXh4MQ66/gMDFf4OLTtBibB+crSS8wPEgyfFQkEpW22HvD1hqZI7xgWioYiU4B4uMgdScxw==","signatures":[{"sig":"MEUCIAvtvRFzvROaTIws8GuY49fkX8s6mSgnjdeXHcirKtMSAiEAwjILKezekLZhG93t1B0qAWAYWpsGAzyynecaszRuYss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44917,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKqeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUMBAAnyo8m8TDkpN0SoaGGEVhmEdjdMVKa3po9Qt5KET/mCnRqr7U\r\n3hvpzrK4nH6I9yS/aNJrAyG+ySsbzdgemZwPS8g92jGM59V7fYe4dyibzRAI\r\nI1aGWfeMJdAdwKjRpANgduR5Ul55bl4bj6gUnlih2NWHIJHL7wfNH+DZe3Eb\r\nvNOW24EKFRpjykZItUng+eKDzVEZsHfLWOq3edopEhTEiHQSHx2nO6hT2sAS\r\n2bwCveUx9D8NIoTzYa6M1ohYx1H9pwHrovEBW2oPzwNO0HqH0hqz9HcsrSEq\r\nsLuNvPhawFocXZCsgJlwcxkA6IXjTyWCHgAX92TOUS0wJ8tMFVmoNDVt59O6\r\noJywL1xoBcLSbvgX9Nk4TlH5atM+heYqzd7+gyaqCQjfS+lbLJr6rFEAEwsw\r\n0Lnyz4neQ7BDcifHZpITqqKR9gTsAynRkhx6YG26+yYUHhy0EqpYpeWQoXa6\r\nSe1758T2iWr+iHLY3BIuwYUQ9S55by5hA0hFuu4pmN40I3LWkMmLk6QT0Ksz\r\nX3E4FzoNtqhxhk0B6DLbCVQRyVf2e9CkKcpLUMYat04C9V++KZCDW90JPUY1\r\nr3ZObTBZejCGZvE9Y92GViOkIfizMjWRtiH8zk6O0ESC1Ti/StgNYmL2gLI+\r\nCGhnChdvXmADoFCD2kr3X/z9cC4JrP6NI+g=\r\n=B+Vn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230320184810.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/9015b8be8a5576c5e18b8e9a692817be/chakra-ui-input-0.0.0-dev-20230320184810.tgz","_integrity":"sha512-O+d986RAga0YvK9fXh4MQ66/gMDFf4OLTtBibB+crSS8wPEgyfFQkEpW22HvD1hqZI7xgWioYiU4B4uMgdScxw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230320184810","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320184810","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"0.0.0-dev-20230320184810","@chakra-ui/system":"0.0.0-dev-20230320184810"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320184810"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230320184810_1679338142061_0.08868354502024922","host":"s3://npm-registry-packages"}},"2.0.21":{"name":"@chakra-ui/input","version":"2.0.21","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.0.21","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a7e55ea6fa32ae39c0f6ec44ca2189933fda9eb5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.21.tgz","fileCount":22,"integrity":"sha512-AIWjjg6MgcOtlvKmVoZfPPfgF+sBSWL3Zq2HSCAMvS6h7jfxz/Xv0UTFGPk5F4Wt0YHT7qMySg0Jsm0b78HZJg==","signatures":[{"sig":"MEUCIGzwannSxwj56z0orDKXmn6G1k3hfp8gblt2fdlpYITHAiEA98uGFjN8c5q83o/I2rMkKI7hIdFX0X88SqiIws0dEM0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44808,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHCcfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLJg//fcmNcT5WDjdahIYZc+pFvIzO7u110jj8Z5QgOSAMsNPtdy1Q\r\n1pX8CBiipRNz1kxuEGJ+DGfu9+MKsiQNGRmOjTJN1spdRsz6JdqONEX9hjRP\r\nKQkrMmCAjT5wPrz6/BJfHXJmKrEmHzeGioODGOVGkr/x2sv1bkSH7Whv/VZZ\r\nlrEu8K79DTw4lG7LaRx5VrarKmQTPMDuzia9OM321Gb9vgqiSew7A8EVahl7\r\npYH/H6kHbJVH6kH+wHLBpWtJGemsdVpH3kKyiUMXuCy7+0KP4p8s/KgCPvya\r\nk2ojFGUrG+ErsLKMgOCv+cC2E2AsadigPIM//11tSWonSONoGLTxrh/MkpBS\r\nizJwp/4VOJkR/maBl+3Jli91dBiWYupdMvKCyqew4Jj5tiaQqhCJuH8Ig55h\r\n0zOm08q9cekVNmzLEAwhqRRoXQnM0wUAEwOK3wgAiwrIjKrUlTIwKqGT4ipA\r\nSvR0x/evnKD1TrevnhUbq8s20jPpq9CfFtoCjI4EnXQFCVgzlWV62KEDr2Pa\r\n43jB/jCxv+Rip0t9DSqXC43wP92OzMvejjTnom8yA4OnT7nHfyeQWTYQX+QG\r\nnbcaOo0b9NR2TOvPqRNvl6MRXm3lz3+Uvg85SGzYnZgEGLDUWeGdkQOJ0oey\r\n/Mwfcl4CQwM11GVAWZ3nDFYwHuPvajHQnao=\r\n=CboQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-2.0.21.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/d55ecc2f9885cfbb56b2c4d1b0d085dc/chakra-ui-input-2.0.21.tgz","_integrity":"sha512-AIWjjg6MgcOtlvKmVoZfPPfgF+sBSWL3Zq2HSCAMvS6h7jfxz/Xv0UTFGPk5F4Wt0YHT7qMySg0Jsm0b78HZJg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"8.19.3","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"2.0.8","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.1.6","@chakra-ui/icons":"2.0.17","@chakra-ui/layout":"2.1.17","@chakra-ui/system":"2.5.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.21_1679566623043_0.5017277887037832","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424201223":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230424201223","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230424201223","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"068ee20d0968dbc3469fbf8e1363bbd7ec2757b5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230424201223.tgz","fileCount":22,"integrity":"sha512-3J/aEfX72aZBcaEKRF1swncpLjbAG3StOX9sZHaLosovfjZxg24Y5tyDDDL3SojYaXIMpBDkg3Q38kcMWHThQA==","signatures":[{"sig":"MEYCIQCj4vIBtYtTN3YWEgzCb1pOBgOYsXBeDtxm2PHoENYJCQIhAL0fJr+BGzzOEkMD58f6m6WzuaLJ61FzV52VyOYuSNMC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44870,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRuLbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3IhAAiZ7/f2k2fU+Zu5Y4jmI9DzJ1YABRy7F/MC/cWkB97uLt3aDu\r\ncXQgB70LQhcLz8BtFolk9vSop0QJlzYnwqM/D7R5iSmv7eX6lxiU5oFooqHa\r\niJOoYu2BEUp7xdkQO+RQ1holm4fOxivrm3vSxXeCGecW7zFi3FEZsnuYPyzt\r\nBH4x/9yhPM7jnRNai4UXw5h45Lv1+RLs6rn94tQkGhpgPJ7suzxgbCdpMoop\r\nw48RFaYBEy3J9E68Z36BNYoHVcEyiwTxtQjmRp6/rlHH+299byjY9Uz/GM8z\r\nQ0WNY4CQXdbsYOkttRxzKbwZ4I93yLlVhJw5IqqobcSCCnBRCfrG91A/aLBh\r\nMixEpzHoAwVw5ROisAY0g1gdpFrbHSFpaYfSswHJOSvfy0xvNRT8xCCBQfoF\r\nOtnLm/q7mzATZCFDahZxMOQznLHyUk0SrMWbTxbAbZoZdZKFRATx26sp/9dQ\r\nE7uXOTszGmCtqcu8eb6t0+2Vzxq84WfA6yPNd4HP45VH+DZ9gEDEcJ5SlEVe\r\nvMT8ON5GlkIM4UNsMkbngcUzgL8zH42gGD3+G2R2v1owa2swqk+x497sRiyh\r\nwtxM4WpUu7ucyxvsw7THS3TEHUScGY+uXBUlu5GAJwsnV4olkfPerckqEf+O\r\ns9A4iQc2cgqRWzoat8I92DPbfHpaHhDWndo=\r\n=QAZp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230424201223.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/c9cfc1d9cbb386bd443d9b466e5c675d/chakra-ui-input-0.0.0-dev-20230424201223.tgz","_integrity":"sha512-3J/aEfX72aZBcaEKRF1swncpLjbAG3StOX9sZHaLosovfjZxg24Y5tyDDDL3SojYaXIMpBDkg3Q38kcMWHThQA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"0.0.0-dev-20230424201223","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230424201223","@chakra-ui/icons":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230424201223","@chakra-ui/system":"0.0.0-dev-20230424201223"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230424201223"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230424201223_1682367195042_0.286416168352879","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424202839":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230424202839","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230424202839","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f99b4a54509dffda5e8cc34139800c559500dc2e","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230424202839.tgz","fileCount":22,"integrity":"sha512-yGUezFoWGaOn5ghGmqToNIkGxg8iNu19BiYNOCN65dVw0iz0p/KShmsD3LnXnAlKgTcK8QAzRFinLUVj3vnfUw==","signatures":[{"sig":"MEUCIQDiyeJml9gdNUyvK7HBhP6uql7ZO5biRtJK7I1m1hN8sQIgHOMBf2uoPn/EVLyk8rG6QGcxhKHLSfay22N3O+DslIE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44870,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRuaoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMcQ/9Ge0Ej3s7SUQzVdBiP/B4jXV6kDgvKaLSz2+3GV/1YMazpqvI\r\nWi8fa9bE8P4kraD8vxumiYeLmnPvHgEaH6CoKhD4ZG+j2ZsWq3XDfGWAHBpW\r\nGN5qAygoXmyYN54SkRfd5WlfmUCyaJl7aD6p4DC90IbS97FofuVeNJ4R6X0D\r\nqsc3sfPt5jxZZlC+kNBWinEJUFi4HaSrw2KOuQ5M2YbT6A+t/YUi7B0n4A2E\r\nGDQ5zTkUTkPNkuyxf5dyEPp9jA8hQIrfJXXucTogNBz2Qdu3p7sJgnYfA8Eq\r\nxMoeaeXhtgFGDZ0+OfDwW3c8wOFiQg5JHQ7DuI/KH0gnJ01GiEOiO7UtSblN\r\nF6u6hSazh320HGmsq9KPXQS3f7ERVrY19OI3pSvzNhCz6ctscVG9cKxX+KAg\r\n/5tNF6xS928t7WRIljl7c0zGXewJE3QvALm9hHf9WtcWdEfcueAFGXWhwjvA\r\n3/+fMxJElmZ9qbQjOwRAJWtXN0T9DOPhsf9kBAQM5JwT28qDFhAN1W/MBVhe\r\n3nUAxf1N6uhtPw/+f41Ydbq4nggBdwb9lmBFiRDhPx6DJ4OMwIZ4eeh5jiTl\r\nV/kE0WszpNhraPXxwKCN3OOyhRKWf4dmUQpOMZx6DnPqO43ZpshbvV8PRHjh\r\ncw2SKr0jkC9CfJ3DLpfGBDXGaf6S29SYOvM=\r\n=P2uU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230424202839.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/800cf02d5d84235c60f5dad401a8c08b/chakra-ui-input-0.0.0-dev-20230424202839.tgz","_integrity":"sha512-yGUezFoWGaOn5ghGmqToNIkGxg8iNu19BiYNOCN65dVw0iz0p/KShmsD3LnXnAlKgTcK8QAzRFinLUVj3vnfUw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"0.0.0-dev-20230424202839","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230424202839","@chakra-ui/icons":"2.0.18","@chakra-ui/layout":"0.0.0-dev-20230424202839","@chakra-ui/system":"0.0.0-dev-20230424202839"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230424202839"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230424202839_1682368168435_0.04165716487870941","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424205150":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230424205150","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230424205150","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0a10210636840f0a37a3212b0189f31a9b7414a9","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230424205150.tgz","fileCount":22,"integrity":"sha512-MyWIRkN2Z2kfFvL0DCqKcfcuu5VMl2IxRzxRfT0cOBmYrQtfYkSNiNILiWQGRWC7BvRmcoFTYDnVEoIoFixyTQ==","signatures":[{"sig":"MEQCIAIyrDFvoNpgiC7QmDCZezH4bZ+VchmRwTMp0YLlBfOxAiBpIAVGjjwe4icl87TJcW0ZSe70MWo9OgE91ooUpYzTwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRuwjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWxBAAgntZ5invDd31oSwSKfsS5aPCH0sFY5tSkpuExtwtb+feKoIq\r\njZ3/4tWS53ohkent98bKVQnqqA53uvwd47ACpezODb9Ymlhx4+0l8YaYKLaO\r\n0WsS/0/2x+b2ohTXfrD6kpUijodSEcRj6DO0KAQR89RFVP4sgYUp7NwnFJ0u\r\nbSTnwiuu6gQGspK1336LBLYrqMR7ic5RfPFrq8D5oFcsiFBEnrPQtgDaDOpN\r\nmAS5PFfDWjELVvQjgKOK9IPU7FXJQ1VhzEvls/B3Om58LoydkhANlpEwSGT2\r\nRuFQ0NZwav3pU2/PnOrcMdPTfKpYUozec53XJc0ysLy2frtFjIjOr65JGwPq\r\nJknVMDY4BjV6rvEuDG1A2YEl7AWmwATfxK3BED3qhWe3DhLcOJeIoihsywvN\r\nYVBOw7jMPzIZWyb8tcS0BwDY+p2aSUn1W326hTQx+cxoM3cTMpNWrqKDVCyl\r\nw4rq9hd57nUAiaVxPUOVVbzmIiZBfxJ9oYtUfNXvZLSEE9LnkIRgOQ5DT6wx\r\nY4hqSxs+NeDCgGEyJjj56OGUWKGHHTSW40m0XjQJy2SPWz9y6ggMSdHr0Ssj\r\nCfS4r765o9mr9LX+L395ygHkQQbZP6KiBHw7vlYjl3aB/j/8DKzMRJLIU37V\r\nElVHvKFfP5zzEP4hkTZ0EksyoPlLj8HZwfo=\r\n=I+6e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230424205150.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/ce7e22bfee0640af60787f557a120906/chakra-ui-input-0.0.0-dev-20230424205150.tgz","_integrity":"sha512-MyWIRkN2Z2kfFvL0DCqKcfcuu5VMl2IxRzxRfT0cOBmYrQtfYkSNiNILiWQGRWC7BvRmcoFTYDnVEoIoFixyTQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"0.0.0-dev-20230424205150","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230424205150","@chakra-ui/icons":"0.0.0-dev-20230424205150","@chakra-ui/layout":"0.0.0-dev-20230424205150","@chakra-ui/system":"0.0.0-dev-20230424205150"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230424205150"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230424205150_1682369570992_0.13057066730037703","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424210540":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230424210540","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230424210540","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"477b930d86d46637d02ef6ed88735bf1a8cd8772","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230424210540.tgz","fileCount":22,"integrity":"sha512-7OTz5aIjLdf3jdNGtkvD9QAi5Eo2PqxD4QG6fV8aFk+dGFxmIHY5QXZMbwFg/cUVjc2vRAywo+A/n9Vxdz37TQ==","signatures":[{"sig":"MEQCIDW4VqTCDDPKwuBNWYBpFx0rFhTXmXxiNBPazNoH6tWVAiBQYr+Qpjk+3FRlIlPjKixicd+J2ed3j+IYzJJ+DMNetg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRu9WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNSw/+PG5JKT25Py3JRPCR3TWgUFLmcsdaPwWTj/fK7TXPO4eMGHUA\r\nwzgw4QeBfiaJyaPaf4MNpRZOgQm+YmTLUyZRGZekyF94VdcRaihFr7BwD4Sg\r\n4w+VjlqxzuUym7hNm8x4361c5OcjOaFuDjyWFn1vrWYuqYMZUKKEeZyB51g1\r\nDe7GjuBtSPW8yOROZpkDUU72W+NnJGK14mOf1z/HSaNF41LjZ0z2fzVUXfeO\r\nShZlmTezTgSot/CcE4vz0bmgRhbN2DQcXc2ZmwtpBgHILYR8dME+R+Az+MTe\r\n/rinf7GpuKofGfsYC/S/feWr7FjIrgMngIKsIye0eo7OW89j6lPW10n0koJS\r\nb/ommQY2uPiuqQB/Z2pEpq4TQVGdfvt47ocDhmoFWAi4Gr6ulZyl2QBrS2CI\r\nzolqYDfXIAHSvV9FWO4c6tc/OfUafbGwRtxRBcyHrY2bXygJGaADiLWG+JLQ\r\nlIjb/SMKGAH2r8B1pRuwg13lGGD/jzx13JOI4lQr1nXqwd0vltvcavBQMzKd\r\nrIaRyt7Hd0DjhCZ9PKEn9pxvHmWv+cx7ekyVvR/QE1+t1UMDzgJ9qseQ8JYq\r\nMfpN0nJC2oDeJhC6S+PK04dgPPPvF1F8fYsCyCNZZW5oO9n/hIuk+OhWbgzj\r\n9P3U7tNiQxWROPp/RZs9jjhQveQUSe9EJFw=\r\n=ACcl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230424210540.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/84f42d74c0fb9eaebdccbaffaeb24c31/chakra-ui-input-0.0.0-dev-20230424210540.tgz","_integrity":"sha512-7OTz5aIjLdf3jdNGtkvD9QAi5Eo2PqxD4QG6fV8aFk+dGFxmIHY5QXZMbwFg/cUVjc2vRAywo+A/n9Vxdz37TQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"0.0.0-dev-20230424210540","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230424210540","@chakra-ui/icons":"0.0.0-dev-20230424210540","@chakra-ui/layout":"0.0.0-dev-20230424210540","@chakra-ui/system":"0.0.0-dev-20230424210540"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230424210540"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230424210540_1682370390242_0.3972522906952767","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424221053":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230424221053","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230424221053","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"b091edbd9c7e09f0ad87637485c579c811450103","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230424221053.tgz","fileCount":22,"integrity":"sha512-ja5PZs/2P58jYw5QWOgHxgt8dwALjQGyYxjm4mTjCkqZc+etvr6+4bPJzMJLR3J87vcMPAKUXuN0+2c1ZKcCqw==","signatures":[{"sig":"MEUCIDznW+wGf162wnY7ovUEwTvA5cJ2wxnBiWfghPVxp+wcAiEAsUtqRzlLSyMwaAWQusmj24qiaBpcVnF3xCwtq2Rij2g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRv6zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUxw//SjjNWpAk5AW7Nd8bjWsEX4QTodQj0FJ5Umc03zl4em7ZQNry\r\nPkbFLAy3eCQfhfuw3cJFDCDXX73wzOIYo3/aoPxX2QFRqTafoc8RUUN5Rr2E\r\no/xDVrk/Nw5DpxId+tVTs87l8Tq0Spv76ZdIfH8RAQZHWc2fXIvLCf9moF51\r\n5AtzHoQ3mZBuNtV84tXheL4UX2OIkC12F6jXykLRUyLV/Xr7n4KUVOZHsNEd\r\noJxH8fNuJotuy8zts5wKZer4rt8i22risdX3/LzK1sp3nXyDgr1G/qnQ2NK0\r\njASdmRsVOZ+8guDw5poczgA6IN3OJi6sFWA9k0pkbefaC8re4IKz+6gtrGXP\r\nRx1Ah8KN395/sMgMKTTKIJ8OmNFotmJ+PdhNekh6hh0LHK9ulF7upMR22+1I\r\nY3ki0Z6o9zi7I8AnxNZXoOOqa4vyDlSsHc22+/D6z9jbyZYJAISiMSkivkyn\r\n+sRe3Nv02AvJZCyR7srjRajZyPo2sFttKTyrFe2na678VafhLyNdLoiKVYQ7\r\noUGfZ6kuWKCSUEyiQgplfhG24gdb0PKtEQ4zt/PkCeKuNOgGFuJwc51kTMu3\r\ndSa5cXqN78XIOv57JQ/n+cU3kZJI/jSrOQpNjzpwZbuWs1xhobi/Tgb16k42\r\npNhrpsIBL9RGAH/ZQJu1bqkQcvlmcn1fxUc=\r\n=Oa4m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230424221053.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/5ffa63a27869ac48999b8f89bdc6b37f/chakra-ui-input-0.0.0-dev-20230424221053.tgz","_integrity":"sha512-ja5PZs/2P58jYw5QWOgHxgt8dwALjQGyYxjm4mTjCkqZc+etvr6+4bPJzMJLR3J87vcMPAKUXuN0+2c1ZKcCqw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"0.0.0-dev-20230424221053","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230424221053","@chakra-ui/icons":"0.0.0-dev-20230424221053","@chakra-ui/layout":"0.0.0-dev-20230424221053","@chakra-ui/system":"0.0.0-dev-20230424221053"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230424221053"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230424221053_1682374322918_0.8431719206497519","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424222806":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230424222806","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230424222806","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fa2fdfcf3828ed2a4e83f602dcd9251211e40991","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230424222806.tgz","fileCount":22,"integrity":"sha512-zlOl9lD8v6f4EsKBUNHZJPUfosVS8VmJ9dLQ1FG407dRZtKiYXpArylETUt+eHUhjFfWIuS917cb8k/78Pd1UQ==","signatures":[{"sig":"MEUCICc5+i7E2fm4h2hdMbKD5rgQp32h3kbMjiTVYz4zq3ZrAiEAoRKXrG2FxcCKnhWAZ3epLydI+HkkHziGk8RuTPA8ao8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRwK0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogrBAAlLcIXM1e3W6makkgIl9O2L3g6jAoVYVrlNdLUQDEAODRyVwE\r\n1qIq6QxYGUVaPDmQRJpWgzQB4fKvFrPHr6KJz9dFzSlWZOwJJCBe3iKvLieT\r\nq7n5tW0Go9TRaKDSYl06p61TxVPGULYCZMDrxg8KrQGQDzZ+nL20BbiytkAV\r\n2M0cYwC6XC5UlsR2J7RzcfWmZv43mN5Ym6ESwM5GY57JtriAeIp8Z6hYO3HB\r\nuNbFFxMwearqKB0WeQFyg4cN8eGHOlt1U2oMrOUgCy/537hRBThOYEe1OI6O\r\n21UH8Jh4jBu7L/WU4Tj2Zsv0jPnBxjoB7KZpfpwsT/emRfN3XC4K8gKCgRhY\r\nEAfxl+VpEN5o4BWszEDSwEFwSkwtdIPHALxe2BUmvznozCMm59o7cVhYtp+7\r\nCUBDmpr99GJu9R3gl7Cza9qzTDArOZ8uwHBlAOEVNMf+YNSVRS6EOdJ5S5yO\r\n2CnHEBuVCR7daJfcspyB81OtYdvszzy4s4Ra0AgXSTdOMx5jS9y+zlGeQF7D\r\nQmmUyLQSew9JFDw3/1J++a+Pn+DIQHzqCfdSgfSg5q8LhnQStQEP47Nm9F6J\r\nOcvlM0herYMGb8XYsf6y1mBBaiB6sypUBw72NH1la+RGK+rvXZs0B5cK3nD6\r\nsIBNZIWl4q8PurmVzPzeld6+S/jPEUOt424=\r\n=U2Jh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230424222806.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/b1e1fd06191ca10ed251563fc46b5fd0/chakra-ui-input-0.0.0-dev-20230424222806.tgz","_integrity":"sha512-zlOl9lD8v6f4EsKBUNHZJPUfosVS8VmJ9dLQ1FG407dRZtKiYXpArylETUt+eHUhjFfWIuS917cb8k/78Pd1UQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"0.0.0-dev-20230424222806","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230424222806","@chakra-ui/icons":"0.0.0-dev-20230424222806","@chakra-ui/layout":"0.0.0-dev-20230424222806","@chakra-ui/system":"0.0.0-dev-20230424222806"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230424222806"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230424222806_1682375347832_0.8956739469146096","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230424225650":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230424225650","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20230424225650","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"84b335140f23a71a981210e83ced71fbfa34e645","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230424225650.tgz","fileCount":22,"integrity":"sha512-YEOYA0CvrTZQzsut1PQblKHlckleAFoQ00KIAtg/YZtZAAtPKh2IKdatl3EI7YhekHIVj70RCkPcOISIacirzA==","signatures":[{"sig":"MEUCIC2IBRPVlwQ8sJDUQp0P6TMe1pnRDqBKKi+hAz7SSSYsAiEAriz10G+2/lpD7Qb6BgKrtJxluzeZqAl4utZqgUmVFOo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44888,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRwlnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVDA/+Ox+qQyanxdsuGTQHi2DEZ3jKGy7kr04cOURpbxugAVwDXRTF\r\nnUOM2xPTIqCy+x9/4bo/wEvTjaElbYQr9x1u7sKHvPVfidj8/zoo71lCM+iV\r\nDAHvuzaBgUZDCrG2v8xjN92To0VE9PCRRaV4tc49qqw3WvRoDnZMXKRKdTlY\r\n4DwayIm+zOlHnQUG4BZnFqXWRcZctncXaNUuJVlC4UINzaBUafgsroiPDjXr\r\nkf2PLeMxl9l7wLeKgTKj6nbEVbFgqtWV/eUYgrq3d6rSaVUBs8Zlm1psXsN6\r\nMubzD5avBUUbIctQC+wXp09Mz5tUzQ6il1TtAXyFclf4sEpj1YSPiacKAu80\r\nQTY3CdL55QFYaakwDJmDftgoWmEjYKkdpLnqeElhNdyl9y2KPDRPtkTiYNI4\r\nJt/Go92HFbrNv+x3SQKYLd9LMKSTnHlptrJj2chBfsJrDoz3p7kYsfHOxhj1\r\n2MRagiVxBRpIYKbdJv5CRNWHbSXlMtHNyQcm+DesMWb3/yz556+Nlzn5p02Q\r\nNwlp5litf5bCJ653nPaeHSjtfwGteVwkOVGAxoDPmW6lGRXBEQLlkr8PFpa9\r\n2rBdEcgHq2itz6PrNly0PAx/Hn81Uuk+xK8KaJ2ipVPVBmkc5aR4b3jQB7E8\r\nRLZ+TlPwOAN3viNaNHsRBUA4td5/8ejueLI=\r\n=a8IE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-0.0.0-dev-20230424225650.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/62f28d06672e225a5b39cbfef3c873bd/chakra-ui-input-0.0.0-dev-20230424225650.tgz","_integrity":"sha512-YEOYA0CvrTZQzsut1PQblKHlckleAFoQ00KIAtg/YZtZAAtPKh2IKdatl3EI7YhekHIVj70RCkPcOISIacirzA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"0.0.0-dev-20230424225650","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230424225650","@chakra-ui/icons":"0.0.0-dev-20230424225650","@chakra-ui/layout":"0.0.0-dev-20230424225650","@chakra-ui/system":"0.0.0-dev-20230424225650"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230424225650"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230424225650_1682377062892_0.6778082944314454","host":"s3://npm-registry-packages"}},"2.0.22":{"name":"@chakra-ui/input","version":"2.0.22","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.0.22","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"4c1f166f53555c698bb65950772314f78c147450","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.0.22.tgz","fileCount":22,"integrity":"sha512-dCIC0/Q7mjZf17YqgoQsnXn0bus6vgriTRn8VmxOc+WcVl+KBSTBWujGrS5yu85WIFQ0aeqQvziDnDQybPqAbA==","signatures":[{"sig":"MEUCIQD6dHXcWxmNhUmC20PSnxvLRKooFiXu+g+NaI8LaqcewQIgGKyEJHAmlCBYhkJ/2BcNi6kZErmxcma0eKZ8vEtO39U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":44760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR7XcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoF9RAAh9rUkqR3oqJqyQOsLeVI6Su/2STKn0YelbcPpyQeQww/qLTA\r\nGAwqEnLwk+B23PELwUUoljbdrMoY+FWaMDIpXgAcVA+ertCU1QrIVi7jjOJp\r\nJIFI6+tVgOV05hF48uSgT41ULzafTZSMrRnvkIFyKI8XBMSWsk2GQcVHuMyv\r\nsUy+ILWOCchvY7ASa0PupkB93luWSVOU3/xXISwUmXopeDf4ChXJ/88g3yr5\r\nSa5p/P/OJ0+uys0rKsJPxqGNditnPsKbEINV8OkH/B2TMme05tbjuJKxr0lQ\r\nU7xkGg0s59w9T/tAK6kSIohVlFJGwt6tTdgpNVSZlPp4BbRpeWl+p45HLrwf\r\n1U+rB5qKnpBu13ARTk1XFDhCFl3w1ptW1YrQnVis/5sWZvamjVSQx3tQ0u0H\r\nsSpRLNwHpQti2SMaO1XH+6fYh5BfWB4WbruO2N3aiQGNCJh9v3yU6St9UMTY\r\nqdECP09eY2pnYc/JyrVniJK64ytq0wJNATGPRey8ZwIotcu0K7YMUQZ0obi3\r\nn8bFxAmW00lM5dwCMd+j192IpeaLQiyQTVCOOeaCJ4CvqZ9ZEGPeqbvRQNaJ\r\neaAqTWViX0GVj5l5XBa4AHsqQYbibNtEt6qoVoOiDvKKD70cfAAhPTEh3n/1\r\nMoOFE8Gc1QtpNmFlC0q5qDKapSxp0Kxqkak=\r\n=IH3Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-input-2.0.22.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/c0222025c9585433766ea3918cf768a2/chakra-ui-input-2.0.22.tgz","_integrity":"sha512-dCIC0/Q7mjZf17YqgoQsnXn0bus6vgriTRn8VmxOc+WcVl+KBSTBWujGrS5yu85WIFQ0aeqQvziDnDQybPqAbA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"@chakra-ui/form-control":"2.0.18","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"2.0.19","@chakra-ui/layout":"2.1.19","@chakra-ui/system":"2.5.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.0.22_1682421211988_0.8306526846573694","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230718122336","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"31f90e5f31f72516184873b5bbb7862968f0ee6d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230718122336.tgz","fileCount":36,"integrity":"sha512-RRmtwn4a9gyGVJ3FZhG2kANE+HHM7rBnr+ByPbVl59j4BGcWS/qqQUzoY8RBDhi63zIH3OjupVFvZCDEDHHIrA==","signatures":[{"sig":"MEQCIDUHrV1fXUEdr/POnAYIRwr4K5HrF0he5PbYoWIKfU7WAiAAkgE8WbavxLV04EqZ0xWcbhuIJNSAsM2KKH+ISH6lMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99816},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/647063eef747dad4ce2c841623ce75c1/chakra-ui-input-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-RRmtwn4a9gyGVJ3FZhG2kANE+HHM7rBnr+ByPbVl59j4BGcWS/qqQUzoY8RBDhi63zIH3OjupVFvZCDEDHHIrA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230718122336","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718122336","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718122336","@chakra-ui/layout":"0.0.0-dev-20230718122336","@chakra-ui/system":"0.0.0-dev-20230718122336"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718122336"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230718122336_1689683110355_0.22223536152293488","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230718124717","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7cdb128dbdd3493443ad6fd65dcdde6fc53c11e5","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230718124717.tgz","fileCount":36,"integrity":"sha512-1gPp9hADdlkDRXtYAk5xbFrUUQ8n6Yk91FhyT1JKqJu9e1ddV9xymH/VwV/xY0Q7DEccLTf3FrL50SPsVX+17Q==","signatures":[{"sig":"MEUCIFc2Vm9b4P40r4cg+oLj377DHbKcTLdmBbfTdVoUTCMIAiEA8ttV0wl9DZyQvoELPPC8fwspKQNwo/T5kxo31OfrRE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99816},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/16b2ab8857a970bc9ac39c6a6ece012b/chakra-ui-input-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-1gPp9hADdlkDRXtYAk5xbFrUUQ8n6Yk91FhyT1JKqJu9e1ddV9xymH/VwV/xY0Q7DEccLTf3FrL50SPsVX+17Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230718124717","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718124717","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718124717","@chakra-ui/layout":"0.0.0-dev-20230718124717","@chakra-ui/system":"0.0.0-dev-20230718124717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718124717"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230718124717_1689684530312_0.9947657993310393","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230718130742","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"02d8aed26486ccee2c42af126aded03dc5ba5726","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230718130742.tgz","fileCount":36,"integrity":"sha512-Se2Wh37QCB8OiC/3udHA/df6t3JoS4rFU4phZpv1Dn/mIPVG6s6ePYNLZb+33+kooZJafjXZosa7dX1eoBPxdA==","signatures":[{"sig":"MEUCIFHEiHtzZM531h871/88Pk/gXd4EDRBRwCe4+nCs59x3AiEA89f8y6TWlnnTHn4+ayd7LhuYNQwzLYoy1AIl9BGTSRI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99816},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/d127d6487928c91bb39c3a4d473a3b06/chakra-ui-input-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-Se2Wh37QCB8OiC/3udHA/df6t3JoS4rFU4phZpv1Dn/mIPVG6s6ePYNLZb+33+kooZJafjXZosa7dX1eoBPxdA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230718130742","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718130742","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718130742","@chakra-ui/layout":"0.0.0-dev-20230718130742","@chakra-ui/system":"0.0.0-dev-20230718130742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718130742"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230718130742_1689685736547_0.3558130409730471","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230718132637","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"7a28beffc35e6b2a27767dd477d96dedfe35d2e0","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230718132637.tgz","fileCount":36,"integrity":"sha512-Ukmd8kbtFG+thpQPOcmAbeJHivLuKxT5f5kREP2cgPF45JLpRR7s7ZFUl5hFZLJ8hp4I56gENXCrnNjTg4GhHQ==","signatures":[{"sig":"MEYCIQDl8VqDvkGH3csvkS7hSvP1G9fV4cw4xocl06Gv6/bCmwIhANZwbA/AvomDvLWFlisq+lOH9iLIOKJy5Ztnc8J6Ty3J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100191},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/54627e4561045b5e5c45fab9a1f0f35d/chakra-ui-input-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-Ukmd8kbtFG+thpQPOcmAbeJHivLuKxT5f5kREP2cgPF45JLpRR7s7ZFUl5hFZLJ8hp4I56gENXCrnNjTg4GhHQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230718132637","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718132637","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230718132637","@chakra-ui/layout":"0.0.0-dev-20230718132637","@chakra-ui/system":"0.0.0-dev-20230718132637"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718132637"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230718132637_1689686888088_0.09771470294544948","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@chakra-ui/input","version":"2.1.0","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.1.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"codebender828@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"45a2e2ccdd65dc9f6dee11b6e3043438864bf806","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.1.0.tgz","fileCount":36,"integrity":"sha512-HItI2vq6vupCuixdzof4sIanGdLlszhDtlR5be5z8Nrda1RkXVqI+9CTJPbNsx2nIKEfwPt01pnT9mozoOSMMw==","signatures":[{"sig":"MEUCIQD1bUnebCPOTrinX0lEIqZExuGecCP7qO6RURjRZcvZxQIgZ4mj+uavrub8pM4hPIKfVRYS+kv5lSPv9S3UrGPJ7rg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100060},"main":"dist/index.js","_from":"file:chakra-ui-input-2.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a41089dc4a6ed30125ebb37637ef96cd/chakra-ui-input-2.1.0.tgz","_integrity":"sha512-HItI2vq6vupCuixdzof4sIanGdLlszhDtlR5be5z8Nrda1RkXVqI+9CTJPbNsx2nIKEfwPt01pnT9mozoOSMMw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.5.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/form-control":"2.1.0","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"2.1.0","@chakra-ui/layout":"2.3.0","@chakra-ui/system":"2.6.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.1.0_1689721249321_0.10553371843782888","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822131635":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230822131635","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"0640409e60f33de94b4f1f313143aa8b6100acf3","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230822131635.tgz","fileCount":41,"integrity":"sha512-Ot6HKig5HUU0Lf639dmKupMBRrOn7OuXnoVFV4164igw3/4unPCIynD+dCFdmpBl1jacQcrXFd/E3/JPqDin3g==","signatures":[{"sig":"MEUCIQC/uoiUoxurcyo4D/O+C3j/kH7J1PYjcNlFm4sOcU7xuAIgWHC/Q5laSDG259yjJHHf5CO028+beV82ploJXHqNtDM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103799},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230822131635.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/6cbc18d724f667ad576c13b625403029/chakra-ui-input-0.0.0-dev-20230822131635.tgz","_integrity":"sha512-Ot6HKig5HUU0Lf639dmKupMBRrOn7OuXnoVFV4164igw3/4unPCIynD+dCFdmpBl1jacQcrXFd/E3/JPqDin3g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.6.7","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230822131635","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230822131635","@chakra-ui/layout":"0.0.0-dev-20230822131635","@chakra-ui/system":"0.0.0-dev-20230822131635"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230822131635"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230822131635_1692710260879_0.033706152538898415","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230822134434":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230822134434","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"c0ba370830fbcf021fca1598bea35b0f6f5f1bde","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230822134434.tgz","fileCount":41,"integrity":"sha512-wSjcIFGDcFhljcCWRD1Qk0cpucCrzhpD36wYe+fWHQUESMmMR2nV50XeVXQCgyoFofi+2Oj5EtqXPvSLohlsxw==","signatures":[{"sig":"MEYCIQCWm97ojKVl6ovvKzMN8XnHkziTvhFbqM+ZCNfXVx8kIQIhAPzgIMP5rfOjBfMLpQoh+ukvNfDB3u9E2pKOJjPkxoku","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103799},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230822134434.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/63787ed947346ca112652bf2f8ace2d3/chakra-ui-input-0.0.0-dev-20230822134434.tgz","_integrity":"sha512-wSjcIFGDcFhljcCWRD1Qk0cpucCrzhpD36wYe+fWHQUESMmMR2nV50XeVXQCgyoFofi+2Oj5EtqXPvSLohlsxw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.6.7","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230822134434","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230822134434","@chakra-ui/layout":"0.0.0-dev-20230822134434","@chakra-ui/system":"0.0.0-dev-20230822134434"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230822134434"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230822134434_1692711925504_0.7339069298733678","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830093747":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230830093747","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"9cab09d23eae4feeefee1fabcba1d0b3ffab2628","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230830093747.tgz","fileCount":41,"integrity":"sha512-+OBbGk/7f94IUw+QpNmd3wIXbOm3C+yxFmzF9XnIONWzWOzCU5rPvaLZfE1utqoEA5cF+Ll/je0qXADOeQbz3Q==","signatures":[{"sig":"MEUCIFI5wsi6yhhP6A/o9YUj1KahivlpUnkrBLf0dj4kvLtUAiEA/xAaL110nk6Ukp5fjefXO0UUxn6GnCGBFoAXaPd1aWk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103799},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230830093747.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/204cc93d8624ed57b5306cbe19d59f45/chakra-ui-input-0.0.0-dev-20230830093747.tgz","_integrity":"sha512-+OBbGk/7f94IUw+QpNmd3wIXbOm3C+yxFmzF9XnIONWzWOzCU5rPvaLZfE1utqoEA5cF+Ll/je0qXADOeQbz3Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.6.7","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230830093747","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230830093747","@chakra-ui/layout":"0.0.0-dev-20230830093747","@chakra-ui/system":"0.0.0-dev-20230830093747"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830093747"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230830093747_1693388319236_0.18641994541896145","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830120642":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230830120642","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"a43eaf813c946d0e7c5f0e331d9573d01426527b","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230830120642.tgz","fileCount":41,"integrity":"sha512-JaOJ/y4mJh6LptBPlzEZDrcfOcDY4jOUUhKZ8b4kMPTt3LY4YvaxnfuQN+6Zqkx4YMEG5eDNtPCLWulCd/jUgg==","signatures":[{"sig":"MEYCIQCapVrt/6i7NO3p4MYkWe/3fS5u5vw8WtsbLHULLwXFOQIhAMOLQVTFOQ/cezLeORFkBLMugYwYgm5FaZVT1unADR5v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103799},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230830120642.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/29c7a4590bea55121d01c4a0d93b9382/chakra-ui-input-0.0.0-dev-20230830120642.tgz","_integrity":"sha512-JaOJ/y4mJh6LptBPlzEZDrcfOcDY4jOUUhKZ8b4kMPTt3LY4YvaxnfuQN+6Zqkx4YMEG5eDNtPCLWulCd/jUgg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.6.7","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230830120642","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.0","@chakra-ui/icons":"0.0.0-dev-20230830120642","@chakra-ui/layout":"0.0.0-dev-20230830120642","@chakra-ui/system":"0.0.0-dev-20230830120642"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830120642"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230830120642_1693397254646_0.09791062571523934","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230830133821":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230830133821","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"97c27d3a520ced98c197b03e8826d4777327fe2d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230830133821.tgz","fileCount":41,"integrity":"sha512-cyKP+adadBtq+mNbOZHKU1NlEhbuVV559/MMUzSa6BGQBKevY5sbNELuO+OFEcc5V7rlw7u3c3uR8DZeNqprcQ==","signatures":[{"sig":"MEUCIQC/EMtrH5dyXvKDlxD6LaHIbtn5shflPGcDDcADUvxlawIgKrQtXxxtTbzgkMEiV+4Bfx166FqsiepKHoS8mepbkVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103818},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230830133821.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/88c22b4d2b1ea75f2b7620d1e5ed086a/chakra-ui-input-0.0.0-dev-20230830133821.tgz","_integrity":"sha512-cyKP+adadBtq+mNbOZHKU1NlEhbuVV559/MMUzSa6BGQBKevY5sbNELuO+OFEcc5V7rlw7u3c3uR8DZeNqprcQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.6.7","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230830133821","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230830133821","@chakra-ui/icons":"0.0.0-dev-20230830133821","@chakra-ui/layout":"0.0.0-dev-20230830133821","@chakra-ui/system":"0.0.0-dev-20230830133821"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230830133821"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230830133821_1693402751005_0.35844513132962574","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230908144305":{"name":"@chakra-ui/input","version":"0.0.0-dev-20230908144305","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@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":"28722ee46641bfaf91f4285786c94340371379dc","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20230908144305.tgz","fileCount":41,"integrity":"sha512-Rkh8xahSH6z6dQl/itYRgCAbmiXJzDMXokZwqy8Qhq/qVZrE/cWNzpJ+DSZIN/WJ9bESccQyFod7pTl7+xLFWA==","signatures":[{"sig":"MEUCIQDtiSZVomIU8DR1NILLVZndRlctuPoiFWHMBtTCVJA6sgIgFURt5eT/C9LEP9ZIgWR6VAbFKhCoU1qCP5+mC49JgL0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103818},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20230908144305.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/e6138ce085b744c5f58df371e6959e29/chakra-ui-input-0.0.0-dev-20230908144305.tgz","_integrity":"sha512-Rkh8xahSH6z6dQl/itYRgCAbmiXJzDMXokZwqy8Qhq/qVZrE/cWNzpJ+DSZIN/WJ9bESccQyFod7pTl7+xLFWA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.6.7","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20230908144305","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"0.0.0-dev-20230908144305","@chakra-ui/icons":"0.0.0-dev-20230908144305","@chakra-ui/layout":"0.0.0-dev-20230908144305","@chakra-ui/system":"0.0.0-dev-20230908144305"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230908144305"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20230908144305_1694184238532_0.994762250106004","host":"s3://npm-registry-packages"}},"2.1.1":{"name":"@chakra-ui/input","version":"2.1.1","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.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":"c9666bd1efd7763458bec713fb87cc3f365ec15d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.1.1.tgz","fileCount":41,"integrity":"sha512-RQYzQ/qcak3eCuCfvSqc1kEFx0sCcnIeiSi7i0r70CeBnAUK/CP1/4Uz849FpKz81K4z2SikC9MkHPQd8ZpOwg==","signatures":[{"sig":"MEUCIQDZ4WaP4INUQFnZPvmiJgYpt4OYXDjsCQBGJ4Ok0zUAJQIgLgF/XT8jE5PyZDkq70+DjbIrolljJioBWCIXiMix/RA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103687},"main":"dist/index.js","_from":"file:chakra-ui-input-2.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/e6bbf24d95c6d6a452d8706922369f95/chakra-ui-input-2.1.1.tgz","_integrity":"sha512-RQYzQ/qcak3eCuCfvSqc1kEFx0sCcnIeiSi7i0r70CeBnAUK/CP1/4Uz849FpKz81K4z2SikC9MkHPQd8ZpOwg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.6.7","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"@chakra-ui/form-control":"2.1.1","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icons":"2.1.1","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"2.6.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.1.1_1694214248074_0.29084404188437807","host":"s3://npm-registry-packages"}},"0.0.0-dev-20231109112524":{"name":"@chakra-ui/input","version":"0.0.0-dev-20231109112524","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20231109112524","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":"9e312f5dcfc399206e219e87c53b18b55ff7d234","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20231109112524.tgz","fileCount":41,"integrity":"sha512-JksOm6tj3yEZJOLiDKXY7Ly/WrvruRBrBntHizslvzJYb9/nYFeV70nucrbz+AgNVVDbNzlRZtXJJqQo4ZbUJA==","signatures":[{"sig":"MEYCIQDsM4VzmnZvRBwNQWpCAsydm1xlyU1KdOzpygD15/ocrAIhANwFALp9D/1mTgOzs9WZ/xw43Us5s3ppImCytQBHbHna","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103725},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20231109112524.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/1c6557edaf87d819a0be7dce122591c9/chakra-ui-input-0.0.0-dev-20231109112524.tgz","_integrity":"sha512-JksOm6tj3yEZJOLiDKXY7Ly/WrvruRBrBntHizslvzJYb9/nYFeV70nucrbz+AgNVVDbNzlRZtXJJqQo4ZbUJA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.8.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20231109112524","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icons":"2.1.1","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"2.6.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20231109112524_1699529263267_0.023690667529510767","host":"s3://npm-registry-packages"}},"0.0.0-dev-20231109125555":{"name":"@chakra-ui/input","version":"0.0.0-dev-20231109125555","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20231109125555","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":"d0e1c531b152ad267ffba9c455ea55573cf52aa2","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20231109125555.tgz","fileCount":41,"integrity":"sha512-qxGT6xRsby9Vv15iCTnyhgqBjPhEQoqd1YbG1l6AZEiJpGldOnZn3oizOVvW6a15bElnDrj9SQ1ZLe/YFFy3Sg==","signatures":[{"sig":"MEUCIQC9mxFPkyejyjR8RyY1qw6jPQp82O6tGyVE1stIVTPqKwIgTIxMB4sxu3YXmFAh7nWpbdcPMzElD4aWv63+THCC/SI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103725},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20231109125555.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/12d9db692e2cee8951c51fabbe8d856b/chakra-ui-input-0.0.0-dev-20231109125555.tgz","_integrity":"sha512-qxGT6xRsby9Vv15iCTnyhgqBjPhEQoqd1YbG1l6AZEiJpGldOnZn3oizOVvW6a15bElnDrj9SQ1ZLe/YFFy3Sg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.8.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20231109125555","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icons":"2.1.1","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"2.6.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20231109125555_1699534619259_0.23475882823033412","host":"s3://npm-registry-packages"}},"0.0.0-dev-20231109130949":{"name":"@chakra-ui/input","version":"0.0.0-dev-20231109130949","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20231109130949","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":"215142ad727b001531d9462be58ee3bd29dcabf8","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20231109130949.tgz","fileCount":41,"integrity":"sha512-z+qhGP3fjpFTnfFEAvT/0HQWTuKWe7nhtFufMlrNlYBBNtPS+gCU35riZb0ihkqCdWGun006x4yEqyN347r1Sg==","signatures":[{"sig":"MEQCIFVdPFaly3OAhqBrm1Ds2kwOG7SO8QyoGW+RnGdesP91AiB3tblw7kLlNCtZEmgIS8IZrm3iiL80qp+d13LNoYAaYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103761},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20231109130949.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/c12dd5e5b0fad5d71c0682d774282b17/chakra-ui-input-0.0.0-dev-20231109130949.tgz","_integrity":"sha512-z+qhGP3fjpFTnfFEAvT/0HQWTuKWe7nhtFufMlrNlYBBNtPS+gCU35riZb0ihkqCdWGun006x4yEqyN347r1Sg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.8.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20231109130949","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icons":"2.1.1","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"0.0.0-dev-20231109130949"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20231109130949"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20231109130949_1699535457144_0.5524153236348248","host":"s3://npm-registry-packages"}},"0.0.0-dev-20231109134954":{"name":"@chakra-ui/input","version":"0.0.0-dev-20231109134954","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@0.0.0-dev-20231109134954","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":"dd18d8808b0ff150c9c59405203bf2884f9f6a0d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-0.0.0-dev-20231109134954.tgz","fileCount":41,"integrity":"sha512-p0G9sqP2hZxM3QjFdp/ElacMDYmevGBhJB2alH2YJmCpE/pc0fZayfUlE2zv672ULn541OcjHEXndBhJPqRdLw==","signatures":[{"sig":"MEYCIQC10tiUiUrz4THtyxhEuqKGlubPR5PXANeRuyhrCJ1IRgIhALXDg11msWINLXkvCytQYXYtiB2CDP/oDQ5hQgOVnUlF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103761},"main":"dist/index.js","_from":"file:chakra-ui-input-0.0.0-dev-20231109134954.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\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/b039b3fc0b22deaeeb97b6da7bcaf2bc/chakra-ui-input-0.0.0-dev-20231109134954.tgz","_integrity":"sha512-p0G9sqP2hZxM3QjFdp/ElacMDYmevGBhJB2alH2YJmCpE/pc0fZayfUlE2zv672ULn541OcjHEXndBhJPqRdLw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.8.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"@chakra-ui/form-control":"0.0.0-dev-20231109134954","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icons":"2.1.1","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"0.0.0-dev-20231109134954"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20231109134954"},"_npmOperationalInternal":{"tmp":"tmp/input_0.0.0-dev-20231109134954_1699537917342_0.3838236272793232","host":"s3://npm-registry-packages"}},"2.1.2":{"name":"@chakra-ui/input","version":"2.1.2","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/input@2.1.2","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":"0cad49ec372f8f21f2f4f1db365f34b9a708ff9d","tarball":"https://registry.npmjs.org/@chakra-ui/input/-/input-2.1.2.tgz","fileCount":41,"integrity":"sha512-GiBbb3EqAA8Ph43yGa6Mc+kUPjh4Spmxp1Pkelr8qtudpc3p2PJOOebLpd90mcqw8UePPa+l6YhhPtp6o0irhw==","signatures":[{"sig":"MEQCIGQfOWbWeWuSzRgsTUiLQ48cm2tSYQFMl/S5xBATcY9lAiBZV0RiAJs9t0FZJl5/NxMFKFroCx+WcJ0wcVFuwKHrzw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103687},"main":"dist/index.js","_from":"file:chakra-ui-input-2.1.2.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/955e24f940271fb74ae5cad324984894/chakra-ui-input-2.1.2.tgz","_integrity":"sha512-GiBbb3EqAA8Ph43yGa6Mc+kUPjh4Spmxp1Pkelr8qtudpc3p2PJOOebLpd90mcqw8UePPa+l6YhhPtp6o0irhw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"_npmVersion":"9.8.1","description":"A React component for input text field","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"@chakra-ui/form-control":"2.2.0","@chakra-ui/object-utils":"2.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","clean-package":"2.2.0","@chakra-ui/hooks":"2.2.1","@chakra-ui/icons":"2.1.1","@chakra-ui/layout":"2.3.1","@chakra-ui/system":"2.6.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/input_2.1.2_1699544662344_0.7077155543511038","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:13.296Z","modified":"2025-08-25T12:24:47.308Z","1.0.0-next.0":"2020-06-20T20:43:13.719Z","1.0.0-next.1":"2020-06-21T09:41:35.806Z","1.0.0-next.2":"2020-06-22T15:36:26.314Z","1.0.0-next.3":"2020-06-28T16:36:00.850Z","1.0.0-next.4":"2020-07-01T17:43:04.383Z","1.0.0-next.5":"2020-07-15T10:37:19.177Z","1.0.0-next.6":"2020-07-15T15:35:49.168Z","1.0.0-next.7":"2020-07-26T12:55:58.388Z","1.0.0-rc.0":"2020-07-26T15:58:19.430Z","1.0.0-rc.1":"2020-08-06T21:14:57.662Z","1.0.0-rc.2":"2020-08-09T11:32:58.247Z","1.0.0-rc.3":"2020-08-30T15:30:28.101Z","1.0.0-rc.4":"2020-09-25T14:09:34.848Z","1.0.0-rc.5":"2020-09-27T20:28:23.002Z","1.0.0-rc.6":"2020-10-25T15:43:39.751Z","1.0.0-rc.7":"2020-10-25T21:39:26.860Z","1.0.0-rc.8":"2020-10-29T20:25:18.680Z","1.0.0":"2020-11-13T10:21:29.613Z","1.0.1":"2020-11-20T19:50:02.973Z","1.0.2":"2020-12-03T18:17:53.797Z","1.0.3":"2020-12-17T21:39:22.376Z","1.0.4":"2021-01-11T17:01:44.750Z","1.0.5":"2021-01-17T19:43:32.560Z","1.0.6":"2021-01-24T15:01:00.689Z","1.1.0":"2021-01-30T21:52:38.926Z","1.1.2":"2021-02-06T11:40:42.576Z","1.1.3":"2021-03-05T20:00:32.399Z","1.1.4":"2021-03-21T06:35:10.369Z","1.2.0":"2021-03-30T12:25:29.820Z","1.2.1":"2021-04-07T15:07:17.669Z","1.2.2":"2021-04-13T22:12:02.101Z","1.2.3":"2021-04-19T18:37:25.844Z","1.2.4":"2021-04-23T18:03:40.386Z","1.2.5":"2021-05-05T11:12:41.323Z","1.2.6":"2021-05-17T21:58:02.824Z","1.2.7":"2021-06-18T17:37:55.603Z","1.2.8":"2021-07-08T15:05:28.213Z","1.2.9-next.0":"2021-08-05T21:11:19.902Z","1.2.9":"2021-08-09T10:27:20.333Z","1.2.10":"2021-08-29T11:52:34.039Z","1.2.11":"2021-10-14T23:33:40.129Z","1.2.12":"2021-11-03T20:32:59.034Z","1.3.0":"2021-11-11T16:56:46.885Z","1.3.1":"2021-11-12T19:51:32.827Z","0.0.0-canary-2021118154929":"2021-12-08T15:50:14.325Z","0.0.0-canary-2021118164051":"2021-12-08T16:41:34.742Z","0.0.0-pr-20211191288":"2021-12-09T12:08:39.083Z","1.3.2":"2021-12-09T13:30:05.651Z","0.0.0-pr-202111921327":"2021-12-09T21:03:56.986Z","0.0.0-pr-20211113195848":"2021-12-13T19:59:13.543Z","0.0.0-pr-2021111320052":"2021-12-13T20:01:15.509Z","0.0.0-pr-2021111320117":"2021-12-13T20:11:31.540Z","0.0.0-pr-20211113201444":"2021-12-13T20:15:08.694Z","0.0.0-pr-20211113202333":"2021-12-13T20:23:56.056Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:15.598Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:47.245Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:27.606Z","0.0.0-dev-20211115103321":"2021-12-15T10:33:54.151Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:34.719Z","0.0.0-dev-2021112024830":"2021-12-20T02:48:58.961Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:28.807Z","0.0.0-dev-2021112031622":"2021-12-20T03:16:55.311Z","0.0.0-pr-20211120212826":"2021-12-20T21:28:55.326Z","0.0.0-pr-20211120212927":"2021-12-20T21:29:56.290Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:44.091Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:45.791Z","0.0.0-dev-20211120215621":"2021-12-20T21:56:56.222Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:22.781Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:30.493Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:12.512Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:27.338Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:08.956Z","0.0.0-dev-20211126154241":"2021-12-26T15:43:13.487Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:24.149Z","0.0.0-pr-2021112616030":"2021-12-26T16:01:06.618Z","0.0.0-pr-2021112821613":"2021-12-28T21:06:50.679Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:13.200Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:25.461Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:47.019Z","0.0.0-pr-202111299618":"2021-12-29T09:06:55.335Z","0.0.0-pr-202111299647":"2021-12-29T09:07:19.192Z","0.0.0-dev-202111299720":"2021-12-29T09:07:57.287Z","0.0.0-pr-20211129981":"2021-12-29T09:08:40.887Z","0.0.0-pr-2021112991213":"2021-12-29T09:12:51.889Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:11.070Z","0.0.0-dev-20220114234":"2022-01-01T01:43:09.391Z","0.0.0-dev-20220114728":"2022-01-01T01:48:06.041Z","0.0.0-dev-202201134936":"2022-01-01T13:50:12.476Z","0.0.0-dev-20220281628":"2022-01-02T08:17:05.737Z","0.0.0-dev-20220282224":"2022-01-02T08:22:59.085Z","0.0.0-pr-20220282356":"2022-01-02T08:24:31.180Z","0.0.0-pr-2022028277":"2022-01-02T08:27:36.598Z","0.0.0-dev-2022028387":"2022-01-02T08:38:46.331Z","0.0.0-dev-2022028457":"2022-01-02T08:45:36.717Z","0.0.0-pr-20220284534":"2022-01-02T08:46:07.021Z","0.0.0-dev-2022028579":"2022-01-02T08:57:45.124Z","0.0.0-pr-202203225541":"2022-01-03T22:56:20.624Z","0.0.0-pr-202203231241":"2022-01-03T23:13:15.659Z","0.0.0-pr-20220483049":"2022-01-04T08:31:27.954Z","0.0.0-pr-202204173424":"2022-01-04T17:34:55.122Z","0.0.0-pr-202204174042":"2022-01-04T17:41:14.628Z","0.0.0-pr-202204174930":"2022-01-04T17:50:06.110Z","1.3.3":"2022-01-04T20:36:22.030Z","0.0.0-pr-202204203645":"2022-01-04T20:37:21.843Z","0.0.0-pr-20220421928":"2022-01-04T21:10:01.010Z","0.0.0-pr-202206185910":"2022-01-06T18:59:43.941Z","0.0.0-pr-202206192031":"2022-01-06T19:21:07.940Z","0.0.0-pr-20220620149":"2022-01-06T20:02:22.980Z","0.0.0-dev-20220620653":"2022-01-06T20:07:21.102Z","0.0.0-pr-2022062070":"2022-01-06T20:07:34.150Z","0.0.0-pr-202208163634":"2022-01-08T16:37:09.901Z","0.0.0-pr-20220816386":"2022-01-08T16:38:42.396Z","0.0.0-pr-202208164521":"2022-01-08T16:45:53.798Z","0.0.0-pr-202209205059":"2022-01-09T20:51:30.571Z","0.0.0-pr-20220920538":"2022-01-09T20:53:39.796Z","0.0.0-pr-202209211330":"2022-01-09T21:14:02.506Z","0.0.0-pr-20220921590":"2022-01-09T21:59:27.796Z","0.0.0-pr-202209231642":"2022-01-09T23:17:10.034Z","0.0.0-pr-202209231818":"2022-01-09T23:18:49.158Z","0.0.0-pr-202209231927":"2022-01-09T23:19:59.059Z","0.0.0-pr-2022010134944":"2022-01-10T13:50:09.416Z","0.0.0-dev-202201013510":"2022-01-10T13:51:29.678Z","0.0.0-pr-202201013538":"2022-01-10T13:53:34.863Z","0.0.0-dev-202201117413":"2022-01-11T17:41:28.878Z","0.0.0-pr-2022011175644":"2022-01-11T17:57:14.342Z","0.0.0-pr-2022011182024":"2022-01-11T18:20:57.640Z","0.0.0-dev-2022013185957":"2022-01-13T19:00:26.638Z","0.0.0-pr-202201319022":"2022-01-13T19:00:51.584Z","0.0.0-dev-202201319130":"2022-01-13T19:01:59.828Z","0.0.0-pr-202201319211":"2022-01-13T19:02:41.676Z","0.0.0-pr-2022013191557":"2022-01-13T19:16:23.417Z","0.0.0-pr-2022013191627":"2022-01-13T19:16:52.938Z","0.0.0-pr-2022013191632":"2022-01-13T19:17:02.086Z","0.0.0-pr-2022013191659":"2022-01-13T19:17:29.706Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:21.516Z","0.0.0-dev-2022013193154":"2022-01-13T19:32:23.450Z","0.0.0-dev-2022013193526":"2022-01-13T19:35:59.067Z","0.0.0-pr-2022014102532":"2022-01-14T10:26:03.618Z","0.0.0-dev-202201418849":"2022-01-14T18:09:22.784Z","0.0.0-pr-202201418280":"2022-01-14T18:28:39.672Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:12.999Z","0.0.0-pr-2022017182645":"2022-01-17T18:27:16.080Z","0.0.0-dev-2022017182859":"2022-01-17T18:29:35.513Z","0.0.0-dev-20220209527":"2022-01-20T09:05:58.937Z","0.0.0-pr-2022020961":"2022-01-20T09:06:42.911Z","0.0.0-pr-20220209192":"2022-01-20T09:19:43.024Z","0.0.0-pr-202202092345":"2022-01-20T09:24:24.087Z","0.0.0-pr-202202495259":"2022-01-24T09:53:39.559Z","0.0.0-pr-202202495536":"2022-01-24T09:56:15.531Z","0.0.0-pr-202202495553":"2022-01-24T09:56:25.076Z","0.0.0-dev-202202495727":"2022-01-24T09:58:06.701Z","0.0.0-dev-202202410017":"2022-01-24T10:00:50.147Z","0.0.0-pr-202202410034":"2022-01-24T10:01:14.800Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:31.024Z","0.0.0-pr-202202423375":"2022-01-24T23:37:39.082Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:08.114Z","0.0.0-dev-20220258423":"2022-01-25T08:42:42.476Z","0.0.0-pr-202202584437":"2022-01-25T08:45:17.412Z","0.0.0-pr-20220258462":"2022-01-25T08:46:37.157Z","0.0.0-dev-20220258486":"2022-01-25T08:48:45.721Z","0.0.0-dev-202202585455":"2022-01-25T08:55:29.762Z","0.0.0-pr-20220259146":"2022-01-25T09:14:41.288Z","0.0.0-dev-202202591453":"2022-01-25T09:15:29.672Z","0.0.0-dev-202202591937":"2022-01-25T09:20:12.729Z","0.0.0-dev-202202592640":"2022-01-25T09:27:22.769Z","0.0.0-pr-20220251866":"2022-01-25T18:06:42.253Z","1.3.4":"2022-01-25T18:07:20.540Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:32.709Z","0.0.0-pr-2022026182926":"2022-01-26T18:29:53.627Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:14.967Z","0.0.0-pr-202202618407":"2022-01-26T18:40:31.673Z","0.0.0-pr-20220300344":"2022-01-30T00:04:14.107Z","0.0.0-dev-20221152957":"2022-02-01T05:30:28.746Z","0.0.0-pr-20221153122":"2022-02-01T05:31:53.684Z","0.0.0-pr-20221173228":"2022-02-01T07:32:58.602Z","0.0.0-pr-20221173648":"2022-02-01T07:37:22.968Z","0.0.0-pr-202211224055":"2022-02-01T22:41:21.557Z","0.0.0-pr-202211224227":"2022-02-01T22:42:59.776Z","0.0.0-pr-20221263638":"2022-02-02T06:37:18.850Z","0.0.0-pr-20221263715":"2022-02-02T06:37:48.902Z","0.0.0-pr-20221272130":"2022-02-02T07:22:04.783Z","0.0.0-pr-20221272450":"2022-02-02T07:25:26.006Z","0.0.0-dev-202213175727":"2022-02-03T17:58:01.514Z","1.3.5":"2022-02-03T18:02:48.230Z","0.0.0-pr-20221462931":"2022-02-04T06:30:14.193Z","0.0.0-dev-20221463045":"2022-02-04T06:31:29.759Z","0.0.0-pr-202214171317":"2022-02-04T17:13:59.534Z","0.0.0-pr-202214173019":"2022-02-04T17:30:54.330Z","0.0.0-pr-20221417318":"2022-02-04T17:31:47.718Z","0.0.0-pr-202214173148":"2022-02-04T17:32:27.979Z","0.0.0-pr-202215111823":"2022-02-05T11:19:00.996Z","0.0.0-dev-202215111945":"2022-02-05T11:20:28.012Z","0.0.0-dev-202215112739":"2022-02-05T11:28:14.580Z","0.0.0-pr-202215113521":"2022-02-05T11:35:55.033Z","0.0.0-pr-202215113950":"2022-02-05T11:40:29.074Z","0.0.0-dev-202215114149":"2022-02-05T11:42:30.237Z","0.0.0-pr-202215114422":"2022-02-05T11:44:58.939Z","0.0.0-dev-202215114442":"2022-02-05T11:45:22.923Z","0.0.0-pr-202215114917":"2022-02-05T11:50:02.917Z","1.4.0":"2022-02-05T11:51:16.379Z","0.0.0-pr-20221512346":"2022-02-05T12:04:23.944Z","0.0.0-pr-20221512130":"2022-02-05T12:13:34.810Z","0.0.0-pr-202215121320":"2022-02-05T12:13:55.019Z","0.0.0-dev-202215121353":"2022-02-05T12:14:25.741Z","0.0.0-dev-202215121428":"2022-02-05T12:14:59.156Z","0.0.0-dev-20221512173":"2022-02-05T12:17:36.554Z","0.0.0-dev-202215122415":"2022-02-05T12:24:56.099Z","0.0.0-pr-20221512359":"2022-02-05T12:35:44.272Z","0.0.0-pr-202215125733":"2022-02-05T12:58:10.940Z","0.0.0-pr-202215132532":"2022-02-05T13:26:07.928Z","0.0.0-dev-20221513279":"2022-02-05T13:27:50.735Z","1.4.1":"2022-02-05T13:36:23.974Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:08.172Z","0.0.0-pr-202211594731":"2022-02-15T09:48:03.543Z","0.0.0-dev-2022117101328":"2022-02-17T10:13:57.217Z","1.4.2":"2022-02-17T10:18:41.320Z","0.0.0-pr-2022117102151":"2022-02-17T10:22:14.138Z","0.0.0-dev-2022117102223":"2022-02-17T10:22:52.039Z","0.0.0-dev-2022117103018":"2022-02-17T10:30:48.531Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:44.691Z","0.0.0-pr-202211713187":"2022-02-17T13:18:43.563Z","0.0.0-dev-202211720414":"2022-02-17T20:04:47.157Z","0.0.0-dev-2022117201925":"2022-02-17T20:20:04.471Z","0.0.0-dev-2022117203714":"2022-02-17T20:37:52.211Z","0.0.0-dev-202212083710":"2022-02-20T08:37:49.253Z","0.0.0-pr-202212011232":"2022-02-20T11:03:12.216Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:34.088Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:42.866Z","0.0.0-dev-2022120114225":"2022-02-20T11:43:03.038Z","0.0.0-dev-202212012129":"2022-02-20T12:12:44.412Z","0.0.0-dev-2022120123118":"2022-02-20T12:32:01.734Z","1.4.3":"2022-02-20T12:41:02.028Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:21.664Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:20.394Z","0.0.0-dev-202212821520":"2022-02-28T21:52:28.282Z","0.0.0-dev-202212822477":"2022-02-28T22:47:34.851Z","0.0.0-dev-2022128224832":"2022-02-28T22:49:00.616Z","1.4.4":"2022-02-28T23:07:14.386Z","0.0.0-dev-202221417325":"2022-03-14T17:04:12.609Z","0.0.0-dev-202221417436":"2022-03-14T17:05:06.878Z","0.0.0-dev-2022214171014":"2022-03-14T17:11:29.972Z","0.0.0-dev-2022214195434":"2022-03-14T19:55:04.694Z","0.0.0-dev-2022214195653":"2022-03-14T19:57:18.026Z","0.0.0-dev-202221419595":"2022-03-14T19:59:38.864Z","0.0.0-dev-2022215181125":"2022-03-15T18:11:55.078Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:22.292Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:21.425Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:08.330Z","0.0.0-dev-2022225182931":"2022-03-25T18:29:59.086Z","1.4.5":"2022-03-27T11:35:21.196Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:15.056Z","0.0.0-dev-20223215463":"2022-04-02T15:46:31.380Z","0.0.0-dev-2022349032":"2022-04-04T09:01:08.500Z","0.0.0-dev-2022349233":"2022-04-04T09:03:08.635Z","0.0.0-dev-2022349957":"2022-04-04T09:10:23.787Z","0.0.0-dev-20223491859":"2022-04-04T09:19:33.675Z","0.0.0-dev-20223655213":"2022-04-06T05:52:42.765Z","0.0.0-dev-202236131344":"2022-04-06T13:14:18.438Z","0.0.0-dev-202236132312":"2022-04-06T13:23:40.506Z","0.0.0-dev-20223614103":"2022-04-06T14:10:33.789Z","0.0.0-dev-202236141416":"2022-04-06T14:14:44.665Z","1.4.6":"2022-04-07T15:34:29.563Z","2.0.0-next.0":"2022-04-15T15:22:19.967Z","2.0.0-next.1":"2022-04-22T06:05:27.485Z","2.0.0-next.2":"2022-05-05T08:20:58.867Z","2.0.0-next.3":"2022-05-09T08:41:07.080Z","2.0.0":"2022-05-12T17:52:13.963Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:04.288Z","0.0.0-dev-202241614743":"2022-05-16T14:08:11.500Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:15.104Z","0.0.0-dev-202241784047":"2022-05-17T08:41:17.228Z","0.0.0-dev-202241794553":"2022-05-17T09:46:17.586Z","0.0.0-dev-202241710143":"2022-05-17T10:02:08.555Z","0.0.0-dev-202241710959":"2022-05-17T10:10:27.425Z","0.0.0-dev-202241716586":"2022-05-17T16:58:31.587Z","0.0.0-dev-2022419101754":"2022-05-19T10:18:26.523Z","0.0.0-dev-2022419173934":"2022-05-19T17:40:05.542Z","0.0.0-dev-2022419174740":"2022-05-19T17:48:09.037Z","0.0.0-dev-20224205231":"2022-05-20T05:23:35.671Z","0.0.0-dev-2022421153722":"2022-05-21T15:37:54.143Z","0.0.0-dev-202242121518":"2022-05-21T21:05:50.354Z","0.0.0-dev-20224239149":"2022-05-23T09:02:22.052Z","0.0.0-dev-2022423113827":"2022-05-23T11:38:53.817Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:06.697Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:49.123Z","0.0.0-dev-20224248246":"2022-05-24T08:03:19.184Z","0.0.0-dev-20224248516":"2022-05-24T08:05:49.167Z","0.0.0-dev-202242481651":"2022-05-24T08:17:26.840Z","2.0.1":"2022-05-24T12:28:14.083Z","0.0.0-dev-202255105723":"2022-06-05T10:57:55.816Z","0.0.0-dev-20225517307":"2022-06-05T17:30:48.712Z","0.0.0-dev-202255185818":"2022-06-05T18:58:47.438Z","0.0.0-dev-2022551939":"2022-06-05T19:03:39.592Z","0.0.0-dev-202256151938":"2022-06-06T15:20:09.591Z","0.0.0-dev-202256153840":"2022-06-06T15:39:31.926Z","0.0.0-dev-20225619634":"2022-06-06T19:07:03.133Z","0.0.0-dev-202256192154":"2022-06-06T19:22:32.532Z","2.0.2":"2022-06-06T20:41:34.289Z","0.0.0-dev-202257113227":"2022-06-07T11:32:55.487Z","0.0.0-dev-202257113310":"2022-06-07T11:33:36.500Z","0.0.0-dev-2022587541":"2022-06-08T07:06:14.605Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:45.115Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:30.045Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:05.985Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:09.770Z","0.0.0-dev-2022515163532":"2022-06-15T16:36:02.318Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:14.132Z","0.0.0-dev-2022516151633":"2022-06-16T15:17:04.226Z","0.0.0-dev-202251616831":"2022-06-16T16:09:08.695Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:31.044Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:15.064Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:39.780Z","0.0.0-dev-2022520164715":"2022-06-20T16:47:46.646Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:27.007Z","0.0.0-dev-202264144818":"2022-07-04T14:49:05.731Z","0.0.0-dev-2022659325":"2022-07-05T09:03:56.766Z","0.0.0-dev-2022659431":"2022-07-05T09:05:03.043Z","0.0.0-dev-2022669710":"2022-07-06T09:07:51.572Z","0.0.0-dev-202268163535":"2022-07-08T16:36:19.647Z","0.0.0-dev-202268165050":"2022-07-08T16:51:21.956Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:50.952Z","0.0.0-dev-2022610103924":"2022-07-10T10:39:59.996Z","2.0.3":"2022-07-10T10:57:13.043Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:50.260Z","0.0.0-dev-202261316456":"2022-07-13T16:45:39.139Z","0.0.0-dev-202261317818":"2022-07-13T17:08:52.833Z","2.0.4":"2022-07-13T18:44:07.783Z","2.0.5":"2022-07-25T05:10:40.105Z","0.0.0-dev-20220804193103":"2022-08-04T19:32:58.042Z","0.0.0-dev-20220804193815":"2022-08-04T19:38:55.826Z","0.0.0-dev-20220804194739":"2022-08-04T19:48:49.261Z","0.0.0-dev-20220804200605":"2022-08-04T20:07:11.557Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:22.659Z","2.0.6":"2022-08-05T10:13:07.372Z","0.0.0-dev-20220810112922":"2022-08-10T11:30:03.905Z","0.0.0-dev-20220810121727":"2022-08-10T12:18:15.153Z","0.0.0-dev-20220810122556":"2022-08-10T12:26:38.918Z","0.0.0-dev-20220810124358":"2022-08-10T12:44:53.426Z","0.0.0-dev-20220810132240":"2022-08-10T13:23:22.913Z","0.0.0-dev-20220811084042":"2022-08-11T08:41:40.774Z","0.0.0-dev-20220811093515":"2022-08-11T09:36:06.833Z","0.0.0-dev-20220811160709":"2022-08-11T16:08:13.676Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:27.674Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:21.252Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:13.428Z","0.0.0-dev-20220813053727":"2022-08-13T05:38:34.785Z","0.0.0-dev-20220813055957":"2022-08-13T06:00:57.025Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:11.702Z","0.0.0-dev-20220813070741":"2022-08-13T07:08:37.138Z","0.0.0-dev-20220813083358":"2022-08-13T08:34:55.172Z","2.0.7":"2022-08-13T10:50:05.266Z","2.0.8":"2022-08-14T07:11:01.875Z","0.0.0-dev-20220819115812":"2022-08-19T11:59:10.442Z","0.0.0-dev-20220819125800":"2022-08-19T12:59:00.351Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:23.310Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:36.836Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:28.288Z","0.0.0-dev-20220819191103":"2022-08-19T19:11:59.305Z","0.0.0-dev-20220820120308":"2022-08-20T12:03:53.556Z","0.0.0-dev-20220820124231":"2022-08-20T12:43:46.890Z","0.0.0-dev-20220820152257":"2022-08-20T15:24:09.652Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:26.305Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:29.657Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:43.378Z","0.0.0-dev-20220820185458":"2022-08-20T18:56:03.121Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:29.036Z","0.0.0-dev-20220820195548":"2022-08-20T19:56:54.014Z","0.0.0-dev-20220822051456":"2022-08-22T05:16:05.680Z","0.0.0-dev-20220822054045":"2022-08-22T05:41:52.827Z","0.0.0-dev-20220822055339":"2022-08-22T05:55:02.583Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:26.581Z","0.0.0-dev-20220822184448":"2022-08-22T18:46:07.134Z","0.0.0-dev-20220823150801":"2022-08-23T15:09:09.220Z","0.0.0-dev-20220823165602":"2022-08-23T16:57:08.667Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:21.163Z","0.0.0-dev-20220823195046":"2022-08-23T19:52:21.841Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:28.121Z","0.0.0-dev-20220824080240":"2022-08-24T08:03:46.584Z","0.0.0-dev-20220824082222":"2022-08-24T08:23:48.783Z","2.0.9":"2022-08-24T08:46:58.515Z","0.0.0-dev-20220912120959":"2022-09-12T12:10:58.741Z","0.0.0-dev-20220912132201":"2022-09-12T13:22:58.262Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:12.657Z","0.0.0-dev-20220914090509":"2022-09-14T09:06:19.335Z","0.0.0-dev-20220914105014":"2022-09-14T10:51:08.847Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:48.091Z","0.0.0-dev-20220916141616":"2022-09-16T14:17:09.013Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:36.065Z","0.0.0-dev-20220916164745":"2022-09-16T16:48:43.875Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:23.335Z","2.0.10":"2022-09-19T07:37:21.214Z","0.0.0-dev-20220920121057":"2022-09-20T12:11:57.185Z","0.0.0-dev-20220921093814":"2022-09-21T09:39:39.200Z","0.0.0-dev-20220922114557":"2022-09-22T11:46:56.634Z","0.0.0-dev-20220922115811":"2022-09-22T11:59:13.370Z","0.0.0-dev-20220926164115":"2022-09-26T16:42:39.206Z","0.0.0-dev-20220926165450":"2022-09-26T16:55:49.064Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:37.599Z","0.0.0-dev-20220929132459":"2022-09-29T13:26:10.991Z","2.0.11":"2022-10-03T09:12:31.686Z","0.0.0-dev-20221017063840":"2022-10-17T06:39:22.045Z","2.0.12":"2022-10-17T07:22:29.906Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:19.337Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:20.904Z","0.0.0-dev-20221107182607":"2022-11-07T18:27:06.964Z","0.0.0-dev-20221108071844":"2022-11-08T07:19:47.262Z","0.0.0-dev-20221108073543":"2022-11-08T07:36:53.072Z","0.0.0-dev-20221108075029":"2022-11-08T07:51:39.422Z","0.0.0-dev-20221108083411":"2022-11-08T08:35:06.287Z","0.0.0-dev-20221108090938":"2022-11-08T09:10:49.668Z","0.0.0-dev-20221108093520":"2022-11-08T09:36:40.752Z","0.0.0-dev-20221108100218":"2022-11-08T10:03:38.300Z","0.0.0-dev-20221108124603":"2022-11-08T12:47:03.472Z","2.0.13":"2022-11-14T11:53:08.058Z","0.0.0-dev-20221115102409":"2022-11-15T10:25:03.540Z","0.0.0-dev-20221116102301":"2022-11-16T10:23:48.164Z","0.0.0-dev-20221116103758":"2022-11-16T10:38:48.842Z","0.0.0-dev-20221116105413":"2022-11-16T10:55:05.040Z","0.0.0-dev-20221117065458":"2022-11-17T06:55:47.265Z","0.0.0-dev-20221117150258":"2022-11-17T15:03:54.331Z","0.0.0-dev-20221122115819":"2022-11-22T11:59:00.521Z","0.0.0-dev-20221122135803":"2022-11-22T13:58:53.162Z","0.0.0-dev-20221123123308":"2022-11-23T12:34:03.984Z","0.0.0-dev-20221123130515":"2022-11-23T13:05:56.905Z","0.0.0-dev-20221124103928":"2022-11-24T10:40:09.411Z","0.0.0-dev-20221124105520":"2022-11-24T10:56:10.146Z","0.0.0-dev-20221128164126":"2022-11-28T16:42:09.605Z","0.0.0-dev-20221128182021":"2022-11-28T18:21:19.839Z","0.0.0-dev-20221128183433":"2022-11-28T18:35:17.407Z","0.0.0-dev-20221128185230":"2022-11-28T18:53:12.868Z","2.0.14":"2022-11-29T06:12:10.639Z","0.0.0-dev-20221223180742":"2022-12-23T18:08:42.516Z","2.0.15":"2022-12-26T13:13:59.820Z","0.0.0-dev-20221228093251":"2022-12-28T09:33:30.086Z","0.0.0-dev-20221229141945":"2022-12-29T14:20:23.992Z","0.0.0-dev-20221229143302":"2022-12-29T14:33:41.460Z","0.0.0-dev-20221229200356":"2022-12-29T20:04:34.578Z","0.0.0-dev-20221229202029":"2022-12-29T20:21:08.430Z","0.0.0-dev-20221229203627":"2022-12-29T20:37:13.160Z","0.0.0-dev-20221229212737":"2022-12-29T21:28:16.669Z","2.0.16":"2022-12-29T22:06:57.980Z","0.0.0-dev-20230102093714":"2023-01-02T09:38:02.020Z","0.0.0-dev-20230102095417":"2023-01-02T09:54:58.846Z","0.0.0-dev-20230106083209":"2023-01-06T08:33:04.176Z","0.0.0-dev-20230111055325":"2023-01-11T05:54:15.112Z","2.0.17":"2023-01-11T07:31:37.452Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:22.430Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:38.592Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:37.947Z","0.0.0-dev-20230112143332":"2023-01-12T14:34:45.584Z","0.0.0-dev-20230112145104":"2023-01-12T14:52:05.837Z","0.0.0-dev-20230112152756":"2023-01-12T15:29:05.483Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:25.456Z","2.0.18":"2023-01-12T16:05:51.851Z","0.0.0-dev-20230116120206":"2023-01-16T12:03:00.534Z","0.0.0-dev-20230116122157":"2023-01-16T12:23:02.939Z","0.0.0-dev-20230116124502":"2023-01-16T12:45:56.554Z","2.0.19":"2023-01-16T15:07:02.830Z","0.0.0-dev-20230213124817":"2023-02-13T12:48:58.816Z","0.0.0-dev-20230213131136":"2023-02-13T13:12:22.240Z","2.0.20":"2023-02-13T14:16:29.756Z","0.0.0-dev-20230318171948":"2023-03-18T17:20:38.992Z","0.0.0-dev-20230318173550":"2023-03-18T17:36:31.902Z","0.0.0-dev-20230318180604":"2023-03-18T18:06:43.441Z","0.0.0-dev-20230318182221":"2023-03-18T18:23:02.812Z","0.0.0-dev-20230318183840":"2023-03-18T18:39:22.281Z","0.0.0-dev-20230319192154":"2023-03-19T19:22:36.814Z","0.0.0-dev-20230319193708":"2023-03-19T19:37:48.158Z","0.0.0-dev-20230319202046":"2023-03-19T20:21:26.987Z","0.0.0-dev-20230320183136":"2023-03-20T18:32:34.268Z","0.0.0-dev-20230320184810":"2023-03-20T18:49:02.188Z","2.0.21":"2023-03-23T10:17:03.221Z","0.0.0-dev-20230424201223":"2023-04-24T20:13:15.192Z","0.0.0-dev-20230424202839":"2023-04-24T20:29:28.603Z","0.0.0-dev-20230424205150":"2023-04-24T20:52:51.180Z","0.0.0-dev-20230424210540":"2023-04-24T21:06:30.434Z","0.0.0-dev-20230424221053":"2023-04-24T22:12:03.100Z","0.0.0-dev-20230424222806":"2023-04-24T22:29:08.011Z","0.0.0-dev-20230424225650":"2023-04-24T22:57:43.072Z","2.0.22":"2023-04-25T11:13:32.105Z","0.0.0-dev-20230718122336":"2023-07-18T12:25:10.568Z","0.0.0-dev-20230718124717":"2023-07-18T12:48:50.510Z","0.0.0-dev-20230718130742":"2023-07-18T13:08:56.737Z","0.0.0-dev-20230718132637":"2023-07-18T13:28:08.266Z","2.1.0":"2023-07-18T23:00:49.490Z","0.0.0-dev-20230822131635":"2023-08-22T13:17:41.063Z","0.0.0-dev-20230822134434":"2023-08-22T13:45:25.753Z","0.0.0-dev-20230830093747":"2023-08-30T09:38:39.386Z","0.0.0-dev-20230830120642":"2023-08-30T12:07:34.856Z","0.0.0-dev-20230830133821":"2023-08-30T13:39:11.213Z","0.0.0-dev-20230908144305":"2023-09-08T14:43:58.683Z","2.1.1":"2023-09-08T23:04:08.264Z","0.0.0-dev-20231109112524":"2023-11-09T11:27:43.441Z","0.0.0-dev-20231109125555":"2023-11-09T12:56:59.778Z","0.0.0-dev-20231109130949":"2023-11-09T13:10:57.411Z","0.0.0-dev-20231109134954":"2023-11-09T13:51:57.472Z","2.1.2":"2023-11-09T15:44:22.583Z"},"bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","homepage":"https://github.com/chakra-ui/chakra-ui#readme","keywords":["react","input","text field","chakra ui","react component","validation","form control"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/input"},"description":"A React component for input text field","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# Input\n\nInput component is a component that is used to get user input in a text field.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/input\n\n# or\n\nnpm i @chakra-ui/input\n```\n\n## Import components\n\n```jsx\nimport {\n  Input,\n  InputGroup,\n  InputAddon,\n  InputLeftAddon,\n  InputRightAddon,\n  InputElement,\n  InputLeftElement,\n  InputRightElement,\n} from \"@chakra-ui/input\"\n```\n\n## Usage\n\n```jsx\n<Input placeholder=\"A simple input component\" />\n```\n\n## Disabled\n\nPass the `isDisabled` prop to have the input in the disabled state.\n\n```jsx\n<Input isDisabled placeholder=\"A disabled input\" />\n```\n\n## Invalid\n\nPass the `isInvalid` prop to have the input in the invalid state.\n\n```jsx\n<Input isInvalid placeholder=\"An invalid input\" />\n```\n\n## Readonly\n\nPass the `isReadOnly` prop to have the input in the read-only state.\n\n```jsx\n<Input isReadOnly placeholder=\"An invalid input\" />\n```\n\n## Sizes\n\nPass the `size` prop to change the size of the input. Chakra UI input size\nvalues are: `sm`, `md` and `lg`. The size of the input component is `md` by\ndefault.\n\n```jsx\n<>\n  <Input size=\"sm\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"md\" marginBottom=\"1rem\" placeholder=\"A simple placeholder\" />\n\n  <Input size=\"lg\" placeholder=\"A simple placeholder\" />\n</>\n```\n\n## Variant\n\nPass the `variant` prop to change the visual appearance of the input component.\nChakra UI input variant types are: `outline`, `filled`, `flushed` and\n`unstyled`.\n\n```jsx\n<>\n  <Input variant=\"outline\" placeholder=\"Outline\" marginBottom=\"1rem\" />\n  <Input variant=\"filled\" placeholder=\"Filled\" marginBottom=\"1rem\" />\n  <Input variant=\"flushed\" placeholder=\"Flushed\" marginBottom=\"1rem\" />\n  <Input variant=\"unstyled\" placeholder=\"Unstyled\" />\n</>\n```\n\n## Input with addon\n\nPrepend or append an element, generally a label or a button to the input\ncomponent.\n\n```jsx\n<>\n  <InputGroup>\n    <InputLeftAddon children=\"+234\" />\n    <Input borderLeftRadius=\"0\" placeholder=\"Phone number...\" />\n  </InputGroup>\n\n  <br />\n\n  <InputGroup size=\"sm\">\n    <InputLeftAddon children=\"https://\" />\n    <Input borderRadius=\"0\" placeholder=\"website.com\" />\n    <InputRightAddon children=\".com\" />\n  </InputGroup>\n</>\n```\n\n## Input with custom element\n\n```jsx\n<InputGroup>\n  <InputLeftElement children={\"P\"} />\n  <Input type=\"tel\" placeholder=\"Phone number\" />\n</InputGroup>\n```\n","readmeFilename":"README.md"}