{"_id":"@chakra-ui/pin-input","_rev":"452-552d115ac0f814cab8ffd6220c5c4cc5","name":"@chakra-ui/pin-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","v1-latest":"1.7.11","dev":"0.0.0-dev-20230718132637","latest":"2.1.0"},"versions":{"1.0.0-next.0":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6e981622cf4aafd38a7e4b5c36a5acda8dbd7f2a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.0.tgz","fileCount":21,"integrity":"sha512-QWSwPpWcyn97GJSYQZY5C93+7rGwh6Z1O8NEg2QiHVOrS8qLvDnuQf7i1FPeNASoeBw/WwKtukTvtUsmTY25zw==","signatures":[{"sig":"MEYCIQCbVHQUaOSRTtVT/fCoTUA3KtGUn46jgoTJ8UzsuEB3iAIhAPENslSXQWhdWmUz2Ec2ZVgLvOwW9DhAXuIn6HRteP6q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":77744,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7nToCRA9TVsSAnZWagAAZMAQAIerInfoJxfLK+IGV0Rn\nnE+sqhsw/B5+8RFCRp6klKQhJzXbezZa2pzaKLPMzmrSQMFdZVqU4aWLeQtk\nT/r5N/dg0eW+xgNh23FwHQndqbFZF6xCrYzJPkX4lIw25Y/GE4hgtoUFKCTC\nw8pxT/SsTh6uMFNf2GPbMLf5JbEGeGECtm3zRYcRFJwAASU5Z65licj/rzIk\n85NGyV44bftAFPZDrhIpH3aUT0rRLTcB1bZWpk3KQ5LjmNJjn0jXZg6p3UP1\nYQ06tRZSMjNQj7nMIUVzpf+8cf2+5GQn9NnoGYtJXB5kcNSaWBGBIv6VxVHb\nL9yqjqOFD7GE/OTMPyOmCq4ZdyB3CvGN9MBMz+JNnNH7kOkCOGtIDmUtS8Uc\nb79iHOTPhe/XcKYseiCnntRSKq0PGTPpkW83RNCO9Nle3tV5wDaA5DidF+sW\n59spAfQTmi3egj6n1IqAu66bL6rA/RvpNw0B2SwrQ+F8oRfBixYN5YUktBYT\n9EwMf7JiHRAQwnEiDw5ptPa6IopvYhu2M0g3rOZ2nCWC3v8Gif8BiYjKfyrL\nVdqs7I8x2+/uWnRv92out3uaifk2EivBDu6i4a9D0vH5Ly70aT0lsQ8FxFKr\nHnKrxNnGZtLY5RliBDddaeXmcHY7EzlZuyuP+3/lRlpBNidjb4sWVdxvMDzt\niAXY\r\n=hrcY\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 optimized for entering sequences of digits","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.0","@chakra-ui/utils":"^1.0.0-next.0","@chakra-ui/descendant":"^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/pin-input_1.0.0-next.0_1592685799591_0.7616505417612727","host":"s3://npm-registry-packages"}},"1.0.0-next.1":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d46ba6964795476a424d525101c8794e467fb986","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.1.tgz","fileCount":22,"integrity":"sha512-i6+T2Nm/beDBlCmMjdo7DLO0DjgPHFIldG3tfoetm+rX/PoZc1DbMU3V50primPCTKdO4UZua0Yx7ui+kr/IXg==","signatures":[{"sig":"MEUCIQDINlFA1HIFrVcSQhxeQE1/G6eYqlahaGoiii1S2zgahQIgfeDxrM9wx1NMx33hXgA9r7F7jZaPc60VfK3ecqxasHk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":78461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7ytbCRA9TVsSAnZWagAAEtAQAJOuni2uFggCiqKiqtkh\nNt9EoYCbzuB+ekm+nwAoN/uuf9i+UqHXTvRwdbmvAwM+6eF/9+BUVAnFU7Qp\nUEyAGRL4aGrLzf1ljn9GYj5iYxE2xhvg8P6L+R3JYqtz9/g2DTqQjJkhQixa\nyg9kxFw3rhCyKgdOJXCSSyf1jSA3wyOGBgtE9+OpmO8xtoBO96jAoZFXOlNN\ng1gLZZyIlNSydElX32OhXzFJnun6bNryDrKW/YSWcyL0S7wzRdjYXdJ2YPOK\nrf3tk5Sbc5Q9hahQVXif+HzHu74Zf8CmSe+0G1RXeL75sGuyUzr3wTmvaNPX\naB6xWFNlA4k5mdflV0/demPdovjYu4kT1Y7H6gkee5Xr20VLJKajmR1AIwQe\nK4zmQHMAr3XCl/l0nl8B+YMuO3xH68J0S+jPyHoVVIlh7RS9/ewDv+HeVgZU\n+Pmgkk2f3+85AmdM4E6kA/J6aPTj/Ti3x1MxaQvEK2uYL2oxdLKwNXTuvzV/\nkFUcf1up61s7MDJbxIr0UkFKtyvmgr3M/2lkqQJ+ECO0S/pTkPFh0Q6JMgb+\nFa3x69bjiPC3S41Dq2qBvHwC5c65ImWM6uJhR9/bLwQcIvwWynmQywG3wZYM\ntqf4SCx98nnLJWleS4+Kt9qcfOdwDGdSgV6ThtTrouakQJaJcY3cnRdGs3BR\nl6+I\r\n=QCTF\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 optimized for entering sequences of digits","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.1","@chakra-ui/utils":"^1.0.0-next.1","@chakra-ui/descendant":"^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/pin-input_1.0.0-next.1_1592732499552_0.4993020349109103","host":"s3://npm-registry-packages"}},"1.0.0-next.2":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6fb6a435d76a0b88c0d58b3b527be8135e52f863","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.2.tgz","fileCount":22,"integrity":"sha512-so4nr9Ql20w1cUJ7erHtpSL6zX31btQ6fx0aOb77Ia+y51vPTxjUrdk9pmg1y3TrjB7aTvkCEkvdvGNiqLXOcA==","signatures":[{"sig":"MEUCIQDPtT2Ajke37xYC2wCKAgCEnJEld2Ixe5uRXwu7g1IjDgIgKfJqymnvwLOhQA1CJjQWRn2RXPv0lBoQyuF8RSx7QdU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":79079,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8M/3CRA9TVsSAnZWagAA9OUP+gOng97/oISlE7MiLiDZ\nqnaDg7+csPBW7fdC71znvOZGU6x9HspHb5KveY0RWsTNSfIvfcPsgZSBH2f0\nziROh7uhQV+e6pVp4wA4TTjoqNHdWMi4Qpc0hHfxwbgJm5A4h1geVirkgH5T\nFjxeutFMjwCdfJNWxpVTEAFQDwDgb16/190LOyfrqOCe5Z0n/3RZ+uEMwpmN\nkVCaBvTXjRCjMIvkdN27RliQ1wPdWA5ZIeXWpNTeEaPfTRRDfikDQ6TQ+j+/\nRwr2eIue7ncgsRDR/lQxQqKtDOq3PcYVpW6SrxJLVnaW8PuPaLBF7tmLF4Tk\n5v0UgVnuKPg943MDxk2i9hpuiD1QPl6P4MkzF60HHkf5o+D4m8x2G7h1wnfN\ncmjfvI+cu/qCdMOyA22IF6KQvBQde+RGd6i4Ag8oWTaygGoF49829XMe85MP\nIP+3FZHFusPVlMdR7EMBkwomUgU2BOWEUHbJwu5gM+uqArAe+o/vyCZ0B/vb\nBjBf9vmci+Z4pwMpQtwKKEQgEBsh74BKzic7y4r1Ac63/CdETm+0DdgweXjz\nCk2DWL804Z90wx5mY2jFA8+2EIZOiKwJ5qen87QQWPpEO+HCdDUNDn4wTbbz\n5cO2hFsgvpA3SgvPCyG7FrIGUiA2+LSCXdPBH4xxT491V7OL5G2W2P2fODK2\nC15Z\r\n=IJaN\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 optimized for entering sequences of digits","directories":{},"_nodeVersion":"14.3.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.2","@chakra-ui/utils":"^1.0.0-next.2","@chakra-ui/descendant":"^1.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-next.2_1592840182864_0.46904490919072406","host":"s3://npm-registry-packages"}},"1.0.0-next.3":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"7b2fade51905c79dc4b5f1438703c04bef13b113","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.3.tgz","fileCount":25,"integrity":"sha512-lOlSKMr/cvf/xi75krZkokK8vOZcXZ5vy8s6mb5fMxkjWdv16tFNhHZpjpWR27htp3fWXtq368xwCh0CJjIZAA==","signatures":[{"sig":"MEUCIFEM2jNL38z/03Ot0Y4teH4ul+rimvZ2BBzsuAUJjCkgAiEAi+M+JWU3rHD+FbLgfL6WyhwWsBtpITN9FN0rs1Rnff8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":88304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+MbuCRA9TVsSAnZWagAALCwP/3NYMa43MBITmESbRM2f\nf2yTfA7X5trjSXOMt8pbARaakgW8hRFLN7NhCnys/1JSvutIEc/UJYQ2XZ8r\n+bEUkeWBB9/t6LLVGszlKihbpVB5GAueC1rur+5DjgXw59ZP66PSntZpr8Dm\nN0RA8cdjp5fQBxBxX+kioSRxsBCJjM3mHXg0Ek9FneZdaqrk7waVvMJawd1u\nUw7xxfpwx36fKoKOsRObfRkv8rOftmg4TH6mn2Bb/y5e3OFViZg+2GCk9b1f\nkuqZTgMBazW6k/MQn01reMnUquPNULtkrv/D+xv5j2UJ3zaofhgsn782SIst\nbtzlOySphcKA7tPwGs4pXrhOdScRI4qMqSelX/L8PX2jnQI+/hCbAWlvhwCa\nslSMiXZOG9ZY0wWUIrdb8JPxLMJAMLGKvoJdudV4/D3YCzg4DoBi2cQW11fl\nBQtcClDxHxZo3rb6wjLFKB2TqkOksyVCJbrP5LhDhobR+vaAJtXFGyKGqSJF\nqrSQRdXVjKc2AEjrEtsY2yDoM0JsJedXqWuN6LPg1OfPl3OkfYvg9w0Lfnhu\n9o0N+1tqioCBAQzio4l3XpAp93lNm2SxFa49bVWXJb4Njq3ldinfybG2EKcb\nY6WudG0sAe+X3XqAUQLG0Pmluq0rMJTfJyjBZJERTnNz8c+2JTpM9wTcL3Iz\nFxgU\r\n=3mOq\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.3","@chakra-ui/utils":"^1.0.0-next.3","@chakra-ui/descendant":"^1.0.0-next.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"^1.0.0-next.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.x"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-next.3_1593362157779_0.8183481662770562","host":"s3://npm-registry-packages"}},"1.0.0-next.4":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.4","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c3ef965d673ff10e4d60a40826536a767750826a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.4.tgz","fileCount":25,"integrity":"sha512-nFUurl3UKSgH/C1R+6PaU3glkN8bPJOdA0aiT98boN6ADrUPzZCTqIGR0seMYWzhs/PrOFXqK7G+Khknhj73yQ==","signatures":[{"sig":"MEQCIASpLf2cCcDfPqNAHEzZdVrh5gbiOloPmyHldDbbkTtvAiAd80EPJWrW71w0ILOdad/cNKij0estJK6gEEjb8GmyQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":95147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/MsgCRA9TVsSAnZWagAAvaAP/0NkKBs4uJjCer1EcoDB\nPckIMsw8bXTY5vJYHeJcTxUOTxdZVNsLeceYwQK7IspWlKqunia+c4OryzY7\n6jW5EKev9tzR44WSlybO17w9jqEEVTPUQNz+UyuFW78h3JM4/ef2Azj6GuuN\nOwLyDAcgRiPnZp2D+VTyGJz8kKeLtiQhwlLo1it4PxVtgbcJb9/Fm9j+kgGI\nLXRCTebiRkoQODESn2Pp7+UJyS9GWxZuQli6UetypXexvXI6Z8+g+E+jESRW\nDUwWDxwNOXkYEl4wBYBWiyROo6xrn85gXkRnRWsX68nvGPnWXtzcJ6hbbocD\n23L/RNNT9OoXYZmFrXmVfmVcDGxXwH7QQuo8u7JaP84hj02vnCuw0CdfjFDX\n5pOhoJjB82YsDnAFEV+42mjh63GRJOuPND0ZVyU/8OVfl10n0kO6yRzJifSO\nap/YUQP6wkxeP3joYmWOtbVrckIBUUm5Bgpm4b1lAPcP/Hrb9wxvlwLgUWJb\nPL8iE7nqn8zSIsqZj3KH9n3wBszzwpeH2rkzKtymlaw6rTW0K8mI47uDsA1u\nHtL3OFYHCTCm95PSS/G0ItbtURWhBFE3a0PZQs6s/Wru6LcWbDq4kgzfpH3M\nV+xQAXSFsfYmB5Dh3FAYLAoAlmOTIVr1pJ6K5apktROeDBXIX20ybC97XsDA\nqreZ\r\n=P6Cx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"cdd5eac1db90ba33a07c009fb8dbcc4453d6ec01","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.4","@chakra-ui/utils":"^1.0.0-next.4","@chakra-ui/descendant":"^1.0.0-next.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">0.8"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-next.4_1593625375955_0.568612155527515","host":"s3://npm-registry-packages"}},"1.0.0-next.5":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.5","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0a829af0cc714b2fad713d970730a52fbf10ba16","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.5.tgz","fileCount":25,"integrity":"sha512-J4KmNJGup+BBXJLZ9yfxQchIaw6Vy9r5PZf3YQ8LjSkLtMT1CITJCtNiEp25MPwcYS4jURHTNrOaMk2894egWg==","signatures":[{"sig":"MEQCIBi9wobqdgkDbR2h8BfKFO8ssll9shYf4qJZVMurr/2pAiBVdrXXj3+k14UBDplxKODc60Jgr5P6r9svBgGX5UWK3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":112386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDtxdCRA9TVsSAnZWagAAROUQAIjLgCMQi1gMtIgUpbsf\nE33k6sHzQoC73RWVqsyZKGWK3fToqCVrk82Q8Zm2MqgzNXWAdtN0zU49KetS\nXGucSok+3UaSE3Zd/800QnoqJxv4tjrKj1RoKldPrjCtsO+3xOswxCdPvT7q\nsLuIY1o7elZunkwpl2hPjjNGq+foq5B+iRnws0H4gN0NWlhnXZ8BqAcuIzIj\n8O5pzB3DjBYutJ1c5dYF9Lof9mRPKfIIO+1HkxwzPDUMEaJVfzWp2Av6jVUK\nJECYj0bHHFPyEJvShcprfE0/Ei7i4w5JE3dm1riUeInVQRG6YXPjsWG+Q6hq\nTpxxoMUq4elGalT5QpCUCeQr4YLeDq3suZtTj2X30WwTsTGwgp8UJhqFI275\nnjWvpH44ziICI8ni3xzlXrQoa7zJ+aBixfXRtM2WxBxdzIkvlScsSg0awmFK\n0hbIwUjf2YbXhuYeMriRrNxaO/qe3CXJOnnEWdbBgpTZq+u3LGophF8+cgXP\nLKuN4bKk8eI4en2hdlL117EMlMgxX59BxcJl99Deoyq01sSKXPpmTAx03CkZ\n6obU2WWG6p6fI4oCCfzsnl5T7iHL3MRuduAw04FTwWPMiI9zk8SmzWxGUF2U\nbtPkgRTo2BMptaLiVitkLQ3nW+6PLarnJIQWIa4XYhDlYMUBYfTo0yAMrNwU\nEp0q\r\n=Pgk0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"24eec5d796d81b6fafbcfa7231fb2cb15e6d5a29","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationMap --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.5","@chakra-ui/utils":"^1.0.0-next.5","@chakra-ui/descendant":"^1.0.0-next.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.4"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-next.5_1594809437018_0.6176914558746496","host":"s3://npm-registry-packages"}},"1.0.0-next.6":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.6","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d5dd85ad4e740ddd6054cdac1aa01706a388e7ec","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.6.tgz","fileCount":19,"integrity":"sha512-f15GiiCFv9YM3gWBx1O9eORuBHm3/+Riwq6taQLrzfO4uqgK1CJk9AGL+K2QPKih7XLhtuuTw/k16VdvJw2AhA==","signatures":[{"sig":"MEYCIQDvwl3tkfOAPJqs3zwqTqLe/QbsnJZU+sD58/XIlCA3NwIhALWY9Hvod98moFPFm1a5hXpeR3Nsh0+QQeWacFK0c3/E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100681,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDyJOCRA9TVsSAnZWagAArU8P/Rwz0uB8jGEn/NI9YWyR\n9x5H49qDr/+dh+yNHPf6XzCCad9QYtmUAxZPV3zbdGTE6G29xx0c7yOBdc3G\nAP6uZYBEkhGjQnnds/HhACufsnJikR3tZjx/lRVTDh87ClQ76HWnjVjBd2th\nLXmCKmRyKltgO2+fQW15qC/BjSjZti8A+4g5YR3tStbMuaasl3uPPlP4nEFk\n5f8HznkEwLba1wHcfNn/dbv/K4/OlJQK/HVdDapWpnqr9dBNkNzX0bw/DsM1\n6XZ/5EoRGeE77cErQ0jS6Ztw2ygG8HqyebiX5Y65h6Ya+XET9i5NqlQyxb1Z\nGhFgIZWbTWjdiPhOKS/M8YS4Rpusu/I6cKGAeiBbzdaWfcRbu5X5kTS2VYEA\nzEjCsOBdWJP4cUTHYb9xVaEoijmgjGbtTiMqXUYUvkMHdrjBCnfBO3Cd2jAM\nC/1bDlq/Rc+3gtUZCPS3pkN+Qtm2wNXsHnYQ0SYLJL+9Rn7mUM78P+X8IBbn\nGTpX7BET7rpMUcZ15Xz1FxmLYZykGgdAVYVRYt/reTi6z92IPvsGb7jmWRGM\nfAUlN8jbZt0KrdkgIGt2Hyou2UPp4ZQMB44Uhr9t0PZAiY3qWesepWNNfZRi\nUSo23n6ZrXtgc9eeXJH2RZCbwhnbRzCj0egnqAVPlI8sL8yBDU7LvDacYcQN\nFlKT\r\n=Tu3j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"72eeca4ba3fc6e7d8845b0d283a03cb6ec384a50","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.6","@chakra-ui/utils":"^1.0.0-next.6","@chakra-ui/descendant":"^1.0.0-next.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.6"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.5"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-next.6_1594827342277_0.049400533591296814","host":"s3://npm-registry-packages"}},"1.0.0-next.7":{"name":"@chakra-ui/pin-input","version":"1.0.0-next.7","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"941ca1fa31c843edc3e416cb7e5d030adf1d8eda","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-next.7.tgz","fileCount":19,"integrity":"sha512-EyCxPrUpdxPqE94/+bFkC/j5cmpBHGYDLvFaFxCKoJTfSelOfIpSN6dREsfXHCc4ATPSXoikQsehL7JZOSpdOw==","signatures":[{"sig":"MEYCIQC67bcU73Llo7O/bWvxc8SLAJaCXLyI2XblyZ3jBxYC5wIhAOj5Fd4rLYc6iUGUZpPCP1ORyjePsD9pe/elyYkK5hO6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHX1dCRA9TVsSAnZWagAADNoQAJ7whqPXzgwlQqQ67mjv\nvj8VjIy/plwSdGqFbkB3qI2ahVca0mMzp6PrtcH14P8rSB++i2q2WW7HqKZ5\nGOt6hVDX2DeuwGoRFJQEoaH25wvzIamA/2xD0S/TtTteauphB0TKmsm+b9un\nDAlXMT1ITt/NnjqrUcQ4SsLWonX2WS5B4wPIXzYxANDLEIP+FPnBrtbJOHEO\noOT19IcK90YC9pvYN+XVtTh6b5auryJgGSONd2ItikSQv+p9P/lmdpKC11aa\n+/wZpEbjkBHRrnReYojowJjcKS7atr2slts8OaI7CQce6zNi/h4SDJetf65z\n81rjnJn1edkmy2SJ1x+mYfdmd3lL0mP3K9CWnXLqL2mtWvUSwNtylnEV/DUg\ndewOVMAxAfD9bGZ12jBeEZnbgf6lWs0SB44m2OrIuGiW9sCPg+CgzmFL8DWc\n/DhwzH6L3ZAGKtGLFc4mEwzrKJgGgxkfL3TuHPs+t/TA2mz4WMZqeDFlzSZw\nO38LMmHkmG2dc4V3HCZV9T2VZRvrucD4r5zNEW4JGgLTUp5V8jAuTBcJ1a82\nGIr6/v/xceSDnmGmKyaHQj+/4YTPF3uWgfpG+pN7UjcmXOFYSLMvmjVToYFC\n87kY155X4lIoKNv5jWJFpE/kNl932P7ASreHz2NZJrcI8iQGCU4WXfFby4eU\nCrJD\r\n=027/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3dcabd8c7e21b32ae1b61485588f70370c4e626f","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"^1.0.0-next.7","@chakra-ui/utils":"^1.0.0-next.7","@chakra-ui/descendant":"^1.0.0-next.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"^1.0.0-next.7"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"^1.0.0-next.7"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-next.7_1595768157481_0.748340691836622","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ff6748e80be974f35c9f9de725bf984bf61b5e53","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.0.tgz","fileCount":19,"integrity":"sha512-Zi/UvL0aPlnoeD5mRR6qJ6RqwrLTRuG8j2kvx0kxR1wYXTjXizIjBvUpaF668jBCeBd3Fd1Pd6TSAud7h6V4Sw==","signatures":[{"sig":"MEYCIQDuVtOjhrI0ekU+8sZjXyK1bt4aHggR/n/E+RAaHOnyQwIhAOoqFcbBwXOf51NdXZoVdnvGJEYuJ07o8VRYbrAD/ajz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHagVCRA9TVsSAnZWagAAZKIQAKDvCXoyxisMYDHZ6aGu\nTFOTHNTLzEYItJI311X3BJc5Hr0dunK4kfeSCIWVr8CC0W3kWN+SQP7o0dRy\nv5E3fOY1oYcYhEpmiLj3jxJLzxXSoe9fhdKOOUPN/yV5l1BJdoW3z2ImoUjK\nl6Crj0gXxU0bx/H6w/v5yS3kOPeD692Vqbtqh9qJDJdKP/EscjN07uFTCZqi\ntfVVGVprEvOWC+QJ7ze3hbgw5YXHwDM2cT6rgbR72WwkmHvA6bubPRKFb+/g\nRlIuPPLO5bL5BDnOG74B/qzfPiIbqc5Uo8GVVu9obNaXhzKm4rN49FWnsHft\n2FG+LJDyQ8dsV4vGwsMMdEHxtCOEEkSBPHCVXIGNN83H3kkgWzi9m/7U0M1k\niwuKOh+Pul+ekFwxtqXR3x0TnGcEDEAT+M/KzWb4d08debgjYJo8ANJirdFv\ngFpCrhQeZdlzYa/2//OjJWp7y/0hk5fZBKQOyy+VY4UJyFue7A1Btt6gK0pS\n95+cujnyz9b53Pb81/lKaEBo84S9GwWyJq6+abqqh6R4BYmi/6b+K0lgIDOF\ntweup3WwZFD+bAWlFcCV46q0lYEILQXO1huCHptK1dycp8+uFPUvaS/d3gp9\nFKicB5qn8q/6pI4bxuzA1G3+TqVHR9vOdUIyXT4sti2Rj99BtYcRchXsh81F\n4Bi2\r\n=cZjG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"60392008d42867da38211687e2491f02da9975a9","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.7.0+x64 (darwin)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.7.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.0","@chakra-ui/utils":"1.0.0-rc.0","@chakra-ui/descendant":"1.0.0-rc.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.0"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.0_1595779093142_0.4820428095872269","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c5b195d1a7f089afd1f04667c2c0d8544fae31c1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.1.tgz","fileCount":19,"integrity":"sha512-sE3nGn+JquWalv8aF+FxEzd/qfI4iwQb9CgHpG0VKoI+uxwSGgFO0CwHfH0HmdqsfgkcP/inryy9Sx8Jr6xa+Q==","signatures":[{"sig":"MEUCIE57ogfAsOfRXHgDd3ACqvCdryeiVfH5qV4P/yn2pxZ6AiEAxV7qFGL6lyG1OCCYmULuPlfPrrFawj8CiVvm+Zuq2VM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":72269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHLQCRA9TVsSAnZWagAAyHcP+QH9zJNAL8/5cxnKamrO\nGVWgNTaD3OHT8fCJSb7M/DSBoNO+/63imFvFJN2jtHVoPllPogwnuftCLbuA\nayNuZD6VZYpiEAmax1OXQnmrz8oUTk0H4jKjJmx3eHAW2f5WZMEb0k+PUfHR\nrxv6XjhNLE7lcDgMSwcnYdmRu5GGYVcBJjnc0+mWoTDXZ7USUmKOdZf6weC/\n9bZMHdcooacHo/I/ptrq5439eUM5zwPizQSQFBsSPNotuZaiOcl0y2GrIgMY\nHm7Bcs9HFGUVs5khYwaEwMGMTYTCYVuYWlzOfFWgjBEd+vJ5S/qHiGkLfwjh\njCCxS86p8RotC45SWNf17eSRrMFqAXu401fYP8M1JelF+2cuaTuRUnG6NTZy\nADZ7D+lpHbELwpZB5ijFCmR8lCzhSwBK5MfL1AvWI2u3qY5670H3YO6CgGto\nG5WAfNoOn25UdhwGiKHdOKMw/EC8ni1yOTVTEMJaiUYjkFpvt0sA+JUx+KSh\nzy8HvkiLyFuR7Ty3SC6jbAToyAUs+glSLsItjVx6eYYhuMINvcO1/UGfu/Lf\n8Mk5ZiVVWpZW6JrcbUgzlKxxxmvGP78KGPg1qopHzSYTvpQ3MXmjF0kjpDAu\nk3XN9MeGUoq0gxGb4sHA5WfgqfugcQSnpj1KiScm+3iUQg2fYwylYbKBNuH3\n9SII\r\n=oVwi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e0470c73a9f6be24525dc5458d6fb157096b5ae3","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.1","@chakra-ui/utils":"1.0.0-rc.1","@chakra-ui/descendant":"1.0.0-rc.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.1"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.1_1596748495020_0.5174638383442116","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"89d94b7e93a73e89eb1606fcde4b5ff1e902238d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.2.tgz","fileCount":19,"integrity":"sha512-tHQTML+J8Us4pVyTWClD+vcztATsuGBLyBTDzyyfMb+qEWBGil0DPE1wIoH5C05pkdsUw84dG0F5A9yuKSoNVQ==","signatures":[{"sig":"MEUCIQDr0l6Hwv5PElTjpEUvfP80UI/ANO5YNYB79/uKNkf/pgIgfruIFbtmz9h1KfdOBk5RmhMLABVIJWTkLlxYS5t2/As=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":80976,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfL97dCRA9TVsSAnZWagAAWp8P/imlmz0pu8MNk8Ti6ezt\nVt+8HRxIpt/krC62RrIF0hkDPglAlVHpcAjxh1fwPb0/buGBx2A/RquFkW6c\nuj5agbngNS8tpzPpjs6BqsrDCeHncLbxvyLJ5BJCiN8I2HlWt5dp3Adk2S5p\nnxlarCQz3JFfSIcvv32wGPixTy7Irz87zfM5/oEMVCTyy6V7bHT+Tl/RThQI\nMSi0jljhug5HnDfgZpd8zsHkdfldwWY7wCbIi6+41dnEilAHklneFD7kSIdm\n0ZQ+T5AI0VvPHSyZ8aGvrCBADLP9x6hRdN2xG/c/YnLAmOC37U3r8vWk4G1l\nLZPVYwNU1GP/ZVEivsr9Wrwpsn5SEOQz+cqEN7EEUA5TY9vO8JHO28xVxCPD\nz4qQRdKbBjqy9r8Gb/4jx0y17ZcrYA2f1zt/VI7sXyDpYo3BrzqJ9Rs+HH87\n3TBzmzxHyrDDfAFUdIUfF7fwgKjAjHZmVJM6kFKq1mnMvhzOA7xI2YkbQyF8\nTSdiuZvNAuwWoXoYGTtHesnzKsUwzXeyJ0tBfTEouCEIUgKKySXJ00YKUozr\nuqXgmyDfabQo41T10/5YWciZ9cDjCRgboC4B5p8MG58RbVdeITL+15Vd3oJ0\n8mUrdrGOP4qjBKxXF4wopfN6CQmy/ZdjI7JebVgrDktgpnC0NPUzbtOugCVi\nxJOv\r\n=x4I3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"c0a55ae7279887996fd2cbfb410476c86793e1bc","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.18.3","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.2","@chakra-ui/utils":"1.0.0-rc.2","@chakra-ui/descendant":"1.0.0-rc.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.2"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.1"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.2_1596972765097_0.639641089958839","host":"s3://npm-registry-packages"}},"1.0.0-rc.3":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2e94936e19414d8ae9a3e315e3401f9d1051b7c6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.3.tgz","fileCount":19,"integrity":"sha512-UfVUg98/qKm+rtEuZyzN2JdaiITkdY1KY6fiNRNMJToawkXrge3DcreMbrcRvEkB3TTWHnPe29/wfn6k+SMjpQ==","signatures":[{"sig":"MEYCIQDDoKsfQWevnecdNJj5E37owAtPnoopeDEaP05Bt8/aMgIhAJnf4fOjeoAyXGrzS2JugsS6ANqnxarW/toyCskzoKqr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81168,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfS8YUCRA9TVsSAnZWagAAX3IP/AhBk4yogELiWvLMrn6V\nfO76guPVA+tDbCL3vZl0JhrGsz/6t5T72aHmM+OPD04gWaENlFGx8iUo47Tl\nNB3WuM/623qnzNlblUf0XxpHhOzwsYHQWynTQM0XnU0sAoDmSZNzP3hnuqcG\nbQfOZDQ3Qkhpo4m7fSS16X4kEKrzUU31Y2fMl/yY59FLZIwzt/FqUGpjGIOX\nQMSgMcYMRbRci2Obekbz46SxKESNgjLjCmHcL/fTwZ5Fsg9ebFqug2yDOYoY\nMmv+Z7ysuuEKl3hHueC4s1/vC+6RjP2HCgPCa9RZ6LO/P5Ysz+g9Ho97Z3y/\nTS7KjweqNmTGSVf2Yc/0SAaD+LVZxZphY7NkVkEVCi/yhcQ4zwG0mlKwIB9N\nXbYKPYCcnCDNTZBasM6KkgBL9SIjS/B0Mqz7/cTAd2A24mjP7zvEe7ouhYz9\npk/WKyUpZQllIzVSUD3B6RuMvSXXkMhbGm3zR+dpnepX7pGSjxm0EHLX+tLp\nbhvL1z/T4+yscE5UGP/Liy7lYz6k8Lm4zCp0VVfflDgKvhLVeTAOZL+t2J90\n/7agnnk3YZ0DMCKRrKO73KpXg/pG1dAy/9/xYnRMBfQPcF575BclsTlB0CyD\nbXpIl2QLm67JazPL5NDhjMA03FtSHdFdTDT79Vi1Ogi1/ZMM3TOC2tyT9E2H\nHVCu\r\n=YmQT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a0b689f3a2b1589d58e4d9b0c8a9bbd02ed90f6e","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"with-heart","email":"mark@chanchan.io"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.11.1+x64 (darwin)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.11.1","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.3","@chakra-ui/utils":"1.0.0-rc.3","@chakra-ui/descendant":"1.0.0-rc.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.3"},"peerDependencies":{"react":"16.x","@chakra-ui/system":"1.0.0-rc.2"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.3_1598801427822_0.8131450451442448","host":"s3://npm-registry-packages"}},"1.0.0-rc.4":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.4","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bfc823ed0d78ac33af941f3d7e202da6e3be06a1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.4.tgz","fileCount":19,"integrity":"sha512-LQVEqdiXf3xD0PuO1cropBbzp5ER0/Zap7/VcMFKg5DcUYoKT0yOXBBCZxMQkVblRFdq9B7J0AvK8Y8ZKbTq2A==","signatures":[{"sig":"MEUCIQDME6iQaAMjdzr0R9biB6fhtWuHGzMVU0+gvfXs3jeD5AIgGzHJXnJz/feb9wCr795v5uOBZ4LOlwvcIxLi+uL+NjQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbfoTCRA9TVsSAnZWagAAXzEP/0KtqQD5wKXVLb+slpNQ\noK7r8pXK8wcS16FCw0KGwgD9brz88IndobFBeBkM6pz4ygD5F0h2Y3UCzfEM\nV1+spNm69KjpnSJGBQGPQOJyGaTVLOh9RKk9hWH75aaHQRvWD451Tfc0c+85\nKYaHTpxcuPpa9q2XZaT8t49iM1vwpHZqWHuznlCalINM6RSQ8xkQ3O7ySkFj\nPlSNyyTNaUEGYwqF4An90c+b9vEu+ESIP/StWT+2++zMwBL5i9CMlxCYe6DY\n1U9U+W8CMtBiLznAoFY6H1WmAZJlyDK+mKCysqc5t5ZhISxvg9xgK6doNTK3\nCk7PUoLMuEz3rzsnjYYeeaXZ3+epmvmkK/08Z9TxBcWEbBtbjipxBdW/gnc7\nm02rzdlerWgRuCx2VHk1wfEFzzqbK4Eb9iSHsQNpidiqB/W+ew0qqDrCXcg4\nYXAwTm6JZewK0TuLLUlnp07ZZOLl4SUt7vt5zSMWtFcDP7WGUpFSGoCaABIo\nVsaCupVA/yz0G/ZKZVtntcFYYs428qN6N9bs4TEYQhd17/BFm3pGHz4uEo2i\nDrV5HU3aS400hgOus5dVVnmia3snIBt6jGWvvbVVuTICTs1CXl4ptEXi4/Ga\nG/3YqkkJBkWtUG/SmJRUfPC6ibRemVZgoxJxJTS+sS4+GS5q1z4E9rAZr+Cn\nFTz3\r\n=dqh1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"830b8587c572a4c20d6b56b256accd6686255819","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.4","@chakra-ui/utils":"1.0.0-rc.4","@chakra-ui/descendant":"1.0.0-rc.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.4"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.4_1601042963198_0.27232962022683194","host":"s3://npm-registry-packages"}},"1.0.0-rc.5":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.5","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ca017f1c5ecbb96a0d857b01951f5e899ecb250d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.5.tgz","fileCount":19,"integrity":"sha512-wpjXnxPExcnW0OK6LVgskcCQ16sCLKB+oDPRuGo2AbIc3kwE0DAdfifrIYsq01jRRrGPoXgoVx4vB0gdCDrp3A==","signatures":[{"sig":"MEYCIQDb1i1wss1xw5mDXQvzWzKlLcfcNaLSV/pGMUt/aaQBkQIhAIZ1mTwDbyYG1VFAQJjuvHulX10Cz31HPGUYdCXDV/GR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":81356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcPXZCRA9TVsSAnZWagAAkx4P/3GN1+Jrdsche3SDuX9a\nnWsiPRyPHz5+lVEr+pViTTTrLtooX4ihMZvE5ywfYq19yXJClqAIcenullg7\noC3druSDuy5tT561f3wLzAwAm8db60TCWY0Abrtkzfel5Buhws6w+uqijhfP\nbV50A6TF0JPyiemLfVhezv/sdzbyjkUj6vQzzhfEMOWC73zzTfPVRTik6N98\nXfA+T3BgGEYVjOZvZJqCGJEBNEe/d7mYbZyS+FbWfUF4xzLiH2Tj1jVyGIql\nKU5aptVO9qbzR7HjVI57S7jr0RceNs3aEaev3YXkYfoKYvplPbG69ccRkkYc\nGwACshIAS+A/qyGJSx26nC+T96xBMm5pzd4TOfCuwyueEEPl8g9E8I4vD0Up\nhNTEhbkvXBOXDou4bGfYIokCjsV/xcahdLMGcBtwQ9Br44j0NVyuvUxsWgZC\nUYyJbVrrp4WruB6vHSBiNsNHOCSpSqrj2tRyToWRM4rkbKyDqGgJ2IVuqvFK\nAbsKRahsVsbhnshm3KIJXk1V1b2zVAASYNUXgRKsjuWZ0HQIgDPzrD/k16pq\nmPG86nDuCsST/1dWj3F2w32gSK1a8OqZYLQy2yruWNlsbAnrz12MXBXwJDqC\nXqi4VV4OFlAsQDxObdMzGCov2OXjfPGA3kaeR4uUl+iqGdcyLuErWA+c9Yuw\nUvtR\r\n=Nl1z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b5c8482b778b19f27ea1d6c8ab6d5ed39c664afa","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.5","@chakra-ui/utils":"1.0.0-rc.5","@chakra-ui/descendant":"1.0.0-rc.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.5"},"peerDependencies":{"react":"16.x","@chakra-ui/system":">=1.0.0-rc.3"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.5_1601238488603_0.6494524993303397","host":"s3://npm-registry-packages"}},"1.0.0-rc.6":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.6","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"09e1b8177f340748a730724868790e9e75650fcd","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.6.tgz","fileCount":19,"integrity":"sha512-D82nRSFy8CM/3qc9eTcajcPxLUvTwYIadg0EFjVCeCgCOJfU77AGZkBfkFcs1GccVcsOwiq64g1RcBc8MCB0tQ==","signatures":[{"sig":"MEUCIQDszqGYL1K6LZVMmxIwyVsxhW4ItwtpZzxhTIgQk5LYUAIgEbgTFCLC5q/IrFUrjdpLKOe47BLixnRXB/CJjcjXGp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflZ0eCRA9TVsSAnZWagAAhQYP/RRVXrIy58p/XHSS+9rm\nmybmO184trB3xfZIF6mYC7NrtR5PARM7W60kVdfoGO/tN7zvcWBUpRFxwU/8\n06T3t7eR+I/hddK8i/FXJfVKOy5l1nGrXO8myb1HoB+eHKqpi7JfgTWYK8Df\nVtQBYWGvE6Ei6nQ+8uzIlewg7b3RhxB+lJBeXB9ogFWy1kyjdA9ChLvP/X2N\nzckbupNcuXYhU4VCaYc+v8nvjqgoE4PVVzxnrmWo9cp/T0r2DFWqpPVj8hAr\n870rf3wJ24D4gdHEyXboRbmZ2XxQmV/ol4uPbEP1sEPftG3dwqZHekzuStuY\nefnBt58Zuq9Jlibotyo28RZDQpaCsg0N0B8Dmg5hCTzSRh5zQ10LFC5Icxqz\nhz//Ld8zeU5DmCMYvtxoC8qZAVmKNifKCDboPq8PFckOdmOHywSZvAIVMQuz\nNaCEI7PCaA5EJmWpmPUkHOAXcXTMiQF682xwuRGfp7vSqH3NB21G+NYTRGwA\njM5z5C67QswINGxDtdV4tGKqgHg/tJJj0LBSMK/qDmEzuLv5kP+soOENs5LK\nMB1tBNHyuBuMdpj6czT8MHtwSYlHx3ZVtW8I7wCiGkxCUq3K/GE6tKHyX8Na\n/Jdfv7QEddhBGGcdhpyHzmSy2iEe67ahS/hYyXalrLxTEXr7VmUCJ2QzwoB8\nYoV1\r\n=peI6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"e55b45840d1edc821ad0bb45632535333be5bb86","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.6","@chakra-ui/utils":"1.0.0-rc.6","@chakra-ui/descendant":"1.0.0-rc.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.6"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.6_1603640606192_0.7842237964151415","host":"s3://npm-registry-packages"}},"1.0.0-rc.7":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.7","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d02abae9fc3a2c2ce8f2ec5ccc8bd1ee55479129","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.7.tgz","fileCount":19,"integrity":"sha512-gWTZBTaRpMY0s5nGndiv11sAnr4FBSqOHm0jwp41sKpU+et9ZKXATKeyFrYwskwaS0eoUD6kap3cX7y8Ag2GJQ==","signatures":[{"sig":"MEQCIFQJXFbEzoLsk80RQQcyIL0YKTjB+Cd+x95IoRf7wsiBAiAI81lplkswT4dcJjYdAqLf5OM0Q//j+j+lg8WJEr17LQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJflfCECRA9TVsSAnZWagAA4NsP/0qINRFzEC6ZKDS7PEoe\npW+WhlMhqEp+j7FB2yxaicehZqyWL3QKcnVq3yUOtOLMF1Do6Tfl4cQzql1D\nQetgC4+MKn3/bSAIRPXSN4qNTszhdj4ZSD/g+NpODgSqsn97Hb5Rq5woJX7y\nQ3hTrPPgu9H2v8lfaYN8zNyVrYa4rEX5ZB3FkqNR8a0N20U7Y0/cetHGiVEE\ngR0S019reb+BnyOu3mKH2QetD+A6cyNjG6zhW5Rldr7SDJJXKAQzgdsqC0jp\nvPMROwkR3qxzKXcc28aT3lwkN94PqaIjMLfWIU0GqUwEX7rV3o3VWcs/bTsk\nC7U1sypxKiNGqliKVMGhRNORWYg4p5BQEHZbrcUBTPamo7YDGp+iJtPYGGlG\niwCVegckJs5hIE47uWXaD4Ovketi5RotRQcSCB9dX1xo8rQ3TCTr6um8DUaG\nyen+T7PWRzEmeVdYDPZtBtseChzQN2IiVJDaeWn9bmgcAbRYT9vX80cUMm88\nsCgY7Ssd0G0Q5OGA68gwRTtNaPSP/B7ZocVMAyeL31s2xPw7xYLS5S2+mNzH\nWcQrmqz44RUDBIgPtXw53GEZKN7dvYJhgv/Un7z04s6M9EYYEBHs6B8bZHbY\nuqBzOrLWdJJx8QeaTA6aLwdsnKnBtaWl06HBkr/8E37RsL8ka6xHQFN+JcNR\nxG0O\r\n=5P6v\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"6da531af61ae3780c764590cbee62297fb206e46","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.7","@chakra-ui/utils":"1.0.0-rc.7","@chakra-ui/descendant":"1.0.0-rc.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.7"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.7_1603661955708_0.29451882528349316","host":"s3://npm-registry-packages"}},"1.0.0-rc.8":{"name":"@chakra-ui/pin-input","version":"1.0.0-rc.8","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"1097c73b6ee58adc0fe18624ffd17ec119e0912a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.8.tgz","fileCount":19,"integrity":"sha512-nJivIHAyptM4A+pgjq6ros/gern4VlbGTr+9x2D2aA6ullS3/W25TW0VR2+eI46ODfCtqitqwtiZuSUGYLJHWg==","signatures":[{"sig":"MEUCIC93rJc9sWsQW7+Ak/Ur8caIl9KvLMe8ekH6QewVqc6FAiEAn628ox045ISosJOoOYBxAX25WGI9HOwnqi1s/WkLFCI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74012,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmyUfCRA9TVsSAnZWagAAAUAP/R1QlAMQyX/zuntdRh7l\n716zZbRRxPLyprBdN24WZ4u01BUr4Fo3b+GqzcIwmp5f2ciAbBv1RsORHJcx\nYayTy77wt9AR8VmZtbswrf2rb+obF0lkSbGnC1uRSCD2hFlzN1fOmPQCYld9\nh9g5uDF0L1jNTH+RpFtJWdj/cjnSxjSRZCNiC4DSvD6+tzSAs2LaXxOUgaA6\n3UEl98negoLOtBTKI2kkhj0lAd1KMerpteRPUGiNGwmQ01EfDeFDzwiCvgN7\nC8LGh2/HGNVH81ZEYhJ4tQkeNMlopa9h3a1WL34cieYUsHRJvAKuMgWwQYeQ\nxYa2bywT/UFLf3A/xRowk4Lb10qedLIHdD9dYiNsqGJqp8ihLC0/eCo9+BIN\nrnRwrAFtXP6vhx7iMpigyHDNYoWEmHb+ELAUWOHd6N5CQ9sBkJ+UcrN03B72\neaeJcqu5m5Tt3mMljuUoqdpe9o/W9/YXC1VMMvZ3ebfD+fZ/ifTyYpxtFoe/\n/IF6O0GhpDtjs5yf0G7Ln1z1o94vjyZ4j+hTie382Zm7aeuPHtY9MwFx0txW\nToUPipAoLm+1ynYH5DvJ7bnVl4wYFdypS6t82tukpzYCNIb07jusskYXIQbK\nf1sS0UHTJQdLY8bypjomPTRqtxTHOB3g2crgny02IWgUeW1FWOfPf4cQYgwK\nnHie\r\n=jAMx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"gitHead":"de4cffb1638e8d10cd74515b0289d70eb94931be","scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git"},"_npmVersion":"lerna/3.22.1/node@v12.19.0+x64 (linux)","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0-rc.8","@chakra-ui/utils":"1.0.0-rc.8","@chakra-ui/descendant":"1.0.0-rc.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"@chakra-ui/system":"1.0.0-rc.8"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0-rc.8_1604003103338_0.758552134398907","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@chakra-ui/pin-input","version":"1.0.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"671a19bc3d839f9db2b5a52902fef8b49f9d075f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0.tgz","fileCount":19,"integrity":"sha512-mhxe/gHOe0KUVb/UqbE9PqKXgSY8TKZZt9kp5PO5oG93O8kxKmqKIlL/MHmZUnkkWknDc5illJviZh2EaqMh+g==","signatures":[{"sig":"MEUCIHpmm0AYR7DGaXHcc6tQ2TZcKkXtcuT8GTPSApkGVDwGAiEAux1PSnOcMFTF8XBG6SxcChctLNAExn+7jOHMbRLmiBg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":74241,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrl4cCRA9TVsSAnZWagAAxh4P/jTiE3r4zOVJcCv2u1nQ\nmfFNf1U9yBh1QZF72j+bBi/xk7BE35p7htvoZdsDf7xOpHy2JNXPSa2Jtl65\nu2/EZQ5bLqI4RYlXraM0vmg8AArgzCIP5P3w3wz52ok6Kbdiqp6g5TahbyNp\nV8mStoPq6NR7h5z606aMNdiShUyOp5u0bd0eZhWZQ9YDR/dyedt0ImHG3tzN\nU2wLFzPtlVZYyFzB53Sw1/8gu2d8xNZ0wtpmgpxcYCXyFD3ZIziGSCGUP6gP\nmNxJM1/Sb5JHffK+8UO7U+UfAxHCkVj0aBaBC1veN0UF2gfaM2IWGOabh3Gi\nLlX3FA5VHT3PVfCltOUMyNt0HN8ny1CsIvaupFaYii0E+1jA3GTbbbTWdJOx\nCOLzAU4r7r5QtBUkDAD5r9t1uvOii7iir6vuO6O5tDTRCYczsCgQ/ChetloE\n5mkYKbeQu+nwr06EBLHQwXNYBVh3Ob8/nZTfhW14hcHpA6EDEO5JbPs7xP+i\nLh6tW9G6ZhkBzoZhqUVcqUvdotO6UZDsgVNfnB8tenncbhLXQfpZ6bPboyKV\n+TDkdXACkv0E1Nfzm/mJ8Ms1fk+4b2zaXehAdzvzacICODQOLVEuGRNvdEEB\nB00uB2YRobem2cNoxoiWCKPBXWfiPpmGYLM8vize1nvhY2dQ8wzQLalCybAS\nWCZm\r\n=BvOQ\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.0","@chakra-ui/utils":"1.0.0","@chakra-ui/descendant":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@chakra-ui/system":"1.0.0"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0-rc.5"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.0_1605262875707_0.9071515247117248","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@chakra-ui/pin-input","version":"1.0.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ad53d52aebed57b9b00f93d1142820330863dafe","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.1.tgz","fileCount":18,"integrity":"sha512-z7zaZPyc+CvAOC7urVk9vg18ay5Wm4yzKcMKXcuSxuzzlEexdysmBwLAO+okbWubO/LP2ec9i7i2QfCq9Ty4xQ==","signatures":[{"sig":"MEYCIQCy74vuuTAL+YoIA0/15FrcbAbCNqkao1AZf1jLNkQVxAIhAIyfrKUTntF9Jc4GHMUOoxPBLHbD7tJWPeJXZ6zNnvHH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuB3sCRA9TVsSAnZWagAAWQEQAJL5PYFVsy1zZ3HbPGaG\nq/8lN7BhaUCwGI+v3ROELVSjcM95k/Uf1eZcHP9FqlaH9xSPOmYxrkG9YbkB\nyGmBzbQtKk2tRp91xg8uSCfyorxPKJ+1vYioub7Q726sjazavOB29bGEX5dI\nr7UCttQ4+sBlY+wsdAi0KV5MkXpzvsIme45UbvgZ3JBlgRfXFNfO9FRoh2z/\nTHVlRqr00VkL3N0dAZWBztGdLA8TpNyc28VIL8ohaNKkKbFnuvuNcfhR/3su\nwjSaLIQhW2UbmOcOCUrHRBWGiAS6hrN4CNQA92vs6jHVR+72oNyTFuh2d9oX\nN39IQtfLkF75crdahKNxZLKFFjpEDxeG3rnl5VxWwap4DXWKSB8Sx6zYP7XJ\nmTt6BBz+HK2ZIZEVEvPlRZpDRcdlnplbvoS9lEC86YXDmxFRZMzfYsPWA9gK\niaTvHibu1NTb0YbD6rIsxEfyN5A7p37nzbl7adiMKHXyEkgzWqdBBqAG8HaQ\nz0JYMoFUObpBaSHGM9dY+d0wefK5upS3BSBMuXE+pWrmDyP6BQ1b9FBpU2Yh\nclDGORVmsP5mOBzc6be3yr9UM4LHJ7Eh+/BSY25SpCzV1QcaFiX+nU6O3KD7\n3FjaCAmyqNuAFIJehNlPtDdKLBIuqGJ5gOfE8dR2LwYbZ02C8WOfqkOr6AF3\nkbwe\r\n=Jdcy\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.19.0","dependencies":{"@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/descendant":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.0.1"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.0.1_1605901804338_0.9269068665650819","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@chakra-ui/pin-input","version":"1.1.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.1.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":"1dd7349fbdf5d72292e61d18f3860a69a0e6eb2b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.1.0.tgz","fileCount":18,"integrity":"sha512-5YPZhKKm3QXzb0QqHvE+/nBY1uDNX9uIDXeyFyxx7k01H7MMYyRqukRxQWQm97mNEutkqeSw2tglq8NYtZnqdw==","signatures":[{"sig":"MEUCIQCIX8dKHqR6b7ZhqG6CIVrWrhp3PydFwEiJwRpJbJqEfgIgdXpkdSj7nXbEZ62VX0HgnvG6vXWJCwH4HXe0V6H3IcE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz7kjCRA9TVsSAnZWagAANIMP/AvK1WZ/YTwkqE8TuTzW\nAK63ZS7S62t4A2QwPvaZKYmSfJ8jtuaQMndcvACvBevgiY0ukdA7RTpmHkwU\n5f3ekUpQcr1JPSiajqG5we6GLmYF/ZC1dEtr2i7LjXQaq5peJqRQnNEnlQ7B\n/tUAwoeC9qkVRdmUD/uepY4kWzIDTJS9hx3yDCTxDYDOc37sEhPnLxX5mrm0\n8ue66ggmaCVmjxnuWcVwegiNnAk1awr4rVw9vtxt6G2IfzbMkyDUBK8F8w7r\n+1g5DaFaB7AxGmjcRlfJqZMze0w4zC+EMmvk1Bj3InAsvKiy30bOuzuG5PIc\nh2An4igMjI1wzVPNbrLpqyjbdcUOyRuq2tJ3cvGkFN/j2tiy46qxwPs1A4FC\nL/Y9AfuVDznbRUUP+T4gBwc3RfZJyQuI7SWISYeWPQ56Jd9sbdsLUZFHx92Z\nYf3cz5c68MoE21uPrdRUucS+/Qj2FLffwVcS5F9stRK56hq/OyNI+bLdD8Eo\nkucxPAhDpkAW/ERSAvT50rKpyY/mIIyrFvnCDf4y7vmToVdNGFV+yj616alY\nGe29KYODtxXGyp+8oPLB6LFfwB4i5FCO8yrTBqeXDpPXnpGceZTGvvC3YTwY\nE+sUric76fe2+4WbAlLV5GSCjHppvQmb/UQY41MiZqVi3CvP1gjgHsw2AQ3k\nH8o0\r\n=eHxl\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.1","@chakra-ui/utils":"1.0.1","@chakra-ui/descendant":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.0.2"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.1.0_1607448860569_0.30007724703108707","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@chakra-ui/pin-input","version":"1.1.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.1.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e52e4df7cafa7db271676bff4ddabad569031a14","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.1.1.tgz","fileCount":18,"integrity":"sha512-AeFBTKKSOq3938+MSEpSKjo7/sBkMqjAXBbyhABb6glzDGRg3I8GVZOWG8KBt4A/TLMA8YltfoCKARQp+Z5g/Q==","signatures":[{"sig":"MEQCIEQdPXehDnpdFmYYgV0LKrWxr5hx25/dXtW7BV4696pMAiBfH9hGzmnUomgTe3h6LrBxgbCJlFcxJiptbVyedy3Awg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf29ASCRA9TVsSAnZWagAA080P/2r0ZBf7ryfxTiAPE++o\n4hgTrkbhIZ+9n+OCVNTe/5DXETdgPNsjhiUoT+1cKSmOY2Ss1v86CvDIQdNL\nOiYMQmIpeEopEOibzpA3CQWUc//ACZCy+QplRn5gmvIGMknVH7EMDJkRXxOS\nwSYuQhbV9OFx6nRLKcvMh5h8+lgm4YHjdh9FVinURuLMiguJZSUuioQCPgnq\nCIUXlT44+Ng2yNAgUrLMjYuV5DIBmEdzbjhexUUuhTmgo0Y70FD9b9nBAK7d\nFj3EjL6HETr+RE7lf+YIbhbxazBFn6CLXsPY6fTvUCxecwv3gukQ+gzuJReo\nN9KmqcrNRPIe8yKJa6c/L4+NEtwqhooO51niWZjXUCy7ozh1BKgaQbetZbXW\nZhZoUjePD6pyh57/NxGrzrsGnl6bBranrvyY1AC0ESwS1jNnO14B4DdwF+kI\nycH2XQZUVK8QviRyAX6Ts1Q3ULbQpUAMyyvywnLQL3V+9gD45UweP9vq1isW\nRLxWNshycWtYqDrnK55FDrKCpCwZm0mSriWfx10M9FMkw2wBMGRba+Xy/f91\nL3oLOmDJ8LY8WpErm/JGa/e504cjm7QPw/epmcNabTD+SaNaRIjF1yOfIBZV\nOWLADn6P/yWqBNR7hR9i8xneHDiSWou2C/r8O/Cerv2wB5RDfEcPO2v6YQqx\ngHK0\r\n=gHV0\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/descendant":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.0"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.1.1_1608241162552_0.6104838521051696","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@chakra-ui/pin-input","version":"1.1.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"efc6a9a76a42b568a714caf373d9e70e74281da4","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.1.2.tgz","fileCount":18,"integrity":"sha512-Pr0uIWo0aVN/N4AlU5+6ky6EzQGb8im41LqG90JqC7HA7rpwraaUQGvpD79Zm/uODGML1yYbTJ4URjFt5FsYHw==","signatures":[{"sig":"MEQCIEC21+PiV/HK3VRCD3VmCtKIRxETrdaqNwGKz6RRZkXAAiBOUdd2SZrcRxL/HMo6XScGwsCeovS5hNcuRdKD5QNHUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":100745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kUOCRA9TVsSAnZWagAAbfUP/1pJ24ucFZiXvPFrNTDl\nJPkdossqHsGeoyUQg/pI6j8mwVJh94u8E6cejDvsEcrml8Dnl8jTNTWn7EAI\n7ICLLDEKqRxdl6EWG24LXwR0d+CG6pZX0BgFfEvEmVytdKyQ2K9STvHygrjy\niFvW8hrvBvdNiZfv5qi3LOlvkEccN0Etw3I9wc7sx72Hd66p6PFjkHwG0TUZ\nzjDiL5cs5keJbRFSRsGY+jwMBz3ZYUrllMAeYZVKr3NH2uJLIbWYI+dg+16B\nh3QEJbY1b6UT/+jIZoNw0IkprcBoRr8vRV1HgDSthAziyxRYJ0+iWG+X5hZg\nRa0mZ8kK9QpvzMkc7TdpKkvTzgc/BukZEqu2Sr4btfNbEu1I2Ww+4VU4gfeM\nz3/qxQSUaWJNkpuH+KOs/TQHmdHBBy5E9Vobq7cXWxj6STBgQ8jcn6hJiwDA\nruYBO8GotVnJlyM011HslFfBRoY8t91P4TnjaS+zqlG0aZrvXWPJ0PzxEt1V\n8DcgnoBw0RcHmJ+nDQTsGFFUjrTrX+MSQ/LvGYs8TaPGBsrR0g2xyQ/NYBNf\nJySuZ+LKnxKXrsFhC1GFdVxhXMRXf6VmZTL0fxqeImrT8f3pnMod9mYaAI/U\nE6XpzAGZTHOxWqtxXUlegXZdXC9dZGp9EQ2O/ECcrkiYF1LQyjuG5TcsKtNd\nF2Bc\r\n=bqBi\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.0.2","@chakra-ui/utils":"1.0.2","@chakra-ui/descendant":"1.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.1"},"peerDependencies":{"react":"16.x || 17.x","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.1.2_1609188622349_0.2914585995144412","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@chakra-ui/pin-input","version":"1.1.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f482b2d39c861e8c66b0f932c8c7f3754ea4a70d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.1.3.tgz","fileCount":18,"integrity":"sha512-cEjq4huxkCDKQ7ZMBL93H/gt66qRpNrMIsDGO80RqRqmkmCRgrvm8oC9Qx2Xt5LpaZSvrCi4OX38YHwDfFMMGQ==","signatures":[{"sig":"MEUCIQD/aqdYEgFTVDAH4Em2zuF0xhtGU4Fh9wU1kNQmJudUxQIgJzTNqKkakznipxBkX7jeHm1x38g4JxhIsP60FNDELq8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/ISHCRA9TVsSAnZWagAA/zMP/iGiNVu3UYBTFQ8Vn2SY\nNXNIyEtd8gu1BpeVSBGJPJzykc/MNWiOe6QKFLLimuu/dtfVMT3VtEyUSNhN\nsRXlk2GNFZUuToebne2CVTjLLdxI73w82Xr1VSRcy6qPD9ot1mLnI6MX8EgU\nYfl+sFqkkhxFPQGZa/7O+xWkktDda0DDKUHH5osWe+JaypBm+N+zFt8v8oeZ\n5PxYBpgyM07NwYMc/yyxC7BJX5ZX9f/PI61BB85HfoAZ4/GFHZD3D7TJHxjt\nN88Ft3njJiPEftFUBVwK98GQ6QDb0qMNCXss027YQgr6AUdXbr5GKwlBvHKl\nmjfp9I4aa4Ha89NRZC7kuGo3KFiHsECom9lmRaz3JX65IzrGMqQgRt6mV0N/\nELhRzfU1khIuUhCTfa2Og0zX+tIJ8yZIQ6kE6fKtOpLLHJyZStLZyU1IWLNs\n3FNLfajowRw351FSxq0sG6pKw8KjpcDerVAN5dWSlRkxF0zfATZ7fMvoTfdU\nkpV8unWoXiuzumSosHEIClco0v/mARxtCDcGQNKvxz8ZeiFE7yeMDIiE9kCS\nW4gluuCkeOn4KNwEo7EN4kInXf9UhMA6ASmlanfbM85YDDljQpf3nusUXAwY\n+QZ1z7o5hQou+14Ijzd0aPA+v5R6G5/Xwt4QI4efsRFf/1Nhv6qImedE9EWT\nhhsJ\r\n=+PRV\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.0","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.5"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.1.3_1610384511641_0.30147320252091325","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@chakra-ui/pin-input","version":"1.1.4","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2802b52882bca7a0a62ba756678240a64651cea7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.1.4.tgz","fileCount":18,"integrity":"sha512-qD2+FpT/Uw8cgMrzYSp/B/Z3QTJOjSbWve1YWvt5cBltnizDU9FltcR+BOBbYqTn+8gioV72BkIPGQEekL+q2w==","signatures":[{"sig":"MEQCIDkd+AxwKv5rue1JQL+MhzEy2r+p2X5Ivf4xgXgWXv1PAiBQ4qJep+LG3nQQhT/Y/+lrKMFIaDqyhBf6GkLsfAREmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":101412,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBJNnCRA9TVsSAnZWagAA7AEQAJaF8h0EwpX18/kBjSZU\nYmrPBvRv+jXFAmflwmWKnqoRkBbS1Eeq/8p8DpefIYlhghH7GNZdCial6zfV\ny1iyANbcA3Jsu7fX1M17wZI21ntHkNjcAgWEToO5ZfrNIezB8eVrPu8x8Jsm\nEe2exysWitrhmsVEWWYQih2N/xGe/GZqLy39jbmI+tKXiXZLUjdYW/4oxcw5\nWdHe4YKHfbALcFF4HvaCOeLl5srWakHB2BMwIYVOt3QaKFrqms3IwSztGeMc\nf9vjXeDsnSeuZBxLzqRz6rrtn5ve0BGOpaNxjtJtTXS2jOuwtCGi77waNkzS\nCReMg1nFN2O8tY3H7jY11EYvFyjI5CZqbcSz+YAAkU8jEbJiFAO0sDni+Y7q\nWsAUkzAc9+PElAJ4zr3tojpXBidmaBe5FP4f3gcKIO7ZiRlV07kMIMS4YxSj\nnQjDiXDLfvvqlrGkn5eF/1SHVKjmPDQN19klSPj4l1LHNv92mvtz5gzF4piM\nOmoGKDlkG6Sl8CUqnEpGSKUZAhy2vmk5TYwsNhl1hWeMPzyCiqCUpDLGgL3W\nL53MconbKLRJOL+xFhvmBX7od7tJT+UTtJcgmGvgAUX0358ORuWi1m8sn8gQ\nW3zArjmp6pPV2GitOxWjfQZxvRCYLr5ZOeOzTIBLTIex8Lwxu9G8Z7Clg4K8\nR9o0\r\n=bAQz\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.1","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.1.4_1610912615397_0.14022308883210766","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@chakra-ui/pin-input","version":"1.2.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6f7a3ae0197a518a684e659d48af7b8c1e259e54","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.2.0.tgz","fileCount":18,"integrity":"sha512-hHLUSnfchJOX2NVZ+m+b8zVj8iS49MFALBH7lVy963UVgwsUT309YiuOJw8dfWFhFrUrMjGj7UwA1uof1ZQpYA==","signatures":[{"sig":"MEQCIF0hGXrURa0VSpvonzIfkrEJu2Ss38fjU6wI52WEz5oQAiAxuoWSKxKk0JzAx1ETE0KyKESoq0SIS94cNW7+W08AiA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDYutCRA9TVsSAnZWagAALfoP/0xR/EJ+p6l85KPreX9a\nDnSiKn5gT5OZvE2a/PJWch4T9f2rccS7dHjCpPOtTFiDP7xsmInq1vszvyAG\ndB0J2dDaFeqIlWgtnMqun7s9XTapLq9dPlNgOlDwP0OYqYGBfegpt31QoLz3\nWb9nPjigQ8fpenIhgCdDDOAy8HL6sB2M51MMyTQ4WymGAn82PvZ6yZYBoT6O\nwzSLrldBVUueKrNN7q/XlaVYPXvLtsWU4oNNNIoUES07QbF2BdfESoN+7t5V\nhpe3DTVse04KDn0mUq8I4gj5i2IUThv5G2IU9bpRzziG+rmflD1ONpnOK6U3\nuCRKNqBMVkByORXzb1LDho8eFDDSgyZG9rUfxAAke+9eP//bHyUG33HeVOIM\ncUL2TAe3m19lkBhslkEhK1iMTmZKjli2b8oAaBloTL8wd/oxOWxVpGusZZ5T\nms7pu8sfM+0hKlKUX51lExyGzgTZJ5Bi5YKUtK4PWf0i8D0ACKrcHcIRml2v\najc/rQsmfZipM1hfL0LfBNGFfaQe4ZknnvxKJQu8uF2CLL6sOUBfayHzZ/QY\ntTnDUgmd9fz6CZzGHAzinQ23h6u0Ou9G+IKiCY2OUZ1gsflo6w35U4UQ3kA3\n27nWTz736ximxwxk4nGA64kK3uRAW6T4dg6wrduMlhTg/1b5ZOTI3idAOiGr\n7nuH\r\n=z2Mf\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@chakra-ui/hooks":"1.1.2","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.1.7"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.2.0_1611500460611_0.3975641222208868","host":"s3://npm-registry-packages"}},"1.3.0":{"name":"@chakra-ui/pin-input","version":"1.3.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"52a184396aeeeb3c4e474745ecd28df05cd7379d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.3.0.tgz","fileCount":18,"integrity":"sha512-UGhr1C02q7bZWMkc0PxCDcMQkomlLtxygB20w0tqD8GKZCcqFaRHI7EpkUFsBIpVcadhsA/ZVAmp0r2+eYr4mQ==","signatures":[{"sig":"MEYCIQDsPH1jOfKl20LioYoWxH9Ch5hJWhMZXN6Beb9nT9hGVgIhAPk/zNqWbv/Bj2NFuyHjKFjvDyMGsWEv3/Mo+FSWmKQl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":103720,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgFdUnCRA9TVsSAnZWagAAaYYP/0gZJ06clKjsuBLGqeHa\nG3kob6df5f+TWSE8GhxWCmXLvZUw4RKy/ietZMUyaCugo8lXJhQQ+uf9LQLA\nPAS+LGUXbXBzU26yTn7MFYQ05sPnOt9tSrPHVo6fzfnWhcMOK3TuKOQdN1Kh\nQc0qOIj9/WMIb4WqRDw6GN9YYv6oGulbHxVlJslZRHdivNdWTf8ydelIEwxf\nXXsUj8ouBd6h7qdrPZ5+Vzw/R9l3x86ZUZE0+vXZAFc599Kwo26j63exN1zl\ngo0GBPSNrEXkMAbiAUcSFpaAJQCdnprImm8im36xwij+KQN9TqgSuVQqZkSl\niuPFREM0I11qYXXXEUZNuze6vGJWbS52t6xUZ+6+0Qfp9hdwwxncMxneMBY/\nptLojz5Q08bVJKuujIh7ylKYyd2WCqP/162MsJMfvJpKdQLYVWQx3f/gJl5p\n0pw2bnzb+vPa+55z2eNq5JTCTzhYuqr7zLOX69eftzSEzfFAVQj9UnvQnzB8\nVmxSHChc6C/mmFI9IIEsU/2at2//kPE2sMc76uAuIiGtSil2I8ZPfoUTow5g\n1Jfj0rKEns8r6by8Ai35uJHwz2jE1a+IDpRiJhX8lutMYMR/3ZaOgKSGPcsY\nJaOUZHH0nfArnYcYiG8wjhrxBE/ws4jhXHC+7Z1OYa5LEi27Kz7jZ1BxSVA/\n+lvQ\r\n=f8Ji\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.3","@chakra-ui/utils":"1.1.0","@chakra-ui/descendant":"1.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.2.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.3.0_1612043558992_0.7540661021437198","host":"s3://npm-registry-packages"}},"1.4.0":{"name":"@chakra-ui/pin-input","version":"1.4.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.4.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"ab13ee640e30a02a6c172a12c8453cf01470a92b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.4.0.tgz","fileCount":18,"integrity":"sha512-85XXAMNNgX7RG0ca9tU4kJeYYrj9+jtUWINatYXVzcvkx/T1VRM3ohRQDtDdZ7wovzEE90mtzkQGPISZhLKHug==","signatures":[{"sig":"MEUCIFGGb/oG7Jmu5j2wa739aJiaRXTxkjrDQemnDx6cyqueAiEA0keOzrJO4fcHkn4NN7yYOFgttcoQ9zj4uh/PgJZLCx8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHoBCCRA9TVsSAnZWagAAYgIP/2qJsu4aDBRx2HEZ9+HP\nba3NIZLIbDRgnHvd9hA6Wy7LnKWTF2TSxDQb0GPheUIHFXn/gMxHX5ysrGEt\ni9JPKGaVxUuJEDb5iXhXliyHpKuGJwiqgMFoTu+s4njyzfTOKI0tBJ/ivy8D\nZeuRzv9/N+eUfLtAvfZeZE0uAJfLJwgWuymROBXKXl194rIjrrEPqCcgC52E\nUQshgKdilbW14D5FZqGmZpH5XGb4uGRhyBbaJX7FKavXCMJAEPsCW/6zvVnC\nvBtbUzUJ9O8JBJpHUkjXONfCyjUF/YZM0OkwVKQIvrq44M/6HULmkysQXDIt\nofgS/8Qj+irR3gVXusba7Ey8X/ZLTR2AjdVJweqMG5PE5J90NUOioNufWXFn\n83IJ5SR3ScT+t4+h1UCXGBwEAYZi0dB5FYfXBMWaKViCL6t+meglfQEBRM0Z\nhdWwL5MjWfYkIJbhUp3k4242ZL+Z71+HIYj0Ks8E0TljRb765V8P09CGN3Xs\niGLrNJisYNDhFv/xdgWckBf+M3dRCoCxu5qjaS6X9B8KVYZ98Ot/1SgKznJD\nBG7+rGeR+68kWdrB5j0AuGpE5ZtRG9BWTMvYJ+xuh0Vhd/ISFkk/gWWWWmw4\nfuKRwIxKJK0l2ISYGVUa7f/+2iXVlfGXdUzGzvzsxOoBBVsG02tTVF0+lJNn\ngLpl\r\n=6+bf\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@chakra-ui/hooks":"1.1.4","@chakra-ui/utils":"1.2.0","@chakra-ui/descendant":"1.0.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.3.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.4.0_1612611649784_0.17381536836171385","host":"s3://npm-registry-packages"}},"1.4.1":{"name":"@chakra-ui/pin-input","version":"1.4.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.4.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3e676c5707b58d2f166ea7dc2445830d64cbe4bf","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.4.1.tgz","fileCount":18,"integrity":"sha512-0DY+q71VBbjmLh/soUcibj9Mi5+Jr0eKugRP8hzx1ywoSqmNVa4hhw12cC4xeEaO242Ec3752D7TLGCSZFD04Q==","signatures":[{"sig":"MEUCIDNfhkBkFX4lE/hvDE4MRZr2PJTJHqk/FfBkvOmuDLGFAiEA1OM/8EPxPbKRA+j0bqCmWPKOeyQ7Dve+DXBMkfqJnRE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":104885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQo3hCRA9TVsSAnZWagAAOQYQAItnp1MZYxBKoWDiUdIk\n0Nhfmdezs0bEUX0xE0Inl1/+xlLRYhRrgj8geurbdEp1ZNC7E6An2moH0wVZ\nWnxoyLnOIG7AO0OL62EGpDruvyp7HZaUcxOpcei4QuBE0xCJ47GZk67ObbPf\nd6Vs/6T785sA04f+B0jarIY7kjdZr6ZP23bY/3kFC40cBxnF762naQ1GCL93\nJlRgP6FJLwZfKdUdIkiEE+uhNju9CwCYW80LOYSOz+n5n9DoLR/o2feKNBGE\n+LQRJVLNS/NMyGSPfiBSKuxa2+TZ+ZVCEA+29x/K6zgytTMo3JKnouDw7PQq\nCaklPlHjmgG9P0kGdaGTCaptRl6B6CFWbgo5ihutZQDZHjOlwr8B1fnxmFJS\njxChvL+vwucgNZek0DhVmHp4d+1nkEWIylwtS3o0LRDtEjrTGuEvn062P7ps\nzQCp/Q+5KIw6s3+HUiAWqKpok7+Ly+UqzYMpLGRqgL131118huaA9cEcVPvW\nBo4Cj5AklQQ96ydKGXkW5V0j0P0FnmH3OjbXUZNE8bJOFY13knU9UJwL9jnO\njZN7BV5lCEwr8M5Jec291ysXWf1cgNVW98PpjGaL6mZxqqFGfvV80agxqoS9\nOe3OxJR8xuPs7u4zYBtSBPqrVPVy441QdxoY/oGaLZloZak6VuF6T5T3szul\nmfc6\r\n=sR4s\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.1.5","@chakra-ui/utils":"1.3.0","@chakra-ui/descendant":"1.0.8"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.4.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.4.1_1614974432002_0.22287387443016415","host":"s3://npm-registry-packages"}},"1.4.2":{"name":"@chakra-ui/pin-input","version":"1.4.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.4.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":"01b461210eca8b7878b2a49b9cdf5c96a1f9082d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.4.2.tgz","fileCount":18,"integrity":"sha512-7aS2IP67hfV1agnji8FemBJl1M7zqu2X5DTIy2NxuTNqU3/H8douMwVnNUrjavSltve4OYycxY8gPK/h9u4/uQ==","signatures":[{"sig":"MEUCIQCTWGmsRWdbrKDeAxC5RGGZhT1ENdAnMfd96K8RH4sqMgIgXVCnk+BtYlz9nu7CtDg+b0cgN8+huqgF6NESIVKS/tA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":105341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVukfCRA9TVsSAnZWagAA7gwP/2KHmH1HjBls4wH7iWcE\noEhaRf/5h1XMUycsi4cktGbQuUWa3nyR33L/FYS/WN9Dgl52lIsvxQZqCZ/U\nrsgUAJb5o4U4MdxZD59MOUoY3xZiP/xPeVDZ/sddEqJtcUrQaOrknbReRM3B\nFYhDJkWZSWyFPou+fJqPDbzw2ghaOg2NUNJOHF++8FxK2s2mApRI0ZdCleNA\nfAs4DXGQkhGgpHCUUksK29SJ/4FnPr1Lf9hdbQ4l370d+uOZPF9/z6toxR7e\nJ0UCFVxiyLOK3fnUEs+ec4X6p0Ck7lAttQOSGXKF3/UKegpC0EUVNZTzzqEw\nxRnlAaojIYfPGtq6diULVYT4WGV/b+kHvDTX7XVu9nzopmO/m1c5wtgyA120\nU2DkxK2p6DPCYPMQU7GXC97e+w+pivlqvbovJu8IvbzG+MkgdyEqMPapC8oW\nD2dNFCA1FlB6LvnjIuWNH8SEHOOvXk2KE7RSWFJ1P78i2ewrjq0ApQNT5R2v\ng9Ugw/K+Y9Nwk+I6WCTtAKARSK/bsX1hjRTCHwc8oCO+PyQZr0ZnzFYXd8+4\njisWygg2HYd5yJfFFwQyQgdvx1S1fIQNuiNM+2ULBgp27cjuk5rVjpsgaSwW\nPxYqn8+kEiorUA6ObNDR6wYBzPY2qlEE9AIRyXZptTlA+dFw1ubRzKsaDIMh\n89RO\r\n=xJ59\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.2.0","@chakra-ui/utils":"1.4.0","@chakra-ui/descendant":"1.0.9"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.5.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.4.2_1616308510831_0.36340695368338416","host":"s3://npm-registry-packages"}},"1.5.0":{"name":"@chakra-ui/pin-input","version":"1.5.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.5.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e664277f30c782b2c41d6056d66937a67479e623","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.5.0.tgz","fileCount":21,"integrity":"sha512-3qSORmfO6NkLyyMp06aW9q06sWyTtn95/z2Uht7Xr7Ebyrr5ADWiiTm75ztVYDYokHcOkdcldAQuhedNXEUoBg==","signatures":[{"sig":"MEQCIH/lQsPwDyyUD6Xa536eHxSOnl9JDFCFAlEx+SEZRGYiAiBee2zAjYQlx3iMKDvbZMQBSRi0irnC2cpVn/5ujv/zdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":108971,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYxi7CRA9TVsSAnZWagAA3lkP/0tjBOZhEc/vuD7AUXj2\np42I3WDPELiX/CxPndnO7Kfziq4UxqQHJqeSz4Nycan07ZKWS8DWKltkTw0j\nBFM+dsUUpKeConPB8pXhnZsj1k3h1UK1x8BU36Z0LUg42sPe2kaNGE/cOsfC\nXbIurkU74ZEl56/NqQ2EEXBwt8x5ieO/bHilUrM7tlSIJaP6GR2zABhogO49\nIjo9DymG54HkVWf3tNb1OnGrl6kEn8pg+7bQk52VNcGTUUzWm04tv+GRQ/lu\nfcSByGlqzI0UTC+SjL9BX4MV4xhUlLpi2UPDFFUYxsTXIIYkHlKyCxIe3LMh\nYp4vZaYvMTYQcgiEYCOGCkljpXwBSgenXj4zfibSju0NfOP2AUKuQ9srd4fX\nJshan8XqmmrV5Ejjm49Y9MraM3BkeqJNjZOmpt26Y8RkqCjVEVdOynyO8Fvr\nRPW5sTAr7YFnz60exvi8ZdHtiLBpUh9zpszg7c1f/KpL2iu4thBOmCqUaSBV\n1eFKQZB9oErvWkI0iqc3PBfXxp6YGLA0MPBGtgqvxqXJx1v0lOXvgqkvoei1\n6x7JZz2+j8VqF3Vbg3OXkJLZdypMaz0hq4IpFjVtw9IuCuCJm14A3RtNE5IS\nyrLxW6PjPVaZpXRTF4xlJ4YxqAb5TwY59MQbMe9cqAOnZ2KlItvt8B+7F/Cc\n2X8Z\r\n=1H1+\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.0","@chakra-ui/utils":"1.5.0","@chakra-ui/descendant":"1.1.0","@chakra-ui/react-utils":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.5.0_1617107131322_0.3397926388789403","host":"s3://npm-registry-packages"}},"1.5.1":{"name":"@chakra-ui/pin-input","version":"1.5.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.5.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"a5e415734447f0d8ad6e09d423f060ffdd1bed14","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.5.1.tgz","fileCount":21,"integrity":"sha512-N4edUiY+SUwHl9NBmPPvqJE+o03xvl4k2qieT0A3gaO4y17A2eIynggzv4FpWbedjds5Kg4Sjn0RJaMFTwL5Bg==","signatures":[{"sig":"MEUCIHNpRKt0EPEj/BOUiUx5apFaT+g/mQqECPhXYiXHPn1AAiEAxRPgCsGOwQGfyKeANHPvmX08dv4IuA8Z6zGhpZYwZHg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109460,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbcqsCRA9TVsSAnZWagAAGvEQAKFFcAnSXxc3KWREylgl\nqohjDd0zikOwkX66/F2mEN+7lG/lvImXX2UjWSmnJjlfQXDiqQTzmjNXLmSE\nBMnwFe9JN03+hN7AFyVL/QwrUhhu06RqL794SXIMGQMXxSR7TrGLCQPRKMf/\nUWbwZx3EddLPCRlUg+DAED1YCMBGjB0OdNyqMJQVtSWuyqDJpEbxqvoFGipG\n3xBkAxmiR8+FOBC0iUBBz24adYulTf7kt3i7iu1q4Lb54nGHcptCo6GFWL7W\nHdpvf2UgjCuJn7OBjnJvAfc4mkOQTyyD8d4OUsdRXe5zatPgCKFt5+Lb57sw\nHD9BafqZUsuLdHb10iCKI2bJGZK8sTuOv+3cB/sztmDaGAQak/v4A4w5xNnc\nCV3zBExfuhTY3pR9m+f4AR6x05nasA3XApyYk9ewxyyUCKybMjLBwraArfvS\nRpbY3AaV+Qv+FgW5kh6m2mtcQ12naVC21MOFEB+9sbFzVfrFtvHtVvAVJoxs\nGAVKMKIQhHST4galuxwL4lNwbdfWD4egZxZM20mnYUzKlxvkugpTD5wRD0SR\nDRIoKO5pz+LbuOC+RAEW18mPK79ZOO0Twd+rS/sH1RNzkyRQwhjc+SV+Twdc\nFm3i4UV21vL926JhjJKQatrnLwtA34Wrv9goOzsPI1zMU7wEwzKs0xFrREkL\nkvUM\r\n=eWaJ\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@chakra-ui/hooks":"1.3.1","@chakra-ui/utils":"1.5.1","@chakra-ui/descendant":"1.1.1","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.5.1_1617808044361_0.5465430915613125","host":"s3://npm-registry-packages"}},"1.5.2":{"name":"@chakra-ui/pin-input","version":"1.5.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.5.2","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"f85c6b699cca778fc2786303b8e34bef699da7f9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.5.2.tgz","fileCount":21,"integrity":"sha512-Nw3lOqdMZEctX3vG6b/x1W6hrTTrUuSsrr95NurMUDI4qEFU3q7MDR2NBE3ZvhGi8sqSfuC4KRMKvzNSgkTuFA==","signatures":[{"sig":"MEQCIEuVmD8KOSUlKn//sUeWXhuvnNowXCqnPRUb5JGE6nA6AiB/DFmZjaurdsdXJLD1LNqhGhdn5aOSDlIGpmB0J4nfEA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":109811,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdhcyCRA9TVsSAnZWagAAnc0P/itJ3VZA1ZZQEobLoiUA\nghcKU2x4eMf5ias8w5NTa6FgpLKxN+RHXkZ1nVXf9lcN0M6XxP/JV/9IDrBl\naPf42nOYLYD/q1pJuzFUHLDyAEXCP6qwgqRLi2FyGlxPowDvqPr3OYYESqtP\nWk6bghbseEwysb+U42Y/8DmChJAVvgbQyq8ZqeZ/Qoi5o4oP5smiZNxM6M/N\nzBD93j7WysXoGpyjntxeXU7tbdBpQ7GTC7JLZ/HN2nsBRcYJutnHXWJVvkVw\nBC6wQOu3rkrfmho03qjqsgIqklhK4yoFfR6MU7uMIb9DdfTcp+IJg+j8vt0h\n9j977tDeROrqzYXU04LOVhAIQRwDqOMXrsHSTBlP9ueYH1XMBNXGTDLYcyuv\ndv/Dlqiw/2pRVrmVKBMy8TscQiAguzSamHSTNDf2KOJLMMxbK4MCAZCgoGSU\npKMoLp7AzdyXr4Ka4fqJzdUk6RGKaWY1i7yQOT8vrz3wwMuFID7u/wQw4/do\nSx61ZkRVWMHILlmrh2HmH0UFMn42QKvh/Dj2KFZplDe66XhBIuBxcgR7s9sM\nNe9+Tm4awPSEY2vefSKVEBOkgm3F23vayRxrpX0tjW4jN9powuGjTfCZHFri\nb5KYxFdtETIEIC0tL+soidMHvGHjZwm16g7aOxGa680SGzaP3ORfALNRVuMu\nS0Sb\r\n=jn59\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.0","dependencies":{"@chakra-ui/hooks":"1.4.0","@chakra-ui/utils":"1.5.2","@chakra-ui/descendant":"1.1.2","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.5.2_1618351922022_0.8568582291527869","host":"s3://npm-registry-packages"}},"1.5.3":{"name":"@chakra-ui/pin-input","version":"1.5.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.5.3","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"0a4e2c32edd8ee23c174f0733c3836e63d0eefbe","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.5.3.tgz","fileCount":21,"integrity":"sha512-6RI4r1UGBLpG7VfH8YXn4IdhRVN/ABnNNOeAZZAo1Pr78yYFMGONNWZb3y1fk2kkbA9czChPHBwmX79rw8wqkQ==","signatures":[{"sig":"MEQCIBsFjelMI2D8NcGq7eC7KyAXksWtMMWD4risJd2SpM8OAiAhWjEeHSuUBaVqXRuwx7W1hFauecLiOxRBKQ1nVxDWFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":110267,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc3mCRA9TVsSAnZWagAAavoP/Ranm4tN+j45IMVc6A4O\n1TbG1IsdL/yTOrb86Pf/03i+/ur7j4WpTFMXJ5I4owSFc6fHuuziS8FKb5B8\nsrV5fpRgGMJk18xnVFsipxUOIy23lXfcC+udsN0OjG/PVUOLboiwvdLE8RwJ\nRELlUVWBcdPuyEiyVGKzuhyGxRZOh/qwp0Z3y7ZhnR01iK8HoCd7xxvwdi7M\nWjMRCt+4+d66wc3HSt2ok6Xa7TcAXsdZ258h4Dws8KRsomJ0w1BoC6vaQ+XH\npzvTeHF5gnrk+afnD/e/3UThPQ+WzMVNw/VO74TYbBu3RilAbNgV5/OgEECm\n5F6Ct7X/73c9/d8H6OHn+ViGykSBPab6jzZLg3+lyvqd4Ir+kGd+U3Wm0j49\nt6OcuNU/cNqKeLwj/30IW9fmo37QcWKXz121RYOaiAo/1APpbYzSqGPcBZ0n\nic7KwxVs5MVJQbraI8hnG+946J2oJG63G3XZEBDtisSVQcvmuqNRndY8XIMv\nMblvc+XAvnWKUoJWHJY1DT1PKKurWd2ZpN5mZoCKZ0rVuJ157JferrFe+ulz\nGnVYWjigu5IvMGsWZv2JZIUqwoBH0Qwj1PBJI1pjZTvHuXhNLSZqEuthXXQE\nQ3USOSdtQVFGwD4hrX+CPKqiezcUlAdFTWBb7t1eLy5bSRCm2lM+W6jZkcnJ\nLylA\r\n=CVaL\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.0","@chakra-ui/utils":"1.6.0","@chakra-ui/descendant":"1.1.3","@chakra-ui/react-utils":"1.1.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.5.3_1618857446048_0.9835128266795157","host":"s3://npm-registry-packages"}},"1.6.0":{"name":"@chakra-ui/pin-input","version":"1.6.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.0","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e15339f6a760a5eb7a5151d3c4b5998fa2860d6f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.0.tgz","fileCount":21,"integrity":"sha512-Pri6lD+APiIkDkWvpgdFFXy4PzFj1XgxbvlmPUlafo97EwCtPSg3QWtOCdPWKtSpWMj1W4X/ZIsmelm/K9MKkw==","signatures":[{"sig":"MEQCIDft16tF/85DJC1qpqZzl/F0OoKp0J6xQgHfVRdNn2LjAiAGu5zndFPLD3HSFv2pZsh/kAwoWBnUAtUYxs6VyUOAmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":96735,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwv9CRA9TVsSAnZWagAAbUUP/1UrzEbAbsQCRW+kbimN\nRngyvrczpjPz/xCKC7Nt/OCr+Isj/cc4VyDdYO/ZT49IjVberjagTbdgC84F\nEyD1ug8WCKbuqQkaDZIAGV/aZGr2lsPedwXRNCQK0iK6bzfVjcCwvCfBMk+C\np8XAQ4xC6Ally+jQHZNWqoPY0T5pvPS23Jfkk59evVCW5bK8QN7XWwCoJEpg\n4GtdAelLP/uuebdbHyF0Bdiakay1mfsg+2JFcpsqok4VWkUrZf2WOHZEnIhz\nSS30lI95rH7P74DVLp9Ep5lVPJOzK1wMLL6BHLK5mz+eEJDg/Tfzs9MgM5ru\n4ZdueVvMLN01Bdz1nB2KkSIs2sWpdhCDrTYqaMrpPWQYBsk4thBDvCeigoyP\nr/d8rVI1CDieaKTTVpLsBdfV0rue0eXhMunTZBHnqrSxUOnfaZ91fGJWh5gQ\nInP4f9YOmFnnocolHxvd0xRcjMJ3eb0ApjewCkjMHS+HskG/yAesf3GrAUMp\n12/uakS8AYIyFdcmA1ppI1brCxCV7IvHQD31On10Gm6QRgi1sTK0hhRdmk7T\nnjpOL+1fxXKE6+Rn05g/TAldVl7aTUKAKjeFYZ4hvEqn0F5ULwN04OGhY3WJ\nl++GawAOl5E6udarkK0bC/y40xTwwTDjj+wNV3HBgIaIhCCpgfr1VHu/G952\nytsU\r\n=bLyi\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.1","@chakra-ui/utils":"1.7.0","@chakra-ui/descendant":"2.0.0","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.0_1619201020738_0.8416161134899229","host":"s3://npm-registry-packages"}},"1.6.1":{"name":"@chakra-ui/pin-input","version":"1.6.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.1","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c86f0559779e79b789268c113f3f950237e2cffd","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.1.tgz","fileCount":21,"integrity":"sha512-phgnyrbaYysuvv401eozqdxk5aw5bnlZnw9hFIAkA3NqngBuvAMuZlM9WziBUQ6URX7lLtrvtbLPTYrOdMEm1g==","signatures":[{"sig":"MEUCIQD8zVdMx8ps+l9590BA7BoVr05CLI4Ngb08wU87kkuqogIgH1/PbTAxdQDZlnLVb/u6zkdPOX53LEEA++pKsdxRbSk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkn2wCRA9TVsSAnZWagAAkPgP/0dZAaRfsigEHCod0C7j\nb0oNHYBNs0EIW7cv/EKM54EkJvTyB+sh2absKXrTyRfz7co3uABZxOx8psS1\n39RVe+wXBijgxXh8igQFjFzmvPdA1D1eIORpq7xf//RAUkVhkv1PxEcIiumN\nPU5q5HAovAXRknDovYR5qGp+PtqyKZMSk7en5O0j3ekgAAbWDZ+rsom9YRmz\njc8PyS0AhibniC/aWbK31prN2lJ3iN3nVQMz0Wd2ffgQre0ajNj8yy8yEZbr\nsKQLKb/y/4GQvZ5pg9x5tpHM5HKenjLnwOI0c9T0R60/v5iZt1XiPd3OkrAW\nJ0L2hg5UVl99zgZ1eTI/tIrA1rtU3qS00gE72gX3aT1tq8fL6EgFl4ofvjsD\npwDbdHqSi0KL328sQutzi5pgL4WsUlP2CCR/ttao4vWHGeI/kxbcRMRhkgBd\n9Z/NWjDTh+XILN0nrJYaHgU90piVMb7I8FTm2of4nydGID9yn93atrhsVjpN\nfyQYghe3aNibyDikv5HcRZ/nZ8HBgMriHGjvf7iAYn5CUymYks0RqzL14uZs\n1AqbT2QjVkr0+Ed3DDQm/kZ1T/dyP0cE2FcGjS8PJQxjVrYDJbEWGLl1WTvE\nscEgC7IehdCfZgVWxdkkQDpMgRbZFi8LABft0ShgcYYsap1824DwiUnLRohB\nSKtB\r\n=hWE3\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.2","@chakra-ui/utils":"1.8.0","@chakra-ui/descendant":"2.0.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.6.5"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.1_1620213167818_0.8286261884588302","host":"s3://npm-registry-packages"}},"1.6.2":{"name":"@chakra-ui/pin-input","version":"1.6.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.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":"cc489cdb05ef5fe49d2cd361b3270b3a2bda886a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.2.tgz","fileCount":21,"integrity":"sha512-E3eRuYmLEiyRNUui6OTh5blXD8X0jvqFYl7Nc60g3Sqwux2myiBkFBSflNPl0CPFkdBg2OpzwPglHQsW/dXBHw==","signatures":[{"sig":"MEYCIQDIUOjuHV40vxyKVi/uB7s3T43KBne7pmrBSY9m0yAZWgIhAJTfcdBKBvmiHXewQFPjnY6XVPbmSUP3LxZH2OfmGG1H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzNn0CRA9TVsSAnZWagAAyV8P/278jLC/5VJYpTUaU9AV\nf+8F+vpeqsVk9UaExssvIjsGVYRUZM0EIOezjFSfS78poprFWUpDuUKOXPBo\n6MussZopJcbHEniiFMIgrFWIFDc9i9GQ/LOLZkC7F2AdzpWTv9d0BaY6XMYD\nH2b30V7nAXBF+7jThx6uZyVE4yAFfs34tguMNIxz6irI4JhtJ57qUEryi1ig\nqImf2jEozjVTsTTFSvup/3F0CyTzlRrOIvzfdNiaqwG84mfY3En0Vex55578\nT/pXnvp7NZ6YIG1rVKGR7NDQCsKPkrgrlJT+hX5K409gfmEuT1eOY0PCGB/X\n8Lv48lPTtWOX4eB63ZEoBAYZrxq5bYuRBJMWb9iiPlcG4X13+TqB/k3G+cq5\ncTC4HfgQqGF+iMoT9jCtfMUPDeEy634xpkB7JI1kLhqN6vweRZvBiKrOzAgi\nPDRuYCBNJuRay3+lErJjXXijaW//KqEhNUoeMDfLCZBr/0QzM+6aLBZsJxxA\nF/cmBPh+yUhkPmqZU8oQ198anOquFmoRHFWVz35qIeVoMyX1BUCEudF+aS8C\nPkEqIpe1GwBNwZIFOSaS1KzA8jER3eshmxdJTrMIvygDu1Ls0HvmrtyBUkBA\nILU9ZDI1cObknDoqB0M89N3ubZteqVMb934RSIR2gbRHgOFBZ8qNl/XxcLNz\n6JEz\r\n=8aJm\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.3","@chakra-ui/utils":"1.8.0","@chakra-ui/descendant":"2.0.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.2_1624037875892_0.8178732964789492","host":"s3://npm-registry-packages"}},"1.6.3":{"name":"@chakra-ui/pin-input","version":"1.6.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.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":"d996babf9007708c1f4fb226ab2bc11d1f34bc26","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.3.tgz","fileCount":21,"integrity":"sha512-BZYNUpcwagjfAr8olmkZe5aQ3e45q4rwoIwWvHVb39KVvPP3L7jzLFlxzoncoxVfBh9hOEztg/GeIeN0arLtLw==","signatures":[{"sig":"MEUCIFv4s8xLLOo7iVFyvB68h+lE2LNRzL2MD64bjy8tqdPdAiEAsmc2KwuutERgakrOs0ER6lWdpH49LN62ORW8f00bkbs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97850,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xQ4CRA9TVsSAnZWagAAQAQP/3mQ2LrMTiRGAvGu9E/M\n1+gIKb6BJ45eKfd5sJrwpNmxwthEs1XcJAvvNI/SR/rR76CzVE9HhWYjCxyn\nDjsE/2hD5qj3b7zwo6qu+Uj5sg7elwhQZojbHIzxFtnKgKflE4RPt63gnZ/s\nYQcg1DJBwVrwaYyoCNEqtspm5e3UKgZ93avVJ6rzgoMFGfyWQk+r3P3qeyLW\nSVz8duxyUMDB3S6XUwFrEwgcy3rp7hqBqeZyvbNL5iwRjHTqxNRpC4qdp36Y\nwVvkYyEhqGn+vzx+15fEfi6d5n5RFIKKNwfLljolZkDDP64LCXRzFiCk7Y/M\n+xe49pdxuQ5k+sLUcV+2/6kwN2ua9Hx8g0AEURa+6ptljgYZNtEkPAHM9tuV\n1DGJwAQ6CFBI55VN335JzPa9afKDMKH8LpuJEPJ3ALSV8X+HJTWdx02OpqbI\ngkd3MaMSNvMggwrE+5PvSNL2j5nsz9hY3nQaEcwKrsJ5uJn2fmPdObwfFKup\nasQIvBd+pnOS73M8jPTkwyrHyQ9XaIQp2e4eh6TBrj6BISxQrwTygn4Xhy+v\nuylrqmnXiNkexM92f/JyBtB//A0Nr+S4QJcdW4BlP31UJsYqnCr2eK+Mmz+K\nymfDn3oi/ENEli5BX2Y8yRvOnyow4SDxvPfXrjs6sKifiGrAt+yUAOQLpp9T\nhh31\r\n=5Rgr\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 optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@chakra-ui/hooks":"1.5.4","@chakra-ui/utils":"1.8.1","@chakra-ui/descendant":"2.0.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.3_1625756728143_0.20092428590559197","host":"s3://npm-registry-packages"}},"1.6.4-next.0":{"name":"@chakra-ui/pin-input","version":"1.6.4-next.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.4-next.0","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"6fa1d6dbd303dee05bcf4c4e4c00a74de6f29dc8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.4-next.0.tgz","fileCount":21,"integrity":"sha512-9H7mYlPNMosiflXpRjZM+eTnXzRomGTvqadbwaajDMyHwhX3bhslm0SvHfXxhFsPuj5s8r5VtG40IYjdVkIQUA==","signatures":[{"sig":"MEYCIQDf3XWQ+HKRE/NS+0FqhLK5RC0hG1nTe0FjCzB0E4rcLQIhAKhY7lnAiZzTr7yIRFpvH6zA2ze493eg7aP4r1J0RV9a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDFP4CRA9TVsSAnZWagAA2LQP/1Wfp7zDg93IYC/zmcSD\neaMIPSOszUo8MGQqpFIIP48FQhrk98WonY1QlP0VYfSPqFKXYkS0kh5nPkld\nME84lwHSg/DLr4LcYRbRvAjcMB7DgMv9j6QMJG7hImlSfRktMWBSZ78nF4pP\nDO/6+jUNy4cOeIfxhIrKmat6A8tBYpM3mzSjkVQqNcuk8XM7mpEmcG/gr0Cc\n3YTL1BJrRi+Y0G6MjcIdxezq1zpw9/J/xVP0/7ihGhSxH5ZSBRb0406M+mGt\n84kx0yxBKuCLwgX+bOZe+OHp3sXiSA6yddeoBytasU2qrRMWCsNI5+tnIOOf\nijfgFmDizgsbDikmP7n5a+AdmX2GW662Fj+Ct9wmGv1QLMXt/ap4JhqhXe+Q\ntuNqI0UzCw4hOLvuOidafUsVtf3m85+cQTztlD6ptxsC5bk00qRalxc1neQ+\n2O6zsgXJmnyiYdzURxGQ5ZgZI+VfKOB+RcwFt01hK1vNCiRAnka4LHbURqVS\nnDQlafXn+iF3IXF3WvL2XOnMivN6uUUlzpp2kK31UAmovAIWDEQtN3m2lJV2\nLDTwY5+2utsc/HLjttV1cS281Ly86a5xYJkjeBMMwwu/cqimOjOqvbAeVbYe\nf2LD1/Fb4BsT/l6jsoMBapobK9L+f+eYxujOF85+cUli4eGS7+jBWEUrL2A5\nbL36\r\n=ecXt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"6.14.14","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5-next.0","@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/descendant":"2.0.2-next.0","@chakra-ui/react-utils":"1.1.3-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.2-next.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.7.2-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.4-next.0_1628197880081_0.018122768104170905","host":"s3://npm-registry-packages"}},"1.6.4":{"name":"@chakra-ui/pin-input","version":"1.6.4","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.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":"5094d0ada3a8ae65da390daa7d6c5a51a3a6f39e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.4.tgz","fileCount":21,"integrity":"sha512-58y/OsDvcn0mML7VNUaG8PUYLtB1M4FHgtkWfaW6UgacqswuiqENSXtLo0vozc2D+ot5LBVqDab28PtCv9f6Fw==","signatures":[{"sig":"MEUCIQDXhITHAqtFa2klcvU3zwC8ZKRTpWw3jc7dYPs/5fNhzgIgU68FGpyTZ83xPTjiavwLTXrRS3h/cfW4Aav45R2izXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98208,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEQMCCRA9TVsSAnZWagAAtRgP/2xyAx49oigeEcJKbT0m\nLpxIbOuWystYEvGca21IWH1J5KuxfkeR+LMueEjrhuczfWKTr2B8qRnwDM6y\n8MHF3DFIVO90Gsj7LYEQYp2vO9JYrerDuhc4wl5TcOFNFSVWF8RrM9g1fBP7\n7vDe2Mbr8oTOq3Kk7qQ/UjmywOoM/rFZ7wETsv6F/DS/vJn8Wd+3M3JsxvNJ\n8HZeHH/9ZDPLolUq2oLdFsPXi/q5EeGAF/NfskqawKuja7wqC5PMQD85l0N+\n6RgzMPkLXSMVUhJAsNO8lZJoIek1JoIsuV4dj685qQcLr20mymNSh/fWXSKw\n43SxZ0VopX19T0wfCMLTjSDDlIJ4pGmxs0R88i5QwCZmTY7Q5q2K+CRFk65j\nxuvT/HIWYBn5gcavULz1BFGXsxaYDPQX/rwN7DXgUP0Ywj5h4gzaaaeZrDtR\n6hFJ/Vpi1Qov0mbtDzeIAobEEk8Z7GqYcvIhEGLp9o5kpctMZ/wZxhZMMUAE\nL8S8jx3aPUrZn5ygbkvbPepjwxvOZO1wxLi8kzFdfklmLfYd2GlcX+n+p/TW\nNtUU3oiMJB5dsUD+TzXr27X+MEYn/61xz7iFOkrOp3ndyIzeqya1i9aM+HqU\n4Iw1sSwjkU4kmdtwpVM9C5Ma3GWDGa8jVgHRECF0guf/H/ppAnXHncp3iW19\ngxSI\r\n=hzLi\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/pin-input"},"_npmVersion":"6.14.14","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5","@chakra-ui/utils":"1.8.2","@chakra-ui/descendant":"2.0.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.4_1628504834787_0.9628675258625325","host":"s3://npm-registry-packages"}},"1.6.4-next.1":{"name":"@chakra-ui/pin-input","version":"1.6.4-next.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.4-next.1","maintainers":[{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"tiolukaka","email":"kolawole8tiolu@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"48bb2d34798b4aaf66ec23868a17c4b6bfc9cbb2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.4-next.1.tgz","fileCount":21,"integrity":"sha512-7+l5rvXFPpU2DO/MEiDsK3yyuvfihAuO6T7SbB382hxOFK9N0GcGE3gY1kClhChg0Kb+6K5HZu8DdL+Ntt9zXA==","signatures":[{"sig":"MEQCIHkDQ72bIFHYIr4FS3wAPsGy0yP0AxWL6EtBfTyLLSlAAiB4ZdBAlP9oBBiZboemVie5b7UnRBkfOiVM6x8EMQn46A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98703,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhF+ajCRA9TVsSAnZWagAAND4P/3ENWN3gDiqHC0UM2Ktd\nmZ/g1KL305fpo5gSFtR8suTGbQr1jKqVj9e4ZB3JtmsCJmgBzPWgjNWCYbCW\n8KfLW7jzLMMwWpzdtus8S78sG8qy2z7JWhlgi2Y1I9dHQbcQUL5vqMVZ87jC\nskrnBPTbJynMdRKJZw6/XBQ7tBYbzJpYpaRlhs40zwyDgGu0+je4w001V2kg\n3YCf5xG398kiekWo4dlU1f/n+1KRkve9MJpQgFQTbQusBVMD6A4QzlLIaYja\n+ayOUCgbBmhXe+x1dxkY65LHz7kS9gaMkASfnfwBN2IvUBAH/zWrWe37ZYjF\nzz3XwsNcA4YsewMtGIszjutzP55nHWiSaN2BDcoMWCn5sN+/5v7sfxa4KXwV\nPA8ES03SXXYZAEYuot399nqYHeOTRUIRhFb5tm/MYhs3np+YydeX/2EUeIYu\nwT86NQY35dDrsxCSkjDXFoCXR3zDtV9Mk+iOSNS+PeODo7+HuCCbqjRGF6cu\nQ/AOaxaWC5h9MhydzHbS8u89+jPUjjYIubMeSKLFE80C/cLGF1cdRAE95fZJ\nNtFcvQaimnsFrA8nHQ2jwGwqK2Hzt+0/30AcldmXRvt+S1YqV+vWsbo2ZbuN\nYJPzsY3T1JWLXFWizDr6CsHOm+MkVvquKLQ1stYAwzZSS7pwM+n0VPiMBwWS\nrWip\r\n=ZVYL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/types/index.d.ts","module":"dist/esm/index.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/switch\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"default":"./dist/esm/index.js","require":"./dist/cjs/index.js"}},"scripts":{"lint":"concurrently yarn:lint:*","test":"jest --env=jsdom --passWithNoTests","build":"concurrently yarn:build:*","start":"nodemon --watch src --exec yarn build -e ts,tsx","version":"yarn build","lint:src":"eslint src --ext .ts,.tsx --config ../../.eslintrc","prebuild":"rimraf dist","test:cov":"yarn test --coverage","build:cjs":"cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts,.tsx -d dist/cjs --source-maps","build:esm":"cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx -d dist/esm --source-maps","lint:types":"tsc --noEmit","build:types":"tsc --emitDeclarationOnly --declaration --declarationDir dist/types"},"typings":"dist/types/index.d.ts","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"6.14.14","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.4","dependencies":{"@chakra-ui/hooks":"1.5.5-next.0","@chakra-ui/utils":"1.8.2-next.0","@chakra-ui/descendant":"2.0.2-next.1","@chakra-ui/react-utils":"1.1.3-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.2-next.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.7.2-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.4-next.1_1628956323228_0.6102038393761609","host":"s3://npm-registry-packages"}},"1.6.5":{"name":"@chakra-ui/pin-input","version":"1.6.5","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.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":"3121ab53e21e62aadf6f610a53cc788e76fec255","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.5.tgz","fileCount":21,"integrity":"sha512-9UMEjpnMaTKlmc9dBO/NjOWWdVLo+Rw5+LB77DKuV5N8L1ab2AMKwpb9Zw3EMcO2En44EzBzZKaVmxLPVRiGsg==","signatures":[{"sig":"MEUCIQCkF1i2pkqYkOF0qwz6HtlSBZNjDrGwHvNJmPeO9EkU9wIgaomc9JhX8SCqKSLlJD4ZDvGBEJKC41h31YiO/ym+jTA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98395,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhK3UCCRA9TVsSAnZWagAA+GcP/22oIlFutiiNuv2WqjOY\nuq+Dz+RD39FBLNROReYEV62gdEvF5tzvU4+wHhddDWzyVwieYNbt527e0xU2\nUvJbNpb+eovGyImtpRZ6jtHps2dJMF2X+WeAncaLy2WzMskXhmsPJcCsnp1d\nrddumd9+13oTvC7JbApQzTcXfvsJjX3PeHmnI06QARXbk3VLEXs3uPg5nqFZ\nRYkRaEarncywnzY3ACs4UoICQ9W2G1I+ezFKN1D/tMZ66fCNIpcSGXXJOAOv\nbMY/QY944YS5o3qeCJ90XEsCPvIIgJGsYiEsr7AOhKAV6tlmB2yuC45jR/Dt\ns+mzSZ5ogBcczYzzYafZomyGURhLQGPGs7zoKPVcECkaG0AzLIDXoHhgwgGV\n1AAFFtDTE0MFgx7S2kbOq3LHST+UZ3jW5n19wPopQRKaT843idNQ8iUH4Ozk\n1kslM2HN2mCJfiy6bg1tf/fBmBUAl20wj200P7pdHL81mQsaDZBHuueD+iXN\nsaytapNREdzgKSr5k953JxVgSV+pF9K1aSYcRrDZFOA7BsJE1PSZ2+xD/Gcl\ny4frPlJIaGnzLtLwI/Vy/xtCpIYmOj56KUAxU1eUZR0COXZzBof3iKJahXUD\nK4kjZ/ji1TSJQKs8oLcEaZFOVyb0Yj3i2EdJglC3s2bnFVn+tKOnnhPOxev7\nOWIl\r\n=T+lR\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/pin-input"},"_npmVersion":"6.14.14","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.5","dependencies":{"@chakra-ui/hooks":"1.6.0","@chakra-ui/utils":"1.8.2","@chakra-ui/descendant":"2.0.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.5_1630237954249_0.29286924047875074","host":"s3://npm-registry-packages"}},"1.6.6":{"name":"@chakra-ui/pin-input","version":"1.6.6","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.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":"df3d8d4e0678436b45f72fca7abe5590e8f44ad1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.6.tgz","fileCount":21,"integrity":"sha512-c4C4IT+FVIVc8uX4HQLlGdWCE3WqwH5ZBv393ukd7VGOfn8G/jmgOCafn2VbW8TsAwqpvQ/IH3TUbcFI75Drkg==","signatures":[{"sig":"MEUCIQCyhD5cpZ05l6M0ZXgqZpxEGHEBIm1ETemCDLnwTQ9wbwIgKJBOr1U7HIUHOyLFOD3YTorzvgdjCOGk/eSXfeV7aFM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":98822},"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/pin-input"},"_npmVersion":"6.14.15","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@chakra-ui/hooks":"1.6.1","@chakra-ui/utils":"1.8.3","@chakra-ui/descendant":"2.0.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.6_1634254420122_0.29047790949464525","host":"s3://npm-registry-packages"}},"1.6.7":{"name":"@chakra-ui/pin-input","version":"1.6.7","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.6.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":"2a37ef9d5cabd27e648ddc5aa1942c8171bdb91b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.6.7.tgz","fileCount":21,"integrity":"sha512-lt45R03xM5cdKxG7l2uXVnxebxfFaGPxs3/Yj97lZ/yQaG8N7iYwIdPKDH26vAvBZFRZayQJTgtUcJpeK/dn0g==","signatures":[{"sig":"MEUCIHkArws+2jRUtYmWyHox3CF0spS/4r7PAEN6gLg0rCGTAiEA8bglGzTuijqmFkTli32Ia2kMxK3yIIg8QV382C5RX/U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":99141},"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/pin-input"},"_npmVersion":"6.14.15","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@chakra-ui/hooks":"1.6.2","@chakra-ui/utils":"1.8.4","@chakra-ui/descendant":"2.0.1","@chakra-ui/react-utils":"1.1.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.7.6"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.6.7_1635971578937_0.37000864095507113","host":"s3://npm-registry-packages"}},"1.7.0":{"name":"@chakra-ui/pin-input","version":"1.7.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"37716fd9bfb877fe3be7b2a7e70a51670755ce1e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.0.tgz","fileCount":11,"integrity":"sha512-0rcS9RYSuvc0EfBWbg6gh/tym/pyZxUqb/Rk5hu3XK9JlpWDiRAwgbFBFj7PWoCKqQEMnpJJAgkSnt/Vg1mhOQ==","signatures":[{"sig":"MEUCIQDPbabKH6lPwtsid3qaLA/bwhTWvB7EanlCg4PebkCp7QIgCG9tRZwcdRuIGZzBUPEapM7uDSSfrgpLg1HEFplfqY8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":55093},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"6.14.15","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.0","@chakra-ui/utils":"1.9.0","@chakra-ui/descendant":"2.1.0","@chakra-ui/react-utils":"1.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.0_1636649807490_0.0694457768439658","host":"s3://npm-registry-packages"}},"1.7.1":{"name":"@chakra-ui/pin-input","version":"1.7.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"38c3bcf3d32f1404a431ae11030ff7ce5d964190","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.1.tgz","fileCount":17,"integrity":"sha512-eFFc5sofiyion+NxELWfCzD23XHIBDrJcfKKbNxt8jdXg9Ek4mFpmvnxBVrK0DIz6cVYgKY8c364OmxNUf4IyA==","signatures":[{"sig":"MEUCIAje9nrtzCnB/gdSzjTmG04zbKXBUVHGs1qG76KH2HGJAiEAkJh87kHU7fmaEgAaWEC/hw0wwbtmkmReieeuo6G2RvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":76062},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"6.14.15","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.8.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.1_1636746693525_0.18997081377162872","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118154929":{"name":"@chakra-ui/pin-input","version":"0.0.0-canary-2021118154929","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a2e602b2b8e5d346aa2948cfa1231496d79f3a3b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-canary-2021118154929.tgz","fileCount":16,"integrity":"sha512-ulpJWgMgnijKAGzsPCO5YerM0r6nwj0pg7SdTRFjBCWgVwIaqsX5iCmXVDnZReFWDu98AZ5DJttdm9Z35vacKA==","signatures":[{"sig":"MEUCIQDOATpppww5uIv5bA/Eanaf3vVyv8EsOqR9+JNq+BlWQgIgE4UnL4TGZ/F7taXUSiMYHdhJH/yQuNihQH+4krobXO4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsNQ3CRA9TVsSAnZWagAAwf8P/iuTjzantR8KXkbW/aMn\ntR60RccnsrqCixIwo+abm+U1RuIpiMbpVnOAFY5TzZrTGzC54iA+j2FrQGI4\n8dYf58QKieesE9H5bHa4seisX7kHtdYBtVso8jQCR8Gs3EMkCxdE91ISPZ3l\n0Fq1FbL/YJUwfs88G7fr+GJkfRxOLVXdxVsy1+R5mfH1Cqxk3KZ7xdcTscut\nhJz1/ztUmWJjVbmZye8M2p3TnrZqmGymCW2PH+6rNzxVXrfWKkadCVSx4kr7\nlcgScLQvSqm7dkrfKDEoq9Ry8q9UiyCUQDx5TKdZaVm91xC0Viqk6MNiwAK0\nq97PcYO4Q2EebAOpgy32mnusUumy6F/7VTtPAAYDHDE+D4MXq/DyG0x4HXEm\nTWFhTqqi6g0CpJm0JTu94mtDTK6AilEqHMItuG5LSqyJm4dvsn2zOWsvLEY8\nQbn9+4QuOQxiTBs+TXvGPz6/3Gzo6ijJMyTc2bIjfw3LNA9ssSU47l8nff2e\nazoB/Z2QVxoUROfz818q/9Qi7OcxDgujH0AripxGr/GwRhwfsXyF1EB92wNQ\ncZKFP5thfPSGq+a+UWQxZWaOb8j6bQ/ag+5OCjrA9Z0vVW/R51wyCP2VWgEb\noZri8jrOoRp7pWSFJMztNLoN6nDuKxO5/rWcH3+NR+i47NOGCjuOEbJ9crr3\nWxIG\r\n=aO9f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"75e26734137b20dfd350785999d3fd34dcf43011","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-canary-2021118154929"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-canary-2021118154929"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-canary-2021118154929_1638978615427_0.05328522169579819","host":"s3://npm-registry-packages"}},"0.0.0-canary-2021118164051":{"name":"@chakra-ui/pin-input","version":"0.0.0-canary-2021118164051","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"67a88e79a993c9255611b36795d15d6da3b75299","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-canary-2021118164051.tgz","fileCount":16,"integrity":"sha512-9HplfO2tuzTJMhxwvhkSLW3I6n08uGG0SjOKu1DroLNWO7t3BcZkJhPjGSjTXUGpe/Pvhn0oO05gy6phA78KDA==","signatures":[{"sig":"MEQCIFN5oWYE8Gq1bB4dex6U8CcmlPke+bx0CvA6IccIxPHVAiALbp74qVVEfsjWb97aMVehLFClmFd8iXjalW5etkjY7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsOBACRA9TVsSAnZWagAAm+YP/1J5d3bBCkKXPk0Tfhrf\n18dW2mq1WWIo/4qZhoc7rsMzZ2+ngNTx7xQm5fkqzpde3mobmFMwrYFHYedQ\nLkGxGqAnTkgXEF++ZjyTSxpEP4iK63VHlMYqqOIeaztoiimOz34vQ13LZAxI\nyu0pRNHoJQwws13gygKqrIyYm8Z12Jaz+bti+OYAHc2hlcMrT+CN2CzPC9IV\nyRXSQf1r2A4ndo1UjCbW42S0di4Giq/6kWYdsFnCiONVnU+w/Ia3tWStu9EH\nwu18iBGDfEH0TYuHcC74yEXg+yr6dOQ/PvNB2kGs0WsAbuKp6/mP0d2ChRR9\nJnwdFIA7gOJ9EiEg8V5F1TkOtn9nnt6DpTn9yGlAWg3/O31obuT5xm5f/1n2\n10ujb5RmpId/YCCv9WtOm1O60MPJccyTOutmSWCF+nXTVxScVyEqqcWv4jZZ\n66mKnVrRn89gin49YBZPeAv+cCo4mA01U0JQHsuZfmYUg19XaDkxMX8JNRGA\nh9fmegH64mLWfPXX9xuCmhFP+iyF1+iEAIq7wxX/N43GdQ/y4x/2jzBpiDbJ\nBA+afAoduOw3i24e3MlBGjs2e9ykMAXbzy7o76mK0APNd3jGBULNW0wHa/H8\nqjmHFtYJo8AcstvXtEfJQT47rCZVhR58THbm7co1xToam/cHvMHRvxOzcMCg\ncjVD\r\n=jfEH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3a6f4a7ab1dae9e667c49a3441edfa8282deb094","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-canary-2021118164051"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-canary-2021118164051"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-canary-2021118164051_1638981696054_0.11600960893689205","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211191288":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211191288","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"22910dfdd373d81dec4fa3c45da00bda72bd0577","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211191288.tgz","fileCount":16,"integrity":"sha512-gFqWiCZ00OgnT1Vgr73LO3oXfyvh4EorhOjgVTpmciJwOzx5y49h6K2N/HeRrVWz/Z1sin2eFuNGakXvXPK0zQ==","signatures":[{"sig":"MEYCIQDDIiHzv7YUIJsOKvevBui0YPGWLIWjmiWjAXgIXH944QIhAL9Si254C1q1cqN4O7vB+X2cZKCfWiv1br60RArevWhD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsfHICRA9TVsSAnZWagAAU4EP/1IScdZKZGZhreG1ocVS\nFdzSUDuVlgfqDjxLg8BXbX8gDsGm7evw/3B0QThbKPbZRlMCRVvbprmkqjCQ\nifEo49x3VbW6fB3ojHnhCyj1404Lsz5ErMGYvJVAp8jTNxhNVKYONguScele\niLRxIQuux0XbBIraTqXpKL/QyuT0MlwGVD5mkZEygTP1ljtVQbfaOOcK6Bb5\nYVUbGx++z3hkQ264Z/ypkq4JRVGEEYtImJuqgfUYVQZ5/LsOxNJ/BFD2AJDS\nojVDE234/Rx14HF8LOdO8KnTI2OYILVLwXD23phca+49odFhlv9jGQmAn3Ca\nt3okqndP06lEd7uhdwu/q3grKUEbF93BnfNoCBao+cCCCxi9y4+40XAQRN3a\nJsijxk88IKTT9vvAuco2yecYs+4CM0bca21fepf6UYMXjniTQdFe1DKFwdca\n9Do7ePWJokyb8qpSSUD/rtldh/zqBaiMUKBh5nYbR0kELr3GBCRQpLPn6nhT\nN18zSaOHzFnugUAz9iCqT16hY+MLoKZNyFRVLjGhKJ/2PDKOj1xS6w6qHJ3U\nWJ4TSZK+at10F7xCrsBoslp3zj1wvAy9H60Vkw/hRTlp1OIIMKYRbVNrgkx2\n9YAp/jLvBNiaQufRY6Q4JCghx8SvR3MktrIF0QrliOWqrGzD2NgpXd+xzCMx\n5zUv\r\n=H+ay\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"c7ae55690b66f09cf60a289647dbc49c000ef21a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211191288"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211191288"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211191288_1639051720806_0.5737602106512847","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111921327":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202111921327","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"300a5af64f6124a2af4115f8586189769736faac","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202111921327.tgz","fileCount":16,"integrity":"sha512-YYrufz4HPZ68M6J+HVHTVTWf+HVB2mFSK8/ChL3rCPpxwj1eI658vbn3HT4IZfGtz6HrJ7oSe7XyOb9TLxkKnQ==","signatures":[{"sig":"MEUCIHWqzxBYUEBgE9iYcUN+5DibakyQmW5OeWEfayM9sAulAiEA40646vZENmpg+XDw4W/+ZRaOfmfwin2u51Yb+SsDEJg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsm8+CRA9TVsSAnZWagAATWYP/0uhLASQVkMlzicODqB4\nXQnebiOwS/kg0xyE+asfbOMpOSNVAP7mtsICxHqE0iEZ+g3s+Gsl9SUalarH\nv9+HQFPz8Y3Mgwz1+9hqanWbMehM4VzXDLOe3j384/Gkb4KTOIZH/YvkBE/l\nVClcTSCwNc5eah8ddYhCkOM8vhKIW67REtbCO70jYdoWxMq4A1UQ/36BI2n9\na3CVTKCzqlHEuWY5GHklJ1d2y8IXL8aPqmoW1yfhH4uHW+Z6CytGHlZhhYQp\nAt6Y7HQrKjlY+suqRy1yZCZnvV03b/Et0d94fn36joH6WCx/MgwAxYUrn4L2\n1Ze/SHZP9a/6RJWz+OshpcDu2uC1Hy10ZwHKw8KD5ev1BoxK2ZSJUE77kVdx\nYrEAC49z0lMnWSofhqC37yAEUi6o2uMsbMt1YpksX0TmeE5AD0mWTttghULK\neHvj1sBKltSfGUFesVlPOzYE4Vi4MoYLAT6BEgM1phGb7laPy3S0LEsIRLRz\nMpDTrMcRxMzgWE1hRZygZoFR0pdUp1I09cEt0GIM97J93PZfc/SSjzIFSynO\ntuFYno4xEjqMhCTgTy4tuKlvADd1b5N+oPUDbvT8WERyvmhlrNKrq/+etCf1\n44Sllh/DMcjirHjFd93728bIqC/vJVyqh4cZS2HwJEaBKM1jFYk2b02IFLsH\nNE2s\r\n=FdDV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"ef9738bf9a9871141527adf7bdaa944f50b105e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111921327"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111921327"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202111921327_1639083838146_0.027310197803147807","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113195848":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211113195848","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bc223722f315b1cac3ed7ae7983e42a042af4b4f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211113195848.tgz","fileCount":16,"integrity":"sha512-KU7MXy4tBMflQJ5jxeFL5/CFteN68a4O2AFodquI1RXuf+bvv1iXo4688mG+oVmSNFlDYF9NaVOvlTpR4NgA/g==","signatures":[{"sig":"MEQCIHm3DF5vwYSEmWZwa/ZJL/BG4zdXAiMeCaV70PSFM7x6AiANmRXOT8fIIt3nLo3O2DxHxcRWgI3jNrAw7t0+/bxErw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6YRCRA9TVsSAnZWagAA2EMP/AvdUjVrRsdZCF5A9y1d\n3NyVkxLjNIpkpTgs7WvgC6D5OYmCygxvo5rXitb1MfalDF4ZOST5NCGL4e8K\neLPVmguexhod9tP2uIA6UKzfPggzz0RkW4MhIcke5xEqooL3QB9Pl7quyQkb\nuzA31Xj/G6Zjg5x744cFXNU5QlydUkbNNBm5PJQNgAtPF9IWEul5dU7BKm3S\nuS1nLtQj4c92dYzgmYvGPpr62aQN75nssXLYljO2ik+qfzGcNY/KbBbdmYTS\nnNZbfmOKW3vAQ3ZIHu1/ST9+YbPYJVXR2gdlOxS+xPIRlzLDl4mPGFIIyxjO\ndvj1Hny6LJo8e86Lqa887XQAT/rUJ3OlsAg0lKFNOoBefuNLtY7REKxrccb7\n0Otpxpy8TPrn9qAkj8uVrPA3dPqAieoN09m8SLUp+dzCwOF/EwHPed/8hgR9\nNSomjkjwMFahIGkKbOKLZTlt3MdWCTEEPYz9/sfn2v2pvj2+iY94J0myCxCK\n9drkQakFcJDaEmO/U7NamMrcqygD5uvUNFd/2pO0FGJ47f6WJ+P7fGB7rTLF\nx7Ld7zw+RchK4islfQ5zHCfiZ9HuWhHSw6DfPIqxyhMJlxwsaI+mygvnnf9m\naQlbTMQ+O8AQKzlcPzwBp9tkAcAbAl1bPTXOSyS2g1gYmuipN1mIrSc0nbgX\n0/PU\r\n=6fim\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"720158df0e7984b4e09421f4ef22d8bc5017921d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113195848"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113195848"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211113195848_1639425553670_0.34263771373895846","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320052":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2021111320052","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"65916b264a97662b5a3df416298e81961db11672","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2021111320052.tgz","fileCount":16,"integrity":"sha512-3Pppji2QWTk8vwQcf+VnfOnYX2C72IrJeO1cDhn5Mo93C1vWkVZfV8iyy4oj6nVphpzIy6T+j/XGzNqq0x995A==","signatures":[{"sig":"MEUCIQDn8c8aWUL0XnFmXlVebjqxn4h+y5hDWW3iIqnUMn6t6QIgEokDQsW7LEqU91ZtGDiifxQnF5BKHbZXqjlroAkmoiE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6aNCRA9TVsSAnZWagAAgngQAIymKLqNleuOBc7rbxwS\nX0C/iqXvTq5o8/wuErNa7SDZ01HmtZ2xNBRsfn2Eas2fIhOdSwxiEPxfuv3R\n3p6qLBZRbFGzXEs/Cn+ZEWBYQxsqzUnqnxBxQBQwrrWc7ISME6jok4cFL0hF\nDPIPTZY/fSEUFqdTVVWHqjs7vhFhDoC6KxL4poMwUjCi+DKvxqzMIyiM7HBz\nnutBi+o31TudthcWqDJblFgjEadj1Lv9AbOeejMdQWgx0cJsBO4CvNB84ANL\n2HxUyK/L6WsjyCbILXwdfmLqV5voP50S9GEVq/pVT2ex0NUawajZosTEyFBO\nQf/cqVxbvhLxxG3FdPLhHfTMJc9ksyI/drp2NElHLqRg95gPjlEP5KgECIxF\ng+sAWDXQQHu/Rshsje7hEAgv6W52iPtSm6JnovEM+oQ0pKsg9kIu15PE+WFy\nZCK2s8MDeXBJmV0P9FhywAOB6VZDrabKfFuI6Jdk4LXu3djf9cQFyelanPEn\nmmw+23RWH4TYB7QRSqpmA8sCz81pT8HtVxb4kdbD/q6oQM/heh9+h5y4HYGs\n9K9Ycs5MtXJnYj1wRw8YKfjg24Uv35JiE1PMMEBFDrPy9jpyvxJPsg2xtAk1\nPwHvGbngiqaQUkrMfDUnk7Q5/cPWtbgTPaSwu/oHSCisuqH0XV2W+OT3RUMy\nV35k\r\n=i7o4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021111320052"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021111320052"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2021111320052_1639425676786_0.7768826422118809","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021111320117":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2021111320117","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"972e17d72bba58c6c6796ba7da977d5a0bdbcb4b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2021111320117.tgz","fileCount":16,"integrity":"sha512-IsVZTx5AkMQgf81OKxi27FJSFUsGMyoJbzjiibVleu8xjphcNCquY9P+KS9zpDrdtfPNUnxnLHMgJQuGkhUg3A==","signatures":[{"sig":"MEUCIGnHPTERdHGtFnv8tX4kQKsDaYjCfpd0Y8FOluCBkYSzAiEAnEO7hrmIcSDTO3Kpa1Awf/KGox9fbh35CHvKk5Mx1wI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6j1CRA9TVsSAnZWagAAln8QAJSpx9YOJzQIxgAnYwsK\nafydk2b40thfO+PIstmQ2yUh/eX4NqeSo6AiE9TN8YAvSepk2zc9ClFmEqkG\nyGGL7wEi/LANnD+9LJe5uAprinZrtPJ1MCbA9A39+VXhez9sLiRDINl3ttfd\nwT9O2OnBc1qWcFQXxzdM+nrQ9fCpMn2hZKKmcUqDSJPlp8h22AJAs0dKYUHs\nlG9Gik4U4i54FE0m+IEoV4MIgBPrCudcAW228oBDD8U1SjvFzURnbdU5fdup\nYVXl+DrqUBCGGbIDafu96Vf1FXrXu4CeR241zMIhFfVEi3kXS/lTiLYQcebV\n20f1PLlztbwRa9Ot3RHMll1qSUcjs7wJ3fMDkjSfp57il8a2ZfnqfsxWWyOw\nx9ioHSBDjCiHOEFOEwfaGpXPXVHMUvJoJmY+K8pp8KN2uIM5vLtPzSvqQtyR\nr6gYI4+CmjPSQzrte1vtI19dX2k+fW9G6eGk/Bc4VuvTjxXsiCj2geCITNnA\n/NJYz41BipMpki/rxfm8MPJzbezjyQTkr79TB596bYKCfcmnKtdKnlYike28\nIX5NqQgkdJFQK9uewvokN5sotW8L9MjCOFBdFWxXYE7oZusT7F3jD8fjA3+Z\nSdazZWDm9fMhPidNUKhC7c/X9Y8FTtqQJCJXDkWOKJB0Ifd8tossjwBQnZX/\nTN3S\r\n=qZqd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3f403d40620547c166c60c2d3dc455c6114f7928","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021111320117"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021111320117"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2021111320117_1639426293602_0.7197754521843671","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113201444":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211113201444","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5d475a18438d2591be4d5e59e576725caad1ed2a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211113201444.tgz","fileCount":16,"integrity":"sha512-0Vz3Hg8L8K/h2noj6c0wRNbGajQM8eddZPsVCk9R8EJMqDh8aKEtByy4Y8b3JEE41mndXtH03ifzDzsjfik9qg==","signatures":[{"sig":"MEQCIG9o1Tk8dr5d9GiKustjE/vT7sVNahB5+duLgsdLVdwDAiAtr1c4G2sQJJKftJWzr5K8bdVluViL5/46mPMVdGGYCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6nOCRA9TVsSAnZWagAA+6sP/0cdKIETui0gf2leT2OP\nb3KOt2WCmQWs/hYlyQK0Xgz71JSCHUx6BJ2VK3EMLS8zHdroGRXaiQ7Rb34O\n+3OukbshFPGBAHrASt1pPjNRAIpH2giZ05g5oDuB9UMAoQwJcqucusSKTB3U\nitM7EEKM1XrfOSlFhDqixPd6Zk+6/950XykykGFdTcGlr1XhB+TxfawrWXGB\nwwezKo5WkQoc48SHD0M+DkcIl0vxMsm/u02YJRmXodncPjQ7nQu7qmByXCr/\nDfSCL7uI1EWhG07IVjjfcAsGtq4EeBLxWHJsqz/lR/4t9HLHDnRyWgLPcHW9\nXQokFCNceMlldPVjRmZsYmRT39vuc6qeQCpXtZaarPf+6Yh4nwz7Che8GraL\n2XIGkyrI0Jn/72SJ+mlF9fnGW9uR5N+FN485xGL//PYWT3uxV0G7pOvfhhTc\n7mDzkLvqz0BhxjqgJRAK7XQo3kypoH3eZtrVLG7oDSwzmXJrMpnfHIXuR5G5\nZk1awkXL0ZFdJdHLZlWJJue4n4UmnSB8gT1n22iO2Qdyr7RdaxaFV7iw8e69\n22L4TN1gKYde12IUiR/QXcRxNZEZirDt6h/xecFXzGz2IDUHG9+ABxPfbAPo\nDZRiJhR5qOMI+2WTNpk1DrHiu+aPMLwElxJRAx/mJsAQ0ySCWuUkzBblgAKn\n1MmT\r\n=G2NQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113201444"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113201444"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211113201444_1639426510625_0.9243451899003499","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211113202333":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211113202333","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"071493a6a36015f7d1ad86f927a20f51446edaec","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211113202333.tgz","fileCount":16,"integrity":"sha512-hF0wyT+8IRtBSyClIn1k9Bw9Pxnq5zikYpa2xCjAT7FW4UmuhhXuj8FD/AB53i274G5LKFAPMcZqc9T3VkJpVg==","signatures":[{"sig":"MEYCIQD7npDSTqJnDXghmpS6yZIO902E7xRfLhuTIxqAiecdtwIhAIgH/sUYepwxg1h/VnLtTLTqrNkw9bZwfEChAqu4Itrt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJht6veCRA9TVsSAnZWagAAu6MP/iKHdDl8OE8hC7mjpI4K\nAGuYrLPMBp+sqVoi7mz/idpI1K/hGKcbPveQb7VS58FurHO/aT1cAckdo+/+\np4xGhBsVBMfuZJ6FtY5VAEDb9tgs4W8mtShPQgwFXCgSuVCNj4ZPTaZUZUMV\noewPu1DdtfxXehXwfJreTZbfxyxWp7n6HdyGL5/zut69E+2jJgAP4bF2EP7E\nm81sE7dKUdhJVix9mTy9LPHP4vvdf/ro9J4C/wJTFfStnhqHRScSMyV5nU+v\nYLryEaRmyeI6vDHG/Q0tjDV3Em8fBZJIdXC2bHll26pFo9JLRhGQzvD0qJH+\nBEJX400imMWZy602ouFcm0n6GRihvGt2aMV+ihG+Tx4MymEwTYzUXFZImHmB\njv9cWICXlY3rv2+ov91kCRruGyw5v7Qb28QWs8G5dh0ecTFgQ/xUBG18e01O\nxu4ht6GryDT5TO/joDvJft5wSoI1ZWMfQE4BkC1rWP15xufVFP7qLJdwN5QC\n0CM9RgqHcm8sJayaiAU31iKEY6RusRAZNEQbMFHywEXNK5lfbnoOWkLxlcIq\n2AEzAGQII+7jm8Ysy5CYTPcFjKbBLXv2Liar2AIPkWgcvmkSrDgm05qwxZXI\nkWxT/gYUv99z0O+yaD7ISiEmAmG+iuogzMybW1lwDT/Zo087KSZKl9izj7Mj\nQOCj\r\n=KnlV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e2aeac4db4bb3d92a4064493e9878c8414de8b2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.1","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211113202333"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211113202333"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211113202333_1639427038021_0.13800233156434039","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115102948":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20211115102948","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9446c50097da414ec3442b111bf697d462c512ca","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20211115102948.tgz","fileCount":16,"integrity":"sha512-xwc8JHn90VdG3wkHwmjaqv13atGcT7uDCJEs2+1WlRh7u2RytjtRo4GPQsKM4rGISzmZLB0t+F9IVo89/HYGGw==","signatures":[{"sig":"MEUCIQDaH5baZapdcVeUWIOrTu2yFiCNEO6ehdYH0k8VzdkZeAIgUZFAR7bPRUd4UQXeiyYI2b9lheD+b8SG9k4k3yn++PQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucO6CRA9TVsSAnZWagAA4TkP/16k1jqc72Hhdb8d2KTt\nPabrPomtuSSaMKRmhRWlG1mIgI8mHVDMvuiz+WnwgAs/Vpc/4EVePqCozmuP\nXyFC9T0RLKKBrczYE+D5qVucN95rh65KUi4AHFnIuYuIg7PhY5tQpL0T5chp\n4z7ol1NRjGgY7WiTd362BOorNT7hGG65y4CPU0Jm8pHVQt2RZIeQdALt3MNo\nLinpiMOMJX9D99t8qHqke2hmE2G6om80MdaBgjqLlvDuqbLv+CxdEs2+zZRf\n88XSH0BDs4YGWSgShr/sGExIaPVzBnkDUA3DihQeGesfFT+oJBfIZ+kj4VMa\nzQ/3Pr48EAGPSjGfQHfvs+eRAM+R3Kn7kLD9xgh+2NpdL1oKAdCZoHgtBbes\n6Gmei6uM+2xAGrIX1D2+eeAaQhfFmAAYFAyiw+rSo8+2nj/LQC0tIq44xB1Z\nwWue348YOWRtTzCVATiFFKBTOAFwIKAq1GtSZJLgAyhucSe4b3NTfGlmieCt\n+dYW2jN1FHH17SeFap0tXjPPBsF4iMLSODyKrnIKiv0vJA+WjADTKdxawu+/\n31HbX+Eda7cj5P561846L4k4bMZKPJN8RCl9oHvkYDfEBvd35FMVLcdYca3/\nPDroqqIO+KgVsgKZI/2cSuQBweSeS8k8sKYwc90fRSqEnL1vbWfw6fyXv/Xw\nnl06\r\n=owFe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"57f10d884206eee208121c6784633ad27310296d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115102948","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115102948"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115102948"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20211115102948_1639564217929_0.6650948953431584","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103018":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20211115103018","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"1f87a601b71ed64cacdd98dd5a4f3faf6723d657","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20211115103018.tgz","fileCount":16,"integrity":"sha512-5v2CHWI+tjwpVLvvwigJAp+ifhB7fyo9ihRAmymYQJ2Wo8xjuYe3M3mAjwgcpUAIOyLW5zK9R+lkyMe+LQT6PQ==","signatures":[{"sig":"MEYCIQDOJ4b8y+bNx7ENCS3PQxzVmZ3O1wEG2T/3wQIsBTD1mwIhAKRqlIjWc49IuCsc81j3nHu9cGy4Y3BaUMBxCBh+TjUa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucPZCRA9TVsSAnZWagAAeiYQAJgxsnjQxlUVX4DolUMT\nfviyet2HRS1ROjEgA1XHAglJ4ooJuo5PhDmBlW8mYaMoD0w2CdRi8Ab7xAMG\n+sZh3c+VyJ1BQ0/EW8e3DTkbw+zJv3ZefiPpI0ZsMXM1hPVYMEtWOzK3LyLh\nvCS22vHQkxPLH+AGdWTwk6V8A38OEl7fqeXFpPKjwJk1S6/YMY5xvpPAXAq9\nTkSDHjdkNskwioV25DKAWRADPOfv63A/Mlud7vTLA8DE8H6vFxqJT8li2rp6\nn4uGc7kU5OpDVg/dCHEi8NAuq4LiRZOnFCmS/EghbI9HbwSrhIAPjGqbcTMl\neKOxH8RMcEGVRQ2JnNJd/NXn4LFittlroN7U1ax4jiyjPrhaQVQILIhaTuRD\nCfX0ksjkmmYzdLdScFM4pAuMYcwey0KPtG5AE8Mr+QZciOe0OOQHf4ochFkc\nOxfshD+kv9QaBD8Jny6752nOHneIEMRZVxXbQ+3NHn2v9TK02RbybftrhHZx\nXiupocblchz23yz3pAt1NhXDIUspEbM4jKC2Hx1LkVxH22fAjKemgrGsOwME\nf4ThzC3/pIEuqatqZKadM0vrvlBI+c1iz0Y+FnWa3TBXtCXKTqw2dSR4Fj6+\nqxQp/X6CmCcZQQ31koaABzMpBJC7JoPlmcURcoqSv0AEQeCyEEmjtulW8q7B\nqKas\r\n=Z2tz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103018","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115103018"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115103018"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20211115103018_1639564249245_0.7892173148280233","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211115103050":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211115103050","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c6943c3865e0a254e8f58890ad965e25f333acaa","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211115103050.tgz","fileCount":16,"integrity":"sha512-1eZ+OIWoFuBvnKv4lV/ZDPlcY31ujTjMxpY+agqyJbXovX1HBlqM6LsP81WvYUSZ4oB0iWtf5ZnuhIDfdT0mPg==","signatures":[{"sig":"MEUCIQDTgGg4vgcOtqkFiK3DLH4ucnRzaQMTz5TLhCwu1gbxMgIgS3rmD+6ruDsqHvH1OhVC7R5/RJKmo0n3FSBNwdxKqtE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucQBCRA9TVsSAnZWagAAcJUP/1KwMSB6r715321nkl66\nO7UG6MhR42c6Kzmw26YXTFZwJWGyFdPHwB0gs1ZX05jZv299a4Nz7V/x2ium\ntXy8ojnPh2UasGtLFLKFHI0I+RrY4ESAa5PPr8nhYBuvGaJoLuW+JrZGQvUR\notxYK7oFJ3JcgtoaLpGZnMZdzZJzcLaOJvETVMWk3fba075G4hRINwfrBsKy\nk8AWAtQOvPVFWsj61QhOBt2oiIs3OwWEarWYEVfD4GOoYZ6NFacQt8PoeSoD\nbXvorfnFdCIA+1m4D5NXGdetia2vK+SccVJD3RCz97/14juaI3uEG93zL5gC\nRKYp2v8+opXqtoeSg7TL9wHwi2Vm4noLjQldI4Zax+h4nqPZ3wKAcy0TzlrP\nlDWQtNX9Ir0RfZJGXeHmxKZxF7Zu3w7l9cSXctreATAQF+dIuLA4f/DzNiYR\npqbceyHipVme+jwYUE45wOKGd6rpVUkjkD3rL+l8cEwd8PCLB6jE/1+Xj09e\nEDRam8IrHRm758VCEUxEMSWEJGhbzA3QPggTS4DO+EPZMopRjZYhJFJoEw0B\nGBerk1nX9d5En7gZehfassLKnEeS0uIP5Jezx0e9/Sdbl2BqaRYCFFfWNiZc\nSFRsCOuy1YFC3tSmY544UKJrz1+rB1QTbn7CKf1gQ9renc57Su+agSB+z9Pb\nKxIg\r\n=m8bV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"2bc045a671b23b5d3436d9038dfce4c7f75bbea0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211115103050","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211115103050"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211115103050"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211115103050_1639564288952_0.9024429238572544","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211115103321":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20211115103321","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4d212172368699a0708f9b4ab6b92c6aba5f7f05","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20211115103321.tgz","fileCount":16,"integrity":"sha512-AkcUzJoKosyJqDSyMn0vkk4+r9ZxnT6dIwyw9wvYIaSAYwQ655TK1Ah7Stj2TbCrhoA76hSFSLB1qhgk5AcLEA==","signatures":[{"sig":"MEQCIGL3qshBVnNks8r0O9eFjUPfVy1NVOLHFh1ktyDXPcvPAiAETmBBLCvO3OUfezTVEl+u1WJl7dI7OjPAw0pn3gdRSQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhucSTCRA9TVsSAnZWagAAifgP/2prBLO/twaSaheoHckv\nGJCGpuNOtseqEdM2eBkTvQ1wqjf+e1gUk2HscUr3+RI5hmvz0KU1Xx/UAF04\n6gUH6TESD1gLpRVMGKjkG/LqfAXi49lMqomE2ONg/hgcaHrMuATzi8+e80m0\nLa7YKdMdbZUt8Z8XJJ/pzK83vHcbpPCMoJu2l7sNaSiV0N6u/9Ko2SZrsPgU\nt4/yWNPCpWFHgVhaBySdNU5VI9ZbeIabLeo+ev3DnF0Uj79ghsJxgm7b85Qi\nWnMHYuElz2w7TH/Wh5yUbRLCFeLssU4THXfy93v+cJJz6/8ce1D+HmAyfBPN\nK1THFVMIjfYDqnFZR5TXJdj7Zf5jKmmKVUVJsB2WIcQUcba3v7UO2fgjSCcL\ns/Czz8YDpPvrlecccnuU4W26LzQ1pl8sZiG7NE6r1+wNE0hT7sO7ZUlfCtnv\nVPSKLYO4M7zYVv6vgbG7VauCaqlEhtxI275OFQrUK1uE7AJu44vHTG9p3ihe\n3fVkzg8QyeYMSbKPS2Klrd2C8A3ro27N5xmP+rgkSu6GCcsBiKnPX9sPQc+V\nivQpjksbQ4G/BT8oejMeQBTCotaEfENy7519A98NqS3wNVi6ng6SnBJMqKQ4\nl48DZFiu89VeWYcxIjcC5nzwlJSCZl1vUbXoq7uVeqa38ztiSjcnBBJm7qT5\nG1yz\r\n=OcCo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b983e4ceb7c1e794c2b901ce16f12016836d40d6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211115103321","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211115103321"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211115103321"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20211115103321_1639564435292_0.8504307615424493","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021111913282":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2021111913282","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"78456faa098dfd21cc1930e52ac31dea74ba5e82","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2021111913282.tgz","fileCount":16,"integrity":"sha512-0syy1t4iFLcbAeOQP2EHZwCmxtPukL8edw2BO1MBeoYDWUtzW7KCrIL7eH+CvNWh+o1sTXCHOiSwV0yU1WSCAQ==","signatures":[{"sig":"MEUCIQD9RnjfQmhLF+gius9IO1u9zJZ4y21CgpJ91bDda19qUQIgTGo5LnUAKzOw4GVd6nwj2RedNE/q7/yTXa5MBAMQU6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhvzOGCRA9TVsSAnZWagAAs5UP/j+cavWvUfcBfzR2Kbtw\n48AE8ppo44aQqgeWsMTsNsGimiGluSnQH4HRQaK3hChpC6rKA1SUZ0zs6X6Q\nNDkk54ZsdEGkdy2HuQmk/mKhkiDbmvAqFDlUgMV1RzPe0iPLbwtaNdflUN/+\nOGPCRkuubddf5FxqeXxU3EKV0qY1+r5d7zOS97TneNgGvUt4+JsgvO+ImvMy\nqVQwWLEXT5FTiK7rUIjMA5VNj/PIoJEZek5TP13GlFdsETldDJRoenaHDYx0\nmmBfaGmdaJZSUjuwIpYyLQLTqTeAsDN+9CkYJyxIytsBtoZuvSBLzIwiOiH0\nh4geAlvNTklfSkaGwZLmqAZs9q9FJ+QXTk6fov6GecrELT0xq0aBABpGUtch\nmi0AstJHDYdn+2os0BgfO5CM1MEtnmDsu8JpnfuaupBjD3mXWtwe237G/Fyr\nE8pKqcKJnKzX/vufIE4Y0QPcG6z8tERdKMtMYyH9VefKaFCFs9snllIy44tD\nRntLSW3yGxe1ym611R/j5bAxqndfF59I+7q416Utn+dQdpcMuzf4WroIrtLK\n2vyaNsbtMI9wI/d0yf/CChW/YYtw9m9AgbAfOv3tjKE4C1ERiGd7wLcg3CmK\nipSEQg1RdiEwo8uzjw2ynvH/hT5lFqkA787DmldSTX49r6WQu8bUhP2tX4gW\n5h5A\r\n=BNhi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e71186d1580f8a48c8804775328e4dc7266c94c3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021111913282","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021111913282"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021111913282"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2021111913282_1639920518140_0.14059095899675933","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112024830":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2021112024830","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f072e8c3d0e1f138e3eda0d785c035844f9018c4","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2021112024830.tgz","fileCount":16,"integrity":"sha512-sreKgILIBzWp6zDlu1tDx0k2MSmHMUZw93r2Q43ivVNFSM5U9lGHxHZeDkmTTt1E1okODGbqVfxWkbI+ook/1Q==","signatures":[{"sig":"MEYCIQCfeXrOUhDeQPaW6k8g+mPn4eVQnDo/OvPqG/dxo/5kdwIhAOL8ZH1XUczhShbe9xGUHGQXVfKxndFM/2zgZp763wAj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv+8eCRA9TVsSAnZWagAApZcP/jJ0cQaGL8JQAehZzL8c\nQLRoE1jarKjgSkI8ytS55sVhPwTN7W8zmAuVCpmeDdDJle5EZzvfYd6qcJg1\nI3lHKNNBQm3e05sYMBwJIRLFM4CkYTra6ApHr6O2gCn3G/Y3izJB9jx3Z4s1\nn9/SKJTbKmemffm+9GHxL3ORbJWoNNSpDShHO+HqpyYqVBb6GfseJ8zpVxSW\nvEBXvJ5MetvSxDHMvggLvEvjgpDZJtkbXlRvQiyM2l4NvyN50vHoK1r5WcKW\nVuG4wcSqc2TkLKIaGGupbB9RhMqtiS+RNOtp0cBLhrYyNCn01oFZmVP+3oSQ\nxgsNB+ayqtNJJ+OPZsJXlxSNXswGGPRm0F1wAZAQMGcYXA/BiIbnR134ooB2\nbv0FEZdwii7ZVnvexUwETNrJk9C2tc1Nn0b3PZkcNR8yqRyDv+hfaHJUmzd9\nPrTZs6vgmWXsFdErBZHvgKl5jFoEJClX+su30Wrbwj7MflybjeuQSXvdaSon\n9T9GJMVpwBnH+cgUUXgeCLRdge98ST9ywgq7mafDOnZeo+uxFSDah1M/UWCb\nSTdqhxeEYEWXbl6UK8sQlRJHGqDAtm04DZ7V/CtK/VnlckGnauL55ghMnpog\nhkAGUxdLX3eKvYiBbcimxOG7NN5EqSrKDe2QNQuO1wsKKxbRysTi+wT+OMAE\nL6GN\r\n=mtSv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f52ca81e6132842c338193d724d8c6d10135e8e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112024830","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112024830"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112024830"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2021112024830_1639968542328_0.41374110080503246","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031456":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2021112031456","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0f3bfe5c887e79b9e98daf99ec5d18594ac9ebb4","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2021112031456.tgz","fileCount":16,"integrity":"sha512-wwU7cJqercEYOw7TrPBmPkMXcFHvtmSWDHQgpafPxh9swgCVLgtwpxz3WCIw9L22s3E76HtG0wA7kyIDq0pM9g==","signatures":[{"sig":"MEYCIQDZRO0Op1GzlqVG+F0y1MZWt7AIyenUU0sI+Tnr4RzMfQIhAKCr7wl8F95rngrpPm8vpqhqG2F3D/LFTDf4UDKVfDwS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/VUCRA9TVsSAnZWagAAtWYP/1/ZBRd/9ZOZLLdVdGVj\nhSXA7W5niLzVJGU5NABTElRr5WsobwJPOyp9q6AgApuSr8opkwebcua9N9fL\nDRrzNV0BoUgF9XZ3R+ZnqCuE7+cGiPPDSnt6SYaontb5bpIgavufISTNYEFE\nEifbgCh9z3olxQGSzadE2VHArVLNwWpigftNk9veterZD8i0qlsDWv9344Ia\n1VViv0p0c5zyvW3HTvF4VIDi8w/+l0FmJssVhoaTKY+fL03WKg8IEQNJmYmZ\nFmkWhRanfT+mwaFacAFUwicFWjJ3qVWZIVUURz3uBofrKV31AJRVOAnKWuDH\nn8aPrXYomVECDbqtBaPMg2bRxKJCedaQlVGmEQcoAeD6WBQE5UlqE9lbXEzK\n4+jzzkMhYHKbCGX3br6740MsNrLCkEXbckoce9xWDRgatdFe2ZK7cSA0uUdt\ntovWMPofIPGP5nw0cmBv+SuD5kyGEUsRcJAliXZHVYbMcl5KUoFiwUqApe3Z\nOHyD0cwWw+z1v1f86bujkKtC4u3PFjfkbdCLVimpPmgBYq37dNsjgtG2PtXm\nSJDLr384j8AWdRa993TrtPDENVkxhG9KBahX1Xd9SfjwH4c+P8rW8UINviZ6\nDrJBV9obuWIDUbW2nhn2gT5wK7N829rqfMQ729uYIkBlaOgo0yfU8VtTTof1\ncAfY\r\n=AIVi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"9eaa11a475e0c24faa96cbb99d16a919c1bd6f47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031456","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112031456"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112031456"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2021112031456_1639970132175_0.2587348075232372","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112031622":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2021112031622","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e74746fa91fa356e175666d562c0e08cc2d796bf","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2021112031622.tgz","fileCount":16,"integrity":"sha512-0XbSnozkq3m2LjgfmVnVs3HSQ+lvEoSFoyNdSG+LEIRTg1L4bhH2MpNTHcKWlxj+piXxA6q+MQfn+2PdUvzqOw==","signatures":[{"sig":"MEYCIQDpyuDjsv5kEyJ/yyE2T3RoDqgY0U+pYJrn74kiTZOH3wIhAP5lWwB5sUXfQ2dVtOR0sQkC3yuPReRWh8XjQNmgrZdW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhv/WpCRA9TVsSAnZWagAAbg4P/38OUlqFGnVlw8r7Aj3M\nKSH+dy3IWYTkb7lWxYisaoppnQf3ncYuj77y5SjQxt2Ph0uf3edaQBiJmkWk\nSfx0nyMAC3RphIaY7r5jIcMqLtcEaDJq+RKcsALc+G+4XmzvrF264Ot9r4Ke\n/m8Gb9TbuevtDdCEwqqEa851RZy2Yy5AN+lHRX+Eqsq0LQC8X3R1enFzUnCr\nCDFP8++u9islCqgBRkOqM+bnAzoz9KKI8q/5dJ6KNzv1/JG+q8qyB/PPISQ4\nM1bIlL3V9wbEV2XL0Ku5fYddAxFD2gDqc/A2vqMJ1JooI1v65aIHJY8vIXBn\nwg52FUSuTuI30A3GC9Vc3oQZ3yWWhRy212AtKd/ROsP53xWUpF6BHU4xny/Q\nriTq60rNb7HaumS2kDcsWdQr5k5zk3x8tZPTDkVMuCpwmRKui+1wzLuOlbfR\nU0Jj/kxItziEqgOU/G571QvqYvBPNO/kCqktDOCtBmEtMAyyg0V2lIVkOqAF\n6FMJTpf3pXnlsDFFd4VvvAcy1bYzD48HuGh2+d5ZztnkmgkOe1cd88U4EXVb\n1q7Sa8cPhbgGwJebIyiTvrf8YX1oYokMngOxc370SuUsx2QsAD/n9A+gK8TS\n5fntMgAokOGdJGpboerhIk+x2uXVm5HZq5j6dAMRczojjZyu6o88A6ZWbdp+\nEt0j\r\n=bfYL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e6858d2e0f657887b2bfbba959b25eab8cd3e74d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112031622","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112031622"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112031622"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2021112031622_1639970217765_0.6381773162879252","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212826":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211120212826","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bb89e2b3d92029a1f0b1e101fc5f8e27ef4b9225","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211120212826.tgz","fileCount":16,"integrity":"sha512-rIEoQKXrw0SHdsCAEI0CdY76P4gUNxx1X7f78zU8ZzUoFPXzqOL6IAU3ocYUyVwOp9UxKFscYYQ8GVUFJoCfZg==","signatures":[{"sig":"MEUCIQDDERVBDRIEIDEG6KcnDwuwnq8QGghaxCqHuklGzMNlKQIgefJofttT9oO1/9DRgFYuwxgW/LeogrxSeO4qS989APg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPWbCRA9TVsSAnZWagAAyisQAIu/N7kgE+RPr//1Ry32\nQQ2q1m5M29eAjKYp3xw0LlXsBtFzP/Ja1f7SyVmtAmT/vtNemz+sbGFqfV/5\n2Pf8UiYJVZAELCdmIHktbJMKtBIJb4jBzbC/2aWSR4tVYFlWlbBXngkZdXKr\nvR2muU2UpziA/bUN/r4aDoDTGJWXpoOdb2t3oKNBk14Ngtl1qUzllflkXXm5\nLrWKcGsQkAaZUYekLA5cPp9Z3/CcjvfpJXKFVeS6uJFiNaMF+JlRaRhR1NYN\nKymTBln+resJJMWZUUd7Ucg8lc06wh9OyJtEZi/L+cEdv2NliX7eF/Bso5aD\nYamDm0zZh4jzzIgU/ZwDQQugkDAcVp1u4qC0lz36VvHULGn5ASIuuevOjSnL\nwO15+eg0TwX0R3r0WiAMWl8EK6PPDvfy7YQy/BkPwLnj5pIgX2YkyXB0twlY\n6bcxgSRReowEFFItXG2iXFT2YLY02EOQGtVCZWnJsVMAxRc+P6qJZ8ca1bGl\nW1+PmBV1NMlR0vmyzptiF5hgwba9nLRzbe62LwCyHBr7eUei06s8pYmHQwNz\nmQf0E9HhvzYsHcwku9lxJwyk5/pnkOQEvF2RDy1nWTRrP0LV5vJnsMXz6NQ5\noCvniFv5b8GFZP8+ngmCNNgUaP3Y4er+hfRZ6w7zGLVAQANEO30PbZGL0S6b\nbTRY\r\n=RJDC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212826","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120212826"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120212826"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211120212826_1640035739485_0.635960486533852","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120212927":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211120212927","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cd3368fcb1114ce65fb1b7dccca6dfffd9d26413","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211120212927.tgz","fileCount":16,"integrity":"sha512-rWPU24fifbZY0UbyiXpOyFZZGnOxt1fOqXQCB8QtAgDEhkcykzzz+UtLBgw9vrxGC7u/1fmvMw3Ht/M/GMqa4w==","signatures":[{"sig":"MEUCIQDU5ZbzgQsr2LzIgaeIawTZOB8z9FQHC++TXdeiC0mS1gIgcP7ZIoSWfgCn+1Ze5PhTuz7UFHXzD5JsZG5YV9Aus10=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPXWCRA9TVsSAnZWagAA8soP/0HGwkIPHY3yGVPK4alk\niYPK4IkPSsA0tMDGD2uqj7IaQTqfQ9L1tegPrr7VQCFiBGHrilMzZo5IhIV1\n92dklZ5PYJFwuafJIb4ojm6ZuV+FqRHnRdL1WQw3cK4ESp4oAeWDuGXUEUCk\npY3Bbf9G3RMeT8QunJ8qVb0bxnp3uA1hE3oJngP8piYV5CXRH2DNamuDnJEA\nQh8ut6Y0OnJoKLSPwRHZ1dnx0KnCtar9LXB+SjEM+GQKoGmarEu1aEyq/My1\nDaZZ+T9HoyGaNpNv5U62zdQ2yodl9UxHC8pce1Kb9zWGd8V+QjBz+e9J0W9L\n1ll6AIM8FSV9K/WCkrwwVcAdygHnOWwlbdk3NLVIBuELYAiCTpy55m/HMfxf\nNFWIYCXO2G4Cr4OduOYTNVH6/Zmp3DgFS9Jh5zG1O9ZSLgdNoNnxVapnZ6uA\n2P1TRNIXLPqwnVfpDOI1r4xGezXa3r1SjvMYbamoCAcYpgLnLu66ct9bqTD1\nYYpAh2yOduKFAqXJmwvTGWr1IL6m7gEwF+ILvKCrGLghMJdudLktPBIekTOC\nreLQUUck2l5yo8Ekop4Uxa28hUmG8wtio0DIOsx8MCXDddu1kK+rqfIUfJ/l\ni+bdAMFUX3Ydl19YNZa+nU3lHYDygjFOfkgZCM5UZiMibl/CtbIpBeYX7BN9\nVAn5\r\n=ERhq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4c7a616ef78e05fec559ef1314e6c6dd7c123a45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120212927","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120212927"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120212927"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211120212927_1640035798660_0.7937150338070524","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120213315":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211120213315","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"db7ec14420b350c817542db19c6c1c7c97a27eea","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211120213315.tgz","fileCount":16,"integrity":"sha512-DxNxbrtwiyFPK3W9KFi8vfNmcFnE+qbvp2gcQ9TBH83wKJ+wfH7+5RPK2YdT6H7BALBLUS0gMyy6RbeUpoUp2g==","signatures":[{"sig":"MEUCIQCjqvip+I1CwLMhiBKFahnyfb/xhwpfOD2LakSq0OPJ6gIgBI2SLQg0/IPMIlp9mnCL5Mb7JNz/LV4gAEsaAAKnktw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPa6CRA9TVsSAnZWagAA4TUP/3gjCYp1b1BaDc+eC4ir\nkY0TqdsTNpN9GBqthGO2nULv9dy2+jCmUtBpxJ+XKLqJ638V8RwMHHcA3Oak\naUmGLUC7HTJkHh5WFbQT2seEhQT3sJGz6Mnp5ge6pTD0Sy9tScKizZ1glzVq\nOY59YpFGCdobimCtXfyynODkdj0c7qIdQddH75nAhVWKgBGJwrWFgb/Ga3gI\nh1X/uxAen2V0PIa6bnPdEZBPQXXSKTgLtrIb2+6FY4UUhPeoz+7azzN0wjw3\npjLszEF1fhpYE43C5iEp99EsNXAOVrR6SVjhRR4j6lpvRknC8igBou1dA4ZI\n/lAvrF++235RlbqkwBZaSUDHa8jrVClo+a5jkZYLrHYepuabjjpTcVDGO1st\nycMK+EBGzjIgcJvvfEf6nbYlAE3LP/DAU1VXSWqh/CvZBWPLft+HRzuJ7FWG\nm6E9LC2uFmT7Qc2Mz8KbJcMpevurdiWtkVNVTxbTCeiHGLr6nzEo1QIMWx73\nFTiVL3gEmFQW1fZOgJkJdagpU3P6PkTM9Xif4JA+lHb71yuQxvE0LCwtZjkw\nu164L7DW+oBXxZgRR2s3AIzS1OH0mqzzI1MSuFr7bYzaQ2RMDLd3CGObkCJs\nAXK0x/L+lj2nUcvQxwzRWeBomc07bc7MEKyrcy7/m3ykAG5wMnUntTrhxIE0\nqf9T\r\n=EerA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8d66b048a634383c0f4a99b7a5255d1bd0e94fd1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120213315","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120213315"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120213315"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211120213315_1640036026521_0.40601637491388454","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120214314":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211120214314","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4c31403cf37a839c0729941371fdbdc193452365","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211120214314.tgz","fileCount":16,"integrity":"sha512-o89WaAOAwLOKnu1dBe6FbT/o1aRFnxw5zhhMakZVZZDuFt8u3zFrUtkCk+yOfUh33QUWephz2S+sPdCWMvIMjA==","signatures":[{"sig":"MEYCIQDfmrUfHnNYz5IJ7BnKNMtaoUdByrT0vzxBnYAVgNpT1wIhANcpOw1Kq4Pm+C3z6rNhjXpoRgtEjDBjiDhxWX0P0o5R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPkVCRA9TVsSAnZWagAA6iYP/jryp/FTlIASUwr+sh5W\nDeWLdOoS2/RyQDSjsvszIefuLdIITPMwqY9zInSlW/pzvQ9dC144ORyeJcMl\n8CyMErqobmmHuANQG8PWWyQHM26tcgZ9262Z9KN0mqLQ6g5IphmpLgCywu7o\n1xcvscsL3PLzsH9SA0SIGYYfFAlD+VH+DaauQFCiaHDUvyiALKGJ2SW8iy5G\nFi/niNZROqhanDFTAOxCS51Vwk6xgQ+l4J9Kr5ScGKZ9xPPKwTMNlC7pF6+5\n+k9OzTKyIHoGRYXAp1lDw2IdBw8Zx5sJ4fcpihJ8bL88YMAicmafMXituh00\n6M1YR976pBAi9NGnc/gq8cTW6rmkUKcMS/QDTfZTd0fLi3DXjQ4+URwjMp/4\nLs7OL07bXRQLD5Rpg2Hlw8MSRI31yrsS+W6OcVtDHYXCQJN9U2AS+wJ7HnmZ\ndWKYio+jVtCL7YDTgYPxBBrbXXs7a0vu29tQxxX2lRtyugQmnEYzcy3vJOEY\nYfYqemHZ5Ttun3lIjAIRoMzklQKVaaYpbPvULB3p8OHZbnK7tsuuIrkpduH0\nQFU9dvjrH5fri41ZjRs5j1zZtPDAfMAryinPpKX2oWCUzlYmfp//bB3+zKb/\najKskQt2vMw9Nmg5fHpi3wSsZQXEgBI1g9VHLv/U12TqwBt5aRLHBr4C+2x2\n2zaS\r\n=8Qsj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b33d07d1bc611e7f89c90ae40aaa216980618a62","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120214314","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120214314"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120214314"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211120214314_1640036629172_0.6662824927707949","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211120215621":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20211120215621","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ef43c3f175ead35042ca7c1e5590761663a79efe","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20211120215621.tgz","fileCount":16,"integrity":"sha512-x3/OhUUqtscY130rmqxskWAo/KHD4uq2GXqVSUDA/DZHscpXPRnNIL03kXAGzDjUuRCRQlMlyUCKfehjD4mrzw==","signatures":[{"sig":"MEUCIQDr4EXN5DJaC1VQUrxRvMQDhkhTlZuz+008K3L/rBItbgIgCjeH4/bjG6EJbdvGwmcLfRwQXB5MMTfdc2yA96njp5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPwqCRA9TVsSAnZWagAAHG8P/iD3G/AEQjSg+RWQcs3c\nawPkqaXB6Iciy8w4YVKF6KTXhBlsRHNiOrBrO+QS8ypb1IOpIfohgQw0oK9U\nT8n1IFztdJ14WmUgXU0CSIt3Bk0+Z9Gy3pGYfXEEWEOha04+b/wQokFg7de2\nNdJ41fsp825xMh9F+ccgpIzDphIAKUTEjpRHwMQtojgu3l5bc2ZMaE/sJtn7\nUjyyXMF88FNS3Kxv6vr84whYbPOLJuLMix//BBHQbUC4JFwDZeaBs9tqY8Ck\nkajX4STft0oxoc9rm6TGwvxAtwA/cld18yiPPtHQNDOLNeJKDJ2FbnN34F6Y\nYYo4Wb7+UPuFdWO9P5wvt9Onb0zNdrB6PDMAhQwdsXwVJd3+cscaBkzFe+y8\nWc/sO0rfXmeoALcw2LJ2MwBSlx8ckYuVilbHz2qh8AKmdZuXXL9vWP778B3m\n/Vk9Zr2bsg53uYP623Hx+fpLgstEz42K9gPo3QZb0kAKN412oZGzFJ1046fL\nf80Sb6Avg1D1H1fyorbWm7lOWRCKCDf4qJFN7HKLhoRim/PFO0ZErkF/PiSf\nX8ApUeRooPKjJkN4S1w43ZSqLl/MUJeW1Vkq7DuSTdW1LRjIi9i9gDyHaKdE\n8vTG9s6FV02lPZAl0+japzt7+bL59xJJwMHAXocqoU3oflH+HLanmbo1mC8V\nBtSe\r\n=nWqO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211120215621","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211120215621"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211120215621"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20211120215621_1640037418688_0.9787578151504019","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211120215645":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211120215645","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"964b8c778c84a866772f8d922439ff00a52d5033","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211120215645.tgz","fileCount":16,"integrity":"sha512-FawDVb4HPXKy8TtgTfTDQFzVUBfZNABanBWIc9KpJmrjfqXne3Un30kpH83QgUPPBRHnKRrSYL/2T0VXn7kMXw==","signatures":[{"sig":"MEQCIFZMA4OC7PwuBycfnck7loQReRcTG4yL8EhYHsCyo3v4AiAjeEep4RQsszzz2Hlp7ylNHHdwpjUxopKafKETUgsOVw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPxHCRA9TVsSAnZWagAALxUP/j+nfdt4p46dcY93BZPj\n+TCjjiQvrMH0h0uaiVOlyMsV/batfFCXRpjcHthbifpN1VaK9InxoE4nl9mD\nh1MlQ7hZosl8BkBU9EykB4hTjcrd2hd0NM8D3u8qEBJxLve9dLgGyXwnndLI\nAVeZtsJ16qefDILWxfen3fgYuB8L9XQu4rJhckdmQ2dcteKas1r8tqGHmBTi\nSyS4rXCHaRlfyhmiHGCUDw5GEH2Kt8Rjf6qqRLHFpaR8qMbo0OJpdeKng2qk\npk8d8zS7ihJcKPgGljIGav/iozQdMTt8w9vlCMNqbMGz6ZNxdHWBRG+pSR9C\nLPoO0hHdFvhy3l92077B5HvbgE614iO4bChta5R/XScNbd9LchhGUVINuEqS\n5jnIOEXtc892NLJH+P1FF8neEuL89eH1+E5f/bqiTtejo7WYQ8HsmulAX067\ny7Ls2we2ZkngMOCAbQ9JlF354sDRp5wD2HoPeTjPlmVIZ8kT3q2iMELTrBwj\nRNtNuPFZklbtx8BCoxWmiXFakjpAUWvMx7iQJIPBpUM6BKfRpZxDl3bJM4MZ\nIkGPV9IxgzpxsZms0T6NXEhsdDhcsz4yXlccj566Lvwt1Y0fNl+k8hKJxxle\nWtYXEmL/Y4CEntKoLEANUqe+964u/W2op6kc6FySmV4PLRfeyTj3fYUDema2\na/Ca\r\n=ryPh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"96c4aabb5dc85bc41b00bb5fe4e9acb6c75d0364","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211120215645","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211120215645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211120215645"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211120215645_1640037447407_0.8069373603183165","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126151058":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211126151058","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"fd57dd87f94df2076efda79e1ee2bd5d98732205","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211126151058.tgz","fileCount":16,"integrity":"sha512-3Ns3VRJvmCxLHB3XGAoqIBCz1Q1BqqTohfqS4gl690Iigq6c+LbjKVCM7MZ484opCrs2AhXBgvePuidTzo0QpQ==","signatures":[{"sig":"MEQCIF3LENLfPgIkMS7VgdxxXVLi0KJn/T3ra37mCqEUCpvaAiBo2rD1zX3W7Dczp0Y1qEfx6Bx/pi4ZdgOgXCAsJlL/Aw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIYkCRA9TVsSAnZWagAAA28P/2PfyUO1IT0A0bUUmFzP\n5NSoQgThvKJ7ZD9+z6VaDPMdZAj3rHwSqai5NFM1DKqpmJLM4tczZD9FQdQJ\nHhfNAsaoEV7Bcg6u73HMofWBnKyKbfTW2vrErLnOMy3QjN3zu1bzsbg/BbVs\n2gHBPa6Wo7xPQ4X/s4pN7hA6Oxd09pixnn7SJymZyrqzJYpm+9XhlwzpbmsZ\nRK0fXJIpcfKeApxSEc/cl66DE9ZDsvicuse3HfxzC7KgPu0BghcjMmU9iLgU\n317AsQR5ICISv7vH3SrTweFqw4JnNFhn/0eTISiMw9+Pl25Gce+ZZ5qRWlD/\nBMZ0RxVQR279SlFoKkxKy3qMnFX6edYk3Snd1M1CkoZMFX5zewKopbtcWL1k\noHPyau9R/D1dCDs+NQFqT9zCCE7say35WDCV9vlGjvXTMYgsziRuV8MkMhPh\n1cPzhHeld5tInBH5XQlkvwWZsPLh0i1OX2k7ehTxosLE+ITWKftbj3cG9E8X\nBbe8S10A5uajSwCN8guZ9aOs5aMBvXTyTMO7wLbuly6t2nsF19RXJV9wIVJp\n7s2cb3wVeXaef3WFvB46Nk4d8ahkteehPjXDSxg5RmyKs4r819YEIXquJmiy\nygn/mMxQcsGv20yG/+Kc1UbWqgyAUvtu2tUs6HuXikD1U8iTndVKGcRo8UJV\nX1Wf\r\n=kvDY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126151058","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126151058"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126151058"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211126151058_1640531492131_0.4234342174546524","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153437":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211126153437","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bafddd848ef19aa0bd8f6e9716395b3f9c198b68","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211126153437.tgz","fileCount":16,"integrity":"sha512-prftc9c3XHLzJRgfiZIsE7fw1oyFsF2sCoYXHp0epguSdpIDVO3ii3FQl2YvXvZYey2APEYmKCOYSove5aT2Jw==","signatures":[{"sig":"MEUCIEmu6W1kJm1LUrByHKvOxVemCUldbOJssZ9NbIC0ngLcAiEA72MQuf8WbGZnPXpU/VhFvualibjQF/AU9ukqHzmQ/tM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIu1CRA9TVsSAnZWagAARzUP/19R9dKwZ4T07R8qkpVC\nFH7xPiQGttbpYatCU1G3zaCkJy+zVusCXHmR5ujAum8viKmG2PB8/skPxSe8\nUce1TVAF3kdrG84mnNvW/eLapanu+pzfGFnuylLU90S9QTCJj93xHmKwysIA\nhect2FjaBghGrQzOP//WhsLkm2Jje2smr6GkqeNHSwuhoLT9Z6TN2Tpo18w2\n7ySlutk61/oWPkJV11YdIx0jvzEEc7HJ80I3PBN5SdrgeFH/fDNAccoBnxQw\nuXkz8QIv3RUQozVL0F3FovlJQzy4a4XUXdCDRsfe28tKUEEB9z9lLrGK1Af3\nRmOJEZMu5bvx7MyEOpK9LI31wvaU4SN/oeeTuoc9e3j1T/HIB5tn7kOJwZgn\nFzPBwu93z+ARMiup4MfpLdqSfCLCShqsgtUX3181ol6dRcqiWjoESwRSWIHA\nDsqM0Pd+1X3yP2/EFhshjKf9Pa0ilcSSpHZAasmwHwTzejKg7PWUuCZ8oxgz\ntCmIt/KMCrOQPaEHAgFEd7Z4o2aEe+FMJrbT5aRrgMgS1QWrWFa+pjvg4XYz\nKw/xCI+l6/fxVR/haVLrLeMZa7lgpB/XML/Rp0jY7mtnMuzx4cEy1XohivdB\nQ3HK+nigAgT+Yj7h2JtQ4eKqIFE1WhHkWUyHEU+BvYxXnze8JK4aGMCmhVwX\nnduy\r\n=awcs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"813dd6e4e40578420b9934ab54d887e35f77a8f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153437","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126153437"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126153437"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211126153437_1640532917216_0.8879196655074852","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126153854":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211126153854","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2fc8744b1e3a8fbc999769f49f42afe946c0f061","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211126153854.tgz","fileCount":16,"integrity":"sha512-XEBxYQd6z4G+tnOr/MFMRqMmeN0kmqOo2RDnTXe8T1X/TZw89tV4lBkdgSrbsh3lmNlicHgUJDSj+/hfStW9Lg==","signatures":[{"sig":"MEQCIBzFFahAaC8FUTehq6Hn6nTMXpMsJgMLv92HLtagIzMsAiBjaJycPlCKVmauhYNDFgqK8ijLQa4bnVFmTnV92yKS0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyIyyCRA9TVsSAnZWagAAmuIP/RrWhTwfeSRkJ5PGLGuh\n/S1Ii6nPTT4vsnX+5OqC2xL6SA5LL1bwJifTavnitg7Dd4m9NQoBhOwDB6b/\nknK9/GgNO8jcT/uEAvYQB5hxVw02QFxjCD40tYwkso2FPRGhHptNcjuptHeX\ngWt6gkZ+2+qIbY00d8A1BEm2R9WZg3h1wcAQPuCWeJ7Z7soFuevbafVKlRrG\nKTz/PqAIXvP/QAL/hFgWWVLtlgx6Oyk9IbKBfmh0IT0j/+S56MegNNYxneYz\nlcJgWKIi8s7WlA5t12M9Kf9iEvdrT7pUKsVthdtsOfLmgG3VXzjZEjjrNAJi\nUKio75J76FmZdTAm5UUIoAut1AIvP/3Sow1ZPUFwM8iLXLeH693ZqVtD3U/l\nfyvCQpPzGjeyZRdlMlRLXFAo70K0hcRvq87/xcsH6po00lPVryM1xuOhes3y\nxKSX2hvnEThjYC2ucxkT6Ass0LM3IR2bYZ8RBVUctNafPciT9H7yhii963C0\nL/Z6JmrVkXjdZcPFhNb9LB/m/02nxg5+VA5F+psR0cZjDagfEcodHjDA0Q0x\nr6fLojrk2d/dwbVH9W3KWprKIvcMHSXL4hLVdqkLYtRd9LLIu2sIJ2oQWbQx\nRIv2MEos7jZ5xhDLM9SCcMKfTUCEF1HCUpq9IcH3bhzWz0nx+Iq+e0H4uYrD\nw02l\r\n=M3Ed\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126153854","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126153854"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126153854"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211126153854_1640533170392_0.7511269717939661","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126154235":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211126154235","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9a51ef632496064a739520fd6789c3f53c467297","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211126154235.tgz","fileCount":16,"integrity":"sha512-sn4Df9DNTXExciYNVqcWbEkIHGXzWyyRM1ocYjfe/2DoZzFXB1hYTFaKHJKMv8/Ydms7Q4nyz6ikLW7q2YPBLg==","signatures":[{"sig":"MEUCIQDPGNeVLwwSPN59B7ttPHDpGzWnXOPCnLCdD1mDgBhX9AIgSfTp1krFUVh3IS/7CZoHtF7RJNUn/6ALUXC3YtiL+Ao=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2QCRA9TVsSAnZWagAAxCgP/ivA+kayeIGy8jbGWRcg\nOF1tljSrLLDp6KoXd22TOTYUPCPF/wkrNlp1IgTVyJXtlX+kYb1Tws/FGmjn\nbnU9/0JkRkYQaGXTnPpY1y1sk6Fkap9kc7hDivy6AD6d1Ndje81s5C24eU7T\nPz8fRlDk2skdhhZD9kK+CW/uqv+17U2JvHV/sU3u37FQjgxePS7roG80pFcu\n51hS33VAt6IsipP5Pw7xuXUApMTWFRacjZ3ycK7R0Hs+YRMqarr04bkBWHmo\nlhTNeqqLbQuqnXiKyy2K9zKmIcLHcZez85IS5Hnp+HsHAmvhewgkiyYlHPoC\n4AeVAn6HCqDbATSNIwlLCWjkQUKIbv2KChj6/z0d5cpKd5xfNNPO5u0DoaoW\nDd2d+CvJwpl/ViaehsGCWJwwPB1tTvBll/A1LMyhb8MnG0W7xWU7aWZoU9Wf\n08cjq30ySJidEM/s/x8FCPkeUMK8RzeYf0xWXsCmBJAIQK6zcgdMMsGsQ4pb\nyKgZMoYcEZdTW/y/IaHTOtUYm7tuah5rLIio+wlZxLcNETho65jeKdCbThJf\nD+9wkD8AwzjoCqDdUcrSPSXaWABCSMxqMHUsBcBk7VXWzYuNgf3LHk7ZT7Kq\n3ZCkNdO8TOQEf3p7pPPwOHLy0z6ffrfcIkOrguu5Zdz0m4WPCSYHjp2/xGJB\ncBYO\r\n=onVT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"ae6fd7a25c543d089d500e328596b399d85afe8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126154235","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126154235"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126154235"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211126154235_1640533392452_0.5453916491699808","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211126154241":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20211126154241","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"667116ca665b9280ead064e2c5c2c6a14ab91be2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20211126154241.tgz","fileCount":16,"integrity":"sha512-ziVub+x8U6PotAuqVk+F4qS4z41VEv/pmjbHFKCL/Elo/X+BlgRgdxaY1svhdgD6It58Uzoeb/GrV3PiX8mbxw==","signatures":[{"sig":"MEUCIQDrpbXUhqRZh+ocNqw1gDTQWQGkgGYPCNOgdDhn0VfYVQIgVPzBfFxSNIW4saudgqwODzIOqMgdBSxfrnSr226hgTQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57517,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI2UCRA9TVsSAnZWagAANjcP/1J1LeYssJKE3GXkxXoS\nPW9fjmuoCUDITVmrleYMTZ7yUUkHKXA3aC8Mp2sVIr7iY8UIkTwyTaEEOZ1w\nNDJMOqSOWYxL9I/UKIoMDEvX0BtmJOJMsN7zHLCbVtdJG5bY3fG2XEQpP79/\nTkjiDrmrNx0u1X1vg/q6RZUSxl7/Ue3EnMf90RCGiglKjNAqxn0IiAY0D9Wa\nu/LVqN31msC4qGt4EoQFA4SqAtZ3XwoTFzz0gUnkJyYSJ0y8k7hkyO//fSlQ\n0EqFIW5OC5YAInTpjQv6itmM7xyBxDfNUc8DfGyehGmRoUACCarcV6cfUUPd\nf+ttsTyHmfzzbFgFtIXvhuGY98HkbSx4RCtTld8c7CRzLPNZRKOTTG2aXNJ0\noQoyJmFHOefPH470ppovHW13hWDRdpIHGtnTQirq/sksSFz8VDMSnsYQ6LG/\nGLt+QILjI1QUjlkLvIq6rJQfTHOS3fgFcuu2wwGtaNwFeaO9JCvFAq62vbRw\nMs9WFJceWkJd73kTckmCzvzYXRXcpLjaQpAtDVN9xEObdKqVHRDUBAcNr/ob\n6idso3sML9zj2yHSt8RpACzEBSV1hMSbwnAuHNpHy6PelOkYEctFeHHimKMo\ny3UOnCKbcdK4Ix8Gxpz3KvwueePfSisgo+maiLGBdoZlUILJWFfuHRN4rhvw\nV74X\r\n=Nafl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"ae6fd7a25c543d089d500e328596b399d85afe8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211126154241","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211126154241"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211126154241"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20211126154241_1640533395913_0.63856817051319","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211126155055":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211126155055","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cacf30576c62ea03d278460aba7451433a659fee","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211126155055.tgz","fileCount":16,"integrity":"sha512-8cnO2PC1aFmwwe8IJYAilA6vW9TtrIlhwWnZMkuH0D+Y5GJZxog1ZYxVl82sam1yKmX6t3VmZnFcQC9t1zLCxg==","signatures":[{"sig":"MEQCIH4feuHGZCer8siJhJGJ0yJvN/b4mED+U9meujixva2yAiAKU8smAf8e0JgPhaaV3xTWARk4VdgMVZfYwJK0K6by9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyI9/CRA9TVsSAnZWagAA04IP/15yj1KMw+58PKwzKZtR\nqispc2fiTWUzHsFLrRofenJZye7V2mVPnk7lnUX1H/LFv3Nxo3HRqIdGjnKQ\ni6i6+S16xREw3lQwluevYf9v0cpVwy4GJdH5EKQ4WG246xlicCrUQMbGVbgU\n9/wdDf4LkRPF6sDCkbPMx9yCJDKjoBWJ4AFV4LXSmbSN8A4iSHvPvADlHOD8\nFJg/KjGn59mqZMTjhyx8zmp1briF7Op5RpVRD3Cp/n1x+G/xEXJxXpE/eCAw\nbc/HzcOExjWvfSlTd2hGMqOE2KwzTgVICQ9yadDdBrR0DLG5IT2E3pxY7moN\ngahy67l95VDeraoVBeVWyTtNdOka/49ltKVZ4k/nI5N4VSOsuaW2l1Y0Velw\nPLT/l5VJwD+AvwUbELYBGG3xPlUt9Z4xazhO+sGI1/KIsm6RI+rBV7vKH9lN\nXgaXxxUF4ae1LY7iFljUavTJtCzQ4NjniOiYwGc7xYMoiFrSjsHUYiZHv7K0\nKXa74G2YitR1WvpkevG+hWP31eUeDpXMXLE43sGW9e3Pr9cYhnt9lQB+NzBC\nQk0uwtnW4HaEY2ib5Vxcq+QfC6/JNvJx4wvDvRtPTBtBN63ftAAkBTyGSYOs\nD6I/kycqu3g+2xoFCl7W/VbFIqRgKElIZl0jeWlV9T3PECzg8WJIH0XNQMpM\ntikf\r\n=d/36\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"74142f0ba07766ee20c4fb6b11a92d6d69eb49c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211126155055","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211126155055"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211126155055"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211126155055_1640533887224_0.7759552483902457","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112616030":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2021112616030","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cd786db7085f0d43d765c14581ce9fc547ff518e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2021112616030.tgz","fileCount":16,"integrity":"sha512-7k2D+TGoKxx7wrSuhmUtDtShsL2qpm/81HvKlaOz+kIe0LotI0Qtmom2F9thJ3Vlf5KBE1XuhPyZQbqFTvp23g==","signatures":[{"sig":"MEQCIDkB2CMv2Sxh14x1agJIzj5pZV3+qT1M3wHji48DlqNTAiAyESdg25hog12FE/aavGHjAcsX2pyMl1sga5BdODZGNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhyJHFCRA9TVsSAnZWagAA1MsP/jtXTPhefIEFsgjYmyH2\n1UY4i7oJfK++/e9ToHMYE/AvL36FMRodz6P8DKAuA+nD93riCeVRyxE6AxFe\nS8S2AeavvR59dV50mscnnCN0ApfYgBqPjoyKRddAn9mhFZAQKMZbtF4Q8wlD\nLjNIK7tZ37It1MK2ir3wpkDjoFtW1YwT6HoPDMS19zvQX8r/W+aAeAKZuC+P\nYwdvSm9QQEhpcdvo/RWEgDuJlKLtjRTyu70/EXyt1G1u4Cp7SFyFviPqqK+Z\ny1w01yg7r/2fKPxx0Ka6dRzkhD3vLBtpfWMgfXWX1eWtvaOufw/nX7dN8sKx\nQE0OnYfK8VwJMdWMCm0a2I6GUVI0EEgOGfIXFomue7Pxp1jm7WSXEs95AQRg\nwqT/nDydxxxT65IrGcuosK1vAq3YybbOkF0+kGFYOt8+8/S++vejHqbPFusP\n0yR7XsAGsonlVUK65IDILCkAvdM1XcNEYUyZi+RK/xPZCYjLvOLVcEgCqnVa\ni4BmvyrClCxjiPgl3aUlNrFiHklq0BysfMhw75rWPTAcZ8+BFyvHw7yWoSs/\nAdFm5grdPkA0z3QArXCSAy0RsNVs84SdC/WLPsC9gsfSdEU3UVP5XswJhpHD\nZSyeKsh3R/w1MXz0OBWFexmLstge4mAYHFdmA3xfpQsxMyKrdmsZbJwm2jhc\nE7hY\r\n=RpBc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"68bee23eec488c69850f49cb8c6e55c266c66509","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112616030","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112616030"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112616030"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2021112616030_1640534469365_0.7646519134635246","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112821613":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2021112821613","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4356076db8897c67e81acaf4de960ee35b7f56e1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2021112821613.tgz","fileCount":16,"integrity":"sha512-gv/1X3JJuFrFqtDyNbTtpLBU2esFudCUvbv0FtotMg/ZzgTcK0jdW5dqv8QqR4PHOwVK6K7woZwTnmICRMBZnA==","signatures":[{"sig":"MEUCIHwISIgTcf1vhxokk/2sdVrdySyVkDQZuUfYWy+Sc7BvAiEA0ihnAVozQJEggf26Egz1sWITMEID1jRw8l1fzAlaET4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy3xuCRA9TVsSAnZWagAAumcQAIJ77GYLfAW02vMDceeV\n7+y6pd/81Zy9jMT4FTOFVF4/GAP9XuQ3CibftavSEGHfG0T947YmOSP7Hzfr\nVQoIHr0HbTpyK/uaos2PEwe382incW6oVOE7U1VukWO8n/++FvEKNWRDcyLX\ngCPXB2HHJ27/a8iw8AyF9wTC2b4XpbyNyvHqxoB9S//sYuivRRNmWOvo5F2m\nLMetdWhVWrtRkdFSngxZ44JWaq/pvJxD4hIXFYeLkdn+g9SN4aHm+rLyHMzz\nZDq0Ci66eVROU8/2yWYIo+g56CGB9xwMbVkogJat1RuZXL7HGxMWH758MPWS\n3n9lrQ0aDeAMRI4twikVtu5mkDkcMcWY6XN2bqsOcCjmLX5LNWt2sus8FxcR\n82bYVgo5BMfphQorpyC1wr0LLOIM1+Em1v0lusn5iKe2Q0sFpkTrd+YBcs/b\nGlLQkhQm4ZYgUsp629jyh+ztPet4DJyLuAFYAveddibi0Qp/GT54571lpbbs\n18HgEP565KeAaXglh2zmD22Xe6lvTuKHhQZhN+eXI8j3DXseXjmKvV/AHflZ\nhxFe1slxFUN/ge7L1d2I3UysfjpDseWQYkwEWc9gX9jBwTxrIhImcfkSk49p\n9yDelzmGEIKBGIAqe6n+7IUtsbqBPJRvLhS8BtPejIZpZLtXESV1e8Cy1X8q\nZbii\r\n=6GrL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8721c354cc8b43b5dddf82b9b9fa2fde731318bc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112821613","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112821613"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112821613"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2021112821613_1640725614083_0.09315328697067216","host":"s3://npm-registry-packages"}},"0.0.0-pr-20211128215540":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20211128215540","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"202860a17630f5b83cdb1cc2894daab7c01ea4fc","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20211128215540.tgz","fileCount":16,"integrity":"sha512-hn41ypPXuGQOU+sXhUBBuCI/HYTM0ZpxeLAtl4etBPTpMyUIObgGoyICL4l5ppUec+sJa2f+xURKqevMuxlA3g==","signatures":[{"sig":"MEYCIQD7yKHhOIHkz1dlRAzrQOP8NOuzx8o4Ie0HWP9ebHT/IwIhANcFNESzTYZ6AciXynAak/Q7PZ2iMtfXzFnowxOei/2i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4gACRA9TVsSAnZWagAAZOIP/3hf5A3acfIyzNJMR2W9\n4pQMOiflQBq++/jaoNtrKjjBa+t195R7L9G13ZLsN1zWTqdfHLqlhg+WHmf4\n4mDsWF+omeVGQLEWh/IVAk95mPVcLy9aNGwV8Ws0FD20z0JUPH2/VFrvjGMX\nSHZPnnAfH8TCIQCioIlQHFBpoVaUG7MzYZZC0Qrk7R25HaITjvCGtMHUKJYS\n5s47Fhn2SQw1lvSt+PGw/13I0Q1Eh4oEscifuM2bppo2+L0ZAyww8aB7TeqM\nFJ9JCYtHH2f1UhhPmMN9L6cPge5KNykm78gmk3MJsoINGt/9mG9aFlERnY9t\nh8Lzm+LRyHZDYmgATd+j/fv8c04eu1DmM8zH1+IjiN97+fnPKKs/03HKoOIX\nhmf1m0XXkxikpGtpfGiLbkAD5O0s5t3aeAz6546RICFQRXzOjjT9QpCpWKns\nkkO5d65Mu8sw241yntaBHF2inGpCBelr/lYk/4ydCUahnZn8RAIeFuidQZnR\nUkwpS4Stm3SnZqlr5Fs5W+tKlw80EekpCFpmNSDnY9VINRES82Rz1FMT14Ed\nWiSD72fPNeMbx+AWF5WZjt1nzI6evJh8RTgwEzekxP9zVpBrgubNoXiDYsPB\nmPO8rsfFbAgjKgZhFBCf6Av56Y27c/bKqynk1qOs+glHy/eAlRhXziAnWD/L\nR7RA\r\n=wl9q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20211128215540","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20211128215540"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20211128215540"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20211128215540_1640728576620_0.18027772080588056","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822349":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2021112822349","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e3d36a2987ce7fa896b2b8a83d61252619025953","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2021112822349.tgz","fileCount":16,"integrity":"sha512-HsGU8xqoJyeH2ZYQDjiDfsHNsDmmImniKozVCscgSr36EU3K34wefyVXGXWp0IdfV8c6Mj/Z/VFKwS+5CDHhPQ==","signatures":[{"sig":"MEQCICJs9MjsXPTcGlLDmMTuIpygyORRfqe/nEmOspBaex9oAiABwgZbwaEYTt5Uozc6dhLBSgPAHmUYJqyOTcP+BIrI4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4nrCRA9TVsSAnZWagAAxJYP/RZeIUTQeK8gPhKde/h+\n9Sd9V0UqKmlDYDxGq66LuK/78P+4hOnQbfM2A3/qSVrGj4y8opg9KelH5obw\nTxjKOwaFzT4Rur+sFyQE87dVJDAvE2IxbUpjuXo165I1odEvpEEEouplbO/1\n9HXsmZtiVVPAC4AY00Ly2o7HR9tH4K6gUBpgrPFMytXPAuPhHKwcQd+fjHca\nE7jekowKFQReH8TxBJrA5CS/TVeYQyNVpXYEteEhpqflyXWF8fCr+XnOUBC9\nQLydZHcv1b5A/rtRGEWyf26y92Tw8rLrqVYaCWq5/yXVxB3kHv8rIsTueXoh\n3sfLZ/2e06oCS0xZlWQQeGn48KFkvxM78JQOCHAYktLqxn9/0teN+RSErhAk\nNJmIhuvfAixB3auHXuypF0oUjXLqC5eyZ0iSkfcfjAX3L6C1WVccMXwx0/l4\n4VdtHlMIYAEbGpQvxqnuBb1yHNel1+JXS41SKPrQwjBLLmwXpkT+sE57VqOG\njQ2VihonRP4b5AAAPRaBbkQrccIUEhfhgMqI0N3jV+JaoZFy/GilVW1VbN46\nvfU5xUAV4V9Ee6ub2FkDzbl2H2L1sNepghIkINt9NWJj6VzdmsnmJ0M7M658\nsAo2MBDe6AFlOOi5ywrrWl7fJ9KHyygylxw1CDehziPFMRWz3HRO8/OZMk9Y\n3PY0\r\n=8Mh6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4335a1e34cf752d14f9e54805755361afbe31988","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822349","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112822349"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112822349"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2021112822349_1640729067394_0.6032829078537021","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112822415":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2021112822415","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"59a94d5bb6bdeff7f4a9a372a6b8d35288821b7e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2021112822415.tgz","fileCount":16,"integrity":"sha512-AIvAmm1dC1VaLdIDX9ML/xenf98zOZWJVtjjmGVIRVJIqvLndompU+6AtzCBxyk8ePhTJBwA4cLBBBVyzsXr0w==","signatures":[{"sig":"MEUCIQCfQeiOw8VUOIKe6HI19ucURW83ResKrhCXCgNCKplOWwIgbrIhaq1XeWgSuQ9AKu3HbGkfI8b7WDQL1PtZGnLyjm0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhy4oACRA9TVsSAnZWagAAFn4QAIz4vGg3j91gajFQ6EhB\noqnQShGFihhDdO9oWbamxhvelbTNYctqLE+vtFViGAIOGT/DrQyDQvH7ADjV\nPbffRJ52yWbnerGr2+aQ6S19WS5WkpIFIEoImBcchJCw8uKnf/qSv2RKAW73\nGn42Y4R9VZ3RLRxqhMC2CiHyNlzqaKnrGlXv/uX2oDMnV3Fj3HA04gRduE3x\nUHfOMB+L6xtBYy/QHvJJvYV0m2Eznv6fiw9eSYBliCtVC62kd64zlLODU2vd\nuMuIFyAI2LwDsaCg2tnKKVyBe7tVQmTFKeIOQ7d/JYxKp7H+1jiftbqqPdsY\n/t5jz462LuXgyxgFixL83RpK78A6UUpwg4/qWXPQfASMVjN+fyxujvnvLZEi\ntuJmHhCdTuJk8skyaHjc0jysklddjqHqxfpUBkN7CZqjET/Wtc71BVrZ8hj9\nIDMcSk/n1tQAx3DNndToY06TVZrCYEVmqzralAiDFYCHBqoI6gg9qkGXm4r2\njKuwEk3h0eII0N0ozf4Y0eswg6OlMrFBLzuMhWTdmHvP9/ELn+f0/lseLoqa\nZRRfHqgI71UGVS3a1nCMdmodrLgbRtqUBJ7sEf2Jd6y1w2JDLvgITjV3CPE9\n7ZDBMaq9EsOk+DABIRVLONkNTsKjXbCE+H+ObPQKpDMon/C875LDme0KJJ7I\n3Y3j\r\n=Pq2U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7da8a15cddffc97a38ff48783a0ef9f5f0657a27","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112822415","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112822415"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112822415"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2021112822415_1640729088000_0.493061823988971","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299618":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202111299618","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2a750d459f1301a4aee7a126170d5278ea80099d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202111299618.tgz","fileCount":16,"integrity":"sha512-G0BQS+dvZKBkLTEmdKoSx81fWHvXIrPwEJ4tD+HOvOsPzQwYuBY9J49D9dx/4ctFAoQpS0xEGF7G3bNx9xq9NA==","signatures":[{"sig":"MEUCIQCcc+Y6+xP0f9np/4ve4B7yKvqGIN5Dlo9e5E5SYjNcNAIgbyo9O4Aqz9S3BrNIIrr1zWApvZyNnS2O/46BA4hHw1o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCU0CRA9TVsSAnZWagAA3l8P/0wCEYa3AIErJGfty8AK\nyODh04Pz3taZ29yC+WtE0v34PQGPNgqVsNKJKhTt7IeId8FGcohPIE8Ew7r6\n/hwi7+H3jOR3vrU1MOvl7Jp4mPvANYxF3yvMzY4WR1WzpruH3qybzhY16WBw\nHOobhtEyy1ZVUFD71bDvd6r0ZSIVK5Jb/WE0/DaQaQakHxzbMqXmFcnBWZ8S\n/w7znWVigSv7GitmegTOMFcZBkoAZ6ILFq1e8yKhAe6E1vdGWA/yLz/kdW4i\nhoPQs99tUjAiDXLRY2/rAIHfQ7iq4R8Dgl1T9rjcfn4rM6ykW92TAbpyhRSq\nR2I/CmJJILzmBIX1S5TNJ2j+kLBqrmE6PqEElFKCpvb+4o9JKCucvEw0B2F+\ni84XcM7CxXxOyAfuw27qPyqs1ZbhC0muGUhUWC3oVFozMCFPSJiaVK+0MbQu\n//3OPIkCfxWq0fUXKNTPsCzIppQ4gLwipGfgagaR7hwRzYS+bMmS/96BE3D0\nB0U7e0A8b5bVLJBiUAlJ6IIzS1ugPlFpt9e1o4vzUnORF5r/Sf/Xk627Q27x\nELQtlOV9kQGP0BTbDoZqho1Pv49AuRJuSJN7oWkVT6s52x71xbodj5LbXf3N\nkQ9G8dlp944pGf/jUUqYLCd3XaDSXmHA5qDCyaQ8Wv+QA/i+4OIbi4kVjwPv\nK06X\r\n=UXT/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299618","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111299618"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111299618"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202111299618_1640768820734_0.26532277278510086","host":"s3://npm-registry-packages"}},"0.0.0-pr-202111299647":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202111299647","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b58866df6c0fafb1402b6762c30283fdedae58b6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202111299647.tgz","fileCount":16,"integrity":"sha512-aK6VRzWGKf3Idw8j71nkQzMENvb8VHkM1D2KQl2vXLdaQdaK8As87geaWVyKaNlW+9MGSKWI4yoLk2SsGXYTuw==","signatures":[{"sig":"MEUCIQC2XbLBWRCL/+0vchr+Bq7Rnn9Aj2Ge9K8J2gPoL3Hb5AIgaH3QmsP1whr1QgIvmUh3jIvFTuS4k4fJoVZ8mS/bAGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVKCRA9TVsSAnZWagAAHogP/RIonnuv2mfF6m6NKJOT\nOD/BpDf4jTczzADhOWZ/DDKwDnkE52KMA1XgghN0O5gOAaujTjApZqENO8jE\n2y8/XfmeUwbAwn9Cf3sm10xdVvEKEOSJjZQiJjxpdssWJ3QMmbmG6/wJa9Nm\nrc8BtKrYLMPDdTRWpeaxcmWvW7JuEKQCRkeSx1E5CcnOJXYeVuHlLvkXJWQl\nXTxTs6u9SfDeL6LzV/F5MYMFjmfyRvcOSW9dC7hzPu1RdWsPehh5ddf9sLha\neZNeilzaOqDi1pf6y4qhWl9tp/m5+BT4nUSQx9rf7KbFW/5dbeCj6ZIRqpM5\nId5f9MgiVMgmpu0u0UTx8Ek84/z7NoWc4y0hxvf3ymkSozWdsktpD+BXYydR\nB8KaAdBMOnToDVc/al25D0VtwQppjnbno4dQkAakquBq31g9u/kI616nWMUl\n4s9O9uAGasynvSBCCI3CKQj5uVpwFw396fBc79wUw01HSfoOQPSrw8lQQjnd\nqqMgzYAcuZL/W7Au0ciIK7nvSpgD1jNN2eHfpWXoWG1tc0s9ekV7cV8HcxbX\n2DMi2+3+j4Ic3ZtU/ZbtRgtGVUbeOWd0CmANrdYD9JjkWDa4uRea1+T9LFdu\nUNvkg6FYqoGO+figALi6jiMVuY5pHQbzOIiNxmYTdVAly9YG3GZTZiEju182\nHIp7\r\n=oepW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"da42210eadf8b10011fb1a7bf54a3c92dd9010e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202111299647","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202111299647"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202111299647"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202111299647_1640768842039_0.18749893917544513","host":"s3://npm-registry-packages"}},"0.0.0-dev-202111299720":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202111299720","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5cce28f8f54a4a03b428bf0fe5b7791729fc0493","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202111299720.tgz","fileCount":16,"integrity":"sha512-VbBhUfGrNdHJxVzgYS63E0wN/DXQhzZzDm59LowwEInx7HcCrdhbibqmLdQ61vqfVtWooovufhdSlr+kpiZvFQ==","signatures":[{"sig":"MEQCIA/6UJTl3fY7MPOga3r0KOdjX+Dq1v5G2QoyNLLxINehAiAW9cYbUt/r3xB7Daw2Y4TYWtWOsdyHenEAIPxzHb2wfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCVwCRA9TVsSAnZWagAAKpoP/15meiiwH+BO+NP11mqM\nG1ZGua10E1OrOvFKmktNmejM60W+u8yzShWhyg7l8iqNZljOUzodyFzPjA4n\nT4aBAdGWjH4BqnAkRgH6g3Wq8ezlbewxAdKo0B8Lw+4Fc03x+z1pImzZ3K3m\nF3BtOFjsI1ArpzdnBZ16c75p7vEQWzTjL2Y4A2x53mcWf6cGKhYe7w+bMV8a\nE/ZmR+qbsb/hOckUV4inDjBjhoY2bxEeh1sKAaqNfD4O0Ms6K2h6VosXEHSw\nWt1+zIhvGIDlh2mDl4ur9QxxRoEDiKP55Z44d4AFyMI1ytk51qjYCugwbonE\n5/l5rldpaa+PxwIc1GYwBz5OilhfdaT9Q0SGkHHPbHiErDpfynb2zoSVahfV\neXxFehvsVy0j18AHJx58Mjz/0Qf2uWkGXATdCMOx4TqJG/BdWqoHI4BDh/TT\nvIXEfoAQPtKgYWf38w/gUjFsmYFVCvyZK7VSlGFHi5S439EIbEJl6D7M/T2R\nh3ogbKwXFz3DwMncKAVbYLBErqwiz6QemfSLw9H0006VN4v/TpOV4GJ/aT7m\n7uE9QhjTVgM/ko8/si8NidCiB8oyWYfwB3eL2LFtVigmzmO4sZlgaS6Y3S9/\nVzehZM/8tgSn/wSlUWNWktTNYM9x3gaJcwymrnFonQP1ff7ZNLcZxRvuisHV\nemXq\r\n=EFUm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5de40502baaa57a5b1ae05345eea02cd8c7e53d8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202111299720","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202111299720"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202111299720"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202111299720_1640768880862_0.46904546637056055","host":"s3://npm-registry-packages"}},"0.0.0-dev-20211129982":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20211129982","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20211129982","maintainers":[{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"},{"name":"with-heart","email":"mark@chanchan.io"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"cb141ec5cab72384f50442b81b144013a9ad81d1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20211129982.tgz","fileCount":16,"integrity":"sha512-kiHeZSz30O1xAsDkhJ2czXS6RwaFtUICCRI2T+Ldv5xvdIPfQslbWuUF5riebRFamVxuM2cOuDfXtmJwIfNgKQ==","signatures":[{"sig":"MEQCIHH4+bpKPoVHwkPOpsrDRyf8cLlX0six9Cv7YPcAGMKlAiBav1SX64sqs3ynjiud8+c+ZV5J729RTHSvFSQVhm3qOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCWcCRA9TVsSAnZWagAAvxgP/i+bqmCD9DAwUTIpj3Sa\niAUoMQai16nkKJZeHiX4sb86k6I4Wonqr91HS7WCDAlI8n9izjUmAqiNN0vl\nXZDGGoWSmndNoRV5iid6Rj3me/cN9a8zaPR2brTQtrvp7FNiK8RgAZhTxpK1\nmzS6xhpNb1n9/FYwL/LUP52xmy94Gw9OxD7WBu/MSKrjLxSC0Ux+i4tgR4FV\nC9y+vQHDeMBygJJ6qnB7efXBjr9vIQTOhUgMzEsTDlIe3JJRzeG0KxQ3XvVj\nscKmaJXEj4Tc88vF3phN1D0Meg4MRhZtRN6J/4Jep/nVPxPiqPNFVoFdd7SG\nNbAp9umbXMG99ZKiaC0IdRx0eehL08oWcjNdVhgIV01bHzTydg+vfFmEMah/\nbtPPt/whZlR7KRVlAH78v0R0MBHtz4dA8u80tStU+KFj5iOM79p5dFmKEg7I\ncZYSj2WBTWxY9VDEDbdrb2WI3RT1KX39YF5jxXaLgS4JANGEYXiTkSxIP4gB\n1BOTR4ld88ssPjiI5GuxWOosBetbOom0Zf+ncc2Ld1FKsHW8z/BsJAiLQ2SY\nAeBTnfpVrKNd9hTV3EDcXTDLUXz4s7yykNr3qoR+2ig9iw4akh4U+s0lfA/e\nXRKlapAJ3I3j8QEMzSNEdEiX+0rMKNj5MFkcAFwN/y740Cfy2nqPRUKvAkJk\nTHKv\r\n=OzMG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5ac174aa4b53c0ff84d8cee4a1436f48deba0925","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20211129982","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20211129982"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20211129982"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20211129982_1640768924710_0.20037908442526042","host":"s3://npm-registry-packages"}},"0.0.0-pr-2021112991213":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2021112991213","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5852ddb7840c39c31b8eb19df167936c44a3a1ec","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2021112991213.tgz","fileCount":16,"integrity":"sha512-L6vsOQVkzU8buMGGewMBLVjaDZXFAvUf5WfYci69kH4WEI4q8xCH0CD2lKC148eSNyHoa7EG0bVqlkqauoepdw==","signatures":[{"sig":"MEQCIFXDTiutZkXe78fRRHaUcnPQ6/ntp+2Mwdme5sAWwzclAiAZe6IRQX4y11aCrYya1yyuKDT5ilb845ydyv/MeD3w9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCaVCRA9TVsSAnZWagAAWjYP/0wNWFQRkROfPTZ3gcAS\n2Rl0NFGMLbZwtITDWm940QDkWZ0XXHFFT28x/DgXOhooPQMlYlordpsXPMPC\nxHkTlupz8fylRo8PdWJnK05qVcO7UhbwQfaThqltdDbI/4vBoOglufOnaa9K\n3YpsnoPzlGAk9d8AZOWygWYTQWV14xnCY3eYuXu9ssMSG7GKOXpjI6IzONAo\nXYsGaDQH2wsjeDcHWGylPMacszvVVQ9Bd2JFSBftBL5b5kM3lo9uAmjX9dIS\neP6/yp+s5CDqc+sa2ygTvHfQGvfTEd/4sVlIVwfRwOIDPU8TZej0Xinp9cHz\ngnnSszo7tq8xUaS0m8fp+6B4uxYYsBg58rMN4/kO+asBu4ITxjSzGlEVw2P9\nB/1kAfdjp2vzY2OHuTM2FFkn6KNtMLAlPI1/KdWUDvV+nQxpcMGHuxkECrTA\n/OozjuJNcU5xLpOYlgGhe+jBHQlZif8yT9axCbvmtA0Gk4E9iefJ7cz5YL9I\n7NczU8kVUVjvsTuvceX5mHG03aJSETHFPA9C9V7bAeeQDHcw+OFvdQmU/ySG\nPbMyZPdPcZaPtcvHQUpgavvqJ4kXRixr0eBTm6Mi8Hzz/nFIT0bmFp9zcsKa\njwT4UN2G6StU8GEfNPqhfXuTabu0Uc5m/v1r3BY5XH0qgLB8/kAWhkeZKrAz\nAU7O\r\n=jH+N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2021112991213","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2021112991213"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2021112991213"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2021112991213_1640769173623_0.060205121323671396","host":"s3://npm-registry-packages"}},"0.0.0-dev-2021112991233":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2021112991233","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e892389c0f461213d044cf476b9178546747e95c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2021112991233.tgz","fileCount":16,"integrity":"sha512-T6lRcRw0TgBFM9FjaTqwDAcvUG3tcr1eSCi8ub1TfcUFKWz8aqKRwmmjhIMsjGmpPh/fWjIdOJ5j3L0Z7zVjvQ==","signatures":[{"sig":"MEYCIQDNlkZ0naQ+Mby+dtfeHMmhTCkp5OUJtreTJfW0sG44ogIhALOv8R1D5HOLriE9xwqkgYvMf5v3H1CYdqt7HsuuljVj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzCapCRA9TVsSAnZWagAAcocP/0e7OEexxvzl0zgecVla\nv236xI4hWfplrbPWNrxvelm0Sx+XojmjVPk22FYtea3MXbPCMhlVxhaWqCvo\nRiR0ETcTOf+/dSNB9TW5TeKWnmQ5sqO7zimA5dSdM0DCWRz/sWAZ2AoRYsHR\ndAspqskYvRPNrd4VCi3aniHB3fZt3eY+gk57JlVJXvke3vnhZ/IvlGRoPv9N\n0LMI+pTp/wapI9b4GW0p1e05wC2vM7PGvUQUanaLfVR2sfvahPzrhdjwBOwe\nXFuxW2pSOdxVg4HNDnrddBZGq3P2/b4iq0MtBTCEUtGUag99qyEmIb10AUN4\ng9FiYlsN04ZPdKTMk3sMcWQv6wpzdqBLchfjUFi+rri6qCiywwKgULohlu32\n4XaI5VJkpLhT30XG8SBskzuktCh7qvRmJTuJHUcjfHaY8k6asnA/tJHn7cUf\noIKgJkspNqinmfyyZiOSNF+udcUL6JoXeFxmDyc5pgQGdWf1gc9eaCDTR42V\nH3x3ccVZ3vCn9mqIlALuNNEMqbZdX15vxj+5TKxrr340VDSjZcZYZkbdNjQt\nvvVg9xENrlh7lrwcxM8T1NxfzEWEi4HoFtXN01omeDJSdNK32AiOErhEusuW\niUO8tK28NhXA8LWqmjoW4PtOAF7JNniL3iSVnS4PWzWoPdhAclDHEpezOWd8\nsvyY\r\n=lKKq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"703cb5783ee6e0ede26cf366c1f063111c9adcaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2021112991233","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2021112991233"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2021112991233"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2021112991233_1640769193264_0.7136060445923764","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114234":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220114234","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4f1a8754470a6718b514d7c30009cea3b5521b71","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220114234.tgz","fileCount":16,"integrity":"sha512-cf4drBuNm5nDouigffLQRN1quMi09wadyuPo9lmoUiwIwAh1TV1G+7EwBzqFwpK67NCrTa+BzYsJc+AvOzU0yg==","signatures":[{"sig":"MEUCIQDfEx9CBCXGeRCzzAfaib0KbQMBeL9cWcr4nYq+ejsN4QIgLM88Jt9lfzaDjLpDMJ173H5k2TB5E4imc11zxPJEGhg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7GvCRA9TVsSAnZWagAABXsQAJxBJeGDQJMLMQ1r4flg\nf3b25A69L6HTBg0RcM0rf85rAPA5g9ce2Vuxtyr2pzym7H6O/7f+TEyxevCf\n2Uo7qHCN71+QwLc0OV0pTifASLm+SCpJnhniGoPHskdnbhcKqMr7lhX/qMSf\nLaRQCkg62ZPquFfIQCzXPBTq86eqBvtSjXpduQVa3WlXcJhEVzTjxWgORkB1\nxaTNOSl1bTU3rhMN+hxgK7ikPGlmCahOJMc8kPRvWfRS9l1LWVUcJUtuNHcQ\nKrgWOSLV+1p6+PMrgccWGLJL5ycc6f5FjNuH+D8Xe7r8YRd6NpV5hamxll/Z\nCY05LUP2YMvm7q46XDK8jem6hXp7l/SGb7imr6HF+yJAinNceYD3kRDoa5Y7\nnOzEV7oAVymyeib8nx65jNciRF0BaLYlAzTOLzoPwkeQ3H3fNkeH0+RKXYcr\nRboR6ErjE8ZIEjCzHtdRjcVu5vT4dN+cEvZV2Y6LNNjyCZGXclTipSZ1IO/K\ntZT/YY72PDZZGNXFVFdYJvTBDe7SKlXdutRssy3wa8fwl0RaiyQHOTphaIrG\ne4dfzpoGQisOIRvWgWhRo+gc8k6XHneYYYppdswclv0yWPm9ClG6CDenq5AB\nBv8MnW2IgTY5EGQ0Q1Akh3XvcWJuzxeNa4NlzUvS1Lf12CtZk3IYXVFYxEdt\ntv/9\r\n=LXIP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"503ba4b41661a704e0a2b9e115af33a71baa8b39","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114234","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220114234"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220114234"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220114234_1641001391312_0.6831070026708337","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220114728":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220114728","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"515e158f788cd4863e1913b6f933227a9d24c4f7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220114728.tgz","fileCount":16,"integrity":"sha512-6HpbmFDgIU2vxVahk0OhORTcDcPRYEL+QgmFjrVrT8ivsvo0ok6wgpb3uulRwIOYQRwenoCJsKonUKstk5PCkQ==","signatures":[{"sig":"MEYCIQDAp84wg6hYa8WgYC436wQT0c6ACydzQPRKChz4Ke7jPQIhAIFA2yrlE4g0mrvs+uUGZsVK+Jh6ce1O3X/T5WNQHQf3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhz7LaCRA9TVsSAnZWagAA7pgP/2VfBn2sUuNn0IJ76heq\nrjV6lPbo80wXkDkRhSAzwgBWboLerdmdZIY6JcVd7oDwv0ryfvtSBg91p0fu\nJn33mM+cmT3jBpY6Rm6ybIYr2LiTwO1HaiG6kPWTY4ivXyrx/LvzLitI5hru\nuKfq0BqGJxV8I8bPNUaBiSAW72TTnsZRfA//tRb8kg64YLBGKr+MLrsBBvPO\nb9K46Sz32nUDBmwI9OzlEBUIwb1n7Kp3+owDjzR0xtlfXSvyNQPQKBCpdHEv\n26OOCNEE8kutU5VG5olhgstRhtZzCpPmseoRI4BO3PCo6t9/01cWXmfcf3kW\nKSawmfUiR6EsTDS3FjYQdbXDAS1XstX8+im9JQbXA6ebdxbsCvl8U+keocNx\nlcgJ4wbnjwDpv4e38SuPEatS7ekbQSm+d66x8cXsfIFWLhWilEN4dvPvNmQ3\nFkSLE4gQyqvyaYYOBj0tVdQPVForDsM9kv/Qvk3nvd6gEKtG54mgbpTKwM/5\nnKBVw8CoqPZGJB+HQDC5IUouOo/ClyQ23CPftJpljmRWcqTLH3Wz1nQF5DsQ\nTlwjfFPR20NIdZsMEVf3jJX7MJaXCK4ROs/7OyeUZRRwuHxwTytotFlW/dNl\nRH7PEHr+lXvY65tyAeB4QNaG7d3q8tHsBTNR6wwmnfc/qsaah44zYSwCkITl\nBbHT\r\n=7oBq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"cbb0f902b4b516e6a1079112f9e97fe10fadf810","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220114728","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220114728"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220114728"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220114728_1641001690546_0.06611010670593376","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201134936":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202201134936","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c483a23ac718032ba1cf34899cc61a93023d8602","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202201134936.tgz","fileCount":16,"integrity":"sha512-aq3sRtmLCbj4J3zDYzDrLr1KcR7XjLAV9Vwn7tzah3E21P29bydRG2j3TFzqM5TLlppPrL5fO8a+2fzvFayvCg==","signatures":[{"sig":"MEYCIQDDaeiYPhY4R2QygtYwnzNUmQEBlHqTT/M1sCdWO/kuOAIhAPpeClGsuU8BrFWnboAdV0oW2sK839s2mmwmE+3IViEn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57509,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0FwXCRA9TVsSAnZWagAAOJ4P/2WyV2kVtJWlux69gsSR\n1B78PH4exDTFaoe+eZQT3beoGfPKgMSczRO88/FDyiTtaY1kqWynTgMWhLTn\n/4wD2JbRTkVVNZWC8Dp6nSG4gMTZvBRsV/VCIsQ5onGiyW9baGVgsdQY5M8d\n64FakYkcodLVT3NP4wjRbY+6VoEWcbqjODb3PJm46dco57cCFX+ff2aswGlE\nICu6m8iLJINcQWadPjUHs2oQma6npuRoNQbifhyi/S79aDE9Fuh5P0VOOgIL\n56pjmhioe+TqbaUDNMu1JGd1nWObx50qu3gZp6T5D14J9hoeHK4sMdldFwiI\n1CYxwTacdiKjCg5QqY3Vb7LIojRrWq9UF8Zt5zBCiRFiCBy37NLVFmK7fkqJ\nUioHdqstzf+J0/1cDZ79q6/Pl+I5sm9UmrtvGXW1shu4ntsZ/sXbdx8uAjg5\ngh9LJuu9jyEjXXebRWoJbbvWUC/hEItyum+0P+p3Gg6qZyUiA5PoPwp0tz2O\nRSWLkkzdRLbJKt3dAq91mU6D2lRYfnQTlCn3Dua644wSjEOCVbcwhBvZbW2g\nUp8gDsisRn2Jg/VszFdUztTm/DZ0+Py+esFE1742vU2er7YSrZDFdsWN+NL4\nurRZGeCdZx+3j2NKCXRCzl8XjBpPInCtxmS6WDnCbTrqNPoUGLsLEVjBCiRP\nzzBm\r\n=s0wZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"2727b79201b1897694d588db94985ad9fc8ba1f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202201134936","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201134936"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201134936"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202201134936_1641045014931_0.7654331955009459","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220281628":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220281628","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e775cd71286ce557400bd35607bbfa80007d3db2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220281628.tgz","fileCount":16,"integrity":"sha512-hTNxOEnDdoSiRrf5BlfVvE6FFknZyg3oCJgcZ5zj8SM74WabU2GsbLo8hCDLX945vJEAZumZbfAvPMGLJzGdwQ==","signatures":[{"sig":"MEYCIQDzkd+4kg2anEqLqAeVCEsx3YeR5ysgOgTKnpdjpLJ+QwIhAMkiLM/7H7+UpyJqgktpJ7biN0OjlOAZdhHd6x8MF/6f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0V+CCRA9TVsSAnZWagAAhwsQAKEUIldXPR2x2fUksjpe\nBsW8Td9ptkPQGZ2sr9XuNZVKAIuOfGTZ6B2utXWtw9t7xxY0B7ltQ4+r2mPD\nKk4gZJsHFaQb6B3BMT2RbrQogcqWH27K9E5E9yaASN923QQ96a6pyI5PLQGQ\nyP+hJn0ZBT0a1E0SJT4rbAOLAqwy8FN+elMwSZjygJVdSmqb885E53Dd33lJ\nlND3QtU2+GK96bDeWnV7Nv8u8bhxdTIxh2YTc+FUtVwJhkbUhmU5TKdQA7Ja\nH6KgvYUYMpGhZEZk2Jl0yPCV5gNBe0d0isGZDFbH58lkKwAOVC+MxsUWwwHj\njuMAWz7woZTG+wYsRL15+P4LW/ee9XT7qMvHI4KpLevJ2VF9M9HbXcdIRobW\nMjjEB/ys6gEGiGaX2eVdZkrGo4v5pqkCOxws6ciUIzevZngKk1zDFieL51eY\nN8sy5YOwMj8Vbj5ZUpjkS0wUdOoXt7UeOzRGWlcqwNkHF4yy5MzRqj+zwrf9\nfueIlK0vwV2F2/Mc2uUBVuamGhgan1muYaDPzO8Kvkw0/GCzcfvLaSzeQgLk\nfXKoe9ycyYj+ENdy++evqhGwmkFF6aENRND2zB8RqqtNRHIcCfd8Mm43qnla\nrVDpIk05VdPgNXgFotH253ZUuXSgMdE3vSDo+NRTM8IwpDSTAZAYS/vAM9+I\nphdz\r\n=/XIb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a9dde641ee8d65b51a03845f8210f6fe97148c6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220281628","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220281628"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220281628"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220281628_1641111426568_0.3973028880749274","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220282224":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220282224","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"dbb03e110e55e1a35a247c857febe4cd62211048","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220282224.tgz","fileCount":16,"integrity":"sha512-nTcZTLfjgtKuNli8ngHWjUnGZAl/dHEFa1QmAtlemTtZURXzpRgqw9VHo2VSM0kbwqe/lJFtAz1Dzt4hY2h8Sg==","signatures":[{"sig":"MEQCICtnuKsLj74QIH/oZaB0NetFX0X10MNshCaHk0QR9rulAiBjkKDC407sBlCYtmRyJ/RKGCeupuBCVmHRBzacELt4sA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WDmCRA9TVsSAnZWagAA6owP/RAJdZvuG10rKMd4HrS8\nDnrjINj70L6qW/bXOS7YCKhJpDr3cl0erNoLaE6lMhb/czYhB471cJr6X1Ka\nQIAiW9PwIXdLnEbq69ClzNbDXbFnZaz62xRBTq4qhTYKqhg+sY7biKQUHWhD\nRAvC3EXXaQoBRJNr/iMj04TACMuYRJ4c7gIrBAufZECKmBIII3cd2gfF2wEr\nWZ3htu1kRQa9x/Spw9mmcd+GUk1wNaBaUZLXuSt+Ra5OihEvGotgZiOuHV6B\n9fOZ9cO8CoS8MuoZ/kgv/WN7yTKAStw938u3QTYMlnfim4rFmwMORbJK+Ubj\nZlnQzkSwHnXoe5QbSlFx2TVYYpHOXKEU64yrOhLmLlwms0KVT2hQK5K7kaMH\nnVL3TEw39ObyUWDKYgH5jV2l60XyVQKO+zfVuHgmmD4VMmlTic+uSFvAmBn1\nDW0J2FBo/O2lQFTvphTG6/4WbCjR4PYO/9crnrBUpZy/vTU2Wx8mmckTvxAy\nNWEbYNXmoDHGl0IUgXYsut2NExOxT6C1L1umSnagnhZMPjXfQavFxRIcOHJP\nr2BWxGaPnBardq4GmLBlM9bsFQ9rQK2b8cFgOnS+Rt5utjtvJkT2bi3jRy1R\nsQAaIVkoBzcdKtpCcGFjTy3KJ8DH0+njgkiqK7zbML7bnqk0osZF+RsZj7Tn\n82Lz\r\n=o4m5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"05b58576040bb66c8ca5daf1a42e31500e33860e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220282224","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220282224"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220282224"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220282224_1641111782186_0.966430640283884","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220282356":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220282356","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e5151b128d61466c0016a7173207a74256e73a4b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220282356.tgz","fileCount":16,"integrity":"sha512-afg96sYC4FZ1qXdiAqzQFYmbOGzlg0iKNdmS099zwNMTNyiEfHS5l9+mAZcAUHBl1praWbvDFSbUEIwWUfgq8A==","signatures":[{"sig":"MEUCIBTsxZPdv10YUx+5Rlsz2ji1QBIKXVj92EgqEwPnv8jtAiEA+Z3GS5TUdDjTEJBdZ6pyRx2YG1xLO7xRn16OE666Bpg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WFDCRA9TVsSAnZWagAAEwcP/2fBRVSdXs/tM1G3u86c\nW0nwlAP2lVqsE4vi+PWboOuBV8ESaGQL0ODkwsLaZwzml4eSlcPpQSQ4Oh24\nTBfv0A99TSJ6mJZX9qlD6WF/mh9KfgebWISDafpg8EpOE5sv2GOSDzaNggtk\nKG6IjD2TMNB8CvR199CD94dVB+k0B2GCSNyTIV51YhtkK03hleDsLIaSbOPH\nRfNTCWrT1ErtrX40prv5m7qs+xNujJ3OEFTnvfIGgKk1b4eUfAhzY3AZgkPu\n2fzaCtDgSi+TMgYjH32XsxSsABI7Hz23wUjp2FjvCTdvdkRhnqT0AYsA4hy5\nUuXpNVH6E41EHyfPzGFUL2QFBDbAaM12yBSYE8E4NLoXWrImW5aW2MKIDISj\nH3an+TgAmPE/pFSikFTDwyLTBmeVrW1DMm/Oh+5bJ3DYCDpGgmjizP8cR8wf\nzy4Bdhi6VsysChc3oErTOhj2Vel/O3MOC31sbjZQJir/shq0s4H8uoZYosJZ\nhdf6weURAQKrcpNdMmdeQA5RjsSXrpOIVn3brVAG2dAAhVBX/7pwwvdbK046\n+YXJmr7R7N4PktRook8iDtsNm4Fxl1pEeGP2Y3OKDl2AFfcyJVK+nFsSZKil\n5BtEbgiaWi4XTscznyF4dc0YjaohHpiB254iZ0fo56t3Pccu9D2/ZZhDkOIr\nea6c\r\n=b1VG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5f17f205177a778009116d708403fd56682b1fd9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220282356","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220282356"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220282356"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220282356_1641111875064_0.13548992117623704","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022028277":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022028277","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"825f715d9475434d84e305d541cd70b2ea7ec571","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022028277.tgz","fileCount":16,"integrity":"sha512-ZJtUBeFhyolmSbIjVkL+6Sho+yJ4XiF2vgtFDgPhD1l5ixBll+YvXiLmYV4lON7AH5riQD+u7z31G+sxXlw1Qw==","signatures":[{"sig":"MEQCICAWl8ErVTxtMb4lTYn2pF40v4yovMW9ryjY3ggFw8MNAiBvphZEKsKD/3SeIBrWXSrl8tUZOEKjwjs1wZPuy2Gy2A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WH7CRA9TVsSAnZWagAAxJ4P/A4XVSxp/iMZremhHnSY\neGAzK3tM+Vov1B8Ou0z2C1iyqBOZWOg+UDfXRUsQEu/aoiR9Mhd7js6Qrymg\nW7r7W1ijwudyLR+x3OFkeMWxB+cRy3qazv9PnGa6jjDZmX6Y9fr2rde01w8o\n4AhXAeWR1tY/rXU3Nq0+kuANw07NMLVjhQn7uh0CP5RA4KLz7sRNvqm7Kbpg\nLc9YghyzyYnt2HXa3wGdhUEFN5MsVmS8WJPwLJE4W9eIHk6O5HBhEWYkLRA1\nzse6h+KMSHcMSrfrZIchiKkNFnfAB2QOEHo3TRGyVFEwoszJH0vKyjUjySfG\nkNM14qhdRnpMQiYfjAsYOqybtvoObTNKC2Ka97rta4NpXPCEGprBlqkmKykW\nkCX4Io5pmXvPLKWHvyWW7KR+4E8bukn/6zmHTPLtvUpLVLQkiT75NR28fVAo\nLvNb4r2LM8S/dYSXABvMdUxtmOE6E1F9bPYJkSBTOEiKdrlLlnepwf1nDO6Z\nqQLiYTQ5jkKa6ByMVevdCoeevpMrpx1xGBJQ8KUM7JiNiUFQTliHCpJoVQLA\n4DiqCOqMSOuMm9H56GavNlasnrs1iW00xjbaldIh7z/WKPK9lV+0r75KO6qs\n4lVqIl5w5pXYxeO5Yie3BTuqvOXA1Q9nmDN65Ks9YnF+NSe+DfFXXiRQ37Gf\ntSV5\r\n=pYPg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a38649394bcc95d4c0207491394b0cd2a0c64b1e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022028277","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022028277"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022028277"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022028277_1641112059341_0.9847030485362716","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028387":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022028387","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"dc42c404ebfa83b14216bc263476e8f8e34825b9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022028387.tgz","fileCount":16,"integrity":"sha512-sHTEP1+z9Z6CswTFK4mcsq8SVW+Fs0ynvyHonXeIquNB6i3DJxaHyl6I8E0CpaCNxtBmbbZcNZPk4S4khslDJg==","signatures":[{"sig":"MEYCIQCpKiyx9KBxpx2w3Y5IU4HHpHmRGFMGxuZTSYjvlByv8wIhAPubwr/PTfMwW5JOojMVxwgALLLFTIlZSLUEHoB7DM4S","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WSXCRA9TVsSAnZWagAA/7UP/incRLCbvgxwuOPjGyk7\nafz6PaajN6ECzdYo/O4Lv930yGJF0eg/qZEEf5TDVMFfYFxBUJZcZeMaNTvU\nLG+njMbWydfmV+PbBLw+7e7pZhdjWAoktEEL9pikscA9fIOThIyprpOB2FKh\n/0GeTKBvnCtwmnR9sfIB4L0Fl+sD+TUhZbSsi7oieqGR+6Vw0bi1KyKhadZj\nl/Qo/F/tNgisYtiGe700LoH8LLFtHlx0H8jJRYqvTtrnr7Qjor2k7BROWzjI\nTWLf155g2LUIb3afVGxalquScw0zGDgu2MPsdZyTw21jzfPI30yzW6EvEST+\n4/QnnAi1lhBTEK0mkrqAyUjCuTn7gjLcv2sGU6K5IUmoVRm9S0vb1L2R4Jej\njhrQN8ONi4gNcNOKHDlfRLgwKxO8egWs5a31Fi+qbY9hJNuToXUttzLGWpzT\na7ql03G8Zj14/K+oLSvaYE8C6ztK/a+bP4UiTamOlqKuJpOlltLeZYIqMFWH\nNBC4WyQuWzyiDFQFQWxN2jLpR9U2VL26TMQdPB8IkBYsrq5M0CfBsTatr+b2\nJMKdMjQJn8bZyzx9cixIyUX9jjZxls/K7jGhOQagfuna5qp4/G1Wv5MVT0L9\nld0XlgZuzlxIAq9z0GPv5EfqnXlk2F+oRxWeeQcx8t0PS0zxZrt4wQIHVDS+\noL7X\r\n=6v7o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fa474bea3dcbdd4bbf2a26925f938d6e75a50c6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028387","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028387"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028387"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022028387_1641112727583_0.6194561619623173","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028457":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022028457","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e080f1da89c0205c2e4c49b7a33646059272c29e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022028457.tgz","fileCount":16,"integrity":"sha512-m27lRxmWQ4uvIgF1/UxMhjNxTF9SD6LCThrvZsRFOAQW/RshVzEaZyX1YgYoM5YgCmhyoEoI0uKnTL8BVaH3fg==","signatures":[{"sig":"MEQCIG3FQZRFmuUdNHgETreI7vZNP2fdsICHsTIJzHbzyxiPAiBMY6RyY+lR9yWJtGvuAJrLXA9z1wwpe8nHAJhAWE8Rkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WYzCRA9TVsSAnZWagAAoAkP/2gLn2zkCp0ppbwCi0g1\n7jRC5X/GpAKihAwV0+dd6qiSYPYoeRDkZVKqIOK6uAYX/rdXuiXT7oxcjY4X\nD8/Lv6iHdJC4cRjsSXRpv+ko1AM620qpH8cbZqv6ntNE9o0vW+DMlJOc2pNd\nn71DCMeC+KwGeiePCWXYMVQDe0YgPGGQevY3/3FFiu88VM+YtzSISiCToeJ6\nv18Ha/QPsl23cFLdGObtsE6o4HD2eXQeNU9ptzj2bLFCSmkLq3TKB1wbE7Mh\nLAhZYN0zAePosFeD07c9rCfzDP+F0PIdxiUudlg/hslu4gGbxS+BstgwkxUu\nC80i7QT5/rYi8HqxQ5yUldA6e8Wnms2kZs6rUPrx1VqKu6r7D/DQpSx8RqNM\nvgv1RQcCKGxLqFu5bSiDchdzZcEhhjwJTaUAd9OH/L3IJdXzMNqfx7os7eim\n2frsjFVB7GfyfAwDM0X0tW5wYLE8yr6991VJ8bUFcKO5WRtzzvXau+2W4Jsc\nTofsmiiivlwrIY3C3TCMhuriUJ+/KJzEw5lg6m1Pgngaz/kjM0XAnb/oOZyF\n3rzlAdNqbEIKBTSZ1AUVsxZpzWn8+BMC/klXHdvmjb1FxsTeUnRkcjSeSKSQ\nAB+NJ3q3T7bO6NVffzabKuTgI9ylYBce4kggs8g29P0Xnf8MYYg+GlGUO0vr\nSqTn\r\n=SECd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028457","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028457"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028457"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022028457_1641113139228_0.8595638264372774","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220284534":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220284534","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"350a39eebcb6fe4956e4b094aa49e7bd97919a51","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220284534.tgz","fileCount":16,"integrity":"sha512-4IKyvPn3ds48DtZeKYQjm2KybByhGVyb1OSM8NCZSvmk0O2Dj+Jx8jegb4T8V+9KRvX6rWz6zb52MeNqZErLbA==","signatures":[{"sig":"MEUCIDyNr4VlkLHr9fDpj+MidUnas7M3dxNwnleUGkbcG/1UAiEAwj8WOByd4vI8q8qSJFEa3Ang/hUhKM1AFIoS1nmG2yk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WZSCRA9TVsSAnZWagAAcCYP+gP7QIIo891COPrKkaV3\nr5KOaA5gUCwr7vLxBUqg1W+C8twBMFSeIEDPFUyl75rNXRxTQTR045GkaUbM\n30dhanUEB6gDUJ8UMelObaJjIR+6hAFsYTMkcG+bX4Phns0+xWN6emF22KG+\ntLoa+qhmd7AvEwBeKa3ZDMpJt+bYjyXl16gHrUPGfxd39hKSFEZCWeD8afbg\nlwW81hA703t+RBtnPvDZJGmaXrbDysj73tGJjqw+sWheZRQnYQpy/DhWrGqe\nIEmhctGRwYlZDBJy7C2Dh1ZhVY63iOzZ69whWhvq2WRxsGUYPz0qlXXobrfX\nz/kCw8WviZbYbs4Lu1dzlRCSnueYEgJTmYNIyf5XO25XVaiqaRxZ6r6jWEnE\ngwCeMGQJn89evsOkE/QMguvPp4P3cFCEiCblN1gw2Lxv3aRA4cHYv38O0cf5\nu3RsFBGNFB70tGmOMGHMv019smZm1ZfOYkAY/0I7m1zfe67O7Zu7+v3DskSr\n4D7W3DXzBSaH9apf1JYMnB2XHrAljMwEklMss812/w6DuYiqxj3J4zOEKgkG\n1mrsSL8CWTA5BMtSlNTy+uHc22sp8g5tmca+Z6GGxH8WIKd93bjMvlvq6etu\ney+OTntOASrPK23Hwsj/KkiElo+riQ/xOiIxVXV/RVag2Cj1MRhfOzuu9VDD\nmsl0\r\n=N7oV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"acd26afb49166a1a22e150d1e732f082e794da5f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220284534","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220284534"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220284534"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220284534_1641113170658_0.6750062784067983","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022028579":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022028579","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8869fa405da198057ce69c5535cebfdebf5b907a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022028579.tgz","fileCount":16,"integrity":"sha512-DmnlMntmlYC6hGulavGPAUOVCblJBF2zMRhUud7Za16bGr8tr7sxPBbLvDrCRd8NvzWQr072pJ5aL/lRmNdxWw==","signatures":[{"sig":"MEUCIFKgyjXxCWDJuvzkaLQ+mpn5ELhL2x3MDqXyGlrAmmb1AiEArsUrauc6nTrj7/5ze68b8J/uJgMo9mIlU6Uu1rOElWg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh0WkLCRA9TVsSAnZWagAAjc4P/1vP3NfqXlZ+7uN9oqFH\nQTAk62coXhyI7obn5Lc8K8t9uyHWu9W0ALasrppEpHMR1VP0MfBDiNmoy7V8\nJy/PQAplQmDNpH4CH3EZPL+xfzDm4p0ZYDV/ciI9ZNPCFzpUVe7vhpM83eAc\nnCdgPqCZRaoyAOw8dFIew6IjOnDNv/IMgxND1pEY4mxpjs8WY0Z70PCW6/0y\nI8Lq6ra6fejgLTivZjkLPAiu2471KS1gYKcew2VFcRLrZ2w5UBBbfnYBXK1b\nsZDBVisZQzNqpDrX6PiytlSP7rAc0GUw9pf1rtAHfRrQeVg7P4ccQmHWhsFB\nNKBxftx+emmYYgyHZShNYT0JBCYGDUdWTyqMqOPo7T1PS28mrkr1wLlTMxQv\ns5GvDs3aRfmWqEDV6830Afk5M260kUC7SdqWNiMD/+HxS6lnyzat0EpR+X6R\n9REIPYK4bj2unlTgQ6/545aLkLmudX5EszJSuK/TSrEBM2dk2/AwtUDXBIT1\ndmR+8kfWncLJeLO/zoCSkgR09JStBWc3DuEiLyJfDj891jm6IKRN1XROMAI+\ntuW2cM0fOVvi/iK1ICzW+Fud5LN/b7tlLq3dQs6nJlS9Kq/9PUY2lBpAp6eK\n14AtVU3gMKln1nrQYPPAsf+lrc+PD3rH/cK0Avu7TGq3feST9t1WdPAz7MXo\nnil5\r\n=4NAd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"bad1953306d693dc6bd1b559adf594cf02a3b8e5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022028579","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022028579"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022028579"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022028579_1641113866879_0.8915651838828624","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203225541":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202203225541","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c5b0f4b238799a59c3057757273114d80d51c6f6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202203225541.tgz","fileCount":16,"integrity":"sha512-jgvqh9PReFMv0oLPsOHDtV0gR2oIAEFYsNsfMEWDPtW2s7eMe0RsxmnkcINSQNL7JBWlpuxbf0+pjPt3SPbTng==","signatures":[{"sig":"MEUCIQD21puDU2WFtOjz3p35lfuGUe4If/eNFSu/eQWaLys6WwIgfOHM2Sz6atWsps6mf7aAby7fN1ZGUMjWoSDfQzEJ6/s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh038WCRA9TVsSAnZWagAAumgQAIO2s1Wi6hjiskODUPtQ\nbi4bXyvMnjocU2zSMwFz9f6vRKzngTvI2ALEYIVXGxrSRLXVcM6MCPm38lH2\n/j2RNsBZ8Anxx5NFRFv4/BivPYEUjGIEFBtXIxpHvMjbjm6+pB0x3qasvn3q\nrfD67bDgvADsHixtkD29BZOH9pFkNbKZEyJf/ITze3S99zOTaSlbU7B9dLNd\njW1jX6MkxQRyIl9wmA0Iqzy3aSlbXXa2AWnnV0N563zDULijR8ZLWl7Jo1yq\nVpCtHW7mxCu0UfXGNh98POiBE7EmZalILmPQ+3FI/A2z89V3swtay7jJTruE\n1akaHsrNADwpd03/Sr0KheiEDbCWslL4osBp+vtrUJW+IF0iCvaUOKky0Rlk\nUD2iVgW3kOkEe1mL7MPJ4eG45Yw+3sKDWc1ryrvKSaudT0mYG5BLMOz8epCm\nZjZT+OfLTgMMa7es6zHLOwSNm3jglbONmSN5F+FzdbNNrWXEoWkP/oI7TGh+\nw4bitMnDzJ6lJ4pYKuCDvfOGhBV4i4EZ6KyCB23vC3lM8LTZ9nL6Vlt1eRD/\nLTgIs9IVzSiOghQm7vey1dpDlncct9KwJhqewhJMaNr+YBJIztfHZTCIrqy+\nBef8Qp4cAWsm3X9kIIxyEYOBru/wVIAwfaOAh6WUUR7eVWpjue3kdmpVDzcw\nKYLi\r\n=7xbZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"39a343661cfec6c7fa0d53c9298bd287c89a610d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202203225541","@chakra-ui/utils":"0.0.0-pr-202203225541","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202203225541"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202203225541"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202203225541_1641250582046_0.8468564897863877","host":"s3://npm-registry-packages"}},"0.0.0-pr-202203231241":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202203231241","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3d0adf152c424b9e6e41db8bb42bfa979fad07dd","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202203231241.tgz","fileCount":16,"integrity":"sha512-T0wEH091yRz2v7P5ClFwMX7imnC81urdfyH4b5oCBQ2nqd0mEpQLyKt/vJGw/ra0nd4WAKzOk5KYiF7t4BQntQ==","signatures":[{"sig":"MEUCIH13iZHxsqIY3wNQsAXKvpHQOpeioJOP8TkTrOdTBalpAiEAxz2e8raXxZ1e9EEAccvzgdhRu0ljFDyPKiLTSJm97wI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh04MPCRA9TVsSAnZWagAAd6sP+wSNZVRRzJKMaqdZblUu\nIJsHJxKpCaqfDS8MmT45dxjIoi+v37QN1hlkN1rkHZqmv2mEidSF98dJV35D\nxwrWsu/L54srsHjNFSIdUKi8rWN+0WD/6QrnV8z/oMLMFgod9bfAYOZK/HZY\n1FdIUW7gdRxKHTVir11IirazigdpPhf+gNsYCpWx4p0Aoqj/GRJfXoMbJpeK\nDyRE+DsfrYUqJtTdfEGFa0Wj5QZA39upT+qlN2uF/6i5fFeneLoN53dP6eyW\nGNxrK1pHsJ+ztHXYMg8dEvhCzC+68g40qKJqr4MRPtB77nVDKoMh2KTRRTJ3\nVMyvLCewzXeqHKMYg9M0WPOhofXGj8qLt9COmmy7KuhD3H3LpMvaxjEl0eYE\nUq9wHGr5sW8GdaF9mDQ1vGmdpao9ZTkpV8NkmKyDnAmt5rYJSprZuWPXpBZE\nOOrZyIKEK4SYga/l/CDLNZXZNppiAUFfp4YJDWH5PGe1Vc76yCsEPvXI/GzU\ne93MyjTIAfhffG/5nadxOD74zX1x8dw01skY4wtd6Hv1bsxQTRz8fTh/IM8k\noSVYv1TsMYjcesYxaHyQcZdejp0Qs5TtA6+iyLTnM3XnNYSCls8SRQy0Deu8\nH31kMArVqv2yIc5KAGgnZqwMPTiwP7tQSVeCTypwM9U2h8Aah2EQLguoCmUp\n0toU\r\n=U5YA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202203231241","@chakra-ui/utils":"0.0.0-pr-202203231241","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202203231241"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202203231241"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202203231241_1641251599460_0.08960761365867098","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220483049":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220483049","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d2945669528ce2a98ae06c22da168f2a9d83cfaf","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220483049.tgz","fileCount":16,"integrity":"sha512-OOQXkfKWmsAhkE+vIQyFr+ug9NUwVzyus4z86dMhX8WuOWnQPLjQZ+92UUSe3aEY6ImK+806Gm89iPfnUXNAow==","signatures":[{"sig":"MEQCIQDnetaFrJ29YTpAm19moo2FD5DMcgK/R0R38s/vXs3mDwIfW1WhwgpLHRAXE5gG6KmvDdw8990ul25p9zLIKrId1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1AXlCRA9TVsSAnZWagAAgEYP/jcdkNs5GCswc0mdOVkZ\nqB6gbE5rRS1m6MlarJhUZO20jriYWqdV3QebZhbjp9vezlqtbBlZIg8+MA7m\nrjrgiHm/1Fm6kCfmgJY1CXcV5w2/ukXjyMe4EH9t7UMB+mc4xi02aMJMuMnd\njoElF26RMdSjgawYmdySjHc/lqxfOCl+0BkotwN2zdKHbSTmBFTH9tF7FbRs\nM7cA9/eE8i78Y1v2VHajUduoxx3bV2FULCyypO4njhPphrtQBNKvtuYtpVMV\n8qZZjdfo9/Lb057fEKdFIExDfBd8VjOFYRYkqMZQiymYva6LQDRtvTLekxyB\n1GeXdXvOO5Pf2pX1OTSMD99vydqGFXGAlml4eOJ2HjtIo7uPlqiSz6DD8b5u\nfspDymcxi8qUf622C0hjbnBiGDDWkgcnWZegfLbCsB/zrXvq7K6zODXpeggV\n5fZAlCRZhhyWlDeFZCGobugwFvuG+MZf+jk7100k34aX+alTF4Bx/5UmxsGf\nV50SuJ5403XprBD3C11Y4qRp6g49XzHDk2dNMgOudhYfAmPvOxPNLYQ9k/KS\n/mF1f2Zq9jQ+p3PRlUQdVtyVxdVVsixmPv8LiiYKImIoE7eydJkWUYGghIPW\nJXOSbfwcthOCwrAC66vQY0fSkg9wO2DctthCK4G/VUREiGYZEGYFcroYVGkW\nb0/a\r\n=GYGZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b7d3b8566952a03d2542e6513a40b6372c257836","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220483049","@chakra-ui/utils":"0.0.0-pr-20220483049","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220483049"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220483049"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220483049_1641285093228_0.8874439021350213","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204173424":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202204173424","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bf0d44126071ce827a05cf5d4dae8d4d38c1896e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202204173424.tgz","fileCount":16,"integrity":"sha512-Yzb5mAku/huQ7CfFn+YyS9i40P/saUg7QMSpOYBdnq4EfJ6K7Up2m5wtsF9SYj1TGb5V2l0c9uJhfgtsP0c8Bw==","signatures":[{"sig":"MEUCIARMz2YMiIKNPi7nIdIT2ls6TjOoA20b8xc3V47ADO44AiEAgvH36mNIBpwFzELqWOlhgjkC7PgSlxK0hGpOwTuB6oc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IVCCRA9TVsSAnZWagAAex8P/RxllFRQEMF0HKpISzrc\nVp/qdTQy6J/aO/5zOqJx1RdlVzXHAuANXc3egKr6Jij8jcFS3om8gQflM3jr\nGsqWLSuWNYVxl46PVrfrotZnLfpkI9/rQ+xGy+6oDLj2jfgRhfVB9d7fO23+\nWALEpF9w+mh97YbWgM4MhikDaujxsrLhqcXadDcVhYV9s94tHkaqnyTHi7tv\nyQCa4/WfGOONrSsDR1PC439cB65/paS38Lb0lorpzIB+GcI0AsE0DAhlG87o\nex49FxD/P10iX678rmsga76RKPzMWgtTNNoLQqwlCyEbqh+LXYlOTii2T3H9\nCM/3cJUI+fbc3WX3wcbq5aoYvbelrvSBDjXpWpB1VKqTweQi1RgmGZYsv0m8\nS+7ebVgnKcFepmgiuyaA+xNLsZG6T8nhYgQbvfL87PjPe1hzsUj/wrXEmqZy\nY68Ow0KcF8CRhsB0VX3emnMEp1ptYbxmnh0aO0ZQ/hlkcnOzKepiCm4Xejzo\nOOt/IJgKo3qYaYOzHQBCF3gDuL0k95V6RNEpetTNu7HoIERSThkSdaP6SN+x\nVe9f+WCwnWK2l5ZWXKOnXKOCXsJ57WdGbGuky8W/iiRkpgwerv1Oc3f+y6m7\nBQa37rc0g2RyksosoUjl/+XkVpLFgmjqZs3xhU1y0AT/tQdJjqnGFfoWwVqR\nyDeD\r\n=HTIn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8714d8c0a028aa331602db46dfe0102da4acb0c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204173424","@chakra-ui/utils":"0.0.0-pr-202204173424","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204173424"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204173424"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202204173424_1641317698351_0.9056582684876933","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174042":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202204174042","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0d3f61064f094a718c8e5d7e369d5fbd89b3039a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202204174042.tgz","fileCount":16,"integrity":"sha512-5k6yQW9IqPgrQ38QVkCqZLUZ5qWhawGfSsjQvTVBaeg/q7tZJzyIIxny/9UJX1e6jMpfXc7wmuZP8CITKo5UrA==","signatures":[{"sig":"MEYCIQDyfuN+WrMm+ErjE2tzMYqATVd7MXePviPI7ZDfjKDFRwIhANQaperD1owD2NpD8W1EsbEYdD+V2bICvX/vUllWnGJZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IbCCRA9TVsSAnZWagAAkmwP/32iBM2jnd8yO2iPErR9\nbqrBbL3m8+JKTf3/XJKOe+rXWar8A0rmMxPQhyQEr01SSy9YX6esu0EfPteh\nQKb9Y6/jgTUNMzu5Ftz3Bi6ZWh4Sgv/hUAu+FzWWXm7iuVjZ6tHSYILOKp0L\nOiDVDyaNJwiO3cyPE4p9eldhVGGSmSbGuP/88sieRRV5aV6zZxVxlPxFZ/BS\n21iG9pZgWeyIWNxs3gV4SZTaz7CO7TBT4grHDwYxG1+zk5cIJez9kM/aoUh8\nqKme8HChZopDCT872deLeZCBXnEBkQsyi37U4FQX2+DaBX5UDF/F3AcrbCGK\nEgLjcyajv669mu35kRzjb1WkMQvq8r84eeKdvTDlyP4MKZcwthMWHH8MbEXM\nz1XyPLxdhjdnv3z8vVFCBBMajwK8ewD+lAmDgH1u/SPlK9xh4JhyGQfTW6Qt\ngKTi8ttuPAGPd5eMkga2aG6NP41mBj1Ung33WsH5IMaXe+G20HvFQSSePV7h\nIWkq1pw8IkNqwwU9DGgnLiOeqypubfv3RLVSiAsQQHw5HeofOsgBjwjSPxRT\niFZIT28AOR07L2BwV7r65USK04uPNdF7h/iFhKZWqKlf8RZ2W3IQ7OhX8MVm\nrboHPN2SgMWkCrI+T9XKLpPOKbA+q7/lwZqqMLsy+P4rq+1x/tCZBKuJsZU8\nAyGx\r\n=smx0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204174042","@chakra-ui/utils":"0.0.0-pr-202204174042","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204174042"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204174042"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202204174042_1641318082137_0.8687080500560898","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204174930":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202204174930","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f6ab8785fac626bee66fff1dad46583389f8179f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202204174930.tgz","fileCount":16,"integrity":"sha512-PvGYfFjQbSTUEv3A6B7/ZwZWAMyJW6bT5IQUM+3v5bwqIqDHEy0XukfVr4lk4H7jnOlfZ8e/c7RtGYvy89OViQ==","signatures":[{"sig":"MEUCIQDQF48R54LdjQs6A+nLLw+Wedbx/0T2gvz58v/fZgG1TQIgTiwVTugSKT/3U7eiBj7PgVAa/dsMLMbekUNiiuEVcqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1IjSCRA9TVsSAnZWagAASvIP/3ZqBwMRHgaJnjMG9vvu\njsLRjOFOcqhBjeAElKyFounUuOOZWQvYjzSm0WLMjldbT9iGv5Kb33M8qNRA\nowdf6Wi/DWE9Z/6/qyN7O9D3frBjV/Zsx7AmFqogNEYwaPJ8O426KKx5HAN5\nU4PB+7i7UqqBlHDGaatLp/qzYqVtnf8Y61w9AHUquw5OumHshGXgSpUrtkd1\n6I93v5CQVtNxnWZlih/+eWLqXZp2M8sJCEPaYaHDTYIy3fHYi2pPyQV5hq5I\nH6Cro4YN6lIxGDHS0+OQyRZVdx8w3AJ5LwMkaFsGR9EE4KeYYljYQO7v+zi4\nvyGDQOH9JFJs3DYk/ujBTCBxICEQeR2QcFi/hoBhrJmuDgTvsAkk6CMuG8Ze\nRyN4VWz3WEEwKImC781+BU4cEOq8M529NBmiIgpcEIFR180yiEv3CGxEp0YD\nGdqVSdpWGaheFnKD95cxkZYrtREkpLm0hsOnTZF82b2ERyLM1hrHd48BNk7u\nD3m54sTG9GV9zpNTLrxl6DZ875fT2RQ+oKBQoTxVr7XhB/z4gpFfcRhsqI3T\nQu9kP9pGm81o6kQ+6pLtmElI4WKL1U24g8B4p51o8ZzOstc363yk3tFkWr2h\nLkPPqz4HRsFjc+HoQfz03+wDKfTdO3KNDOIi71wn8Ukqff6nnIzbR6m9DDlH\n7ViV\r\n=eYsJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"511bbf56c3567beec2ef1c71af24bef5da981596","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204174930","@chakra-ui/utils":"0.0.0-pr-202204174930","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204174930"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204174930"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202204174930_1641318610779_0.042886815128435396","host":"s3://npm-registry-packages"}},"1.7.2":{"name":"@chakra-ui/pin-input","version":"1.7.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"9acdd962c3cf1199d63de7524dd65fc7aad31c81","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.2.tgz","fileCount":16,"integrity":"sha512-2dGNdU+Xlu0u1OxuelJBKQu7dDKaD5kN9moZMoKpjpXB8Kibh7GM3OO/Z25aMM/E9Kly21qXgHju0Tj/ovBJuw==","signatures":[{"sig":"MEQCIEgciLJwM6Y4+zaw/Nh8WFj8VJM1dWyM8ObVewgg6Iu3AiA9u+u2UfPRX8qXOKKWLQkne3Aw3ohgjTypLtHA5sXcwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57441,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1K/HCRA9TVsSAnZWagAAaDoP/RQG+lDwBmI+fE3GWx5+\n1m9Xda/fitxcdnk35o2CSVHHuxD18dEANgNdZiejEdFC9uLhR3wUuhpcMRBU\nSmBs/NFfLYcRudjiYvKZbWBp3O8IMSBggoHU1sTz5Kmj0z0Hk+lr+iic+cO6\nfgH7u9TczH6eqJ7fpnOXPOzz+xYP98/PSh2xOu6p2pl3/FAaZYRjpJzo8HUh\nfRFMuPRDkk0w1hLR2ZYDes9zxKUDEMxm+pFt7JJlrYRnxrstzgJn2w7QIz4g\nq3X/EksbqSn/XT1IkBA6bNradrhhZmSmLkfHvr9fYjqpmc2dYGv8mX3AZje0\nu9ZDNge/994vu9x2NY60diVscdLfa5+Ch66vwfiDSdKmDtrWIGlG5BkmDl57\nCyF90pwbuyzcm6E1tvOig01ZnZhGtu33Rc2ejKKFaLjDwDXFZ7xsgfsekzld\nYBROQ3cHWgkKwdkYfQCwySLTInpj3ERlXTP7CqPtTzSVcoJ3UQBIzjSe/ziN\nuOeiw2a6F71tUYvGrCDnGVlfjqwtUryX5Ql6PB4KQSCTA/wgHuO9cx4fvO6i\nGpiVJlo9Cb5KZGcUOhS3cC3bjaXpQBLPViW0zKXikc805xPPM/DhV7iIinNu\n407ts1SePnIoyO/IINQbmJSQ1isE0iSyBWOUi6Qdy/7eG27w4Ek7jXc9OzVm\nuk3i\r\n=wqPc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.9.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.2_1641328582961_0.5714137932684751","host":"s3://npm-registry-packages"}},"0.0.0-pr-202204203645":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202204203645","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"da3046406f80ce2415ded1bf71883338104c6a7b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202204203645.tgz","fileCount":16,"integrity":"sha512-6Hvjxxv0I5vWbbvCds7R+YTghOjExPVJhMJiJjlSD+WIwRzd6u6rB/pman4JzSPcENSsYQpud2n0i0+yRKEvjQ==","signatures":[{"sig":"MEYCIQCwgwXpWc5nr0hEz5NcurXCgmZ26zAHLFFE7byfsmu9HQIhAK0Ye0ro897Xfeyxeu8Ev5ZeAQPH1eatRMJ/StouxTCq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57505,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LAFCRA9TVsSAnZWagAAWaYP/3+iT7RemE2b6I20J0ha\nj0IVyewJCNn21cLYNYrG3/ZCtpnaCzuTjK9a82cJxYccGTZccYr63pXB1R7Z\nGoxGyO5jh9yExkjjxxSdPV2bTn+9BHSaqPobTnWDBfkCcV4eVREdh8FQ+5NY\nJ+lTUEpPTwLdpPypEH9QNtNlY506xO+sSj1nzrJ9rdCOtCb3kPZf9oSwqW2e\nN0j2IbM+0vOmdx3mBZcmk9oPL7aEHLgzbwmD9HMzPgkjyhqLh5iEqWuuJH8m\ngxbzqYnoutmInYJc/+G5Y1IQ60TYxycbNGnMVJEA+MCGKKPL/BvOGePKlkXL\n41HCBFoerfbqbhKwjrwjG+eWUTc02or5YR2aA8AmmCkdK7/312/x6SNsGu8K\nehpgqjQjX5xO0aKToFlZNl+0jEN/X0rkbYhMggNO4O7QS/EJoI70c6dKx5sa\nS4rYqk4fO1Ck+lhY9EMXGaplrPVLgSx4aw8pM417hfTx8cQAOnyeKRnd1iFw\n8OsiSSI0P+WjgZyZreAxLUbKEO+F8e0/5FkmFqmndzuV0UuKcqCbONpQc1Bz\nVc2TCN5YL7nla3EaR6WbV2A5k0h3lQGnJkiYXbZv8/QcoShGPli9pPPO1SL2\nC91m4oyRr0JFx9lAyC/UiYMML7aeE62x9Vr34ZJlIhMzESUtrfFE3+4SzcNp\n0oAp\r\n=R5OZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"dccb9a12709b2b6070a82868e344887b7a3255da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202204203645","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202204203645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202204203645"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202204203645_1641328645011_0.28913706053700383","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220421928":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220421928","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"31a9a65c832233c34f51c8cbf8198c5166c7fef2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220421928.tgz","fileCount":16,"integrity":"sha512-UpHXhS8DwSGRWvS3wab8NoJjTC6O82txme/YGAyMnGVB0JcgzOx1iqoPcW69e8Q1t+aJ1AYHmy+bn43ul2oRiQ==","signatures":[{"sig":"MEYCIQC2aksducPmbnTnERkMLNmKce8pULcGSoeY4nMfWOZZaQIhAOWG1kMXZs+80fqfxJJ3TfS4+vMHQ9qmaBbBWWp5Izwu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1LesCRA9TVsSAnZWagAA9wgP/0a/tUwzJzDPS4Fkuqtd\nJw+01SEBzi39g67Vs55bcH7cWPbPY1Jld3c0SMZYX+OqlR9Gu8f7Pb96aT3d\n1RbE+z0NNM1DdHvALvUww1kmW2TqW+fvpiKLGy9sEASw0YwtwdYdhLCcWnwj\njntXYfVFIKREAP/PJPolzLlX64RYna4D3SLTwnnFeNaANUBDm6U7+OmeRsaS\navUaUJjC7TGOf6TqkY8oSHa+02DXuZ24kfenbuIO7QpxlBXu5KCogpnYUSKh\n/S6O1wkKVQMQsvjN87er/sqQMaqHZ+ImzhoNmDMA88pbgrysd1bi6wfQ4kLr\nzNK7BEE81yDg4X4ucV/flYq+EfFd08nHsmBuyJlzDi7h9wZfJ/z1enSyilvg\ncGmOZNLPyWoc64VdDRgqi5gKZKFS9hD1oqAVgMuE6RF4/CPTPePRDvUa/LAG\nkmzYc9zIrJr5Fa4tdI87eZgroFTchVieaD+BYujh30yXLWaqFMdojLEm2Jxx\nVH/bfoL4bTRn8zdBuLGyJ4xl8UUNQv+eELCKVkD52iqoMvPlmCdG9a4wqpje\nCy0WssSC7u0ssRjMGWRyxrtfmGuZ1yzsqZ9ZlEpkg3PHBAaYwCbnT1f4yiNi\nOi2EZcv5uDHjo4lUpnbsyYqv0hbrENhjOB3UPu49U/YJ8BfKUVtJ7uVJmYx8\n+yZ/\r\n=Fdk0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4ef88685ca1e33e2ea6997dd3059f5f93920f153","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220421928","@chakra-ui/utils":"0.0.0-pr-20220421928","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220421928"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220421928"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220421928_1641330604451_0.4470317425448074","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206185910":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202206185910","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"255e8b0425ab7d84248bceae136f95f3eff8b926","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202206185910.tgz","fileCount":16,"integrity":"sha512-Vf4HsTdc9HieOJXOe0ooVD4bTqfSdRsAudGHzbqm/niB8CW8iwWIXyOcikoj/ov5PowGTtnz1UJZJA0pm5tFxw==","signatures":[{"sig":"MEYCIQD+6CU6007o5gWOJKz0/ARJyiVDS4iuJke13dlGgg6GjwIhAJKNgJEmtgA7R2+E2QwCIt/mNQJ1p6WoyJemT7Lra0Di","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1zwuCRA9TVsSAnZWagAAk30P/i1yxhNJCrD23Uw2NDq7\nSgPCnqK3MitF4O15rX4eAzrfwfc0Y1nRlPTIRxsDthj3qgW2HM0A8R1C7odL\nVI/qHtZu23UUH7MHEQ9i2qD0QTivRVgzCmOmNNbxspanE134H7nLy8o0Q9ok\nPpFhg+uE2l8nLD41AW98OkxI8FjT6gDtjfzApMv3DmE8IcfRSeFyMZjWFSvY\naM+KpnqCG4dorcqPWtssT2E4OJorPqPk9lBQXkd9qSratXrT5XMUdaboBqlp\nqvFjS7yMURWzLcpZX/2qYeUrWJLRKgKPK725xmGU30lgk4a/eNV3gJl1lUbF\n748Eyfr8VHlA4/mirpv5Zap8SEDNtMcR3FmYT38GeP5saEf3pzmjK9VKNg90\n+3b0VbT3jHJe1Sa5nfVWif37J4OR78QrX39addxblkba9jomPXzVuC29Y6Sx\nzujoOwPRrIDginLT1k+/EUSWfpCp8ZsYcYpZIgQvCWAY922uTFfmLniWIhYd\nbx78EgTnh/N1gIUspKXQI6Vk3hEru9JgJThwNxlPj9y3MP0fZeKWq0FdE78w\nChIoegLmloIdd8TjtVt/e1EtjU4Fx6QB2CogBxWUwWcbLuSfGZ1zYr9Iq2qp\noCHpzbiQadrhQBSJEG9r5NVAN+ex/HXeO/nHD+GkIWmx7N1KvgyVpLcETAjo\noxu0\r\n=T/Ch\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7b34351fcdb380a13640a5a4e7927f4585848797","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202206185910"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202206185910"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202206185910_1641495598018_0.13495906575710315","host":"s3://npm-registry-packages"}},"0.0.0-pr-202206192031":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202206192031","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"21c67a97b933bf9a43da476358b901fd368f0238","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202206192031.tgz","fileCount":16,"integrity":"sha512-Vy7dkEMQlzsh4UP6Izc3Q11q5WBfHwdmmP2PrUffrgs5Wk0aimfigHQST9addfmY78ej4i8L2lJoLTGi+vnwTw==","signatures":[{"sig":"MEUCIG4CG/iCPG82d8FyLOBsXInwTCZ4dL23XwMu0r7mGEuXAiEA1spGY9a5+Ej8Q1udzY2o52z/dY5ZeY3uMwIGDd0nohI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10EoCRA9TVsSAnZWagAABUcP/jMAyTmOFLplwWXHvp0D\nwanockiVe9vPZlC4op8xYd7/ixBtBeUyMYWuek/RZdUKfPyd4yAbOr7ecGl/\nLUVS4WJju88LCEZLu09ZzmTIheSMhM7JSTTC6kNXAV8V0oShVh72noSqV7jA\nRFPfTIm9kWfl9frKieAVblLJ3MdiMhxBeuDcYxpIMKXF2+3uci3ck6h4z/oA\niweccH4jSxh8EaHu9myBavGqKJyPIZA/gzwFobpgVmOHcuRc1Deu+UabJ3Vy\nfCvnhbWmlha1W+opMzsHMYpiNwUGUKTJwQgFOUmvV00GqGorpefuE2I/BplQ\njfQ83FVAPPY7b2ip9qtdEpVumI6eji5g7fJGzaUYGUSA4YNlkVGFGUhUwffL\n9TZflZ5Mg475r+051HOaUfcdR4uLJm5ra5iLBcPv0w9G7bDxdeAVIJ5oI4lh\nyiVj/AA0888Ub+ANtw5L3rfie2QSkK0Khn6Bi7xMw3o1opFbpbpFUbkVQH1e\nM2b4RXDXzQerwDZvw+VSgXJiSeOcsLsJymr+Uj6PeivrJzu5GIj5EibqWi0Z\nemSlLJ9LuDmhBQf0LJTl+YO0apmEOaRoUodjPnNulgIH9qUCUstEfenDY4pv\nrLWFx6jDYqap7tgfyWdJCwPN02ReizAn/J1FcI/vbXonyKu8xEEn0WiTu5Me\n3aVc\r\n=4N4B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a538c4f88395cff1f6ce14f27ac201b5f63afc10","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202206192031","@chakra-ui/utils":"0.0.0-pr-202206192031","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202206192031"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202206192031"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202206192031_1641496872445_0.33377280751778104","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220620149":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220620149","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e75af10aacb9746f56c895da075c94c9f540640b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220620149.tgz","fileCount":16,"integrity":"sha512-St5Z1QeroiGsq2z7/c723e+VThDlfT2uY5+ePDQ5RyF0XKliZ9ypZq4KhmHo8bcyHRXVgGyxs0zICM/m1FiY/g==","signatures":[{"sig":"MEQCICORp1NE6ZW1Oek8ClPk9CMPFaFyuGd5Irf8m+vxd2yRAiAd8tnPouWZC8WGljsWlkO6t6e8485wWPvlMOuilK1Ukg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10rTCRA9TVsSAnZWagAAJRIP/1I1WRWO5XdxWm5zWGST\nwJ1Lv/CmQxd8xNUU4CUePxKbGYaeELlU9y6wdF04ttvzftuPKbwC2VjOCpo5\n7d5qOgvPd+BW9IjJ071prEnWzGvR1PdCEmsI9Og28jga2HlDkL8JUat8ZOBb\nRR5MuU4Ng/8TbUkk6XXIopF1dOky5oQrQP3evqB8y1pH8/9aQk0T4Ao+nexA\nLovNC3ntUPV0OUI5bRMG/e0P6l50l5q2h70dpegGgkOMmanawkiAHpNBarWV\nhpwDI9o+t9N1zuu58SgUmaQhN41yILOhF4wloAvUOuucbyZ9Wlt9sgJ6GmPX\nvJxeyTMKWUhBtAdAh3WNaVWkKsXsBorX1IoYQvByyUvQ/goHiBBOjS0/h5HA\nQoLk3rGkbhvU7yLRN3pJEpaTld6adAnru15flA5cx0yFQsnKBoX7eEi/yD7l\nX3pZFlssBluhlNNIsL3VSo5o0I6O2Q9hbPcXruf+flNjK6OoHFRTysrPcjlV\nyyc6KGp2CjoGhnV5N+gtrG7Ocq7SOGPvrHFEqMSPLUTGS+8yHfwE4KfJNzWW\npSDhU/vyNWDT0EjQxLcz83zDTsR5cnk43wGf2eVSrFGMfQ6IcrTcxqQqpSee\n62gfl92QjNgQrqN3IY1yK4fBydn7OBslbjP8LLo5ry24PkVqSxCF4gLAb/wv\ngFs6\r\n=fpOS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"9d02772e8fd7855511820b6c729c0ce72a347951","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220620149","@chakra-ui/utils":"0.0.0-pr-20220620149","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220620149"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220620149"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220620149_1641499347626_0.29954970920405066","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220620653":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220620653","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d24ce660af085f410791a7bb88d4ac82fc5c6b17","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220620653.tgz","fileCount":16,"integrity":"sha512-q5gy+zf4oiPOW/UjAAkABOfhnRBaOc1qPgqIK5rEsIEYchAWRg16ivqmtmArB1WULzgwLl2wloJPYl43a43yFQ==","signatures":[{"sig":"MEUCIQDRje/S6QsFMKU3Ip5dU/vhuBe/uHoPUN3T6wu2GlK/NAIgFHvJPhEewuu9/0VkTghUZM2ElgaRic8rNwBUjRdzxTk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10v9CRA9TVsSAnZWagAAxSgQAJGNXfjQfiKJRN15ZP2r\no0+Qg40stiSeiYQeu/6JnEq4UsSXSxIA/zbaV9CALM6dMa+lqIcEB8q7lHAU\ncBllj8kbeHQ+v5jFXWO2TSEyO/uH8jjJ9t/IFBTn7K1qYgEdPqILTQ2xHUmO\nMxk8hAjiRUfa5YLiKIWPZgEVGlO76sotIiu0a1uLEyB6jWPCXGX71HbL+Sm/\niSeSvwDbHj9ovgQJfOYT3gcvO2X168rl98EFqzf0zxj/1sTgmI312ziWYqw4\ng5od9MnUiUuCuxyXO97n8vlH4ZK/dCRf/yNTm5D6tBDlt5haDD+fkB7qu/El\nj9X5LrHmVmrWbAhwiBVhzyOorTPlG5GqoIDw1onw6kBsMjIPV7gGGQl/cgmf\nvSGlk6iXnQSXPYM9lUjhofqUzqVFBdX+e0oxXWBW6RUYgKV6NNDhBbD9wo8d\n+9dyUFyWhpAGjxIIoIp5GtedJe57YQdyec40StzYRARC699Id3USUYv7RQvX\nl/lCcB+wgyKT0NbojlW43eaQxNtnWnaGczIDMvyjeIx0OyZwDSGPQZ29DauR\n4Pv8tAvDiA3fq3na4UBScCLq4vTTNZi8+ep0ZgAsB44xUYzhdXDkli/FYFab\nUJPF3DVd5cNL4Ob2M9yuSbAJ+HsvDC9C0rFaVzhE8jGfhiEDh0N81q/9beEp\n8b1c\r\n=ytHx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220620653"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220620653"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220620653_1641499645232_0.3250948322462357","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022062070":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022062070","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3d48af1830c67e9aa2cc195f456a12e41142ded6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022062070.tgz","fileCount":16,"integrity":"sha512-sq9ssgUYsGmiBtcIHbZhyi3tVACyZQxI2bS//Iw+yB2CfSNMK/3ExWMa0mmDjggoiW4/bwhdMyQo/nu0cXVsqQ==","signatures":[{"sig":"MEYCIQDZevh2PTscnTOO4A3jv/S4Mso3CJm31DR6lo2w4Ix10wIhAPUfmmYR5a6ixhwI4jx2Kiaszg6RpQohGqMJ/tqoehvR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh10wICRA9TVsSAnZWagAAYkEP/0fnL+aNKHYZuQ0d/5on\nJFIRFi3fm51CfDMSflhzqF+dyvxC4dIwB+cVzxNTpS3XraJjPFaX0ehcMDN0\nserqNB5RUKIcxFSAV4nQBlxnLDOIeGhcrbcL9dK6NUA4/Fw9fAPdFGeR/jvK\nYd+bBk2H4a9Us7R+Tu02qGWp8SDMHi1gdcnaQKnhyRFjcDI6EzbUQx+KRpD2\nvNEMaYVpQTdqNJzuXBZBzLN1Xb8/QSAWKPqu8iRZjRQR6SW9cvJOJNfWpipn\nqEdb3ZXUz3Vfruml6Evjqj9wFdv1wvM4vK6g9Fg1GxDj5SPruhO/UpPmo/xi\nvYN9gkPly3l7+9JbCluaV2X3seBbQsccuHqs47zZYPb/x6FbBGYtAhtPn+3T\nLkZgS5xQpTl1bJtQe3muRL8BJdyZbRqOsmPdGQbbB25XNrw+AIrueKeN1fgP\nti68xVizxNp+Q20Xgr/Ymph0kCfeXG+uDJI4chmqAJm2HtmKBPBPLe9wskx2\nK0P+xT4zTNR2I1F8iw3I+VUiTqcfqwFjAQb2e676HsJDRHjpjtwdtlHrNjHt\n4mfWhgOPTwGnZk4TpUeUqRZjsGa67jsh4u2VDtfoix9XqGbVuh2J/RZEopxE\nDwf2/s78IeB9hqCpj+dZHoxlCccvvnSdrFVT7zS4kgpNjG0FI+Chsnm2nhWI\nxAAB\r\n=Q6JK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"424dd3cd48383a7561b2c8558bb5030eeca54f2e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022062070"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022062070"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022062070_1641499655830_0.4098058587557991","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208163634":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202208163634","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6d1dcadb5c9785fd64f93c61ce6c8f17aeec5b00","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202208163634.tgz","fileCount":16,"integrity":"sha512-/T2ZFGbllo6FWuq7y3tunxVbJpfwPLJj+i72jyaZGJXgeuwo7GOt1b6qPlouLMVIIIuvkttutttJbGJob/2CAg==","signatures":[{"sig":"MEUCIHd9S2QXy94GKQc+0PqXZ/J1OJ9paqD8TIGa9dyvXtHEAiEArPXT4/Opy5KfUE//xX907OysqmQhdT5AGFS5HT3K/Kw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b26CRA9TVsSAnZWagAA92MQAJaannPrO2v2gs185ktb\nGA410ZT8tax1C7JbyH0ADQ1D5VEJArbXfI1vEpRfwURIC6XDPxdTDUIAdeZW\nIlV48I3lJWcEEfDukY7//+VaFsB2MHBHbqqOwM7Om+/ChdfuFXQe00rDaxCl\n/UUeizlxyRVKc9KnTKGdSgSzuxBj5jEP8SuaHRhgI+hYispRHEMgJgAm0UKG\nzwjhF5DowaVxnOJAVD/RNu4X5rZzzbxKSfljJKtRWm4N/p7HpY/lLKdXREXD\n6p64rDWMbFTMzUpZ6pqUe2Jjb1lRNMMVTeqid5b8oeXYBfbkWU/Zgn5z5cbs\nJBe7xzQc4mxBPcHyrAWKnbmLsrMePDsOHshg4ztojTEiuPhgNTkLXMbA1FiK\nwg/hmmjRbquBG4uXAPsyk4ftCkDg2TMM5XG2ihg3asqhpvVkXU74x0SXbTLr\nZQlqyM+LCiTXRrGe9seUDKn47QP4v3yeklRy4PI0+ypxFQ+tlkKzyFQcKIDr\ndU9NQGUi0RIboqrYfOd09b4k7Kdo50zEgk6q2ZD1ltUfmC3Qd0y1Znh7CWLw\ngyCIEmB0f1VofE7bABMKT2+bXdMj7Xm0eT/SQ+/xULG1CJHMYEsQY7R1cBkJ\njQg819jfu8QI/lF2OobraLbIDetJOUmrgpIgngciqH6Gld6SHPQW1YOmECWL\nEnfR\r\n=XzxE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"c1ce58dd840bb3be7041b81f4ece559fd7a37f7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202208163634","@chakra-ui/utils":"0.0.0-pr-202208163634","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202208163634"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202208163634"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202208163634_1641659833983_0.11010020321787617","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220816386":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220816386","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c6b2baf87b833a001d1a5fb5be2df6655d1cd3e5","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220816386.tgz","fileCount":16,"integrity":"sha512-84MqG6yKeZiNR9eTpIcZSa2wlO9URmZZV2JtJLegxEU55YO2V7frdkw6G8/HgfNtDLcPoFMzT6D47943/xNpwA==","signatures":[{"sig":"MEYCIQCl2frLn/g/MwmAH6VOcYFCe79VW6+GGyQbe5vd/2UiPwIhAME/A+X6V0J/X+x25R+L1oQaT2eIE+bH/XUEG5h3ygXe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b4VCRA9TVsSAnZWagAAI/0P/AwGvyfMgboPan1FIcUg\nBFytmadWCZoO3dENF6TuOZAE7k0nkS8rXpVZAfPeyDfRQqtJum2NvBV+FQrg\nhdSu2MOJy3j3smST4sczU56CcJfLvCq7sztSNEWUeNs8Dlyxk047gyGBXahB\nW5QnM5OlAQzpmBU3Ck/CmsTMAtOTxMM7ppzcy0kYQf0MJGvr5yPifvv/qe5C\ndi3B8hsgQP/mJpiH1haDsmvYRyv/Ly+4FuBc4BwLLWrg8nbQvDwnBGEr9oiM\noHFaHSsxoSJdpgx9BK2B8aVQsw7tV8V2ThgiRQsCdGtvFT3l4LuKFUC5DIMS\nAo21Cz6F1bFptuhiDjft+T3su2/cHKVwNL/1lSr30WEc+M6ehHGFKE89L/tn\n98QnQBUE9bkQluQxC1PmbUtUy+KgnqtgiT0mqgZzxmqkgoUil40CVB3xM3Tb\nCbqBgDw+R2iPx+4/1re+LVmmAs8DObrZ8vU9S4wRLINkZAmqolLxDPvKzUrm\nn/zjBBstMBbHppR+mR4DhPjJ2vKwvm8CL10p0x4Pa1zCvkinL0Go/H3bBC6p\nUYM1vKqYFmW860pCR07mLdDdYLUKcREb2HyiJxx2qMZQ43GLMRouXP124IWd\n/Ynti/2yeAHhQyenkYMNcQtbyaaCURNqU1gfXq2HrU52mlrhrYptaqwZet8m\npVZM\r\n=vjfh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220816386","@chakra-ui/utils":"0.0.0-pr-20220816386","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220816386"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220816386"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220816386_1641659925660_0.6011331753621594","host":"s3://npm-registry-packages"}},"0.0.0-pr-202208164521":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202208164521","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"db3ddec247e9231bcbea38d188c33b33e7366e9a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202208164521.tgz","fileCount":16,"integrity":"sha512-Q2qelCMyppVlS7qR1vUhTj8UMkTtyrxCgRvY14t1CxJQ7OPQhx5I/d0YE35BgQWXRZxTyXh8rcE/tSW2aelAdg==","signatures":[{"sig":"MEQCIGYXjk3NKECQcRvbFxHorx8sGDVESPw8SOSDcK32wMG6AiBp4UPkG83y1cNia0nqKgbU9mhc+AH7rSOFY4DUWMxlXA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2b/HCRA9TVsSAnZWagAAUIQQAKHsGmpSs8jRIRM3x27S\n1XMyoHI7dvakdkfSPit3NTmawYCvBC4trktZ/9blPSFwUkW1SwZmXmE/eLvy\nu6Qp6nQFOv4WPYWp0olY7IWAZhO0pHNmzmvNqWrxP83trgXFSHFbv/1vavDP\nDVdGbBdOFX2LTstmmrAIO/laberr/m5WohDzpQWnj/EO7+qF/EVfQzONfTYn\nsgTEdEDbXD30QcJq5V1ifbPk2vSFuUD8ZWEeBvRo3/B0U9JY/W58OSLLmuWw\nBcjKt6BQcSr5sRx7/jMs/hiwTOTbhnkTzKQHWa11RcinzYExtPj3+xDGs4jJ\nIrI9kzOfbHmRVoelAhuUI11C6sqs89x+6WWbsH474zX976ux2SHgEODRY9aP\n+C4KJQJoDaWwmHOeR8I4CFbyfbG6jmxGusOmm49xGKOx1mcIyOB4qwEt0wZA\nrXBqRQgaaod8h8ul4EtCWp6jTFrIzgkfMPHrzbSlTA7ZZ3XVuYtoURnD8FtE\nXZtuUC3pVlDExXQUD6M5xum3Zb1U4wwIySFpl7hGl3ZLzMI46HVy4YntgVLW\nhnSWFagE+tQeuIUdz2wZOsyc+AWlLy5Uuz9YJFQXHXiBFJQjPqdCL/ByTXLI\ndNz3IxwHb4x5h5YwUXV3NyQGVwX7paQ6jBepILIteSnKghVz1lNudBeOdx9M\naMC6\r\n=MI4f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"25cffa7d1649efc7866a0e2ffec5a6ffd9443d90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202208164521","@chakra-ui/utils":"0.0.0-pr-202208164521","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202208164521"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202208164521"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202208164521_1641660359263_0.17155119661834828","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209205059":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202209205059","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e7d1c07fefbd672904ba4d5df133b4ce4ef6079b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202209205059.tgz","fileCount":16,"integrity":"sha512-9weRwjzwGV4ChLcWETMLuYnQaWIXxCUbywNCi8cX5tNdtLdmS+hvoyfThpR/PBBEjo+zTu5rJLCAUEWGRByOMw==","signatures":[{"sig":"MEYCIQD5MHYIUmq67/INI/HufrfWBbeKp5KFu19ZahF+KKZRkAIhANiBvNdgT9jhPhjfBsqcV9ZRREYnJYWl/TcUvYMmYNW/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20rUCRA9TVsSAnZWagAAPm8QAJlLxrsLi0jhhrKE2F5z\nefsp5/kSDqu+3yrlJx/H5r1f0NSXq+jkuz2+UFr7kVBpQ3KkTYuVzoFz4cZ7\ngu2m6LdGqubDuRq99JVyL/pvPNxKfaGPAUavMgyBDmZmQcAGxcnmWbT9jdRl\ndC/vXXs7CROx10g14AtV8SUoTLW4qYLV/cwK1fyiKNXhzQnPSZ97Cg3I0LLK\nDHYAJHqAaCspvgDwxF1BcmCLOer8FH9z4w1xgMakMWAsNRF9+oWnWQOgpcAm\nDE3p02BXmVg24yLHq3J5Hc7e6VU/3EElpWbGctKpU4jRAaDAAHzgAnaZ9jVZ\nwabeml29qmdZBu10mhD9fnEHy/KxgY09jTTNe98lUTsmfcMXFhzRwh8uTEtz\nN7TBlFct/nfbFhu0bwW1fIgYAHp4cXz+BcmYpVqxr7RWjlj27fSjwRmh4dnL\nqw1jUlcR3ciF3UDhuZ72WCRYlmPhZllGhFHBk5Bh/HUtLoAlwyc60WTu3894\nNWHeTTGFxi5iIKYit/eSpRqrWWDAvm5vFkf6GkB7raJ5oLf9Ed2sc+JMaD94\nuH04C/kjyY7RibjCzstidRHn5RZAsrfoablx9xCY6ZU3IWEVknDCEvYJW5O4\nN6eRKTbFr1B96ybaRT/Ill6T5OUevMnL8qom1AAtrcQvXkwiGEQa9c9lnzFy\ncHq6\r\n=CXBi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"964c30674af12a49400cd5332aa6eaf02b1e7f28","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209205059"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209205059"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202209205059_1641761492245_0.4133248450878706","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220920538":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220920538","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cc1e81e2a8d8bc4f51c1a42f2e553cc86eda7f15","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220920538.tgz","fileCount":16,"integrity":"sha512-6atmiCkiFgrseUl6Fuf/Qupcg69Jcp2v/1DXTAOlfJWvfIdhMoNewE8CLogFeCO+vrh8dvARTly6V8GnQFu5cg==","signatures":[{"sig":"MEQCIAcRrkacLdTFo4ddKhwCa9r4n+EI057D/eVQqMMzzB2QAiAPROJoU0W1wnloyCXLXTBxwf4hSJcTWe2WU+CxnmQYZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh20tWCRA9TVsSAnZWagAASWcP/0QjVDsQtaPiEd3xdeu9\nmJHoDLdXphp+swDAy3u3+60Cgw6tgDSstqOyRNEKu4rdTLtTyQ/ZX790wjHK\nAKZ0d3mMrl9tGpwIAHSDrz7tjpnIuyDlV6vCwTlXUaJfCoo2xM8o6Dd2aNAF\nGk3Zf9LrphUpp837h8w2TKGK8BuZp9uPU+6tYc+I8ZgCW/iOhUA7jH/oWRtY\nfux4EOsRbF7CjGCg+He1hFFc0kxEx6bueNLRH+64qlokarV2TaP1kWCQuivN\nIUvgIYUtqIB4aDioVQWJpUlOfAiTCsQf7IxloTWsLIVO6UMIn9fEa5824fsM\nc//DtjGMiHsA6UObsoxNPHxdTRP6/y/xzqIMs7Jok344F0wgLE1ILMSHBgH9\n9HK0yOH53DwhYrY9XBhFL/87soLY5Mce9UuP6Hxh1q/ONYCeWAfuh09NVYkE\nGtUiQ+ZEbx24Z/grxCwM6WDunr6rsKN7BPEfXle6P5PIya45gGTnSaWZCbvd\nX6tHrN7sRP8Xhd4bVQ3cxmrI3OMQucDGIzEIsa1P3pbhK9i9I0J3dH5LbvCY\n8N8x+vSrbovJImsnIlX7+rge/E1GFaSYkSgt0+DTQ0iCL/hvLMoHbmgouN6m\nKEmL13TTgOmHFxf2oW//82nFu5CJT6BJ5RjAsIBnoS56FkpTr1ng9JcXJgt5\nCa5h\r\n=OsXU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1e9727cfa2fe06bbcbaaa28e2eafec37b111b875","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220920538"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220920538"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220920538_1641761622770_0.5139517921655206","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209211330":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202209211330","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3e9c8ea8dc6ddbeaf5f97780b74a03b9a7521113","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202209211330.tgz","fileCount":16,"integrity":"sha512-Xl8VNj0Sp39gfkzo8X6WQ11HS4fURE7fVRnMhjGgpLbmS6kb0Jcm7BKZV2ejPz3YS+MslZfaKo0NvfcD5S1P9g==","signatures":[{"sig":"MEQCIGz80+LV4dZjpYMWNvlu76V4nG761VKBnAYG4vEBQx4ZAiBCClOWklPEaNZDZRbLW5Yx0iZgJCiAA4hCBxIFQ7sUoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21AbCRA9TVsSAnZWagAARvMP/izxf20ndqp71N/AU87V\nWrEN3vikg0DHanWhpMPG4pJZ71ExLsK4PGS0pQnERXqeqiRX3UP/+x4L+CcO\ndfau0HIeE+znDZ6XqK77lWZU3XIo8KLs1xFu+Kkc+WdZqPzN2nS/Mrrg+H5e\n2YnlvMqXSOOWLSRwwsUakiU5INtBFQC9CfHyiHfnV+IGMP8vg4rH30HLTgZR\n50d/+0xbEiuFq4VHBGsS8OETX/w5Om1SnWHQMS5xuMccUQ6TeVG2qGsRKqqV\ncpwkGJCM2Lu/SyVODDqBEnJ1d0kEGCCucfkXLrhhMlW2pm19gIkF3EH3roZZ\nLKZUPJWB0Rmks/FgyqlaDD11j8QLOOGutyRxB5vOT2wMgfsMB9wWU8Eg8BFX\n/qgOl2iBHPDdJQMPmmXETuReWsYW+tEzFmm20dZihhwv6VOmzPvf+KSpM2pa\n1cKoCKBgt+/SeEPCfbLMGr9Ot7G0gh2irsn81S0urtQBXJE9Wyux3vkguSPr\nmdP+kX9YIvTyjQLLA7jNjqOkv1SV1hoePZMMxYOFSsUxqzjC/zWWM8x6lVA7\nRqoAHWjQHuX+4yR3h9fgwsI3AA3eAgcmGxhjxRJ6jUwEPRmAgkJf6EwpLto8\nM8Lmt17HhqPrq3iow8nSl73wVuPAW11bi5v8o7ZieNjBkv2iToSRmXywmN4A\nxza4\r\n=oYuO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b18ddcba046cf5fad125d5efdbe31f414e4d9afe","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209211330"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209211330"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202209211330_1641762842994_0.9268496475401415","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220921590":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220921590","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d0e878ef61ac4159ec1ad1b9ff68239e8ea64fe2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220921590.tgz","fileCount":16,"integrity":"sha512-msqu+XwFFdtTKofsLSuNG7ItKzkmbwS7U0xVXQ3qp1dfgDKd+uOI+CgngdmAJauYmkci+duBjhz7gPUMGCdh4w==","signatures":[{"sig":"MEUCIE9hlBtpqTtOJhfJ0kNTcs3RI8SePbTkj/2DmyFYaM+6AiEAmToANO6ByG4LJnDvpNfW6chf2P02dgmFL/WJa9Xt1DA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57486,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh21rBCRA9TVsSAnZWagAABNUQAI6W34XWvIt0YmMEOnHF\n4C2yz4HOPlYp3I2m1hbre06QU8RSswDbu3s+abvqOUxYTmaiZQcIwAmKEOtb\nWZC21eV7AfyDyYzFKBsnfEhWUIKa0J0xH5hiXqbGgh2s/eRzTiBW67rHKB8j\nUNGEBc89S1Y6OmyBUejKENZbJ4GESHL6N/7LEJI7XJCqA8E33R20qP6afIZW\ntEY5lHmUoNeSENGSkm6VyQ+OOmZndT3fFBy982cQBlD1qG0V6LLGfBVngyfj\ncSoc73hML+0nto5UNNgp86xATIxveS5TYIdGMZuuU/bNSKFCAmkMrdJf+zNZ\nQ/1cqqxgRrZauKu0iEyiwuPNeqLV/Ze5bHhak8fpXt+WR6uEt76CC/wfSQJy\nCIj59H1XwA0wMXTYJNb+McvVn3PW3H/sircvnumCxM1yyNAdumcIsJl79ZLw\nk19Kqc6k1z5P12s1qEyh7LIh61M+jtFqTcx80opx/7CNslMBSaj0D/HrAwKd\noRPxfc+aeaKALmqojmXjUAJdprVLJPInZRVRB5iFHGPx740bDMBQnzy7gtVT\n1cdZUy1egrGh/k3Ie98Xd+Vb458ANmQRNvJxLMDwjMs3UCTBCyi4dCvGASqL\nj/UNU7qarYhHVxtprmqU6YwHQMvxiPfP1eUfq7KmoGJ8gyH3YVdSKK7dK4LH\nt4gd\r\n=TtJZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220921590"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220921590"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220921590_1641765569172_0.5785363541720665","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231642":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202209231642","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"de47d35e228bab10e0289882f55e7f429cd67264","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202209231642.tgz","fileCount":16,"integrity":"sha512-c7oCflWcZmvkiap4gtwPfyU/cjDgUsZTmo+cIdFxg+FiT1FQ9To1F07vy7pAhvYB/VikXKnMq6GkGGT7ur4SoA==","signatures":[{"sig":"MEYCIQCNdnFgg5KEwqu7bni9yxOmK5QRF6Lm7Qm1A66XtdrxjgIhAON/MyPILV4J1lC3hFxJ7mYtk63j2faHuax03E6Eo6iO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh22z3CRA9TVsSAnZWagAAYtAP+QDzVwYdE2JYSlYEbwX3\nkUaaXQMQ4U49+mMd6z8mFKNz9SrInT1+Y8EwDZdpxvrEgH0kEGki0CL50OCz\n6gMJ+GBGN305o1kLiqy3u446NSvpCc1S3OyinQ3d/y9pBu56/fYPEgrTjR9K\nivvsg8f7pA7GiZShLWrUCXKEa7NyQzvjq14hzyhzz4JI7JvhmI9k26oYVaJr\n0KpcqPl10iOJjhQ8cZbv/6uFlhbh/INNDeb5iP1MiQ3HmeZjpcC4kGzM51pS\n7uCebsbYARkNMQLHZbdl6PKg06m07tGwvGwFE42/i9x0SDwqU9CJaYuUe9tK\nEn4e3v2IYo03JXqCMT1X/rkZjH680bYHtMa2JQqbkKN3Os1BEYXqqSaTsTVo\n8o1QebL2ZcBfTyQdgTsOGGyYgV76s96mODGBZm+6QQ6wbFS+ugJ839KWgUmL\nHODV5oykjwZUd3dyThzOIRMMX2k32cb/wdE/xEp7lkogv3tx52thRvVxJBKb\nXlmEQQHbJDHknWoTa8WNun6yO7MMyzG0CA/OGxyB7xjvh3gOmJJW+IVNse/N\n/jeCwWOEeOd4RFQSCBkXg8mEiRuTHZkGU/Sv0AIPiSpf7W9g3aSArwIQy9c+\nhU15G5jFTIL/onOsZAhgvbs+zd6t+mWW/1MudO1ibKqc8L5D8euV8onSg67l\nal8T\r\n=tAHa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231642"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231642"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202209231642_1641770231831_0.1261452118804942","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231818":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202209231818","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"79b5a3fbde808d82b45db16e5973031d530073d7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202209231818.tgz","fileCount":16,"integrity":"sha512-bOf2BuULzuCWWEoywGkxICe0W36Jo3FwRgjE+LC2oUfXIK/nzyhw/nAfrU3Ose3irNiaO9jc3Eb/tcCVF9PeGA==","signatures":[{"sig":"MEUCIQCZK9s5zfTux2D82n6nj+cG34hh72AS+o6ocasFo6P0yAIgODgft5MS+9YeUplzbjGQoDA9i5e6/7ABEw9FG5/ICi4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh221cCRA9TVsSAnZWagAAM2oQAJH8YRzGsX2HaCzDOl3t\nwwdwfvzrfFDUExwjQlLvr/VFlGP5g4o1KBbfSzQFtmHsVe+AkEUjn6gueetq\nJEHbZDPP0bpsPgTdP+1gPvOnbH831do50MFE3BY1StEgojyOZZQmNuslGWSw\nF12tItijHpui9XXiQgzCViXxyTwM7HtJ5PbA/TGMGjMc3vOtvJTWqXP00dVA\nZe0c9Us/LdbL752zyZ07u7O9AMYRwjlrzTSPRGlsbOaU3m3JtuS2moaMMwwn\nGmBa1Bb2iDgsuSC5WQM7gO/hPDCHLy4pDTEUpysimtOACCSV3Gfw4ZOzNH1l\nnd9C0v9uoMNB19TaDS+v6gw54exekTaLb8BlKxTKq/5Mrw+uiN4D2GaA1Hqv\nuqbLax/DQH9NLL9zAfW38BnEjefnE7Z41p1kR7CYvEyt4LB1DrBWiOCblTnf\nPv9e2NgpcU7lYR/ZoGGMwSlYGogYQnAnyOTc7chUXWNDg4O7M8vlMPvhcHNI\ncS4NGLhna0bAj5I7t9dqOA44MhvMSsBkoEFUGw1es/xsepx2IWh8P0D0RhQz\nHlQZWAojx1Puy3ho12Y3t8AHZDjrgAPnM5KwKgCOTKes+vqFe30pkPZ2k86f\nvhLZcPfg5Be9VN59AhVeTFd5twjSw79tVnSIVYfg/ukryRaQqCk1+rW1HIRh\nV9vq\r\n=FyfE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d6b6d38345ae2fab45d444a0e7998b53874e1c07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231818"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231818"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202209231818_1641770331894_0.16844262919817354","host":"s3://npm-registry-packages"}},"0.0.0-pr-202209231927":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202209231927","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0dc39b5803546e2c8a7bc4dd15930116591b5f8d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202209231927.tgz","fileCount":16,"integrity":"sha512-3w8JvINE8hn23XbQzPOcsrlqQflcDTI+kGYCPILtVi3QgIsuLGi074H/dy+ZVmlruhLolDNfXZoU6P4LDFTakw==","signatures":[{"sig":"MEUCIQDeLYYQFwwxlnVSud44WpRtSXIH8caU+PDpRO+XBkTTJAIgIr/jcJJtIfiw96CsEtE3CTb9w/oAj81zexbBzc9S3HM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh222jCRA9TVsSAnZWagAAZ7AP/29FmN4+De6yWp441EM0\nbL14Az+lqBog63IDeVnmmHgY/Bq77O1lkP8EqjhmlPWae2BR+4bw0GolbPdP\nQiGYbC+1PuPjmrPUgf2s/p/eagICxW/vas/3L7iQddSRL+YPXSttWwdeKCjI\nZEolbb0cX/uLic+r4zAZlAKCcZK4pzJVVTVWdY0Jv2BCqXua0R0DWnhObO0C\nQKHaJhnTSmQyFzEAJP+Sstwoh9J46rXynBRTGGlVo8x8TrR/gSccYIHMUgna\nCO+vuzkt7oujF1aCeaOwD6hgZDVBerKsJCkbLLhFOiCkpMGgZhmVN6iLyEUi\nt9YVAwjqKtzAWn4/pRYguCoP5mhHXVecDVOUPR+se8XZEmQv8CCTnfPPT8A7\nlgDPpS3rhj7yilkI35211hKBSqZNp7UgzJXN+EpiaLwKfEsflZx3RoxPZz7y\nFuajMAgBRRQnpPATWtbVBQjEkXuWqPqJ1ZLWCb/M0tNDOEJ79j/n3rrpjtQT\nQ7mjEcncwlUi14LjK98dCa5JlE21jy5d/pbwcCBGAyNKgY/JlXnXI18B76Y9\nlzMfzP5gsyCOMYUmB/Zx2ZLryJtf8ginQ5Kt8EGS6wwBwwCojYvZYIKd3TEa\nkCuKtWY/r6s4FVQEzo2p06AmDiH1Y62kYzociRhur+hVgv4m/Bp7Z9jlTHqp\nEkRj\r\n=FAcW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d94cc9023815a2b1707114fff743e0d2280d3b60","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202209231927"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202209231927"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202209231927_1641770403736_0.5125703685666578","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022010134944":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022010134944","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3fab1351589489d70f05bb271538ff35d10a7680","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022010134944.tgz","fileCount":16,"integrity":"sha512-3KdEaGaHXhxn/ImSizCN7d6ML9jC7MO6Ai/bHVKvv8CLygWTygqHceRYmml9BXrSULTX/rxe+x5zct9lFDifUw==","signatures":[{"sig":"MEQCIFrgGy00N2ttxWoZivi/HGQPUbepQOfa+6EYqi304daQAiAXrknshZDJaE8g/g40URaxfPpYydHMNRPys0xqa7uNgQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DmTCRA9TVsSAnZWagAAsR8QAJix1KqRb9GmujugX5ya\nCJu3TRsp7UIyDe7JOQliyCwqkP8vPubjWmVZqtk+nby5u5+12QrYNES4kC0z\nAqGwEFO/UsjJwTdCy1yfcjBJ2mARG3Jsqe3I8Z2RuyhENvz3J6nA/3B7tHoh\n1rWAonqiVoN3yIr1anyF+g+8AvZeRK3OrTX2S1cVCGAfvrTAyCa5pmzR5omv\nCDjEa+Wt+Ofc/GqLSXUvfsiVBpJiJ4CLqgeWifMKHW5K6aKVqMbcVXx/f8Xs\ngWmCpBci85SwRZPm/BCfH3wTo83hx522qOamWCfmj1glAqK1ey1NxAVAmmqJ\nOzY02q5a+tfPWktoM8nYQadAOWdE9fkP3eqPZlguNG3ZN+/2KdR0Q7U2eZmP\nZckAwEWWyfcJi4Ym6p/EIqJxLc8mAqDghMzW5x86bZd6fR+Fr9iRW5GrVC+a\n1BHbGdCviVnB+pYPw+PrUFlbHCwOW6WuW+QX5Sn/bnlyvbZBc46/uIGHgUJf\nVw2CwyfWeltqclw6l/Aq7LQMhHaUkWk7UBmTJcpJL8I3FFD5GQvmgSFZ7PQh\nVOc9zFAoMzFHY7mzqhv1iIKPO3LT4zdVaSKpLOarGZVQb0DSV8s+Fo6naEws\nkJFjFPoIACjJdrJx/rH3AOPCUtK1SPuTHo/bWXdXnZFzu3CRtXtXju3Xa8rm\nfFhw\r\n=z3X8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022010134944"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022010134944"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022010134944_1641822611609_0.33028020260211033","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201013510":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202201013510","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0eea3f4f4891fcea8257058f9cf4c1ef86f37abc","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202201013510.tgz","fileCount":16,"integrity":"sha512-103UEiStTXm3ohcpMaUa3C2nS6Rx0OlSV9UH5n7PoHsxHKyOkWPEbcTwBJOP1MTZ1zpXwow4nB+RlUF+WgvvAw==","signatures":[{"sig":"MEYCIQDY3sZC/cl3nPzjwZytwtfjboDSG/1GAW+VcpBy7w861wIhAMqpIWhjtgDDPlO4Fm28108liHhWXyLQjLeEhAaWhQuX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DnoCRA9TVsSAnZWagAAaW4P/2PW7WHZLeKZgVqDFRDa\nANbYiytfd5m2O5Kdwx7NnIiKby547Xq2vjgJEB4xEN071dHTar1h/cAM2Vzf\nSSgecOdXD6AtFMclqc6h+SCgtg2NDCbnob9NbVmUx1sxu1DClSxLWA+ufS0t\nRx/BAeBhNtpv6eBSLTEl4Lj3vwPW+FGvtkegY11mgA3wfo2DnBlpdhfuCdqg\niMkqhIhl+jt9+eeQ94xSAyC0FMDDoBORIxBvTJwLhexcVNV7flrTsj4kIRH7\novHYGeDbmEt+G3aQFgpCX9tvXJG7BMrXEoM2/OUafDeXRWKvTi/Yt+UX9E/A\nzcx+ahErVvSXRq2SYxKQTbx+wkkT4ABhll1n7rI/WDKS31DHcI6QyZwWC6nj\n0WxTDbEBTDOoyiPqA6Xi5/j5Z4XzwfSeqzDc62H9E361u57nGV7A4blo4h6H\n3dmauX60BkvnYWRv8GdD0HLT8ZJ2RPqrV8NgPirL1lk46BfQp2e53giGQOUs\ntbh1dx326fZJ45nXancL/pwtPrWPX8LtwKbHX3AaGF3qGaFgxow8PuAqeuDz\nt2RDURUtXaDCxs4UFu2hPDFzFCE5XPPXH9E8ttNHTW59p+xJTx4jgCy6JrYX\ndyflcf3L8pjqwkn0C8WolXs6f/hIzhgjx5T3TLEleJKbyxr4oQ2fMpQ+qkZA\nY/a/\r\n=sdqf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6a3aef0f72fa67abf8aef80fdaf85aeec520fd2a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201013510"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201013510"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202201013510_1641822696216_0.8178081978050753","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201013538":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202201013538","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9278709be893e5cf7544c8cc81a699a5b51a6fea","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202201013538.tgz","fileCount":16,"integrity":"sha512-GKWcnl+cu0r7hwOvVFgeMOwav5U3uptjVugX1oEW59bCZ2GW6fPSURrBFeKGCRcyptqX/WZjkEqyriNVROT3lA==","signatures":[{"sig":"MEQCIHcI6MVvCfmtiCFEY6V9l1FebPsPhEeJroOjOHZo2PT5AiA4srnkNJo8eijNiixmr76Mtbda5cnBSfsa/4v4SSLr4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3DphCRA9TVsSAnZWagAA9XIP/1I7vuG9awrGZK3BJ7y6\nHPTp23BuaMp2LcftgHbGkeJZqMxHcislhO9/UaG+Np1PNdcgTsYtAnP6HKGL\nXZiUsXKHtCiUi8/6QA68RDX/Bz/uc6M91edxoIZFYNNQMaYvRyM+p+ZNjXmx\nnzBLywo9GHmQnhlpFi9a1xKJTtOjX62qe+piLE7+CcYzYUvSIied5sjIjjpA\nuPuv3ZzxWsXeh4Tj7btr9+t9JS8IxJhq4ofWh7a5ct/Eair3n9ZXs+lypp42\nVc+mSZSAuNy37vtA6PpCtMpTIcRA8tfj1n9RvFb6OwWFmYi/gMya5w2ugi3s\nOjGsMrc9oppw/a3mCD/eOa2USN8IBaSts8MVxm6ftT/21YbP0WK5hIII1aly\nYlJ1eRJ9VoJiBqAQRVQWC0kmdUcPu2nkJB5o34l+4M3F2SPrhnzJQtrLm6Gg\nxuSu6BFQvrOnRmhmF3QJT+8olM46IjPjtnKmpXGRejmu/FUkdqjg8LiUh8QN\nNxbwVQO9dGjb/bi0Ff+gSCdndiklVsM+h0uSHhDfOCvvIh/Tgb4tTtHG6BQW\n0kQBdNtFTzNi0Sezwgeb+0fkC/nzPs2NilxLbFia8ylsQ56C0+uBoa5ljrFB\nGvk/8xveP/8OfBosqm8XF2Ra1+8iBoBTxJ4tKze/bmWZhL1J5fpO+1FqYZaI\nj1a+\r\n=0Uaz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e1907581faf50b92f840816c8ff7eac72e06cad0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201013538"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201013538"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202201013538_1641822817166_0.6538239866946893","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201117413":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202201117413","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"df812408e0aa12b3b1e4e4cb23c3ae90cd7abaad","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202201117413.tgz","fileCount":16,"integrity":"sha512-HWdEzxTjfTh6lwHoImrlnHvT9AkZT+RLQWnoFRrOPJwDqYpIsHUBvegsg6Z6kzyQKupvu12BqPJjOEyOux64Kw==","signatures":[{"sig":"MEUCIQC1lNcBwuvxDsnOJ1g2f1Et8+pFByDPPVqL3/OqMqzIGgIgUvVrdBQuwa6qQE0ntsxXhlw/twuixzn0oNiLLI1PKxg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cFKCRA9TVsSAnZWagAAWegP/R+8Kz2s3qE5d4vTlknO\nfc4SrHbzQUa1zep/6ZLEqfHLCdhj+zJqUI/cwJmlqt92gyXdIqEWRdO80MvG\nCApAUsDlIoreZ/ItqC02ijOG19fvaoPWw9+fIDgXjEouFZOkV11kGGo47jNC\naMWuIgfwAb7n8uEDbESn3/TQlHXQLbyqiQS6pDZ2Xk4fEDGFXSFn+KD9fjS7\nHyCC1c/hzh/92kfQRlhuVuGr2FCTJhPtmIZlo5guZEJRzYqJm/zY4Y26fBql\nGQb8+iNL3neSy9IJmww+yjw5CF3uL/0JfRyh0oFluaVqh/SReJUTdq/xe1Cu\nSsK6Hqb6e5GpRzGImmFsFWcCnS75cjfbYsqDCV0ZNqLY4Rrxx5Tx2TlevphR\nyBIPSyP3rIqwdD6J3/rDzwDAptyBreh3wKj+8/gsE8scumIn2rupO/HZjWnY\nukAk+P8HpGXUGm9bkMhBftm17vlfhD5E+/FtwjZYPpOAIjaaJQLInaSWuQHt\nrU9W9gFnPr2ItPA6x6+7ZaKxLF/sZQt4OV7nRwIyK6DbiuOSk+vsSaAO/jby\nYWHXkKQzVe10HnVxr2gObMAbCOln70Jp1dxH/iBq6jCqsK5yHVhx+LRnJK99\nCMhfWjmHWWrukSA9FRo0ghkJmTXedFBdFt9tfbznOiRTQCqXOPVzrQdAOKzf\ny9mb\r\n=y/8r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"472612e7aea64de64c6744365f7d5c6a97bcc438","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201117413"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201117413"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202201117413_1641922890502_0.15849120966830932","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011175644":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022011175644","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"350ec45b90868606cb440dcab331c767c3b9ecb1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022011175644.tgz","fileCount":16,"integrity":"sha512-eVAMH0arMq+7Hv4HqswCi5+So2+2iKEe5GnEK1tOTFoP6ZEprSS2eVbnaBUvw6O5RZ5Xa1ObGh/u24Nm9bYZSQ==","signatures":[{"sig":"MEUCIHBoCoAQZBHYXSN+7CicMn47U0lSTPTnRLpJCyMIFC51AiEAlQzdnkL6/o98xA939dq2wjxWJzDH5vP0YX26LuHq3Is=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cT+CRA9TVsSAnZWagAAsG8P/34RJ6wbG0eFARueeULp\neVvqQWZX9PpDJiotnMK/Eni9xroX2raLHKTWbPODb5Qu/TcTwr3MAB+8Xbhf\n5xmThxHYdB0i76m4OUEeVW0Fb12yDok67TrkHPjmvVRCaW/KHtRx33FdGJ/4\n5eIgfNjkj6LfSRYRyDwsKyZI0y6zCS+iLJ94qyfYt9GmXcN2FabasyLnkZC/\nScE1iLE3bgM58L64Z90+nJ1h8/MWwT30rFgYxwKTDWkDOgkuOa5etyIID9Gh\nl/Ycer1KMrmZVi0x6MtTLzsHYdfya6J6teMp4uRSnrqmPfsFCSBbRePo4bcN\nhIOPRvOwhrQA9IRg5+rcuLDECrlqiokwOPVGvc1hIYJ/jb3mk+wE7xGlnj2O\nj/ohLMAPz3YW4mohQHjWBRX4A6p0rBTtGNZGNjJSz5oLws0TUZuFSLhhgn7c\nai4oAalEdyGMIR1J7m7cK8YrRE+Y8Mu0ljN/+V48wU7qijCxQKs43cMmj12p\nID3nxi98kmdQ9qQoiCWPfE3RytfMWQFt02dCD540mxOkNF5RpOISOOr6e0kq\ne/OzKvuxzUX0pAlmVwZTOf6KfwXcU4/V5+/J4S1bKoVmnkSHbE5bqfmYBMQZ\nDB//QS09YQoqnLHL3f7DlWXmYItRCcYR30JXdIk5XKJfumXbzwan8/yiRviJ\nop9p\r\n=qhhS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022011175644"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022011175644"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022011175644_1641923837884_0.8103867258025366","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022011182024":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022011182024","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d04b421b4075cbbf6405e59598d8d7031a7d7b0a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022011182024.tgz","fileCount":16,"integrity":"sha512-jnHKnlyr9diDKh43CbJTrDmXbmYOvMeHxQgIPNS5N86jARFeU9VJspze45omqlu3yJh8sk9hZr6lKtJ8NkJG+A==","signatures":[{"sig":"MEQCIGjjSNuN91uQ6nIDdKlmyLJRBqljTDk3oMKk77aPnFQCAiAS91pfLhpdIjlMdClLYTBg+H5JX1SZOv0xM5KquwWuFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3cqKCRA9TVsSAnZWagAATWIQAIRDyQOsUsS3S9PlxxXY\nbB9OCDfe6Zkx8Lx6/5Sra8L6uI5xkSPFrSJTrH2cix4pkMUfK7Lh3piIw2Ws\nvF6z09jwdhE5VF92UJD4naPljqiEm0ZCBLrS6LlNz0Euh5MEgsj5FutTz30I\n1KB3vKSPjEC/u7Wtf9I5ht7wOUaYbetsunVguJJIaxQwKBe0pL1JmRJiZDZT\nJl7p32F3GT4Z0HMSw2Y+Utxe3rFjWN5/qfQeytPWaz4L56Jph/u4FLI7xjNi\n2NNebFwEcXuLoiNfbSiYv5oc+Y8lYb9DSb7N55SKR1kfiD1s8gAJ5ZAfRNL0\nhV7xhpzfFu2FfCXlnR/unMTwGszN4iR2L4KU3qsaNH/yyZpzAjcfw5KW+N5B\nXKsiQFEfijNYq377HztSYcNFpPRilHn15iAuwOii+gDUw7+Qb8jnDFguSpvv\nKlqXZjPvll/R5XnEb1KjipKd36BQqu+u16CuqHBrzjTqaMIaXFDTpcHfh329\nVV0G4QtOgVymNWQVaG87x0BEZnCze+gOKj/SgYgVjK/fnFzAPSBtR6KGvFrA\nwN3CxwyPAtQ/zMutbd80j2HPc4k9ErDF622Ro6Pu8DKJ4q//fZ2jszIra8J7\n9KSe+8Oauuj6KxoQPXnmL66n6jPhpzkLSD2+QdLaRYKSLoBhIwe50csChbfp\nzqwb\r\n=5vWW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b4db89aa26b06e4a93fdee1e0978c6ec77b9f108","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.1","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022011182024"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022011182024"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022011182024_1641925258338_0.22882914682944588","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013185957":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022013185957","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2ba0657c29212943f2f473d15d097065b21226a1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022013185957.tgz","fileCount":16,"integrity":"sha512-t/r/Xnb9LcnGsiB06BtHNkOgyXRqRHoIoCh1BdU4HBSK3ryieqIquypgDyxePM/qUKBg8XxzAUh4F1DSGH0Q9A==","signatures":[{"sig":"MEUCIGu4hbnqCd5wttjc9VC0FDiZ77m9whC5kGgE17EITBERAiEA0zsXY3qOC3b7RBPIJT6WFVBEcRStBuhNPfj2ooIfq9U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbNCRA9TVsSAnZWagAAB2oP/0xxF+sBoBBM/Q4Z5x50\ndnNLxNADT//GUlHPZ2K4lzDQv3+C7CgDPaDFgBLa+ZOHuZfj1J/26DwF6f4Q\nSCaZvDnfxTRjDEprXIyfF8ZYDnIY+sV3Rb6vDYRWfSri3NDZ+F3CnnzuvpjK\nP0vCtBOIO3V2voQeLqkg4MREjTVN+TnVaoiZb7nTRRLo5eKTWPstlU0see8Q\n5VulF17T9NGBbUCppoVu829D1CGHDreaBwGq4UZKBmqtjILPp97K3LgIujLj\nOM3Z7cUu11b8StlSDskWekyyacikIHe4RvuY6bHVsOOs0bhZIlKWmvzFezGc\nAFcrxL0dN1XC53wF5ZGMHgbdivOAN4ITSWESxfYwxHFkGh8++cpfT2g9z0t2\nGOAuyvalremriciWCaBY9ENH6NL1KKwybCB0TD1RQsof2yFuWQTVmJuC/zk1\nx7ra9TEf9VLyhDiRYavzmE9Nt5tMBaomIuXai4l8DsI6KWGbnlB48j4dbSnz\n0jU3LrcwDriOnlCkNl5gNZjK1SZFn1SJDQP4TqAmz1TdUc7zpl664J4ShpqZ\ntyTR/HMN95Zv9QE7Ggp2MqUaaMHTjNbUDl1o58Z2EEtB4YLcF9wQD9qZQuPa\n9/z5m83P3Wn8JqT3oFhcZ3scTU1wJZm40H/Fv11eM+XSJ8EgU0bggPi+2Fuy\nYBid\r\n=h82h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013185957"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013185957"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022013185957_1642100429107_0.9425573518544834","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319022":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202201319022","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e4a25108a3122412347ef988ae5c43745e9a9b5c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202201319022.tgz","fileCount":16,"integrity":"sha512-O97dNlXyrMsiFCC06/Bj64HMzuCYDK9pPXdCOZV/JwWCZxQxgkMqbfkGAdz50PE2C0IuuFqJfdyVn/yGaH3R2g==","signatures":[{"sig":"MEYCIQCqXeBq56SuuX+5Q+dyVT7deSODenULRCxLhcqx5u1cYAIhAIKRkGNHgE+uXTZZ8c42Ep5BuUauUYDfnkpehpxER2a3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HbnCRA9TVsSAnZWagAADd8P/AnYRxaN13ZG1qbmKnFo\ndyhC14FfShLS06ZKmnMy0ANSXUy4PTpDrvVQ4Mmb1ob9cy3ViNcj7wLJpB5U\noFfjM0KxQa0qNfPL9cU8BJfIjScRF5gWYJKx9suIbA6rT1OUirKNNItnYTQK\nCTSWTO9CsX6CSR8vzCZn9oJ62q9IxjzK5vqamJMO6Uq1OTzkd53CYiQtvFpW\nWCZt8vB6UDjEpC9iRDH3a/TytHZ0ofOaw6PsMCiYLuiMe+jY0Q+HwYeVxfAj\nRdEX/V8x5DIxQ+rveohcU7fPqauHYDcVWFG5Hh6O0c4zP0GNftUWQ3Eb+POq\nZqx+igvfZvtIdndipw1VuaMQ6aOz7ETQL3MbYE8AnU6UgvB009oLYABoMqip\nXgip585ubWSjB3JFKsV1QnRwwX/hvNxwbA+oEKGl22SuO7dgXxZIVbEXWVmo\n1mX3FelvFrowG+T1pxY8MjF9xjEc68pw2x6+qIB0MUyfD4RBgSEknjyxPWDf\nh0kexXp/PJFd8B5zi2xASIkHjse3kLuYYjnC4MiaUkn47dbwvyx0SXjbtXim\n3ALt0rqL290CUGY0v75+4OV5nUXq7F9cT9dIK5j9arnZddmJuGHKdktE2UHd\na7mQKZV39HMyVfS3Mp9yccMxvki5hReXHa92IIKphOCv1q2BlX+I9NvdFFJQ\n/jOe\r\n=DdEE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b667692b8ea9ff144ff54b789a86077f1ee1672b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201319022"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201319022"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202201319022_1642100455598_0.8424186194484544","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201319130":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202201319130","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"facb04054ab71cfc6abec6f4147ad3aecbce26a9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202201319130.tgz","fileCount":16,"integrity":"sha512-Vs/O+iBFuBloTgH2KlrRYE+6U40HgPfbtiZdpnglskPZzBHkmV7fyR6GMlaCfhc6u6Im8xI9i/gRi5fAFMCUlw==","signatures":[{"sig":"MEUCIQDkFDEfGFoo1U7vsjiifYCXD/CfstbXcq64169rNUh3xQIgFjn/SoxQrPBfaWUtuai49sHIcSm+iwsOStYXpEnRj/Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HcpCRA9TVsSAnZWagAAencP/jbCqCxb9MzHqeyvExfZ\ncoB9B/OKI98M6Ev0MHz3z0H/mi69sXKOhWaqHdjsIKw4IyEQjmGtljDOWXP0\nwrkpsrc8ELnc4ajQZluDzWkFiyejLymEjlDw2kcmK0snq16gtOeI6hdzLpoM\nctdiasnC5Ksya8q71VrmV/0a+Lp/GTFJRqQ3q4pTuMf/7LqB6A9Zs95vwF0W\niX1/4UmKq7gHg46jNIA7ng6ZKwrLVqPiMI31q5O2zkEbgPJGLXKJpeKxVwv6\nU3bQXSztxIXlHRW+BS4+7tfetjwIDs8lHPwBeTRa2DwWkJmRaUn6vwpCgzYa\nO00CaJGLmVeTGlOCcCoqTDmZ0KcKCjaYDmisiaKpswM/LUlNbtXU9YmH/udG\nv0dwDODXdjI2pjw+wmt/Qz8mgK81iZOIMPs8B3uDVsGP+QuVY6kayVBYM9BM\neKNJD200ZsgxREChGgN/gldeeefp08DQiFeeE5BTPwMwMS40PLs0kpRWQ5G6\nxt2oeQPWyeTOHk6pLHxc0jPTj/ePOJln1kWb9BLZMDLzK1zZKS6yT7SyJv9t\nLaCl0g9NQW/9SRGwgsdeM8RoTCNWLv/0sSZ0nZ8IogUg5yqfNTuijYG2gzs6\nSJYebZmTK+hQkG5c3zwQ3+Fd/EVTqFdizD4rk15E7r292z+9ncdfGxcIqwZX\nBXPW\r\n=6ebW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201319130"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201319130"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202201319130_1642100520844_0.0946668544654865","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201319211":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202201319211","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cd4990f8bdab04a59e01174424d00b9f7d2c2019","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202201319211.tgz","fileCount":16,"integrity":"sha512-uS0ecgtE9r7Psw8PkRgQY0nsbVMV/jESf7iGrA0n8k+DGjJV4oVBa3A8r/MIi/a4CXoibduTleUnSNfdhwdaAw==","signatures":[{"sig":"MEQCIEawEBlRuE+3r7vAPnQzKlGCyEuZmJ8uzYPjAN2+APY7AiBYy3PeM+aUHx8ev9/L8Yt8UmFee3eaLgbeVeiNX6fsCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HdZCRA9TVsSAnZWagAA8WYP/3KVehodaYlKHwDgQq73\n3WnKwCwD3cSIvxCJljDfl48xV4lUxbQ7khoDQ56R7oXeGFf4xZJY4Dho1r7d\nnlgpf6ozXzADyYprt76bNZnxnpkzuCE6OgilDtaktGkxdHI4ZXxayDX232Ij\nfDr0bs4+L8AXuoCFn4HWyzl815qC/7iEnqbIFkZi+6875W5MN8JVaIM7YyNq\nPewgVM7u9TeOpmKUSCzlEH7yy1Qeqlz7X2KfiWkI3M4EXYmYNo3uSRgAHCyk\nYU6CRDgZOdIfJRGr++Yz9wgJhTmaW5u5GnHa/9gYRRhwB0AxemDQltVzISGL\n+7ApWv5/ubj6YFG92OT7ObN74T4S+VgXrm7iwYuuP+QEnWJRLMVbeGGrsWm/\ngU9n1qHBiF1ziwEpkhECIjNOOVJm2lIWn3CiImwvJLvcckVeOggn2BFdUl2P\naZQJeBXe+8ngDmrPbuVWCzptaVrm0m87iO4nAnqPsieWf0yYT9pzeESC6UjM\nuEuelLI8CU02EwaBQ4zVH1gczNyRi5JGodeLmteej59hG/OPai2zhNaSWv9Q\nuHH5SFvqucEBqM43+HrUWINHRn5U+r2A0X7rbqJaCYkr5q4lVqkrUNmQhvgH\nobPZbxjs8RQiGXopRK1+oBvN5HesL3OegP8wfY4vhQKHNC4onGd8wC+QkGQj\nhCWj\r\n=/hfF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"893c696cb259ec46a92fe0feebe12ec3e3e5a67f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201319211"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201319211"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202201319211_1642100568850_0.1874739000319825","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191557":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022013191557","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8f5365354d3a1894d5331e681d4c566178fe6ca3","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022013191557.tgz","fileCount":16,"integrity":"sha512-W1gDetrQ5cPBftVMQ5Y18r84msOdT6Ogw6ocl5YpUFtJvgPhff6NrbQAb4QL2YNX+mgx4ApkAWeaaGbKVwyhwg==","signatures":[{"sig":"MEYCIQDuyo6kOoAeaGmGRJUZsBxLI2JC4hYtXxCOFYZ17Ds8xQIhAI575AyLnPTGvhTvio5q2ydmdABo50dQsIpTBEq1OUlt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqKCRA9TVsSAnZWagAA/MgP/0awAiwbAcTE6/gkzCds\nEBxgMEF5Kah6HP3Wwe3WbHBLOcDbTfifBhe0iBwfYKqGIIBxB0TsdVkewVU3\n+rB4+QocM5VegAogjjKQvzlzx32rM5QBMFcoMr2DJ65bHs+wjfBJKnJhOcjF\nccIzHUU9zWdoj+/JvmZnGKhSG0bJHGccoGTs4M94GnMBAfVxTE9S2FUJ65P2\njc5Nhm5nHDLmxV7c4CkUjEvNcbv0cNfIAKp+2DFu15bNNOYQ7L36b0gpbk83\nNVux+RxjyvRYGrrbUUGbms5mSlj9Lkv0j7gKyO1TLAyYtcJgYH7nw+ij4JBu\n+9MYvx9fgLTBiuHTgm9wX1RK0HEtk4gakzEFXIGBitEwxxtPJT+taWHpXQ3P\n167LrlVMORmhqupkpkTOjzZU8+GstlTtlBd+VEPzfWvNtQtFIJNourdhd1Xj\nKhVuNhW7rSffQ7q7fRmHsd+ugwwtCXW9n8pFEgb/CWb7dYQaE5kOTAS2q7bW\n+4yRGCJwFJohnOHGFj/HLzrBgweJUfg5m3APBlKjXCpZ+Ts+98F23TgY7kPJ\nw5XU7Ko8w5vIokLQ4ssQLixocB/13AuQ4436BbJ73vnNXCsIxCBizo8i+1/v\nFKYE49itkXTbV6KXha+3SKfViulK8JfzVrtcAbdN27Gil54wIQdB7NhAAEXL\nWB29\r\n=b5O6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a6219c93bfc679948c240931a962dbbf1275d0e2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191557"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191557"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022013191557_1642101385916_0.07431957451742144","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191627":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022013191627","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f63716a26c1a9d9600e363ebce3228130ec581f8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022013191627.tgz","fileCount":16,"integrity":"sha512-UKpZ6E+E7P/EOK+gd6E8zWwjWrvpHVUSBT6vd3ydGept3YKyf0116WcocR60dVHwm5487qkI9NqOSk5eQKG1XQ==","signatures":[{"sig":"MEUCIGpNYNc/jQIh/WmKsTTxZbhkoKxWRMrhkajA+6smxsF+AiEA2IgJRdBJlfAHcvLMVks8Dh8MbOvapuW8hYt1MEsdrnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqnCRA9TVsSAnZWagAAqVMP+gNLnDwdh+3uxtn67Qdu\n5nkqRHcrLHoyRrA/cgHI/AP68aITnUkYa9MBpG6NZY4sSnyorBE5GTVzlDr+\nD+gBTnZlfoqv7+2qLOeqR3U0Gq489Fu8CyJrE8NqUn66dQ6jRSEgagKKmiTq\nYprJNSpEG1D6LcOD0N0yIVaemiSI9fvvoqXK4FND9J1J5AtJcqY+4deTJ5ai\nHjvIN94AE55xn2OG2LGYq3a8c+n64KKs/2v7jNUWRdKWbu2ayhedL99tAT07\nSufVCGpLgwv3iMWTdjzW1GAkTfu6ykX4A/Nu7XOOyJuCtqOzLpyMJgHIsfY3\n3lW8DtqVEzgm2TkF/xvPavis+VjLQ57jMpDsM+I0P+tOw3Hjw6JFySUiKsg0\nkId3N4K1yiU15ByGk7bYJGZhHAhxvmphecfeovsi1XBqgw9lpvq+ZPgErJtN\nmK49cMdVMJw/U4/luUunLzdKToqoo5Zo8KqaCVO2EemsL4uI3i6aF2Q6gS+X\n5dRVi1/ZovcwiXIB9CqsyK9Viesj+k5VodgxU8zt5ulDTFIuN2sv1rFmY5EI\n7XMwWyGtNb6aF3eGk0+W6/KOWKTdsSv18Hbex0e3amQa/vqXDyG6KBrxct2S\nyxElBZM6Gui25Di+mZvMLFAFI+SP7X4r+xLyTgClqLiP1Q7iaO7iJwjaUl//\na05B\r\n=uuWq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"35cd42c5e934d20b58adfe0a2e856716b73892c6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191627"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191627"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022013191627_1642101415671_0.7067827555226343","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191632":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022013191632","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ff5288cb3a7bcf29b92f2b7a479486241f5268b7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022013191632.tgz","fileCount":16,"integrity":"sha512-bhf3l9fRLTV+zljn8sLUgJBr5PHMITXJZKwLmt5VDZxGDdoIMCcNy16LNbf/JVncX0bvCpNPtTDQ3pec95wQWw==","signatures":[{"sig":"MEUCIQCneOLXYt6pi8VQQEpYyz2ceEgrsphBYS87vWEmnWgV/gIgAQpxRRTCqNATMOx6U45bXEbLTEe9Y58UP54gebCkKH8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HqyCRA9TVsSAnZWagAAeDgP/ih2NsjUINFSSBN6ACzv\nyD8ESyKcIVCSVbe+wF4FHpF331Ffa6UPhrJqYeiRgyZjaVYzJCgXyT8ZlREv\nYCmVZDf+LvlhxnLgamQnnCz2k2dJa+n8d2ZGhJMpXtncMZ4T1/Eur5U6/+cp\n7Wz5gJPLYduM4raVZaTP4OUE1g1Kjt/5xi6NgggYi3fM27LRXmGCu+fg4TYH\n3VbTeG7ARNLgtXdcogv9bqMumonlb0jQndRemgrcW9JH9nA4iF1pacD99iPA\nGiRsAMin6ZDBEkTf19654lPohYC3jTBgp78o6eorlJ/C2jivEMiU9q5dxjmp\n0qPLYiyK1mE4SQe+uRbro7e4KfiZ14XFTiI9+31Da3lqbz74VsYq99cZ1t4Z\nDaPSWlGHDHSonSXs2ks5uX9dsyOPmyLSkH8PS5/Fdv90pEjOIpOIZTpE2B/r\nVoozk49WqtTpMf3uaynlBcjhHCk1xtzGEul4mM/1zybno2hRfReT/rz5uOAm\nlDS+fhuyODVfnRWC5uS/NDnmzTdrEN0MuRC6n4VcZmWj7rgISLDEWtoTkn4K\n4HEJGLQ/uwnGXsL8U7nJrfHItP8pI8EyhZ8aQmjtUuhW1ienndLKlOITwXTN\nqWInQroFnTDv3JB0aJGN9Gf/ROgABHh5iJbmoJMJK437C/mT4AF67cXyjttZ\nFVN/\r\n=BGNk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d9ade3b2b8c64e5194f2678429235ebf023608f7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191632"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191632"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022013191632_1642101425804_0.5499123025539063","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013191659":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022013191659","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"fd287bec574b2fe97fd08d6145c07978a83fc6f8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022013191659.tgz","fileCount":16,"integrity":"sha512-FHzs3ImzU2GFwGecTpOEC+CaqSRr/K1KCnxiVEhkW+B/ptN79c+KQFicITcobdFBDgYi5VAKhMMXeJNyFomFAQ==","signatures":[{"sig":"MEUCIH7dLpMUFykYqh88IgD76SbN6dSU+Xc4c8YoXiTBi90yAiEA44D45S81eSkbviiZVtBE8wZ+oPL4JsnglahEngJCZs4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4HrLCRA9TVsSAnZWagAA6T8P/i8DjUcZS6SWxX5cOuf9\nA4Ouz/A78rqu2fPcrbYdLGD7PFU15vI2orxvIS5XaTF/EMEYW37YB/4BB/wj\n5JehpDXfXZbp5brwXhYjhulaVinQg5UoHo4vYXnELvFTBWX2vDrihMsf68Hl\nlvfWvfgTVZxR9QLUTGpupGKqnZHvSVi3gIs2OVRMribTYv/vY0VbWJMHL4/E\n+tfIqiBdaDBndwE6we6Wd3Ub/7XdDFVj8AZuShFHJBCXWrddetAK3ygka7RH\nd0bt6HZCsn1P+RcwPJ9sLqq22x7NoRmjfVc59eX5ukkduo4gQvin5levYz7N\n3a4n7v2AM9sfsnT1fWgPftTtYd57Wj6sJDOq8SVHMxBjGioaSSSmBbOkupFr\nJqbZH6ALsDydVgixdl56Vp0l5RwDA8ZFo4GZVKQ0cevvX9BPxrGvvylI77Ng\nPH709hfq81OmzZY8a/VVXWsw1rpe8elpIfLXfKLsea1MpJ5mLon1hb6ALfdh\ncA4Gu8Vb7E+OC+tdHGUOVstdUSynRZnbkm89VB3dZmFms43gDloEsG/ukqEQ\ngZVnczbSiANUQQllOwtNiBwabJBZBYelnKuRJLXvNlVyfV/yEseGJd5yFUdI\nXWWmD11yoxr3W531mmWK7Hm/AbqS30VTq7P1SACwH+kus8dlcLDv0WA2eWhV\njpUs\r\n=3KpO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7c48a61f8c08cbad295a35be6075bfd36a403f6b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013191659"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013191659"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022013191659_1642101451612_0.9342818489149751","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022013192043":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022013192043","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2f8d2d02ef2e58529efd41584b5ac8a5f7efef3c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022013192043.tgz","fileCount":16,"integrity":"sha512-TSskKw7d8CjsjimhjcptIJ2c8yDG8L0PgXwV7D62oBfChCuRHpNVJptBoZCpPtkK8GIRviDqNuoS2EDAicVRcw==","signatures":[{"sig":"MEYCIQDeAKKJCTMca34toTRDfNRKdgyC1FBtUZw3CCZ0oXqREwIhALtsOzRn9WWu6GSyIfm8t2H4/xs/6ZlKvYV4Y8U8jUU+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4Hu1CRA9TVsSAnZWagAAfIgP/2NiGzPNh9PzYizu5Og6\nMMyQWGzTQooDpMVip8geqA+MAtzvKpJQbtQrW2ASdsCvnvaOgWhYjwC/o3Lz\n1gIqS2GNNAp38z7WAADB33rwp1eC6ArQVUl/WRb/qW/LgdsrRRJwGYqUGhqF\n1O0D1hydbWE/nbk6WqJ/0u9I8AyYDbv2PZwHroMXfgM+hzp3k2bRI8tKNvix\nQDjUHtY+UJ5VS+D4F6iFnmPBgTDHHdfTQpUUtI7vh4xA0fTfXfSwT1B0tG2U\nfqjYnJHQAeFfPbY+AMvMZG9ClvcIoR7FoIW7O09lAvq+ORj47+0m4RVspAq4\nBonW6/UJP59d6fvXtkS08AUtPeoZ8/0X7G7O9cXcMhNitZHs6r3O9oKwCaks\netTsIgkF/bbssNDnQmajvzE8u75ZCQPVnQRNx+ZDg3uUba8itEGPbh9V6DP1\nteQW5W+cMlUAflwWd4FNwqS8z3y6bBpLZaFuRvTJ5gqs7pOO3i5H3xxos+Jd\nLMdKOAONDT3SjzVtgXfhmilWsN9h0Ka3jWLCGolhioDjhbEpDkTZcEAKBPvc\nRREQ7BWj4XWXmMHwMTugomYqpsWb29ZAtZSRjbEepssA9ROZ9CTjSQri0oTX\n0fS0Dfc5rKq5E+Tp4GaL1F+QX9BGPZ/FTFyP2nj8kdfc1ZiOb8Ze2Xjk+C8H\nXH0k\r\n=N958\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"360fbe69c665cc1b33069dc660bde05a8d62c16a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022013192043","@chakra-ui/utils":"0.0.0-pr-2022013192043","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022013192043"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022013192043"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022013192043_1642101685452_0.7701098780524307","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193154":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022013193154","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"eabe0ea979f2e8aaf5bcba9e1e2d3594d26e37cc","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022013193154.tgz","fileCount":16,"integrity":"sha512-RhsIUCWn71rlWQUsEWJRmG7PvCJtfLjfR/yioRPI1EBRKxRIbNwkT0SnVlowbFAWxgpvFCHpSTaUL3Gs7LPriQ==","signatures":[{"sig":"MEUCIQDG0ikWKH9ss5zFay2DcdlnQngmrfp5Yj6zDwguI9cszAIgCeEu8/yAyvQJRUdHyMfP3maoMygOco16uYtfw2nG1yY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H5JCRA9TVsSAnZWagAAaysQAIt37BSia/j09cX574F3\ni1RaiIUyOTTmciie0hJD4JLe2+9iVt6exVsDoXzEXz5lIq+dLM9eqtROrJO2\npI2KzMzo2m7G/OGK0PZcGvxilxSKyKP5ac5yZLkqSPC8ntDFba9Tdkcq40SS\n5SxNL3g4thMBfaNo1H/j9O/OS97GokYioi60RLW4Y6VJpH+rZjEx5XXfP9np\nop9HQ6vERQyS2GBHah0Gh53aWiapZncO9ZKJarD+DH/TZPUvMZ84kkVVC2F+\nlJbTj30OkJi7peVksVw6/YoiyHJGI5AVJvlwLP/vjaz8+KGG2QdMyIZfK5VV\nq9/RESBL9tEQQ/kwH7doMWS8TjAlH+dRS08KK+BohnKMeChSqyoUngImhQZM\n1APBOTglYJZ1PicYzyMeTh285JxzGrUdmcZ/87gME6C90qlYmHDMmGOAt8Hu\nhDU4Ym/QkJC4PbJGBE3wCr15uNzECIP5KaRFnRnvO3Fpzg7jHZ0vCyiD4qTK\n9VmWu0/MWVkGDCkIw9paZJc/K2outuAUHtXbOH+GdKP1agbMbU7+vWRdyjy6\nANWE/pR/3danhAe0JfRwPIgaXOcV/w4WZSBP3YgzQcfnD4Xa4cRWgVTLAlfU\nq1/VCFUo7ylQwDNO3aD8yXSuJeuuxQNxetWdizcC69Y4LA2Q3RxgEzJmunVh\nD1Rg\r\n=WCwP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5d796ed4dab53d11da1543a78875858eb272968a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013193154"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013193154"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022013193154_1642102345271_0.42232319211088454","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022013193526":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022013193526","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c06131e2841fb1c0442f1efc92e14d040ba1f034","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022013193526.tgz","fileCount":16,"integrity":"sha512-aSOh1sa9WmUEfYJfdyCnBxKJj+JOhsb1YDKG11w4b65l64FY/rAfE3sgscG++RbsUqLmfFXMX5lb+uBlVWpzsg==","signatures":[{"sig":"MEUCIFoDdWe8DdMtGf4dkfk3Eq9NcsSu7gUXJ9/QeBoaws6rAiEA3hvH0pH0zWhluZGjhFzBsSyf0hH6irmVYmPEuycX664=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4H8iCRA9TVsSAnZWagAAMukP/AxODOMOVQz5CL6jgpje\nr5qvPmwphj8/cbOlm7/YJ0EAVwt8JBUUhaKNrQDN38b5908RCnwOn1l7i1lR\n60hqTMO5vUTtD7p56TBk7sfccXSdnYo2xAng8fZlhnA4xdDPi9RYChtu7v1S\nUoj1N+TKxtTovfF6hm3e3c1rTHEokfLfwgqhz7q84pmGsGovbHPQVvA9V4ha\nZlZyjQ7rR+Xhl+cNncA5N5urNDi9645f92JSeHHqW9srAqBWs/L3AYMru1lP\nfqhknArM395IBl2ftymjfYe5WPc41pFb91xMlRfh64LVbUAOgMLeV03XnapQ\nLGwKwtOBTUAPJUG4XmQ2q5umFHHKtzcZa7XWKumA7oQRKVyx3EcsnenIkSG9\nY+ag1N18HOWtizPa6s/cdIpzrOmyJxGAMHPu4o/ZGLsaqdtDFnlOw4qvCqpn\naHFkGjNYg3c7x9oX0qvdPsflKmJ4voLQVzi01tNcjmcnvYgid3XpbIVd6od8\nP4TqzFbngHaq1stJ2WZdnQ0K1VzCou6S6wQP2jDr08PGyoYQPIbUwJ48JeOU\ndqthI3DZOrtVMR9rIXyqQ1unPADGH2bWK/nW7C4W7K0sTcP8xnxJKNLqG/Rg\nVob4QCt4HdX0UlWjFY2c55O6A1TT7atoUcm2Pm5tJHK70gTr/HcrDW+28L4p\njfkv\r\n=pqOb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1cca30b9d40397762e29181020f5bbc6e06989b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022013193526"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022013193526"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022013193526_1642102562038_0.1961111171047274","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014102532":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022014102532","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"291ae8a4438398d26f003fa6ad178cdf9777221e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022014102532.tgz","fileCount":16,"integrity":"sha512-mBj/7mxdGjub4m+fzLkip/kj62k0EIErYYgi67KfAzdfVTq5gSc1H649WC3eKlZhJNwyJG3tWt/5o0AgRRebuQ==","signatures":[{"sig":"MEUCIACA4iFcvPTzJi0xzRXWiqr5bxM0W8uZXigphCpy1QsIAiEA90I6MbcL2duG8oh0dYNvWTWxW8eFxatVKbeC1Iqn+MQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4U+9CRA9TVsSAnZWagAA1SsP/2s0sTIcoaPi/laD5bjA\nw05/7d8Vurd7k0WBQ3W6rdrqwI4Wc9lydf9aKH2HL3IkT3xDyqp2IpTUf1gw\nsqMV6oMBpwHRbKw5pR3FHgk5QqaPF3JtqrryR7fcMTOLkiZdbQMsoqJ7pdt9\nYrBRwNVaj29KRX2C2EevlV2hT0qQjQKc114Vjh6hvlyTVmE586jYNubCM9Lz\nAHXaeH1xXaldLLfF9EvkJcHNlRw6o+ETEKA2iSXwlEa6MuEEkiu79ERbEXAc\nebs7XNxkzV+hTjXnaRukFn5QLPefCKSE8YCuxPrRWo4L1KYt2JnUp/8cx3ro\nh/y3z3hzyvkLymF6ftIHX0cq96Voh8nGYe+XO0Sf9WCmfpgWDNuPRGtn5c8c\nzP18KE8iHgy/vewufKbQDkL5wCa27Vd784J6zwt0i63Gig4ekpfN5s/moc1q\njjNmUvNoErWgHrZ4Ok007245R+ZcF7a4rzWGCmoWUqFMb2vn8wY9B3Pk8R6G\nCwE8V11+3czQSU9w5SZcLmkPhjgoS4gBfbD9+KBbpADtlZTc0Th8WNj7r2Y0\nYikdOCIw7VKkMFezi+kdQnHEmb5pJvBWQSTYgE5hC8GjLKj09XeJP6f040cJ\nXMLwQ0V+f37si4gZmDRSQMrvZHusD3ZnWp8V2thadqtn1amAwaBktOQ8qGVZ\nn7Z9\r\n=bbci\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"52e1ab1af187484c3a1695d1ca32b3bfb083ba59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022014102532"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022014102532"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022014102532_1642155965160_0.7233941593195004","host":"s3://npm-registry-packages"}},"0.0.0-dev-202201418849":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202201418849","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f490e50da49cd08f107e01dcfaaada0a03b7a0b3","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202201418849.tgz","fileCount":16,"integrity":"sha512-3FYUMM9LEzjFPaSqfCL7tzWwMOY4yHRwO5K+2LjxxgYX7ZqnYCLD65LNO54/+3F+JbOpHNty93ktYb2Na0L6Yg==","signatures":[{"sig":"MEUCIGXCXMD0LYBwKqk5LsExTEZhEA4nwLQwpt+S3hj+/z3TAiEA1G9gXHa52oOTsDwuwpWqUa/9w3y/X1qMwSND5mIFPSQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4bxWCRA9TVsSAnZWagAAtasP/iy+PfwA06j8w/MyyKne\nnDqPoqfm//MiwnyuUMdGuI/H7znS/yZzGHwpn2M54DLyAm1VVlCLhdRdu5a8\nCCD2pFmtHUdmOaJ8muln7Wxu/ZuwQIHjpegYhvOKz4AUrz8Omioi9SLEEGYG\nnP/1ds/Xnja7ZY1ejy0dTxwDpg+/Rfm7YJ70sqjRH62mauWW+HGsZKlCf1yR\nXl6oCTY+/aB5kGatc/+ZBzKZ5txkZ+3/7laSnCZW0fedPCmfTQe8ZbfBqVU3\n3xroEQGi+wOcvSwX794FJ2CwfecA9ieBnwDc6h13mgz60bY0T//lazhhfLNY\nwJ3Wxapyl0L9wjIpEY9l3CzRdUlS9tUVYxH6/LDvhLIjhdZDil8mtmLjXkQF\nOBp36FwrVD+cukaGcSIgHW8N3zUIHQ5BihV9tYSv77EehNsIjZ1bEkrbmMpa\ngZbaef/1asPu9TBkHazyaNj6ula8J9y0jGwdczSWv1yRWhzp/bWXLyshoGE2\nmVxs++Xe+WgcchPQ+KY9JNb8S80KUPKLQ1S5n8+nzwLYrMegxafIVx3eZK1+\nHoEnDsR6+pjyb/KrY5dXtuUurlYZbR4m8bMyS3WftFsBThHn1XWinLD8B1rZ\nnyNE9dcqTTjBx/pDnIJxk5dxgSmQ9l+QJw74P7h0vhH55WBDwf2jm0bFSMLJ\nStWw\r\n=Kqrs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"c9c54aee1e45c2ca96f7c032400ffeb06c57e341","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202201418849"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202201418849"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202201418849_1642183766323_0.4506773560637205","host":"s3://npm-registry-packages"}},"0.0.0-pr-202201418280":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202201418280","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"23759ea4b15bdd1c40ed91d406f00573ab07f981","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202201418280.tgz","fileCount":16,"integrity":"sha512-nMIc4Hn6BqysRyWutW4fmgVnN8pwaX+POVl808Q+yd7i0Idf0UsT5szv4u9+HOhGyoiJ2a7vRXZS+r3psLbXMQ==","signatures":[{"sig":"MEQCIA/sgRtEGDNyuS4YQJgGi5Dq5y/haNen0cVrMXX77p0DAiAvyjSqzc7D7kUe5CPcjieXRKHsjNDTk1CoNHBo24CW2A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cDbCRA9TVsSAnZWagAA4eIQAIWwV2fOiV8iMAR9WN2v\nmyx6VsK8YQC5owWOBhyNlyUTVjI99IBg2Ep0c1u7w0xdbVQbvZNephV+1d9q\nkPYK16pMAVxgKs+zPTPNXLJNd71t0KR6P7LwrDu3mve02KRYMeIuOX/i6Xk0\n/5xyQ/IneSjmUEtywf1hCvwsSsgQbZoTTAb4uIcVUU0N0VOE/RGKWv4jgFG5\nh7uNFgsTkgV+AHg4sZL8/bA3NMUgTxFL+Y+9Bwbiu9eC54vgszn1HB7vLNPW\nF2Xgawm5cQ5BKXYMbzs4sfSmC+R+XzBEQxIkUMaNAwbo7mAy/XIavauBK/Wq\nw+7hknlWMlJk9NLQ/L9ptNSKZwDBya97nmPwPR9Cga9SmpKxIfAAF2aogbHR\nQfEXn1wBBavCITcrReBF8aPkRzQ5Czkvm8qIGSPGixzdiyfjYQBb4f4sYhI3\nvH5aWgX1P3F2j3Ysz7l8KZ2wsKYb9h3H6t1XuogHcI469wrLndXRFYJ/mjE0\n6w9jxL6FJEVHJDblxUA8F7ZYZOkICLm2p+Ai0oVIH7gLo2gmvzyyHyNrdoDW\ndUR+nvWrItu98e0tagwVxl91kuDEIpDSFaGdW+RDzP7yCir2cAzpjUQjxnpp\neIVD8opltgo3r+7U9mazEcC9uhyvDzxzCTkea5AYxsWQR5f7ivvesnSuGG9f\nMZ1X\r\n=398L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202201418280","@chakra-ui/utils":"0.0.0-pr-202201418280","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202201418280"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202201418280"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202201418280_1642184923104_0.7711892616550753","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022014183133":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022014183133","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"7c99a2ba572248e95f23754db2f591a2505f51a8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022014183133.tgz","fileCount":16,"integrity":"sha512-JpAANsc053JGy/mWtabZbLO/tY0EDueliZI3RmdX4uSir7Ba+qZmrlL7++SdqLYAXXsBqaOdQ61XbgR+aP4VBQ==","signatures":[{"sig":"MEUCIFf0sOEj050omDKS1mW00qNCBZv2g96KWwBX65WzrWlGAiEA1kC00E+yh6baoVS0+8ThtGr0m7rbHIYmtTBNbDNRBxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cG0CRA9TVsSAnZWagAADHIP/0N7DJKn0fUeOAGrH1/K\nsUKw94QtlqyzpgNhomhUoIB0WDKsUTlyOVyylWZz4VW4lJA+Sl0IEtK5zH66\nN+hFckRKHHYiZRsm4NyhQsRhKco8TSfNTRL+ikw+hXz1/YncDb4uzlgWpFPa\nvPJPMxnLdBANIBi6JvpYIoupY7TN+g4uCdT90R9wazSQHg0mUUX5ZB6ldEu7\nyBnS7VTm1QPgxC95UF3B9UHUgxdmLeelk3rbGRZ0lhsMUJxQ/L2/xJhA/SE4\n7hzbKyemtz/s5f85vI1Pwmh9ctF+dOeGocIpOEjUxEfXiNp9e9taBEOXQ5jf\n60XeFAZiNN9n8IAq28LtBn5fq5umhJR65L2Uu5VipBG7T5p296dUVBj7CYtq\nFYkNjGpc9TUYamLWJIyQ19E+cS7lG9EfjXdLq++ub8Mnv1XThseffnrl3zQo\n23D9nGyS/ywztjNAVqRzgMwGWauJagmRYmLaol2DMthzDuUGyffJAZebig+w\nGraocK8bUDoHhwUN1EUJx6pYxLp5V1PSL35J/PB9H/GnO8k8NArSokXfD9J+\nTIHkUFdtAU4KYNQouHAxaIoaHXPHoZB01uXw8j0fL0XjM4sbAT6Cix17Eogl\nMPTzHLH4MsoUw7XtJ52sQXvynOwiAOeCqpWUwx/LFBaHe5n1WKsBY6tSxqB6\nFRMO\r\n=oWJr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"ac818e4f791e510a42decb8bf76f75343f2d3329","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022014183133","@chakra-ui/utils":"0.0.0-pr-2022014183133","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022014183133"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022014183133"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022014183133_1642185139875_0.17386107969759346","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022017182645":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022017182645","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cd1ba44e2c98190e38c3c8bfa00132f34ac3da07","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022017182645.tgz","fileCount":16,"integrity":"sha512-unQPyIn7gNTkj9PilWhmE4n2MbA6+/mRtcJdGvAWR3SuqvUQnSlaOT+PrUuD2IL2ZOqwhF6+EyoinxZ2GTQJ9g==","signatures":[{"sig":"MEUCIQCvtqEDjfP/nSgPplz6e76iKyi2eyOeBZZ8yUwB7BAFuwIgJoKEoMd+cxngEGAkfKdp3r5Hx8jwFT1vFQcn0cT/kEY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bUGCRA9TVsSAnZWagAAHXAP/i1t5/xnE+QiDc1qwe/3\nkKFVQbdN+KrRriWCC/kFKGrQvWksUfiumQiK7fg2to0btii8SyPYwhLV0hYw\noUyrYnfuFXFghHrQHT6lLgnYZn+nyCk//xY+eMVdYNOijTlpps2E/hPT8jhO\n6Tzudjwnq6sfdAAXagw3/gYcTA+xKwgqbru6/VX5iLvt+6zBxPnnIA2V05EI\nGjaLkC8UY87w7nRAH5L0+k9HxA7IWv79BV0esPak8xnvcf4N/bBz6XCQ6RmQ\nJe846TaOr4zMfGe0dq2jTfWlDEDi66WZxyY2G77Omw46HsgY+BVcEu4mVgXA\nXYzbevUR0vXjtqFkWW6DkboNwdmrm51nYP+fN4dNiPYtL8MO1O4mLziqL1FS\nt0K7MoOcTpfsTpuHWf1dFvz8dITsTZ8xa1kyRBw4VxUSfmY4Y8HLw2P8BM1K\nTK8RuHlYNe1GdLyVUpH2Ys99/oSAhgx/yxGwecOk16novVcMMZuevNeV8ig3\nek1yvEmp3y3FPwuanEFt9zE/iR4YmG8di2SKpI6nwnfRmvf7XIl+oHGTGlXQ\nrje3do1PGIVthXcOWuyK+fp1whpSFN2Sw8KO1vsn6jo9WwjVRLnVbVEqtY/D\nAR6PEH7kfgBZHgK6q6WLo39I90B3aJuT0KFVcXoT71uyvXhLSY6Hb258JiMM\nduv9\r\n=y7oO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8956926a2426c08d4176513be5054c66f955a3aa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022017182645"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022017182645"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022017182645_1642444038343_0.8985339065802986","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022017182859":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022017182859","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"03ebfda46b16029178d25458e6e707a0308cf270","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022017182859.tgz","fileCount":16,"integrity":"sha512-93EbAKfUG5rYMiMb09KHlmZYBKkb2fmEf4P/b+8EKJHDNP88MAXkWEl/pzrjeCc1JfOnFU2yE6HaR7Jv6DawvQ==","signatures":[{"sig":"MEQCIDXi4+A4/eG+JETquJ8FwOnBZTXERSl7wblr2ujo/HPcAiAE+xYy8b+dlESfPfTlQx5Y2lN7bV2BBhWezOyw0yHUhA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57495,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5bWPCRA9TVsSAnZWagAAee0P/j+uL9hs1rLObwxJnatf\nd+wNvHVuV4FTdg51tH/XGvEb6ubdEyxM5qm65xPMvtmLJBvRwBYokIm8/cDg\nhCA5YtryyKcgAZ1i0c+ptFxkx8J25b6BHOZ7xbmNrGIBa/pIz7NEBuIIGznV\n9EeV6jM2DX0vDEbTMO+3fdteemM88gJIRJaC7mkQhkI8qIaALdCD7RAJXERt\nvOPQM3qqt/BHkadMUDdOfSRd8gz+RvD2YlOLaakpSUOfBlxfdH7hp7OJRTCq\nQxnAVgd3xI13uwH+l/afHttP8QJSeU3anVTmDU4BtGGNACKLjKvbbB63VWXH\n6XKWmnOWxgsbqD9Zfe8WM6QMQoF/yurgDwQkhVojVvs39u/9ebT9XQllybvI\nXgpplc3WkSC8/97GhldelsiaIpyFGiDgE2+6T5E9Pdw+yjQPAYEfktTHnvkj\ng0DtG8DKKC01jKlC+a8sHFY7nP++r4oeM66SxIDQXNcqF5pAC1wtsplYJg78\nkmBQNnI8riSHwNyrmIgkLQbR3299sYczW81C76vgYYnA7+EKJqgPmX77+sHX\nXpiU/vxcfQq5ap2C2BfCm8U0DTA4VlGbCK4TN9eQHWLIzothPcSCqO/vuQ3u\nf1nYgfwaTLlGsoUPL16J38KPhyxCoMAkISvXQgh6XRQiWbO6tDkdggDfD2Gz\nOuBQ\r\n=YxN5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d88782d8af4d8d6bbb988cac1fe65aa2c58e2a88","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.7.2","@chakra-ui/utils":"1.9.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022017182859"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022017182859"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022017182859_1642444175388_0.9038651707932743","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220209527":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220209527","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"929c284daf3dc9a3df8d4cc1dd532cc809bdc6cc","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220209527.tgz","fileCount":16,"integrity":"sha512-ssrR31hJ2SCZzejPPhSvZ6oHPrDpVpl74YX0OOJzHRHbdVgLPkugQ4kFvKmnZ/j13Gw9nUZDIAqjRTAnKDhDHw==","signatures":[{"sig":"MEUCIQDtRxCx9Aw94XSHe2Mc4D0F76Y/THAhH3TvSHnXJccCKwIgXeA4FomrHgLyYyJH1ZFz3Yyfb8uuIaPFnQhH1+kFiBI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SX7CRA9TVsSAnZWagAA1dYP/3nSCr98i2IEItwqjXez\n5uz3IV1MaOUtKYXkPv0l/0BZRYTiLMQslPBjyzKpYw60MAFYqp021G9K78N3\npVA0MGQ53TTWVwwfhQVYjAXMGLM+ssEUk9AXxKXWRJYF4DcIVdrlzZ6rh9w2\nVPr83EVtLmr46TL4Fq4XwwSapsx+krelrRACKSqreKk0Y7pyJ0S9IyslxeNy\nxVN4ELKG27amQzvnxQE5wwNOYn2T1C0OcCDFRtHcyYYnR65w2jz8267ZZJpf\nbr1ZISIAbCr3MtHVgPtrwW78H/SYalAJwDnbeYi46CuPNOnMgfA4p1GVx9ql\nZD13dhjv9PjTMjiiIV48fq+PIs/j80KYYrIwm1t9G87AeVrMV9fbp53BO+MY\nYckTQTPcwjOWj6WzzUclqaMLEmmOMq898yfb5i/HsIfMwtu6Y+sNTJMMMP22\n7feuzDMwRIW5iH3dvldJRF6NppPIIz4w9Nxfmpr2ttul/LHOoSbPKZwK3oJe\nRsQ6uc7T9M1Z0prBntXYlPSJzZUmN+ZEnwR5E/GrwamZOmEjLvYZrFvFO5Cg\nZ6vYhPTtdcYG2BbXbgkYSlBvBjQcfhLwNXXhGowycZH/dLCIcj/czHmSFF/o\nAfI06Eiwaptdb2Wb9MizLtt/C/c/H3k/ghkU0ZGLjET4juT0rh3HcgKHgzH8\nKAYK\r\n=M+5y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220209527","@chakra-ui/utils":"0.0.0-dev-20220209527","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220209527"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220209527"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220209527_1642669563020_0.09592712342478449","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022020961":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022020961","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cc45ae5db8289aa1627e4a4f25771f42dee8ad7f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022020961.tgz","fileCount":16,"integrity":"sha512-zvrEC2hJMVRnojqq3fMcETOF9XFIV4mFx4OCit4A2OVTtOElQyPVPiKQxwqJtrsowzChScKuyZmD5ERk4agovA==","signatures":[{"sig":"MEYCIQC568C4MgahOtJ2xDhtUBZ2rQejW3XmjtkQfu38nqLuPAIhAP8tDYdRomRVHe8Rb5x0uJW43TAqPt02v0WxXcJus6WR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57511,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SYqCRA9TVsSAnZWagAAn9YP/j702wIqiZ/OTnHDdEO5\nVuJ5QlJBwNia6OL3RQ6Q/ZdXXonBQ42iY9PQQHIV/yY9nrx5XxxO825rsfJz\nRELxw7luRaxDak5b3o8KX9oCHpyY8p2bmpbkrrZoazIE4W23rms1aPf+tcps\nmqoDOyTcwb5uDAc4jAblz6FRLgGBrvnJ5OpsOK5wClmVPKXGtsS6on0PklGk\noKv3C14srlqxiZcR7YaVJquhXDWvnHLmoNcULUC35mN9kcRDrCMzNuNtdtcI\n1gXyFBM1au3UzhqZV8J0XI/p9QKXLo15DnWggP+ezCDKm0hjGnBjwoA8fgzd\nsC7QrPXhF23gmlIWTO+fwc4OPgH3zJsONd1n+Cx5QK7Cn+6r67hD5JyjHBQ2\nnymu86swCCv+8xX3krbx41CSVxqHjbKhPUk1HzMVpJaAhHiY7Ly29/DUZiJo\nglsuYqH6Xq1CYqqkhipvR9u6jZ4tVKTxhDR6cNk64cP6J1fQgdMJ233ac49n\np6gmJ+iIti6BOM1NroZp+UfhEQuT4cLQw4AjC2zwlxwSC3NVF+tdaiFFfBT2\nJDNKj3U3vsljLfOtvONeyD9s7vRWjdPRfaQWVybFr22gvaWhW9nG+iV1bSo1\niE371+ZPsvPW2C9LfLSomtEfsnhZ4ci/tl9gl6A5FdE0rEUxKm9E+6H5seLe\nhxQn\r\n=3y3b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5fcdcd7a00feaf606214a1eebdd43a9dbdf27e59","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022020961","@chakra-ui/utils":"0.0.0-pr-2022020961","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022020961"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022020961"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022020961_1642669610587_0.481673808583043","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220209192":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220209192","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2368fef0710dd5e442be8e571f72b38aac1543f0","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220209192.tgz","fileCount":16,"integrity":"sha512-u/oq69eivno2MWLdJWNWT2qZ33vXTVuKMt/GXiv03gvqu+058VG2vqTxCu1HExipGj/lt6ixv5yDs19RYi14sA==","signatures":[{"sig":"MEUCIBeMqLSukCutv3L1D2HBJ3xcylIVxov1DyxD9QaB1mMMAiEA6aUAg7Y8WFHhvEuAHUzzPNn+HCvgPIQdUbPlFQ6pHig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SkzCRA9TVsSAnZWagAAw0IP/3mfE7jryCLma9MPaxLY\ni7pQ/KLu3jlD/ArXEyBVxyZJgPMZSIgIf2QJe6EtnKueSEGb40XsxQ2kQ0h1\nM3oasKuzyadfH0FPq7w5xWM8SrM94EMBmr5tZ+geIWKagaFRUhaniGTKx6Tt\nMB+PbaGs0/ETHjwdEK/63IddSbo2ZRiuhCxI71xWf2Qe/YfnTeUsNpE9MJQI\nFhPN3w6X4zsisP8sI8nOJJOFWsvRIL/wf4Sb+NlwKSmcLffEaM4gk2oTonoC\n0Ev11K/nhfK6A95OjZebmSu/gcCPosKOO6Ov606x+qrl4aDY2f6ZVd42iMN8\nX3ZzQKUvsQovgVO9qS7ADQ2TvFTbqh4syCBI0LxkKMprzDA7xG9G0fLvWAw5\nE25ZPpiD4dSnVuoKQRh/HLZHEseZxhFPa0rVJjE2k42QxpmrWJl7KutMkrdo\ncXCInmk4rMM7jpIOo+yjdtT9kOREIBZrcDWCwpPhuO7d7srnS0GkgWcfl7m2\nesnWdjfxbVPIq6EhmpNYOIrDX35L7S0akzET5mygWgogsnh1CUb3lyfWWxjs\nd2yJC4RnL8P+CT7CHBeJfffY/L0hlTIDuiSxsY1tNMXzVR3nwzwyOnGwm1u0\nKMJfgekS8XuAXxjMeZvRpo/bbceoErCIEZGj573KVaCvb/ueskvd/0n3CXw8\nczVo\r\n=pBc1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"90204c2ff2fdb19a376737d7519135ecbc9794c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220209192","@chakra-ui/utils":"0.0.0-pr-20220209192","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220209192"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220209192"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220209192_1642670387667_0.3306394910739774","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202092345":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202092345","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6029f5172289b2a5307f9a6fc000858f65e49fd6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202092345.tgz","fileCount":16,"integrity":"sha512-x46oqJEAqag73JOzL75ljDL1a/F4Za/NLl73FlyDr7d8oJhJEPxzZLWH3t9EfBiFrx42FzSk5c80gAzonCEX5A==","signatures":[{"sig":"MEUCICpAL5gTs0r5blVbuLAbZGbCrDTzFEyfaZ51nXbi8F6XAiEA0UlISY6NXuEj2fvwhVQhH92oYJ50uVTqnJabexYOqZ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6SpJCRA9TVsSAnZWagAAoBsP/2ml21oSvvr6SyJPwLvl\nn3QnTQIh68oPZJLba5T0raAMFS8DHBiH2Nfz/1T6DHquo6j1/5oQOvLQkRJv\n7o65Ac6jCuFC9z9PvCyD97Nto4lqKg3souN0eVmVu5qH9hPLb4zSXIGwPIVK\nrylYsdpFy8mx7O1jKt7D1Lhf3QXE3hSMrqe1Tah+D9l4ehsq9MX5IQLrd1B6\nUnMZ89sNOA5feWuXBBK/Lvgc0YX9C05iUeHsK304dKIPDSGcOrWS4OthGcWk\n9HG66th3wGxQUq1GAifREaBHnd/gmw+YlfmhCLB89VL6evPEGwriqP6EP6df\nwzmddqaarJmeWOiUluhenYV5MmgmCPyoInNTTHawyrgYDxZ85U3N9xDm8Lh4\nmyTVStC3MAyg/rlT7Tris4drfz6Zze2kfEa1U0SwgMnEGDWd97cf5O18EoxI\nuBN5S+beVngJJXXCVT0Dl4nK2j4OLzr3qmKJaCnPqIBtrliNqNtwzx+HEOkQ\nlqsSpPQChkLJ4y6h2lpdn2WWlz5gC0SiVaYDpIWfWLExRG91eLifp0GDB1tK\n4TcllOcPzZHgKvcim/q5lSlQBGnnR5CB44QzJw9sz2rShl4H6kUkNkW47FPg\nztPh2bt1hjw7oQAPESSWxypRt0rr9rPj17uZroFsnrHT5E0XNcOr3CQglBjD\nCZlY\r\n=JmcX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"dfe50d3b7b06b49149b8b57305bff4e0d8d486f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202092345","@chakra-ui/utils":"0.0.0-pr-202202092345","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202092345"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202092345"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202092345_1642670665442_0.5373651912930821","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495259":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202495259","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2381e9f6ece53f971e1cd67fd98fc0aae3211c49","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202495259.tgz","fileCount":16,"integrity":"sha512-ok4sBdLdcuoIMGIthFMA685ZhLw+kmTldtByCfW/oahUuaILFnkjJuQ7Wpjl23y/goEkZOKCTga9xvOkx4TOBw==","signatures":[{"sig":"MEQCIHxBz06LO7QBE7qi1l18+yUdB3oK2Bss0e6clafQUrCqAiAz+u0GzhuPKTOkYZU9f0D4Cj1ElksNF30XIrO9ULYq3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ncoCRA9TVsSAnZWagAAYr8P/juwT02YH5FC/WjoKsl8\nzDpaSByaYZGZpFBV30nGHUI3BYi1Jw4O0hUcJ8g/kZYakT0NMecCmVrwB4B8\nx/DQ8ai+UpN9Hjy5YdwpVEfsRj9IlGOyh8g4H/QUlUNxrggmtGcYzHxKNDed\nxQvskk3HUguV4dkIFZZKIOvpDiur7LxVNvU8Umv583UQ28mxJBL/ltyQ09Jo\nAmLla3Y5GSkxXEbRabfbD7uSVZcOtnlh/Jz8kxxAN//sm286bMv6VolwkAVW\nkmNNNP21q9jEtoM9Ij24x7X5DUG/1+0ybrKNBZgdjYqULcdfBMy1Tj8YFA1/\niQIun2MI35Gs26DcDZ9Upo0H4XKXzivi+FWW/yCpMpshpe6tBOW3Tp/SUBw3\neV7to8b5Y1KDyjov9LXLlJ/n/ow0m3p85lyBvMbtPJWLv5TCFPMGNo1vGjmM\ng3y1jcCU3rJdDsjuKxU1o+kg2GFt25SX8gxxsRAPL/msw9nRfVZ9ByumzuwQ\n1K+OzxW0GJ5bGbdv/bpD06/YoeEl+4k8Yq5tdlZ9Pft2SZlN3JSECWA4y8id\nBwDu9mlDGkXfYbsUc7MN3OwMy3NdmS3NjynqxHaAkYkeXUilJ8CpgRLDohqt\neUWwGbl8K8wqvX8D/wE+i/EfzIbYqkNQ/CbhRDROAQ1G7UF5YGiMhrIvTXnq\nyBNh\r\n=GVTB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"cb7bcf297a212523d5e01079a08757f49b76e89f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495259","@chakra-ui/utils":"0.0.0-pr-202202495259","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495259"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495259"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202495259_1643018024363_0.6481300201459956","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495536":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202495536","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8c4d8f39303abe6d7a7447a1dfc915741d201010","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202495536.tgz","fileCount":16,"integrity":"sha512-7NWusMpuCzG86ihKWVOcAd34CiCgPFGMDyDID/Z1gvZuBa8GdFjgFADu+pKhmgM6eEJWAyoQa0R2fvbKVZhB2w==","signatures":[{"sig":"MEUCIQDlDQgcPBV5rzYjzYFUuX5TnsKCWeInN5ib9diybMX4WQIgYw+cBkLnaoAMAzywBWhtld/NayRgnblkX/RFI+6quds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfFCRA9TVsSAnZWagAApZMP/1SD1Y5BZ2UE/+YJ8/Bs\nba0i0Lbs43lqEtl1Pd8Oc7mlLnari1yvZA+mpTgbkcRxKjcwJ7B3y/WYa4io\nn1W/toHzrsyF6Q/9gLfURqXAqf1b17LPYmTH9Ez3YrhrF5aoiH0s7eaXB9Qv\nLhnwkv4eVHwQsQsEG8i644DMALWFAts/TbjMOHdOz+3RrjpuA+7UmU/HZz4I\n4DgW5H3hzdSY9RpcZUh6HW77oMh52BEY7nEkz2MObkq//8xZjaxUgj5KgHGf\no8+zNTBbGAjfdJJiPiJRY3MsKJrH5I6irMhzFo7m/OxnjBOflLoJ8dc3Yp6Z\nBuYqrcr6VooePgj6g6Wao6jUwn2ld/sp8QU2REgPRK+m909J1rHVNxMbCaEq\nBX50dTw/W+Z0W0JDROykg/ku0IwbLlu8FFyHfdlnI3k4k8Yydo2wmm9Ue6NK\nyvLVMjdvOy0VkesTCPH/hM79pWz33CpTTbZz+JK4pArlZNWYcV6HgOz1zntY\n6wdFxYxKqLNXQAucwISM5cjccv4ghccftzxguXYrvZaNFGQyPd66pvn3oqKK\n5XkP7kLN7Ve0M17pND1SIfBxnsIbzuxG/zd5WFqZObdsKbvjnhB62IbAOcz4\nUh4RikJUM0g9ZKbLYHziOncQrGI+iR5Q29vuY9s4bmKO2kA267O1zevsO52s\nqo5h\r\n=HMsX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e56b8f644895d420cfabbce11146af62b5375095","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495536","@chakra-ui/utils":"0.0.0-pr-202202495536","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495536"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495536"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202495536_1643018180867_0.2739027190030394","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202495553":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202495553","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ca6ce16e62c18f0dcf811bb09f1faa9ed315949b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202495553.tgz","fileCount":16,"integrity":"sha512-BHncI+cpyaXE7w0qq3pCVJkbybRGG370DBHC1dp/tTsAjV6dNOZvW2b5exnxEQt5dRQ+U+UeyHMS2l+uxw7pwA==","signatures":[{"sig":"MEQCIFCVywg7hTASPbW7lLzshCMxVHBRm5vAZanMgdftWVS6AiBMZiV6oY2c17gU/Ou3w2DC9Ytaxwgm6fnXUIyWGZP1yA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7nfNCRA9TVsSAnZWagAAIWoQAInJsa3WC0z4MRCog5oN\nRZOV27529gt0hnI2YpHNaVj6MGiWG2vSxn1iHUxSKN0MjS0c1+WavOgsPUcB\nHT4GgcQdTmgDQW/C74txN+nQeNsG7olZGZhl5aYtYTMMIMaHguLUHCcVXBKY\n22f6e551/ijk/6qsJ6UtUsbDTj2rDm05Gva5cC8LlTuobSYRfUXDT8zT5fYG\nwsWNZZKFv18ntN1IL0OVHztj/emy4iTOfqw89R/MCQiRyjHUtTE6AT2sqGmR\n/wmKi/FTAJOeWmNxPpxBfBfL7OiMIk1ccwZsmaTZzks/froXQaPnW5M6S0AV\nakfOyLfJ/DSb+7HETMdwaL/qYP2UYiLZKWWvraQDVyvkUlYCBv7bilcR4nMR\nti6dKeirXrcpXW911PC5VqRU+tI5LMDEZwPp3SEp266ZZL7sDMkfmahYbnpC\nGUOyJnygxtAnXfCH69ZmqY3dJVonhWvFzV6Amoop7owMO6w1kunU2b5lpeFZ\nPESvlDxF3+gAUoQb3TbR/8AEvpZUYPnuJPNTJk1mAuy2ggH3kjCsqVOmGMwd\nki3X6ieYDDK21Pz8QOz7KRsjKct3pbYQPus7kzv+sPeHLzdp5Ky+oxTOBeAH\ntLpAW8kQ2arLTzrznMU/Uu1GB8tpbgHTdOs3AYqznY/HV3Xkv6PrzZeAP+Yp\n/B8W\r\n=3gDc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202495553","@chakra-ui/utils":"0.0.0-pr-202202495553","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202495553"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202495553"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202495553_1643018189723_0.8188210094567734","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202495727":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202202495727","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e355466118f95226c055b57bfa2849d6d56b71a8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202202495727.tgz","fileCount":16,"integrity":"sha512-g9N2JnoovRaaNKpVMcyxFJahOtcUEGShPFXNJDiSmhtEen6y5LGdWrm048uwkOI1HBlCTl+mY+ZojERqQh1mQg==","signatures":[{"sig":"MEUCIQDkfsmi0j0PznXU7I65I9bIeWHjkSqoGsEznXYLo7PQSwIgDcCs7T1+ZbCC5K60J20dQ8DFmHkD/IpUBIT5+R5Vf8E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7ngyCRA9TVsSAnZWagAA+qIP+gMxZez07/gRgj5vHmbw\nWhJZdIVH8Vit0Umht9Kj86pZ3f9YusIcOAUkMiPlztQyuPyus5j9g6xwXU16\nnsS0sgzI6xIcjx6MpZzV63ex1BUzZZrjWKIX+MFLlFog9K5GEcmOVZ9eoWpA\nHB3h1D6Q4MLX49eXEiK3Kb/EdN8fceC/eqhVH/GmA5Ni7I3bHtXJ92s5Wj+r\nrjXxEmy9NQGas2mSBC7fkUEGV+6pxnPU/NVTA8trEWx/6Ta4A7DmBJ1586iC\nouDB7Di8IrFPXIfZ3XH/cxRmNGtTlTWRcb3s860GO1cC7KubeazLXbO3GNw9\n97bVqQI1XJgMQ9JU8LOT49T8Ydh5+SdfXdscfnkdv4NPXAb/7wd6mf0+LlT1\n5pYRwUh4pUTHqNJ+GXt7VBCsXZY4kDbvY0d1b7m2AsivG3pHdqqtapPRU3Hm\n8KXR2FHmUZNdndklMQemNvUK8xCd2QhrGoFTVgXgA9J2AC2Jd0FKjCN1QacJ\nCGv+yIj1GAda51fJwxWjAEym/wf4W5T+c+Xvh/88//21Qlsf/hFAssiugIev\nIMohwY7N2aWQ205KEfB6Jma0nNg5W+UBDBjZcSx6O9pEUmpy7QV0McPZ7Oo6\nD7uM1wbQiKNL1V7HQ4Rfaqo6vZRXavw1tToji3gh90kygjhfVP2+v4c587md\n+ESe\r\n=W1Yf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d48a2548e718c565a770132e1c27ad2a6d316623","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202495727","@chakra-ui/utils":"0.0.0-dev-202202495727","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202495727"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202495727"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202202495727_1643018290227_0.5077012712943594","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202410017":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202202410017","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c73d21f242fa791dd45e3f6b9a4265e609b6eaea","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202202410017.tgz","fileCount":16,"integrity":"sha512-AK6Rjmlss3xO511WlPASOIXGG/T6qbIu00ilo80wrvju+fkrxwY6uePjm3VUXgDCVEE9raTqvIBTsN4YFiygjA==","signatures":[{"sig":"MEUCIGAkEk3RT5+aAxU4ujpcaU4aX0eZHpESiSxgmC05jPfgAiEAvsf1NsxRln3NiEnR4PVj2bOkaHx5hqc7nVVB6vfoK8w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njWCRA9TVsSAnZWagAAWAgQAJN6sO5p6+XJVwDA+xyw\n/DAM/zN5Mc42xpaZe7HlEbN+DhFfa7J36vfxQWMUCXwr+tN+zzOtkOxCdDxy\nVPTntvVbUWAmPMBd3kHYJi6WnFed6oobPLqHlfpO+8H7bWUE0ZAHm1jL+RKe\nkLEPFLepfJP9cjy80jorXD+6M4MQNd41vGdGLFon9Lka/AgCuhNjZYC4xDB0\nu7B3DtHYhmvJMwbsmhrTMhB87mO40H/xmu0LRO0vpEiIxx9p38PWj3vcY5O9\nla3NlcyVoHmvh8nZlMZZwn8fy9RzCdbZzNT4EeN/m3Z/Wm6sapYSkfYiSeoH\nggVnI1KdCTi31ub/z9YLdJnx6u04eRlBXGl0ybqYTdGj+Xe9JLoeFItWxbW6\n45HuxxZHwJ/UDeE/4tHC3zchepxV/IS59qgOFbw5HqkPBSe//W0yNqtFRg6t\nRE9Vh7/UANK7tpb5sicFWq2av3c2BroNk0r1dsXdCEfGJj62i7bt0/N34cra\nLCSAyQ3GzjfLryhHAEuW27xDsj0PQ0jurKp1XSjx5F9+Nhkyv7xq7y9gqoA4\nO5oqR8Np0u+TafWhBGowhq0NRWfVhWA98NAXB9gykj9voNDz1G4Ig2ePkzVq\ntkVsLutWZMbFqHtmzq5gHY3+3iBYgWyBGiF2xIXDEavLVAyiIfnRY6MAtS0T\nvnTm\r\n=KlMQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202410017","@chakra-ui/utils":"0.0.0-dev-202202410017","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202410017"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202410017"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202202410017_1643018454702_0.7913356723165998","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202410034":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202410034","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"64be75785baf46f61b17af31ed2d4f246d76392d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202410034.tgz","fileCount":16,"integrity":"sha512-I9kfI18Szv4IouXgWamL6CB/401KXI1HJRSzqkvJLVu/iHQT447WdsLSvqRtM2sL92wbXkupkxm1Tz6bMk6i3A==","signatures":[{"sig":"MEQCIDZGPsPly6LLzV2F//BDdpAAifNd5o6twYfk5cUw4rt7AiBHzypFnJ+Da3+vWp7v0R8oCX4YY/hQcYJ/d55/YJU/Sg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7njwCRA9TVsSAnZWagAAHYcQAIK0sqR7NTMxLdGFGeq5\npQi7o1f/i2ckiT8Uz9AVZC4tn8FR37m1ayrtrCDC3kHPM/KUxkzOxDSPcdQf\nbHu6gVhVwaYb61vW+IRKphyCoSuldbTQuH5ALxrW3UYh0Vadbt/4DvG4dkJ/\nWZPcHS+kObf303fiV9+9KUv4rU6vHULy5e5UVklDhTLGCIA5RKtWKU1beAIq\n/ZbqfBaeYKa5SYnuDDYaV2827XB9U1Xi9IN9O0a6bPR/F0LvEaYa4rFo0MUe\nnmGGAMwC6A+LJ9irhfBUXAs/tkq18x4ri7sYii6c8R2odvTTtJZaR2NACZiu\nCb/Fs7+Amg8Y5G5zcVlLUz+gipfbVegEld8DUZlLlOO8syPx+dQvgLNEK1sA\nuov0/RuvmYqBkeKPVnyaPKIwImzunDJhSQPrK6eXj09S54ijsZqonbEdNlAH\n1SvZltwKcE3a8rIBCblj8fyI5nJNGzFdTOd9dsfoR2PWFexXR3bNHv/gNv2b\nRCQpgf7PfxnhjBQb0vCEpMTYrNuIVovbx6jVX35g6H4oEKEtpnpgU+sn4LQm\nAwxupsQJNoIr/1kkW8JtvH9KJf88Lf/YOnB2+tYECKhRITSJRz5XxnOV3p7F\ndRSL1qvPWoPMzl0yUlQ21hkoXiwvoMSBf43CrCtpbuwOOYXoV9JreMQFHnc5\nV6Se\r\n=nbyG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6f63e44a5848d85e3be9684b0f40a64b4e613139","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202410034","@chakra-ui/utils":"0.0.0-pr-202202410034","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202410034"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202410034"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202410034_1643018480731_0.5808670341077944","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024212254":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022024212254","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"170647e8a88ada4fa6fdab68e4c9d69e9df0e8e1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022024212254.tgz","fileCount":16,"integrity":"sha512-+UIym0ty8ytixIzyqgrsLb5AZI8C0GeHxtavzhMe+8RM9fYkDwLZuHd5aHMeeL0PuiyeRXEZyUbiIeRyesUcqA==","signatures":[{"sig":"MEQCIGYIy3+FfuYHOdLNpYjL9TyI8wKPiCeuiqb1j6LyFZf0AiB0p3SJEh1xvefIDv2SLpDOvgEpXJEXgEwLhCWjFl7XHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7xjWCRA9TVsSAnZWagAACOEP/3ibxtTUEiOW9IkwbonY\nLHeCx7y275An1Orr79Qom6RjY927E6alc2i5uNTCnbQM+LKsHvx46F1cEry0\ns2yw47haCYJdv3DLNxRifRFvmDl4XDDl+WwmiZt1UbUmWC4eT1d8eOjnxbnh\nOJzfwVV9axxYPiO8gXF3ewJ99/4Vpg5mcVUVcURt4/Ki+XX5dwllw3EsKbNt\n/n8hmFvzjESosZw+SiK47U0kP+lMdJe/ntWPRTPa9PtnGMcpOyXwEO8InnaK\nssVSYc6UmGRX0Xr4p5F3az7MV66k7TpsI7X8CEnmxob/uqcYP3m7MbWZg2V4\nsiwOJImJYmYa/20b379bbz0CZ/08in4h9ObB+b1CMmhi0VxvxCUNml0l4JFk\neK7mpkd0d8cQ57QOUbU5JXGgxhTEr5WSWSvMxIbByz0U6xdf2KpiqnYqUjYt\nXBkNzT83SmouGFkM+f5I9XbSeoIJMS4CREDslW3QzwQ3nYy9sWy6Wa8vbh3a\nkFlkviftXQC3FwJ3S/V1sLAWHxnCw4k1Q5h6qlQSKhJEfXwBYoVvwqLUFL7d\n15gg0vu+uT2C/lMVs8nVzS6RIDUZNeJFdvCWVRukiRHhGT5FcAftFbO09KPH\nTRbIp47yeAwFenH4LYPOd5BEGuWvygZa+lTkec03FM0BgWHxKcDCvnwhtkKr\nXCin\r\n=3a/d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e69f154a1e1e88a636f8730e2d405282d77ab174","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022024212254","@chakra-ui/utils":"0.0.0-pr-2022024212254","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022024212254"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022024212254"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022024212254_1643059414649_0.8673486121180827","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202423375":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202423375","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6620cb17067c671cdce77f918c0f1f4f9d2c582d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202423375.tgz","fileCount":16,"integrity":"sha512-B/+y3YTkXiRnXSkrECvCWBKrELbRkSGdnw3E+7LnKbIqhB3PgIm86zdXRn7stdsCMHF7g1/AXjqPJ3nEQrJe9Q==","signatures":[{"sig":"MEUCIBRXW0C8jGgUAf31W99ePmqo2e0DmLuXIbYzhfsgseajAiEAjKy9iCmqL9T+WVZcfDgizsJPDhPZxXOaRD3RupT4MTY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zhGCRA9TVsSAnZWagAAgIUP/jVvToZI98YOsR9niPHW\nnqZS9PmB6hAM+dOgPFkzOqUOWPBDNXy0F3XKdzKmex7J6nzJhxWJdFvkNmo9\nhvlynbLJJTLgnjqRHrm1JHDt1SKUt6XyEmb4U1eaFo/Fg14KYcFtj66J7cOq\ncOydrm4toOvSLTeXkm0KJ7G7lEzULV0w3P/4hc2URXWFZuyMeRNVwmXLXdBe\nKq+VvF2ZmHGV3/3fXSEQasTKe27ayqJ+tvwu5sCVnGsGajrzALr7jcvlTL0T\nfjfvHYSh5AbTAsuAKxWgluJXGsZRLo+gbUvc+y80z56+BWYckB/hjgoHJcnX\nSVPt8wAnrsjV2WC6mfs0ldXq5al+Zlo0nlabRR+qSeceKTZZQutLJy4apFGa\ncTueC9qb2dH5Ii+u1MFJE7a7wWoCCiM7XkZJaJHmccEnXZYFt7NZonLn7z9U\n5XxGj018X7rLdYYpFNs/Y+pA90rdA5LRQw68UefXHDbFDeHJTjbGC9ZaIAdl\nsynb2npiZf65QKH9U1fs2sg78KvDvzs4W2VaEf/TzBjvc/qMnWgUbUJgfdEI\nbpKKGi83e1h/DzKoyYcuvduMDzPOXTa+rS7ebNf1zRO3lhhHVwuYAB3U3VqH\nklI2sQKhumeAB2U3/vJBPYdB49IJKuOtkMUzt4MyDKmS8lCKHefLaM8VLrqh\nwFvd\r\n=bt0i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d3eead0763d58975f197b4c33b5c045f765973a3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202423375","@chakra-ui/utils":"0.0.0-pr-202202423375","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202423375"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202423375"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202423375_1643067462688_0.46219178179695475","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022024234531":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022024234531","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"22558885d05d648056dc3836cfa6691c796598c3","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022024234531.tgz","fileCount":16,"integrity":"sha512-AEDvUQ2bPNFwCehez9LBo8w0O6ZMFKaWhZbHQrGAZj8YVLGR5LAU6jVbmXBgtwCbpIsznRigp64d0ofAal3z8A==","signatures":[{"sig":"MEQCIDbmAeTm6ygYAHGRey5LQTOVId/rXft7Y5ablm3TkqgxAiANFiucdPTL108n+crPTmd7IMa9J8ptFAxAm+Hj0EAK/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh7zpDCRA9TVsSAnZWagAAWBEP/2350/7FLCn4bZ9vieVm\nZ1lIdFI42dhh5XiwtszVwXsWUjfMjM84Erf8Zw1NpJcnlbogxEGr/TEq92OM\nnq+r12zKPEECXIRvR8GTqUZ9ikvNZKMoGF/G3ZhMck4Il+kglP1I3IqUzDIz\nx9KrCsMkOXc0hSRAAWwvELYmqPM0LKqgc2jMApFiml5r6u1xyCh7II6qLD9U\ndOKJki0c81bDAvDOyKwDuuxqLLSZPY8nTpAvR+QIYHR/+lgmupYOc87x40c1\nLUW+PHoBd4H0R3e4t9/QdCQKrYMUbnNgzL/SQOnuFF1h7kZYvOJO58kTvD/e\n3sx6T+DMHBIaL+CfN4KlyOYU9eFK57Ze1Ka4EYKRgstEemAmnV84e8En082P\nUGjBp2y5Gt4Zgbr+2HfpWSigOlvKP40+/p21SU7vlS8I2JOGOoZmICgVrcUr\ngWytbDPxUVSrGv0hux+wO7ZXLBQECeX/sLK8zkaSDtUar9YCvC3oUfuLzlJv\nY64iNvbE9y7hOG2nGs1Au9e4pbmiyzLsOgThKekMlg1dG3GPgQoZF0hk4euM\nWrps7NmPFKVHTgavqCooopcDUVR2YO0t6T8AzGk+aWN3nfVhS0h9GhLscABZ\nZhG0XulCc9pDUfszNw0UbkgkCpyNTRlEhzcXCSdXMYwfuIB8tywcijFDmiGP\n7+9Z\r\n=WNtb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4fe2787ec515af64d8a9642306de839fb4a3f973","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022024234531","@chakra-ui/utils":"0.0.0-pr-2022024234531","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022024234531"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022024234531"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022024234531_1643067971558_0.4790305107175532","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258423":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220258423","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a165c71af563d2e66a1b6be03b7d26fc70b3831e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220258423.tgz","fileCount":16,"integrity":"sha512-LgneIv3igGw3Isyk73VbqlvpxJ7Ba4me9qIRMafO+sUzDggwN47eQEWKZwV1DGm18eWulsLxfyxkHrjtw2mb9Q==","signatures":[{"sig":"MEQCIEcOUx3uE4FECed1O30STHt9dfKVvIL1egJEhtm193pxAiBQanNlvcZGwvYujUDgVIY1A+OSI1qntz/MYUPlHe8bew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77gGCRA9TVsSAnZWagAAaNUP/RGn0YJIFr1FY3fICsO+\ndx1EQ8IYdLDqhT6NHpCo8hMqA/zrPPvkbUFlCHKc6xAlAY+5g/D2ExtoBb24\nAT94hCs1OAt+IP4XjXQxiw87/aszX8aA6RIjaekW73FaW4SklEiapk0/WtJl\ntyD5APGYYh25Dp9mIH3d7tDKVuX/mQHZbP23N/V4CL7Xmn4sG2HdtbwT/zeB\nRAkCsohtuHg2mIYye0dE0Snc17UkGbza4p/IoJ1IEnh9vjW+H4SaeQ7SGX5L\nkCZBMiNDWVMD9h28YbpzPU4bxT5+nIQvMjIDStcpLgEeg7/6KBYoq2VyvyRV\nVRss8GAA9wDS1GZBIIMe7afYs1/+h1cUGg9Eyinfanv0OmoAbTN+SYbnKkGd\n8gCAtAaotawqw3N5U2z0PWTIY9evvpO1CFw4qvLhH9k6fCSWUKqW1aYKu0yy\no86AAuFTg9sgLZR5uRoMcmBy5kzRPa7hlvQ497bKFj9kbo0e/4YZwADmo//j\nTWaOKzy0IddGye3WEBwWrkOixmmaWSP7bxfk4XPEw64YgxmuSEgAtskL0y9/\nV2NOv1GYP27ZaddFvobsCH7arB7CSF/o7NQYZjDvKolfAbqHaACx2h/LwtvY\nApumBhcmBmQdKFxL6EhbyHCM905MEDm1iFudYXagNkkv36pKiaSMdDtjpIql\nqXFg\r\n=/Ogr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6e651353369eb28099e440b2c273921356ac3361","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220258423","@chakra-ui/utils":"0.0.0-dev-20220258423","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220258423"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220258423"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220258423_1643100166037_0.31627421051932725","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202584437":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202584437","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b27a042790c364a19330a00f61547ba791aba9e8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202584437.tgz","fileCount":16,"integrity":"sha512-rNbvLElf/gvu8XkJyEyY+SVAraOWUhkf/m6c7SZQ18WeOT7485jiFIdL0zB9/KOi2jR3NEqLvzaT+TgKK6TlsA==","signatures":[{"sig":"MEUCIHfBusw2naHj48wPkGgPf4CLHVsmrSVBABc1Cd4ZyEEOAiEAjT89dNHeihmWoIle2M++oRULMnvzs7HOJqnMkQsXsPU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77ihCRA9TVsSAnZWagAAaQAP+QG8QcfAgRXe0w74nRO6\nW0KCF3j1A8pNaZ07ZS/yhujR0eyXZuVY1B/+aU2+Q2fJXA1sQwwVbyhUqUQn\ndAmYKcqMgjoxlXbxnIgAoqZiv9hh+23RTT9i7mA/sfBcvC2tQdlDHg9CS40t\nvnQVVsQBghx+iDBnC71OD/1trdcI8Ct37RJwqqZK8NNplKUPtAdC9PL4DnY6\nUVS1UiyfE81Au8n0hiPi9Jwiv//eNoLMhHK2S59FAo5ujw1t2G93QvsxRgcE\nRVqYANMmi20BfJipShxvrGweYVsLplq0j2UdTWb9wutC822FDv8S8xzTP4vg\n1vevdhqATuDWMR6QnrpJmMSHcyjVMzDe48OX0vmGL1gUiCt8wl9aNybO67Bi\nX/+jUAtJsWJASIyNswgfS/Hh+Rahuz0yeAWUuCF9ZkGEwQLklcPVpdeFJIAR\ny3xlQpFo+sTz4/1xE8aB1WypLsQ+NBPjFxX+vbpNxbuzj5mRomod1cdKAFf5\nXlgDt/5vY1aMTgdtcNXi38fLURMv8btQ8mGAUd/KTc2yO2c4m7nm/2H3xERD\nJAnhSHyCbNkCSCsLE7t69WIH5iUDOpCTOKoIVoDT3jSg2hqPAIhOkK4/7kEQ\nUY1xwtdpPZF02e5qFG5htOcLWLLSlKjMg7vf4eN1ORonfrw/qa66504mVmL8\nbbjC\r\n=7Wmr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"92fa404bf4bbb7127cfbdc749accb65409eb3bcf","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202202584437","@chakra-ui/utils":"0.0.0-pr-202202584437","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202584437"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202584437"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202584437_1643100321204_0.7012316968558372","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220258462":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220258462","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e6cdc0cd4de64b7ed695164d32b81c6bcf8bb0c7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220258462.tgz","fileCount":16,"integrity":"sha512-9+9eVhMSZ3EAr/o7KAwzNWxfhglfBdJDPOaTcSgiXaXx41WP2EE/fwYD4YAxA+xRq3X8AM0diDvcKLCcGWSOew==","signatures":[{"sig":"MEUCIQDtef28DVseicK3yPKD7r+0+TA3ns1AdJv4nAXIH33WzQIgD9rxiI8+WN3xgYqyY/MP86zMdezpadvDw57RxHOnUpw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77jwCRA9TVsSAnZWagAAA4gP/3vlISuwd/J29QxyB8SF\njTIOhsg3kVxJ4K8Zp9YV5rko5xHvVEoQ5n2tiNAiG6MAGDQz0csYxvhu9Vl6\nkrboILB9W1qoA7iMJ/EQquoKLUaZETg7sAFCbim7FUPSdeMc2vGSfvQQs2UG\npxbwoUNDdfeyF8hQgnsZvi48A/ikRm+h9KZ9oFNzocvvtp/jIL3BlsblGnvy\n4SjlSntP0J+iKKjpUT3krlHWmotlrN/hyknElii94dtTyJwcAzjMrbjdSUQj\n0ME2n+ZeYJK39d8DKwiMoKTwFRsQ7iUI8GboIGyGeAczMrBo0g7hZC15EoXS\nj/5c1s3W4FlRV/ZzbsGVGDFT+5jFO88BhPqiVQvxy9WxIT1BwGjpcHd5bcHN\nxfG6NqK85csLcG1HCihr0K266/+EiZps4sPL00GeBwelMZOFS5loPK+oQ0Kt\n64UyhowL5b4l61yttTmcpB7wxCM3tisZPfDTezxhkAZCLf/sxTbFq6fNuKw4\nrVjIw17Ob5MJpdwGHXUyMTRE36L/MQMgb4T4SWdWI3LRFMnDJWY2+YGK7two\nMPhF06VB8gP1RIatBHhV4qVghjxorilrfIJd8Gt5OLLpx1FU59IRLqO2Oek/\nAMtDm97PaW3SZ32Yoplch0p93em6FfmnWrjPvsn2E73+fTInAaG31nlSTWm4\nFLid\r\n=5fI9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220258462","@chakra-ui/utils":"0.0.0-pr-20220258462","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220258462"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220258462"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220258462_1643100400412_0.9565257776321268","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220258486":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220258486","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e861a3587cff591ced62a683eb91f4843c906a29","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220258486.tgz","fileCount":16,"integrity":"sha512-1xkir/BHTcbsrV1+ff7kOzJQkEDgmUpzecG2kHUyxHZ6qA/dbL0m3h9Mz+/XeLolD7dhezmaIL3RpGtqUM3Y8A==","signatures":[{"sig":"MEYCIQDlKD6cmChQ21GXxu4XCWlRQZyFMzm+3gjLlUXBS3az8QIhANuyJeuo+adAIdqX7VmRskcR4vDrIXOBhTGuK0w6bhfm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77lxCRA9TVsSAnZWagAAzSsP/3N1OMbNtLVf8/WCY9eD\nWMWLteinNOgmuoHyaU0Af8j6ZvFJMIwaX2R7r1kK4U3BSooU8WZEM3aSbPRE\n/bWn236/UxkHugBNu82+FoKORLsdopdAOdR0HQ+wsS/To5ch/HuubRNWwULz\nmpkzxcLh5fiJYKOVhBj9rlTURoNLtZD1iRHHppoeAEytdi2uSgzPdNarzcg/\nJgqurLlynHhl3bfV3CnmBfi0RmO1LJ1478ktglWGa2Hf3aXcKZf49VQ89fok\nTk9zTNbcTsE+q0suDLTqY247dn+TTjiTtUcwMhkJ/33x2yZBzbqJzABF1HPK\nMcT2wTjxJruXnSaNvBPs13v2HBqnY6d8CMGbcc2X0+IUPCLcRyrLQrDmzeYY\nn4NknTMBxkhyjjE+GPdvts2ePwtporHIAkjO/u1Cjcjy6GbngGX/N6roQ4hK\n1Ji8ZCpePhUiAvlvm/rz/5x4VL7a+mzyDwrUE/dlPttcIxGtz2hzvgEnOzKJ\nHvAYpT4wtkTAurrsz3JtMhdJU3XbVg06VVFzi1p5llzDYnvQZym7dJx6GKHN\ncvqotm6K2L3cw7NvydLk3//Ey6KARdWAYlIRIwmycr2/xtwU+2y0GTFUamEI\nhpBiFYKTa9axvvRlCgdxgsYxKG6/jQ9Mrua7Kstf9v2LMW6JycIxgtSbvDdg\n64Np\r\n=x/zm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7a780e413d76852ca5a956711f4f8470a7d8694d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220258486","@chakra-ui/utils":"0.0.0-dev-20220258486","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20220258486"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20220258486"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220258486_1643100529367_0.9975311635300477","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202585455":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202202585455","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ee552722e2cc92813e19b414fc5c8e446e43d09f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202202585455.tgz","fileCount":16,"integrity":"sha512-gZj9NHLFF5RjHOQ0q9lohS0RK2poJqdV//3DyXeM1Kjr5ezlgpvkUifnAnOWCPeDpqkZkJxbUuvOvKuxEZL5bQ==","signatures":[{"sig":"MEQCIHHOFokgMt1PopN3UAB4aSO4/hiZlC0YzkVj3cBAwQWlAiBvOOjwtoTLNunbGTh0YaqLkSOGdNZnucCgGDa4dlPzkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77sDCRA9TVsSAnZWagAARuoP/RmXyGiBTG8UT6/GFU+4\nJrJV5fhzTRxkRcT0neNnbs+t4bgwKadXEVnu1Fd347LEeOF98rTFdKmJdtHk\ncUvcGYYskO515s8u8/TC159Cpoyg7NnDpY64VossKbZhw2L56x67sL6s+AnU\nT6GfUTKD8/U3hlqeIBdQY0wfxyWErPtxDbyiIp3mDUiOHGxGpq/WZtQDw/Zl\nzeZGUanyUazqT6aPqw54zV3b0WGWZYMisnGNEXttO5BcOAU26i/nXI/AsYrS\ngxzsE1LaptXvkNRUTxsM+is3xXUC6/lEMUIyvTh/880f/mmDqSY7Qkx9lqMP\nvj5BO8J2+D+X7MkR96XFvO04anQlu8a8G8srC+o4BfdZjpfft8DgFuxLjysU\nBDlOjhOhHzqlLHo0U3XR2AtLzs7Bydl6Y/SvOhfb7nZ+j7CDKBxE2vSYEnSX\nk15b7YKNNPM6jSbde11buztWv447nPcYVCgo8Mt40oCD1FZwpoixZJU4t/yb\n1df4U0b2sz3IoFzxGDlUKh+7iad8dI2iP7mJ9nUtWcpko2M/o4jJvENacAHK\nd4WK/P5FmAS8EnkGck0j/TWuMoEkiexI8IEFTt2XU2hDlFaM8a3QZeAO9HEE\nD/dDzYurd1/w8EDZzZSTHbosYIkt0HAVsV7IE+C5jMPAdR3y9g3IMShycx6m\n/Ojs\r\n=nVCF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6d3b6d368771bbcc93006f4935fb54fbeba115fa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202585455","@chakra-ui/utils":"0.0.0-dev-202202585455","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202585455"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202585455"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202202585455_1643100931522_0.579863422280962","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220259146":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220259146","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5bbd80a046bf165485061bd05da5a5967acf96c8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220259146.tgz","fileCount":16,"integrity":"sha512-VXeEOckHk5+CsIMjIv4caPce9U/LK8l+LJD+eC2TM0pv5BCrxV4PVSwA+Do4CgzUfIbdKzqvQAFwdIDk11cGAA==","signatures":[{"sig":"MEYCIQDEc2YnxfUIzJUkZlfPiS2Vo8tyxHi2p0eMrUQt7UopuwIhALMr6+3oaKtSJqxgAr+86CX0tl75+TtIO7rxOheInFpm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+FCRA9TVsSAnZWagAAk40P/iDcCG6pJ5f/k9S7yic8\nhbHRdhw/Y0jz/u/ZGho7GbrGT7oPzGwS82ID4TNpeVqzMsVpfsA0gqH8TE/z\niwl4NXcxC6hnQEtLHvBrI4nba/1zLgYIRpPo7+AXW0wkLKs85UzdH9tzgELc\n/ggzfhEsyiaWHA0Zptr71KbZTI0TAFo+UrtryeXHNkDebIgnUqshJpUMHM66\nbezpZInxveKfG51G61+sTWIwaOEml/ze7XghO9TpXsyMo2XVHN4CPnMyrAi7\nxilMjM+VszcZxr6T60TfzrhjwPJpecajEfTWGMlO6+wcJlgVPuzAvH2Xyhu/\nUKw4GKvthkPoGHdKrgQwfgvGHVpbNVVDNetIDSAXKidbR1m6YSToC/hI0vxG\nNXlyJvmUTDQ9oWDXOJTgOK+yIAmMEoM7GFN75DmdAYzT9M226SRieo/bfVqu\nf75tiJvWFICdgz35yln5XwVRtOvmFYKhB11660oYcU790h47IFSPU602oE9j\nLHcIjAVRvrh4pf1TRUy+DKR8/Hd0T3fv9XR0B/VSDFQO8y4o9jqhrCTYUYKu\ngxMETgJAdZrPhlcZ0digNpuRMRPtPKWwewrZ9y9wFYoq4hteD94BhfU+BJMe\npMn8FI0a666DX47iy2LO9uN169wYhJGWwPvpsmOuNxlxgAimU2fI1hzaLOUL\ngA6d\r\n=XHA0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220259146","@chakra-ui/utils":"0.0.0-pr-20220259146","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220259146"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220259146"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220259146_1643102085579_0.8436990474530006","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591453":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202202591453","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"757b56cd7e74d91a58cb370583ba0c6e83ad2925","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202202591453.tgz","fileCount":16,"integrity":"sha512-V2gBU2EBX7REdFOwcQkYXYYQW0KVjGxW3GQKh9DKa6wmcfhXi2fdqSca58IkhPIlX64m4F76Z/tcTRe3XMhaDA==","signatures":[{"sig":"MEUCIQCzxZ1/FRr8VsD2X7FPxBLbrVralDnlqZWvYG1tdPJQFAIgHswZ5ye7WwT7qpIB0NfwipUB1e2heENyvIMKRVOP1Bw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh77+2CRA9TVsSAnZWagAAgrgP/jRoDPDnWnHf9vgQEVDj\nUJwYcXb2ylh4GH+mt1lONGrjWUaeziBQijKpFBqvcBFGnPW86X85+fPeFtQB\n6O/TGNLGE6b6S+rWGfeajgQEQdmZk7eOzOGOKEzUHCLjLh5vzh2rEjmoatMG\nmr8TnrLgbAU7GSPLFNFmCw4i+DwR9qFOJG6CuZ1XGwxKjWLRw0atUnpEzMQc\naHTFDLIvA2IwEqWVFmAZWoPf1zULYfkXdVO9kpAkUy0Yx44qteleGacmLV5I\n+Qtn0cNhzgsReb+OaOkZJtBrjZK9KIZ7qkEYMYeDTFYA1MjD3dJGI88DTawL\nTGnKpXXgZ9i+ntmlcEXl8ackR89Lz+/cq44V9TYW/PGF05Tot7iEzTwkXAt1\nvUTaZi22fE0plpbQCLLpezjCMhCRiJVEH2uCoPp/ikJiEjdZ8umM0n9Zeq+I\nRF0ti1uCy7S+PASk1tt7hsoUUXFojDIYkQVbQNupPiiozsKC82idNuglmIT7\nKTJdSkK1ka4wX1s2wn9XUlgBmRZk6tHtlHH079Jzxscs8E61hQ39+W8YbskB\n6oaFMOClmZRjHstjTqB8+N4ePhqA+yczc0CfS/vp6iq84h8N+/N1Nw1Vudar\ntYPwSr3wvq/bpkZrtsC84bHah0I6NGMZDzpyaAscf1ZyAVZJnSwcAT0cfD8w\ncSO6\r\n=JnLd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f4846a64804ce7a00f8c34cc8f7cff8d85d4861d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202591453","@chakra-ui/utils":"0.0.0-dev-202202591453","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202591453"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202591453"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202202591453_1643102134099_0.6197076163848598","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202591937":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202202591937","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0bdb45d03f850fd7e8f6cbca13a323e776cd73e9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202202591937.tgz","fileCount":16,"integrity":"sha512-9UKX66Ui5i+CBntpCj3W8tqYNrpOJxCyLRwGAz/eq8fH8h6UaBuov0Ymc/Fxky9e8kCuU+2d2iLsfwJX0fcVUw==","signatures":[{"sig":"MEUCIBaKIa4qwPw/3xrRbYccsx3JLP1eu7wdGnSS4sbgwyCXAiEA5kvztRQGll6Jl0ps6U/iDlgDZOxdSar9RrVL7glvtQ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78DRCRA9TVsSAnZWagAAzqUP/j7mh8EKgXsXxCNk5k1v\naa/UPNoWSHPmcka41xIf4N/U7AQr9A0/hdJ/b08xIWAeODI4TVhTalJx7WRd\nwJb0kpFKxoXT9LC8sSUZXI3Z8YVp6O+d02fW6nWJ+7XFQO7N+NsHX/izdZjY\n41Ks4SH0j79OA2B2qNpSrx6FUG2K18ACSBXiRvbMYvaL1rWB9gZbafO80YL3\nM2unJOQMFx4gjber0l2WQp0G21jnjNSXSOcht0vLHLzWPSdYELJopP+qOf+U\np6/tpOvDaH1MdA3aA4sCekCFAsY+dwH8FY33qEq7Sow9i/fTxRlMeSI9d1zY\nAZs1uWuTJPL0dGp+atS7xfeRNethhLgSuPMD5LlFB/uD8XFk9XDq9tFZpbvN\nQB5C4uV4Q/fY6THKXV2nwj2LxPRqo5PQ9ALxVxIomS4g/eyckws8QKTpXUac\nzSqLRVtF77A8mab6GzoXaiQB4uRrSpGAY5cCAPl+17W/Vt+pIfqHyOIPeFA3\nZ1PSIl4XnSX0d8w4nV2HLpooQftfnhG0Er2g/01aSg55uGSGJRmB8Md+NKR/\nrKo1vyqZqqcWqADfQR2kI7Rd3jqhRMx0ac2GxQMW68P1gw+3H3iQ3TuH5dA/\n2niUbuEwDF16mMNdD0hs7flfnbWozHTiGNG3H64BPFtS8mwXFhe/6PMUcSw5\nzGkG\r\n=o8xg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"39c7b1664ad18aec22c2e0bf5e92ee32a199bac3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202591937","@chakra-ui/utils":"0.0.0-dev-202202591937","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202591937"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202591937"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202202591937_1643102417256_0.9676289286403654","host":"s3://npm-registry-packages"}},"0.0.0-dev-202202592640":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202202592640","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"76fedac4d5e67024f58bae082dbbf28e5e17fa2e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202202592640.tgz","fileCount":16,"integrity":"sha512-VV/xGaLKAXVYtf9ChUA6ntsUX9ZmtLH/+CC55Ock9cQXp61TWahYlRgAsuiW/eru7l07vTyg7mFrDGbdNLLy9w==","signatures":[{"sig":"MEQCIEoYitvDwlQrq0KZWJIKuyP9JbVtod/vpAR49UNOuMWFAiBUyP99G4u4NLROiJ6d0zWL6Cex/tYrpQyvGenbXbRJ3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh78J/CRA9TVsSAnZWagAARmYP/0YotciyQwsFulPvMD47\nTI2GANIlIJ7DDB24EwOrRnJLMUdyKuGhT0Mx5pkejGr8CMnslZUUzzX5A7xD\nG7qO9XgKfI9YNKZ2aTng1Thv3adiQSJRnT+TXAQUo+P7dm8zF1XG1IgsraTQ\nWwExro0aO7Cca2rzQJzNrMM6WCy7lM/eEdqhTDeAlyrGn/R/rJU9ZoIZQAqo\n5bEnV13A2FH4ZJooHzirswsN2eTdEdr3aYvriFpZR5+HMbbErLe4KQ4zHmrr\nvL30LlL0mbgT/JdECaM977n4FS52JIpm1z+ew+ItaHEZ7jVziSBk+HiJmP8K\n6LaQtLpEVQJtVOgrk6GEIAkJ+54gFEeSDA4jfXu2+h3lRMOPlHeXTUM0T+4P\n/t3RnWhMh+l/3nH9/HOM9ps+MCD7UxzfcKCokROTDfEQNSlSEEazMjU6DDsg\ne1IR19xhsq99Cd2tD8HdAABPgBbkIj9eQQpx0/f1Uqqp4ccndGhTmKNuJIIC\n14hNm5IEjH7CKCXXl3DezrPJH6J7psVT178M1FTTWRg9OJhm5nS/gWQvuzrp\nARJh0ncyq0fHe2JmA5KokArgbGPPsa+IsquFBe/Ur6MqI4E7culrOld/bsIf\nuk9HJEuWuUIpdroAEcgSBL53hKtdNXzbvFUgGIQme43RET4hx/8WBOn4kPHE\nshi6\r\n=uFGW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1b31b374cbf413a551b8bd288da69e35c6bb8379","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202202592640","@chakra-ui/utils":"0.0.0-dev-202202592640","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202202592640"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202202592640"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202202592640_1643102847656_0.20025434955746668","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220251866":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220251866","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a1c606a78a5c697ff5902d9579955428eb435406","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220251866.tgz","fileCount":16,"integrity":"sha512-+BZMN5cKuRHFrafLDMWamu21fvx3SEOEd+lYTcdLLEVmLojxdwYOPV0uJ8BE0yRQBpxxnGsvRCO5f8FWaGCPUQ==","signatures":[{"sig":"MEUCIQDxY230cYhg4VSrP1QUU5bb6IdQE8WgYTsG+giFBd3kAQIgHQtM4T5LR8x6SJUIGipXkWgzupLuWCNAh2mAS41oWEU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8Dw0CRA9TVsSAnZWagAAQnQP/ilMjNx7YvpqgEizoVvG\nCMi85tn96EbYW/kpu/7f1FFuY2sjqwBjvSexp3doRn5oM3ecFXkCDTkINvnz\nRM4wBn1U+2wZXMdEI2svfhowTpvtHwLZi5DQX7m0ukHwy2zsKcRkMD6KPftV\nadTYjeS5cOgvI5zUOEbbj1BCxPVZHDDg9SENX3/HH8PpflTycym4vtrd5e9O\neuCqyQM5+KZV5LPlAErDuZlF3CGhMPJC1pYGTeY9+ULlQZE7QSTciscsPPTh\nByNhZT9EOf95pU6yrb0QAclmn7Ee0n6SDKCONLAIZCH+H6B5n60Jz0DpRMJC\nq2MH6T4G4tMEMeDuNOXw6NMgGaaccku7yiQio9ujDmYhz12A5geV4JxprCHr\nPAu4NZ2955CNSs6OR4TB5JsVYsKzI8uo/OaIKg5Ej+rRokbscKgxSkHCL3qG\nBGqIbjFlRAJlHMsGk0ztgZG9e0751JNtDCwxg74qBRnNTpjUIEO2ToTPOGBF\nJ10COtAKe1dojO5qcO6Yoaf2OGW97Sj7zf9P37qJVbE4Ddl8ChjmHVDKWPc+\n+48XHohmLR+4mA6YEi6MqzU/A82W71nn8HyeJiOpptq7PXSvW+TY/f8I95E2\nCb5n5aNxhs5HAxGvmO1QJTz9AgYmVy1IPbcgoT8QPCviI9TtJ1TC2pINEx8i\nlHsr\r\n=qViX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1d6266a4b69086a2bdd69b3a110678c16bda4c4c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20220251866","@chakra-ui/utils":"0.0.0-pr-20220251866","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220251866"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220251866"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220251866_1643134004369_0.5138261701530513","host":"s3://npm-registry-packages"}},"1.7.3":{"name":"@chakra-ui/pin-input","version":"1.7.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"5cf4054ba19d54ce38460a37d422b42fbb82d0aa","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.3.tgz","fileCount":16,"integrity":"sha512-2Yqz4+ynUCrtcqxNmDsyj3ZEvcyn8qkgvLtMMtAornupIRiy+zeMyeAwULful+R6TnyNJOArN5YLpAvfADANwQ==","signatures":[{"sig":"MEYCIQC8bye8018O748hwEnEow/65rXen4fb/tK8odIuFVuI8gIhAJUen14Cr123Y61UuAx6jsFBtRcglIBeqvJYwmFhtqIU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8DxcCRA9TVsSAnZWagAAfvQP+wUbsIS2y181j7LxpGmf\nJNHZt6T9JARvHvP26TjS4c+cL6Y/2o3+IIoVgdERB5XW3y0aHlaiaqtDXNhR\nSbco3U5Ij0ygEzmfyfXqbttoZGtpNL6ymZDfPak3MFU94oohaPMysm2pzd7+\nVrZy2dDmPi9pyMH410agCdz9MyKqNOoTYzJWmGskzFV0B0qP0laPSQ290bul\nGMExdHuJ9Lhyfe49JyvbvipkfdzOocxVlsxD++62uvHjbmuDOoPIjdK4ZzhS\nGe9pyIUHAE7aRSAIKtfHP9KJks/Rol6X90MraUKu414Fg9/fpp/Wk5N+5xDg\nx2kRTHgIzxsDIt76xvhDQ3nulL9bJKiPbDIxjvmdVTktx/og6PqaFIqtC7vY\n2ptSLbhthaGnyly/5fiHoMKjpw+wnFa+qtOpNTb7/DE/taVZeQAam36LabVM\norGolgspBxST8a96fX9eHCjoGP/VWT2oWgvsSSzIGtHJj3Z5QKj7FCAZHt7I\nMKbCtAmQhjuing3E0+rivf9jpHltZJTUn032HGojwy8p1KD1ytJrE2kw9r5i\nLOAS4wpkbRXuwkvtZP4WiXj+Xr/7NcMDQ7G1GHGMh6LcJ1Cw8kuhAmAsqNfA\nvROiCuFq5fTvZhGoKxYQsSlV70iFNr5UE/5ZFWNmPdEOj30aVkJeUE/8h5gR\n0UQ5\r\n=EmB0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b8508b0f3f99e0ef04333812938efad93da02dd7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.3_1643134043897_0.5364454841767605","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026181758":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022026181758","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2c9b91551f2cb95fe36bb7c831b519cb766ff355","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022026181758.tgz","fileCount":16,"integrity":"sha512-i9HB65gMib2JJHpxGpoWzHwSeOYzUmeQFE7O4FocVxFSqGAtEcKqyHYapZ9SSncQ7jOc6tXU55oX5g9DomhfbQ==","signatures":[{"sig":"MEUCIAjA5MKqqxD1MceefV0Moz+2fVMXuNwC7m7J5ZBupwjOAiEAskibVi3byhnSm+8YVwHY5Rk3Uuq90g5dugw8kmrKQHQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZB8CRA9TVsSAnZWagAA/ykP/2ETO0y92QOoDICt7lMM\ndVYgRdPnELuuhiaVfisS7zgjWVGrU6fQQBAONAo7ikSgqSS9gKo60r0uwehr\n/UtPLX8KHrHibVAoOaLuw4HISInok87eNqW95u/48qqak201MyiK+ZgAaZa6\ngJEnRTsZoP6PBRDd5hi7Ng06FuwcCoSIv6jB89B17bJX6qXKvd9XMZ/7P0UW\n3PsNC1VbZ2auOPOX0vI7+tUrlV5jR2GLYAtvFCybHFroNfLJ9lfU6oJTj+Y3\nX+g5RiSi7NebMTiqVG0zBzxWSmo65VZE8oC3NY8m+uoeiYVSp+jqlAhEoDv2\ntMqW85Fhs3vQNTByzFJfXvwRcwzJ7+VGha6akNNp7DwSfiD/HKHoVuzyD96a\nYAbL5xA8doGrxs960Tbzk0EPwP6EARvy5n0EpTPlywJezp1wPytm6bWkqWr6\nS8xZ5tKUYQZLkXHicqpDqmuZYtB3GGHJzFT7koIP4X9kiDvqw095Ri1bIFEG\nmIqqkxsEdMD9peD52G2t3XflI1aDMP3zp0WLQwDJyko/TPhqgtuhmmfWGJSc\n1F+csoqVPurScq/h73pXhoK81C7xrU8d6N+ygehKvjcOwEMPPE6gJbnzNAg7\noDpVSnMqNX6W5oiAB/Wa2Y59R924wZIP5vC+OqRKA9KMMQry8m3DKSNCR06c\nrQbP\r\n=w3U3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b2ca7dcfda51c801870c864e98dc23b2cc90da78","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022026181758"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022026181758"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022026181758_1643221115798_0.7550710119098156","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022026182926":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022026182926","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"378436a817dc09af67d21db11f095615c2da256f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022026182926.tgz","fileCount":16,"integrity":"sha512-WDSChzK08/wz7GQ0DV7ozyUyBYlCN4WXXjkAmGdRxGiPySRtJSgJYN74ojYkarPhacrK5ld/CC00Yk2WUB89Tw==","signatures":[{"sig":"MEUCICth1PXn+TnXWqvh5ZnjAc94ip4TqJK+X43rhdEjhdOAAiEAtaqEWD4SpTP/4EuV3snxVqGEMCcbVdtz9uNuDS56lAY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZMkCRA9TVsSAnZWagAAso8QAJ2+VgpqFGfB1Y2OxKib\nrr4tNDUk0S0PW/Yo572zH0iyonnGyZJaWLhJOiH1qUASIO8i+QZGkiMgqbRj\nM0QFnO+YvB9iKFvq6Y5FGm87k9epzHmJZi2vlTeUr7loIKCms/GOgW/qrYtK\n2p2MRhyqxCypm3azY3pMQHB4CmUeJAXkdh41GkmlXLdFmcbR+FJiMRBowDqF\nICqZW/tYf2eI15e8sRnNFBcqu4I3yEMaFz7pbPzq8wFdxkdEp/5bF3T77tVB\nFA2WQCvuXELR0Eh+GD6CDlYef5Q0MN88vvkgTh/Yejnf1EmTFzT4BUaDttBL\n/WdNqITarQ3tL7gb9D4uZxfaeHtzyeapyULxknH734hAy7IdKoD8OZ7Y/qwA\nA7SLX2hwWMZTNRyofGhGnMo4ejGFx+cuNoVC9UX5dEyqnZO7MhKxd189lAR3\n6JNrJEhbc7kACywQK7IbW5ogPC9Zh8aAdY8jRcnQnbVqJrhrCT6/e3jvHYlq\nqZ7NLYr5nEN92dVAEtTF/UjOfAnRXOOjsPit+6A1qFIQRlASCVZg4H0F4KWD\nmkYFrK55veD/jc3FUid3OGV25aEDRiEaTdrjg2wucP74C3vzkMGwt9WmlMKQ\no5nSAj/eXTvs1OU6++hhIrAVdvq+SNAOaGbuOvo0H5TzHPvv2yCN5sNYpnDb\nfbV7\r\n=Hhn5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022026182926"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022026182926"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022026182926_1643221796199_0.5795002045248647","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022026182947":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022026182947","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f6ebfd79d7f4948549db1d78df0bf2bfe2a59c6b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022026182947.tgz","fileCount":16,"integrity":"sha512-eJPLRL0ugqOltgLXLIA4tPo5tBGc7n9XabPEAY8/O14gZ/T8hP6OcT4Mboo7iQ9Iq2ehzB55Yp0slMrC3I9MdA==","signatures":[{"sig":"MEUCIQD4jnlinxER66mY733Qdkx8YsovxEStBgZrLwz44QuTjwIgEPnoLGfx3nlUOLMTax5MRFH7BjXBC8rYsp3qN1rrKv0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZM7CRA9TVsSAnZWagAAW5AP/0QIlF238jync6UGq34T\n9C2weUebeVogr1eSOWyGOPQp4fq8stQjM7WChfLI3g+5OJLI2q+zSh9c+U17\nKIarn2tcatQrO7U5fgxwOyf+09Gc7z/oTBGgzqRgYS/hXiQZUiRG7hW0d2Rh\ntyqbjZfEaq6+L7aBVmPdB+y/NszOxf+4xqiZPIq59mAfUSOQ/QX3ccPhS0LB\nrfKkI/SbcRh9fPJMwljviDbeZaAbTKGQszbLlOwsgtCRm6tvvzE5L0T5A96E\nHurSeuFa6OdgR8bqswjiQrfzEemm7r0iZIPmnvGj6d8TRnCaBIMXJEC0Aoy9\niSzouUUyoJuNrE0y2oeifEVKna3ghhf1GAA+BhVNo6guJ0xZTXkuXEyB+Hd4\n8Zs6qzl5PbOA+jZKlRDbOHbhxn5yNXcaj0/wXEBK/lxpxzJ9h+EBVXyLM65X\nLZY2d0AUxuCgDQF6wLv86wIXF/UMFwMNhkC3Afo9uG76kvrV6JzR5bo00YZ2\nr+cfn1RNoaMn6341nTfmDMP40vW0y0MzJ5Wr0PMS5lkAB04jmFMZ0VFI3oAb\nLvqrahvdIhz4S9DmkLKUo6SMD7+BYEcl6A9ruFXFOkLVS5dSB2dOoQWsWTRN\n4dR77PquvT2xQxmbTJjcWtQBMQ3zCSabjvXa1vPijsgDbPooD/jiQpRXqz9h\nxExB\r\n=wvMK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1bd1f2ffef44d810a099b001be98e3bfa229ddad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022026182947"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022026182947"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022026182947_1643221819584_0.6517809859612091","host":"s3://npm-registry-packages"}},"0.0.0-pr-202202618407":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202202618407","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5c577b39b64a24222c827c4379d4b09eaed82f52","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202202618407.tgz","fileCount":16,"integrity":"sha512-0yCrMLxib1WT0w4WfjzBsRl6DjaxbuuoqvTEUqdPFNX8tDWSq8oA1LSyAbpB082LpBuAZnA5G3TjzBy1/2z3cw==","signatures":[{"sig":"MEYCIQD9rVxVrlW7M6nwdCdLG2/YdVI8xk38Yfoyr0M3E6WeHQIhAOtQscf8uc/N+zLI8k0LTkStVsdlkcZTTNNbHaO/W3TE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57490,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8ZWkCRA9TVsSAnZWagAA7+oP/0dwEeKtMs4mpbK9x8sy\njvxTLbYWdWMhAjWg5aqupQOEsOlR+imcJCqAaGfkJasFBnO6UmiesK1bp/JC\nuoSVzbG9wrXyif5JkFzsIUY979WTapJ+nTz/afNBmAIYgDZ+z/a08JASJjk8\noAniKDCLoQlmfCoOVfPFBdIUO3IRoeJXft+g/QLYHZOYLPxbj0G+QEI2C6M8\nkpJe12q1grf5lHNI68k5U0X7eSpYUBN3IxwirBHxosVOoScaQcj9dwnbIpTa\nnpgo+2r0cshA/IjLSvR/vQ4te3v+57HPw0JiEEW0dqdQN6PwEUDAZYi1myIV\ng2HbZNhfcOB2uoduJQ9ET4EsEV/qQ9FNMoOFJbnKEswuE02SMczJkubFmJ2n\nBFxZNB4gTI6xoVXBwfRlMaZmXS5/3/Td4auDBYwHHDv3kTgNk/TgD6G58pZ+\nhPvGaeXjodd06TgUA08db1E5rG3eIbFmCFI3pjOL+poUdVTpSjSolh5x/5r6\npvSB/U8d8+mGb0wSInGzv6bK3RR3Krb7rVCI4hIfhQfVZ/xUCZww2mxYxpE5\nQFqce/6h5tk+ledmulVBgqcs+kptNzpSTZ/at0y/UBvrc20EFh/KS33VTRPY\nG1t5qGMSDcWK28LLILfrOvCjvJ1+ZROgJkZM142ZkTpPFJiQWY3MCAybZCRv\nawRf\r\n=154o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"14239a2e6eff4ea17b2eca405f52fb26f02c48b0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202202618407"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202202618407"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202202618407_1643222435832_0.696585780886251","host":"s3://npm-registry-packages"}},"0.0.0-pr-20220300344":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20220300344","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"1a4929c5d5537bd6701fd3a9772324850407c8ce","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20220300344.tgz","fileCount":16,"integrity":"sha512-GSu92DAHqe2P9cf/p7c4i0w4NlLriPbSmYWLoA8CUeMBSFy5sIEGFd3Q2JIbOpiBMAKe7cePnQNMLorOVfzFvg==","signatures":[{"sig":"MEQCIEZiK88Aa6VqC2CX8unmbfuHkn2NR+esW+3ZtvmI3YjnAiB4JNQgSww6IjiKkI/4Mc8mFIkTdftI8mwd7t7n+c3YlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57487,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9dX/CRA9TVsSAnZWagAAxikP/37sZg/vGjJgZdv7RNqq\n3D+BOzGwwA7bavk+zYS8ncxXgk7WR+Hct8qdXxdynGm/xXgS0eTWB7yhp2HI\nXnJbwYgp2pJhrmwYqi4cP54vv6TZf7pXhWukmAQjyl84B6lRC6TXxMSYhVEg\nTF+JON9Bri+qZF6gPor6Iwh6OcJ2vhlZjZIe6EBPx8ATRm5HnSTNNSZ6yiR1\nCZnT6IH3YcCT5OnKvqUREM4sonohDdpc5aVpVrBkwmVZRRrTwOLisOQwUqdB\nYBpwJbfPU8NZqsuygTyza9Q1+S43MHOeI7g2zCshjzoVvx/hl1Ojk/7O93Lv\nihW+sLThugf2YxxJQNouc88ojRdwufg00ppVU1ol+O1wlYHUqtwtK10yvcLg\njPXHYSEyLvpU5jsS3W/gZ6phDtVFeuC6XNmm2CHRjbD233xZND5bGRJ98gVY\nz4SROj73EstOa3CHuqcup0L+9IOzbr1D2SRxQkT4aqJlah7FeN+DJAp9sv5m\nOMhyd4MbcjQp7BnMs6gcveqU+LHDGLrjMgSrEtVR1wc9PDN2aytPb4Y1mjuU\nuYRm2QOBHISZ4Y5bonK+QUzh2ZkXzJmzOEHVBZZyU7H0IxNHoaK82bMjoVaK\nThakt5lKaoRp2Jc6GDxaJ1hU+t/91CZ9zroQhk3b4Kh04P38eZP25KL8jmsK\n2OUP\r\n=LIuP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a62b5ddfadc06b2af6d674a48e42d17aac9f93b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20220300344"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20220300344"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20220300344_1643501055416_0.37085941417816537","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221152957":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221152957","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a96d78441ba322ff0b151bd24c507aaec0e2ec45","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221152957.tgz","fileCount":16,"integrity":"sha512-D4DOSBVtjFpsIueijIvj/YlqmGQ7F6ouUFq2zyehPKC6jbFnj0H7BX6Vxb7L+fcXv5zqBTUoT2a+5rlcDTyL0w==","signatures":[{"sig":"MEQCIGh+8lHxZMetH9GqZCOPqeSXslUBwEdlaOkWuaRuYPELAiB41bpULO5g1Bs1fwVtrSC+V4bbyVjAY1pvJTCFzpkBSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MV2CRA9TVsSAnZWagAAnpUP/1r5/Mbd/FFdXgtN1iar\nq5nvnBweHYjjA6QeQU4BZOC9TodHbumgKTVuN6ukjMaKQDRTBvgDMLmyo0hn\n/uDAGiSkYG7QjPvRY8yrno/Cpb0mnAN9a+ylBoPUzR9vxl6KQoVdNg7zm4uL\n0QeapYbzEbX/pOT8DrhYIh+w4AePYkbhMJnw0y8y7rr41VLSsdtO7F8W/CRg\nlJRdHgXJqaSNnsuL6sbfkwd/LVDtPJfi046NDAQfgGSwtnzb67X8u5R6CN8f\nVKIn+3xsVz9+zOB/f2nM6ldmZenq9Ni4NgZ99wZCNRKY+XGVa4FiPWdP2o2G\nl9F7KHr9VAtRlO1n4oJgTNh46PqVHEGFG0Y1lFyOwSdivrGEDg2qnBYeOmT8\nc3qGjUTSI3fSWUpVExRN3aDQ4wE3/r7jlDFd/w5ZyQVNUpzW9obRAMnwVRR+\nqYSFttQK3TUUajbtQ7VDcgyFrpOcHdWSbRKLSUmyRymvDMj/Yis66xGdEto1\nojKcfELb7KcRVHqJPcEgCobGPqxUQZzFEQSQDaI1+YRo71bGNLo5ymYseq/R\n4VkFY0nPQn9zOfqR9k6N4jgGIqZ/A+0z25ZKxEIed9kmfFuGCBrh6TyjqfVn\np1gm6d6m4WEX82rzoLkUxfp6RH7OX5lPiUO3zl41FVNYs3UDz7quKsFjgsR8\noBeh\r\n=b99z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e1057b085f47916fb148561e40fe0b4afbdd633f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221152957"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221152957"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221152957_1643693430592_0.9483146323638874","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221153122":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221153122","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6c33565bb0a0647d192900b60bff6c08a14fa150","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221153122.tgz","fileCount":16,"integrity":"sha512-MEn5DxJagigZl1+eKNgi5k0TmIcLNEKEVjxdP/X11s7NL+8phqUww3xAIglyoTIaqQMxPHBwzFMa6W5MoOTUYw==","signatures":[{"sig":"MEQCIEIgW24MP9TR4MNejYuFUqNkE00SUU7mIxGI1ZI//EgSAiAQ1/1073sWkydKSmyM2bjh+A1jXcbcexbP4ZMDboRFMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+MXMCRA9TVsSAnZWagAAatUP/Rd4+iJ/G1YkYC5QJlIN\npzoI+jVstxO2HPYxMS0vK1o+xjzdh0s7Vus6FXyKu0t95o7nYAWtrN9MVX2v\nzO0l00+pzgV4qbuNKKn/QsL0ZQR/e+UJVdgaG2N4Bga1TYNJB0GDoyBUltVo\nTS2XHoUTh6td2uKZOX7EYrEwT0RnJqcBc239vVUqbOk3tGe1oGFfLd0FRXvH\nrJsMmB3/tKQGtJ2B8NZD7xLwA0FukicWKdy36SpNzp7efBLKTL+1BBiT4N5U\nNxz2D9RPUU1H0UWisJ6mqiS0cNM54/J10KKwnyO/u7y+xf7QOCyUq614SS9W\nyix42UmxFIeXKaeaEqXsbB0XChmBdMsQytw5y4BsqgG8GEnEBO8GgMiN4ViT\ngS/WHOqbwREFSQ3XdJccI4TBG2XbY/+ySmBLlAIsFzV1HKguhe/helM/R8BJ\njp3Mv2JDrwtYroxqKVeev4xYYaIDPcYHClGd0f/mBBoTWIiWAb8D/trg0n4q\nPv4jwLQ6TGR6LyRsVlsEEntqO0juTLa1hwmk8GFifYs0aPth4z00pc63tUL/\nVAfImgH31WGVQN2bkvO1T6xWPW3HjGeXI23yUzzfuAxXtboSwqG553HhCfWa\ngQNWcNU/tln3IO7v9wUaBYzfr/TdsOt9oCEDtBVcIqd+11PIA2zeBg+Hpifi\nM7r+\r\n=T5J3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b2ce85e29e16138bf67268fa4f2ef56de33c60f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221153122"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221153122"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221153122_1643693515888_0.23692056573675013","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173228":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221173228","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"7db23f9027048a192a7c53ec80f81d15876a2f9b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221173228.tgz","fileCount":16,"integrity":"sha512-m/O0EYiFUDNENXhk5NC4rV91HQU0tnBivOH8f3reb7j+bj9KjQTh5BUOYQYlalsQMrfUGAvPERcqV+l8SCGr9w==","signatures":[{"sig":"MEUCIQCFEXmsfHl8jgP+QHxS0ta4ktYrktl2ST/vvjVmlbKL7gIgG/cBLDgLaALQh1FEpzKOssPQXekiAYjIMfkna4a8I2Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OIsCRA9TVsSAnZWagAAE5UP/0r8agW0JI9AKuzuLjsk\n6V4X64ht1J1SXLxWO10JvEdoM8YRP/2KjIwdFWSx7gBguA6UQwTmVVFQxLg2\nWu3Z1wzJseJBdTOwllbSoZX6puJZmZ1ABJXRP42pakfNAE0o0NEWnepkIzZQ\nhV8E+/Y42WxudvVwu3SGNgNkjRwA0Otl0MBStQ0tVyOgsy3L8so8xR633RSq\nT8gqKscbRe81tMWwl5cgGYTQsNO69qh9wXSsFLEK6koUX6Lkd9tNImq+v/r5\nbFmu5A4RCfgLyePJtrSaiVF/N/f+EApNQ9Eur/aOO7itf9AqkpHV2CpJgzTZ\n7rVoxQFree97BWX8CS45+SPOQKWi97D0Aa3sMNu+UpHgCREmQN7uhM4tmED8\n1wFv0HjV8o0oNcmJmBO3D2GzAKjtS3dCjTE6ePiykkoHdDrn/55TG1weXPMr\nvLC48uAOdhte/Z2Ume0dBBLyxKKkjxmiyetAuFM4Y1kMo0jI1k9+dBFUHxLz\npJIkNGdvfrh4vsSVS/HLQsqU+4nsvGW6qc8vqSXDX92wV6jT6aIuJh18SqTi\nEd4L3VHyBxVypobnPmNVAcmN/ZvM+ntxr450GEDpWC6CPI+nDdFcNAbQANUX\n4ezrQnNJq1BFTJhbIJ3CKudafY+AIZYN3mrCUGjLmBNugrNS3MlBJsnljwQT\nLYmf\r\n=Hihh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f730ffe104bc5f34dc08a7546c51feae821932a2","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221173228"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221173228"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221173228_1643700780064_0.4497186625844063","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221173648":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221173648","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"dadbf6a8c85c69422157e18bbb620d8a4017bc2a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221173648.tgz","fileCount":16,"integrity":"sha512-NcF+HktMWjFhhGIgXagJuupJejKY9Vqm2hIoB6cHRNkUgsA26dH6RfiUbijjTxm8Ow0UfoH+GW++kYsR6YTNzg==","signatures":[{"sig":"MEUCIQC/fwGbnJ2IUMvX6kBBMBJ4LbVkQ5ezu57hbXd/WtGl8QIgc1vla3XzjrM5tFILw5Tw7xsJcyIh8vamXga4IfUFMNQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+OM1CRA9TVsSAnZWagAA36oP/0BO44cdLvPWcre4Uhbq\nuRaIAHvsrpFfyM8w3IKEC6qdfOP5ypzj8+49jNTlSl9hqFsnEzrfnCzJmq0x\noBvLRirAROJfWQup89r11DjokXt1pimiqdcJ25Q6n6ruTIoACxJVDf1FVRQW\nq6FR15b4xqLXBVo8PVkcPRuXHiAnIo+09Bo+yqQ/qfs5gdevu4gvaonKkjUG\nHFLYq0N4fY35pgtfhxqUt7jpL/mT2IjJyz8HIaK7wI+npXZZ2cEfG1Gi9iGm\nN+c9FeRLHXz4hN3eKnULdpuZaHzx6Nyn1c5RGZ/vOCG+AaQoWWCMLrY2HqO2\nUQYbUMRYkq+Mfaf3GaHPnJpMT0l09V9C8lKwqh8nR4gn8k99YH3sfzSouYEE\nTZU6N8tAsi9/zlJJyN8gTkXhON/S1XCkJp5G2knkV/IHMe615u1gcS/yU0Jf\nP4jWQudVnk812of/SiO/9YLnAIAoFDJSrrJRiPM0kPnvYMUWKzA81Ll8YswT\n3GpH1dgNucQ3cPPJPZtWJQVDoQt9LIrIudM46+b94yE+fIwlfq11Us70mE2L\nXnojB9KQH3SaXMrxRGhuUj8jeAaJNbBPskEGuAlvEvt8tUViYiioufYqB1Wn\nVESrpj3sGs5qjFiS7I0CPravo5E4ai6/nuWAZYAnT5ge5Rl9/8SOGOmmxWp+\nVDnN\r\n=jU2n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f775c980f4d1e8a692bc45cb642eea796d4025a4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221173648","@chakra-ui/utils":"0.0.0-pr-20221173648","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221173648"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221173648"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221173648_1643701045609_0.7504838645061407","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224055":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202211224055","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ddc0abe671932239f767529b17fa646a0328fcc6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202211224055.tgz","fileCount":16,"integrity":"sha512-CyYX823JZcxwqOimdzZ8oVs8E0TnKHGBeNsf0IFcmFGNxfgNA79Z1wRXLPY8dmoy6/3HktnfFoprhgMHqdMjxA==","signatures":[{"sig":"MEUCIQCsehxqctJVY5sCTCIHktOMc8qUHw3PwtDBzJd5Xl2eowIgblgGx4okKoZJ59w5M5Ni+sO2oC/jerA3/MpaqyArxYA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bcUCRA9TVsSAnZWagAAwAoQAKTcivknbdZdDDrOqQQ7\nBSt68p5jC8Wld2OuD06lXWttAI9cgC/1WqrfLhFViUAeKIBLYW2J5Pi6dNK6\n/Y/21fTeB8QcSiAL1YslX1R0dzYW0of1pwYL0TuzO8tWF1eGVm/MUwHghJ1n\nmqBjgrdpFIC+a5NoHB2sGtH2NH0Dff6S/kQEIwS3TVVdmHjdaQFJSKdieKF3\nM3umZHP/xT+nSWf7DBovvlc2AEZP4kOU/ynlqgpw3ebjQQS+1V+GweYVNfbl\ne9ZCpaWXuP68vzKZMpGPGHepcCFnzJrisAdlgrvviCsHy4O/R1Bdo9O2tjrv\nwhnbxVGyNAFiU0X8UNB0qUDqokx5/zX3W9FXjV+tssRfrggGPnsdlx3ZUxsz\nmGXTGb8c6F5wAr5q8p/OtGdgbXlG1mJigfZQow0QECzfQywBi9plSWdfhvfq\nR7Bs9E2Syw74r955By+2/X4irgaH/20ivgMre0n05NzZYU9qPgGob9Y28STb\niNCt2voXZFd9HcDH3fVF/I0z8/X5eO6HHSBr2L4UXGLevJPuLVLUWUeTtMzA\nZ3dpK981I/SqQXE4XR1EvQ6aQls/ha+OJGPjRkAGKmHY/MKzeFRo6AhQStd8\nrxeYObSm/Q8gFJTijjlr1FAzdMUvWQ1zW0At6FFkrotP3wfUonaQPTnfiDop\nn21K\r\n=IgQW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211224055"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211224055"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202211224055_1643755284063_0.8939295274197834","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211224227":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202211224227","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e9ba8becf07ca444156995b4c360475f44ba9ef8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202211224227.tgz","fileCount":16,"integrity":"sha512-d4c62DQEs/gdBcMb9ftWQ8MZP6eFVgU4baGFaxt6LChqn+jUg5Q8sqBpsvsigIr7Y3BtPAUedrFwW1221qQ/wg==","signatures":[{"sig":"MEUCIExA3R5Y0BhzYjsCPPaXGUj5HszwxPCZd67m7GQH06KwAiEAxN65GB8AI7D07D/yMpJ8ApItXkCuuWibW8Mg7+qhE6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+bd0CRA9TVsSAnZWagAAEGoQAJtPerfYuaXpU9xRO5ck\no5vXl7S9UmwuLSuijN/Gm0uEOmFsE5JG5M/2bqpbmjCECnhz4YqyV5ojc3DM\n0mdQmhfLj7as/2VAsS7mxnIpXkqN3zVsFZLOWjlms9xaAG2rTB6T4O6Q1EMA\nomvSllSuoaYDriHc4pfSpDPydlikxoSd8cG2Xr2kpXtwvWnHCniQmDRLITkL\nzPd9RJmEoVO7+vLE+w+2FD5Kw1t2cNdFM8VISwkoqMO6gqrbVsIYnzsi4EKh\n6qD+i6g6KxPjbzLpzTfIVB7/APEK7YvLfNftJQ4Ogh/PFhu7JBIBhvZkJpoQ\nMUWKGSYwgsMlQBb3HNHj2Tt2WVlfhpTJl4ZRyS70TQGpexvKaZKOMkV3pgyu\nDkl+osF12drYWI62DFZj9/ASAJNv0DI18Dx2K33baeYUzhZmqVLVHvc/x+Fl\nJmAbLGNFZMVSL0Pc7v4SCXl71sMmwPVDVesja58DUwbZeb8b0lQFAID9knvr\nswnIop/jYMfm5nIW+EepiM5+EDwXHOn266CkZyo7lBb7idn9AWvi5oKBKBrM\nE/1s5Add8u9T4Li7U517LvZO85Myg/UJxvoSZS4iK/I8k+L+xvs/K6u3BRH1\nL9lEU4hvjIS20TnyZf+y6AyZVYG/Fc6CwypyK9yqNdTbCPUoBU+U8BIQ52GT\nMNh5\r\n=G6SF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fdb30f65669ac70b3cf3c6b9d667f09af817f32a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211224227"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211224227"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202211224227_1643755380453_0.10023770538004118","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263638":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221263638","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ed65dd13c096892fd6f598a065f51899aadd575a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221263638.tgz","fileCount":16,"integrity":"sha512-TITU6G1U98XqPUVCqfqnI1NLbqHpwa7/PLJZ9gWn3YGIyI8gLQ876u8wJgaFyorWxzJEoV4KwMuXlYsb+xkpMQ==","signatures":[{"sig":"MEQCIAGwTYncngMLLgMburn3SpeQTRTtwLpngS00V84bvFpSAiA5swj/+NG01P70cfLR/X56Uu/DgKY1u3LYFbbxOET/+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+iajCRA9TVsSAnZWagAACLUP/0RLBs/FUDaUNyrOYPU3\nkgQRmZjYTftmpPZy86vcE2QwCEACFe8Xq7cSubisIcVHeMDFZdYxG0vCz1Dl\noJYGbGzfpsA0ZVbLwHC3xpxQ+TMBwxCI+zkg4m1wH6j+GN739rjEe/jw3Iot\nnRUlkQob1QoD4MXkXv/w9qJRSAB/qE2h4QotHhbIxQAEyqszuwveZfv9hsRq\nqhpicGVyOQVagaaOGRu85n2jMb6quQiW6a04a3wWitoXYJZrYb6KbIkPSkGa\ndVFRqWVRysa8EdJVLCYlBIAxYppgZvP1BNVXAB/RMjGlW/sk5i3qD07fXnsT\niWxOtLZauzD4mPjGFy8I8Egy1UZGE1iuSGTrRjB3ffNLeyFe8m/1ALmEk3dt\nbruU2HYfgmRmOEEkT4pjPGUbqBdx2gXPU656RKGKiV3jt8yTBJY88JQTKSEy\nGqaDeaCP+ITn58+t6WK9JINOiHdEYwoZrhjZhnJGu+qHAa5+urdO4oXdXRQt\npQBPW6lmHqed7Gd6tyrel68bGYDXMgF9g+2Z9V9RMKLBp8CREQIOpl3sUB89\n8BLgl+Z7s/KykauoKYNJ2WKK7VtZARMNoDXI+lVtm1wyLKx7vEymJxk1ceLd\nfjFLW3OMLKbQNx4ZzdpttkPPjXy/6P3mIpk1YrNtor/rN9nUL2x9HpOZR81P\nF7pJ\r\n=M0Ne\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221263638","@chakra-ui/utils":"0.0.0-pr-20221263638","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221263638"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221263638"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221263638_1643783843702_0.16443452607444664","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221263715":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221263715","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c10de936f54ac3d5f7be1e1e05bf9c7e046b14ff","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221263715.tgz","fileCount":16,"integrity":"sha512-LZlKHGpkEot2sscVZU2sSnrKRplHQFq2nznNuOW0p0T/m4RyPzusO3JRslBZY8IGfiP1p4i9/bfdiA0c3xf7Sg==","signatures":[{"sig":"MEUCIQDez5oh6BqfKgemENNPXpkxx2Cd5DWfCTx4K8SvUs2KSwIgbais6NcqA4yPSsjMPpekS/m7EOI5I3NIAu2Z33IxIHo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+ia+CRA9TVsSAnZWagAAjuIQAIOSVPGP8XQ5uYHONcWe\nVaCmzSxsAUSEu+Bkz9JUp+7ZryY66+5OIOVey7R1ai+qPpV9A6PG8t/NWGrg\nkWbYrml5e22mETKzmprpQhPbds48ohDZ52oRrVgMNtUVhspd8VbBKlyk2IF5\ngEun5my7IhT/Gsioai+dHPtKMwfBRpEljLg11rZBElyF2Qf3a3kjWNMbmtoB\nVsasJXE71n6ZDW8ZLl4lqg9GEj7d4FNHAnbNBWd6t6WFakmPRsbc+NiHab5O\nM8HdnhHnG+lRPTWCtbfjQcrbGjqz+cbhNg4EG9ipXH0ldiIgcgNwJ27S4dq0\ne+c9bjNaUDT5jv595NjrsOM18/EHA9Q5EUIlVAKnD5nyCf0yrndUPPqpTxGG\np8Vkdxsnx4NPobXxAmhJnb537KgUWJ/v5L1MVXKmuD+VYqRj6yaotgD2Z74l\nu93ITBShPLGtNaZxy1eVjGebkjl11HDsDpQh3mCp7RqNScbV3xMcozvWLv8P\nct/EYIg1VLCRkDCBwafE6rMjbm/C2XsGm/FiX+qnV9hyJ2VFZlskUyHbZmFy\ndWVNnZUhkv19nQSUE+10rrzs0VbhGCRn21L3viepxqoPAV+7KbKrddHubifF\nxTzgQ1pzS+7Qk0S+zRjxSdxF4bWSmZbc1dYI0dr/SHrZOb72H54Tg5PFWaBn\n6z17\r\n=omq6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"c9eabd5a0528dbf3870b6e127d0da14b6caad740","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221263715","@chakra-ui/utils":"0.0.0-pr-20221263715","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221263715"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221263715"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221263715_1643783870687_0.019694795391457243","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272130":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221272130","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"fb7fb70465a074593b8d55b417bbb8f66e5a9f3d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221272130.tgz","fileCount":16,"integrity":"sha512-nDl7lxgX379Y16HH0EAZY7Rgmvod7HXiqZ25jkiB2QV7Dk0tAXuy01VAEmTTgJB+R9ootG1CFcpJ3wc+jheP5A==","signatures":[{"sig":"MEUCIDyFCuTyON/IMMmPMe9OD6olWtF+JUMy7DyScnKYJA4AAiEAkzgSaxzWOy/1g/p+qtdWAscUCOHJis4hnlN+61dEDds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jEhCRA9TVsSAnZWagAAmD0P+wcL7W7w/Kg2eiwQgE3u\n62O0Si11X2qKgmFsNzayXg62Qz3hYuwbqlxacv1MyY8mShhbZvyl5kw0jRBU\nL2P6ALfwPdYxIey8bPwmHbkPpuu3vdm+ZQx88BdD3LJIr1mDoatOQP2Ed5yA\nk33ZegeqwlG6epxlXVIE5goRNWL+BNjCDUvjmABS/js+l9MDw19naFmDHCAO\nqvzMdrxi6Vc5t/LPGc1U3UKRf+UT/eCez8K9RSRbhc0r4jiC61d8JPPvftUZ\ntI4Wjzz5QgsGQ0D8cLehuikxsVYTBzAesHccP7NVWLX9y7jRFKDVG6r7SsaT\nK5lmO8WEQ7WXTGLnVgbO3OkcD0OAv29DE6axmikq54gtx7O9kscuHN+iFwVa\n6T3LezHWCw7f3I5CXoEPrCvtqYuwu06L7/HFoJp9y64geJUtqbfJws4AI+xj\nXopsSUrB/PqMljxGX3QyLQV5l2qib7UbePdcmr8zdUe0VtYaBCQAU00YpWFW\nLgEZGeTdw7prYAuYDAAL0n57q+ku4YhVkpsJ1kIDukF35g77NdROQAKH/z9G\n1QMkFgLITztgr2oXHrTpkgLo461xss+E2jzGLch7ijIP7IMY4Qy1FW5ycLRe\no/RKm+UDT7hDJop7ttJUX/H5YbnXWuaATDb4ovWIajLTMl93686y8G+SDu1J\nM1e7\r\n=VJQH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3ea8fa9b83b10aeb76162450f2d997d87c4c8f6e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221272130","@chakra-ui/utils":"0.0.0-pr-20221272130","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221272130"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221272130"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221272130_1643786529822_0.001194018792743723","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221272450":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221272450","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9ed928f150886b15c95ebc703854fecfaca650da","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221272450.tgz","fileCount":16,"integrity":"sha512-xumcuHyEJ38kxbQMgjSxgZta0/kh8ywjnjLeq6a47SRC0eRY5K7pzop5YK7nuUyxryqi1Wjmy5ItUE9UR1dMDw==","signatures":[{"sig":"MEYCIQCnB3ZhP5or5VeUZYE1ZmDt/SGAQ2v08sNx5MIwL3RGqAIhAK0Pf0K+4ZROYPXRKE5+Q+wkHdPYpfuHZ0cScG/JoYN1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh+jHrCRA9TVsSAnZWagAAgTcQAJW7vfQ7fqKoyjMgMk+J\n3HmKf43y7GzA6telN/EOZ+INM+QRn0Kn0zEoRkzeEIgbejathjPUPalvU6t6\nZbG6q9/BnFEhLiYfILifsIyIh2bAA/tjmTkM0vIy0ELsSuJ1DN7dH5r9e3i6\n+Whs6Oo4Gt/u9I1PBp26vMMIpM56g/efl0poUiypWW/dxx0SYI7MLgJaEXx9\nEeuQiQLFVN3d3Jywp8/F75h3lW2UzX/5wMDsxqAkyioA48BfcLS9JCxhPeHf\nioCDRLjgKbNy3fEt/C6X5HTwAuHB4sPQm+3k32bdIdC9i4dWbbTf+JJiwr35\nHLADNbWoe7ZVL+pF/TFZj5ETyiEFJo/EDfl2usfDYovMcJiPSAhCyTrbPlQe\nltSBouW0/VC3Lzdp6hxJagbMswuthcBWyxRqofUtOf++XFVM3qR5rfjieA2K\nsmu7cuUP258BhrFmv4G3pSYMXGBv43vJsF3SNosiaGMk1A/+wZ7jnJmk9Uyo\n17pH9nEKP0cESZaMrZMO6klTa4YpWmIDy/WOtq+6rqOxODXHsoAu6BIv/HZ1\nfG2SxYfBvtjeKV7A+lc+NZuDfI07Yu6Vke6I+N9sw2S53vybEKsYXUbkeA8l\nsUW/ojd/JlfkA1/vW6V4a16+XDq3EtG4hrgRoxVEfEGwbkK9pmfzIPB6zFLm\njfhA\r\n=TiAX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"de19787ad8bdb65513c8f2928e2fc65425ebce3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221272450","@chakra-ui/utils":"0.0.0-pr-20221272450","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221272450"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221272450"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221272450_1643786731180_0.4578933123837219","host":"s3://npm-registry-packages"}},"0.0.0-dev-202213175727":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202213175727","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cb94adbc692488713cec2d2ca809667f3515a5f0","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202213175727.tgz","fileCount":16,"integrity":"sha512-hWK0X+zrzjWxCpCfA045DTSmMAixMrXYEfHS48hhIOVdoMAxssK9461ra91prZQ4afRsXlGt1syfkZVHhzszzw==","signatures":[{"sig":"MEUCIQC9nAFiX6hmYdervCAGbRtX80WpicF3s9vEuYRuDv97IwIge9aUebFU348wcL/HXoRgaYsXAomG8wr6vCdMRNdYOjU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/BesCRA9TVsSAnZWagAA41sQAJfmeZ9xARFCaBcUjOOg\n5taoZh4r1M52SHeQCU5Q2Ecp4XMtDNXg19XJ4c6DqXBuy76AljmhMZKm2/St\n+9unKTIAVHNM617VsfrRZOzURN6Ay/aszoSvMVdK3jH2Ph5Qy2brj0pfIg63\n2SusxZIzX5DpJH9aTNGXWDe7euljm4o/viX3WC69QcVI8geTvwkvZ5cO0MAN\nP9MM6bBM7O/FqXZGnLUqYUJXokc49befeqrUL+K0lFRyO965XH5zsTyQDZf4\nvXMdmFy8uQ9Sd5tGmxJgGfWmWP8Di13ueCsSljLbXS1DhXWTQD+givxogAtC\nh+Q2COp1Fo0PyNkKWBnmsqKEcJzU2Js62OTM0ltC21Mk9SGOCvF/aNqadi0K\nIzsQrThEF2YW+xaStTfo1sf9PYu/CfGzj2dPkiqXYh34KffOI1TTnmZBMxHr\n9gFt5O0nXFYzU0LoGDym7qU7ioX9AbF8SY6HbcIdylRdTHr14DJarMO9qgDJ\nhb0Otvgu6cYg9EasQCfEdQN61AQgBJjwR2T0ju+tsIL/x6vuUgdoY76a9AqU\nxQE+vCURwHcVltx4NxT44SXXHuvA/yyRiSUJR9a9PxU3LHtYoHP6UJOVaHW6\nrqkePoMbualh3qcBTKsQ/ziagxka+pGuPkomP5w7xYSNA/zTxi2RgojWGcS9\ncuXs\r\n=7P/p\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f149c6c9aa04b8c0abebaa6ac8dc72c7f8ceed35","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.0","@chakra-ui/utils":"1.10.0","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202213175727"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202213175727"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202213175727_1643911084082_0.8695308866091698","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221462931":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221462931","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e8d608459ed3dfaa779d270d313ca54e8fec5b1c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221462931.tgz","fileCount":16,"integrity":"sha512-0ZBGCVK4x5Bh2gqMB9WMIRzhABKBSOrflQQ3A/hfTcCJ/+x0/7g0fZlEY0WGVD0PLU+G41OI9j/IMbKakfpuKw==","signatures":[{"sig":"MEUCIGDBw0+7IFLNX9cZUHQ+uYmP9PeSVjkmkXam9RIL8mjsAiEAnPRnxIkgb6ZPDGxMpbMOiySmcVaC+tVfVfcf5VOHse8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/Mf8CRA9TVsSAnZWagAAP+8P/Ap+u+Gj4r8r9ZiO+Yey\nJLZovB+8UOo+BSObP36XrzR2CkVNy4x6rMR7/7pFaK8A6iqtJSmC6y2SXkpH\nmcvca2lZoeg6RmolEhqVHCFU1Q+fI2UwunKDkBm2VXbgzksRG5QHg0ii+5sl\nAoJVxZ+411XJwtcYBSp/y1zMcbtJmO4twmMax3zEM+gD61wAMccXj/nmYVTR\nhPE4nEsAEOFiDms9T5lg8Af/BulfLGkTJ3noaQduGgizZ4i7ggUzYf9zzg66\nMNIKO6kZJi/3ihXqkndaU2zhqOSxps6N7XTFtgXxaW4M1pjcNsfAkSIoSuFD\nb/eCrzhwAHMTMFIWEW0Z0ioG3+nP3hcAB1lw/49VqVKRAr9PGYtjlheecvaq\n4aMlvB5TB3v3xb/1HE0XaIsRiFPYC/FmLly3K4vZiJ1KB/XC8KeEHUsoEZl7\nGZBsUEp6+98VQJecpGxm6zLSlhYojylFUAj/8k1gYGyLEEKC8jJgLt0ededt\nXBQfqmW3tN+E8h/JyMm2VHrKc9G/kf7YjGYAySvLITt0UAUJ+swdm3UmNbul\nbjVPR/yQ3kDjQzOKl9OTjPoks9cZ9hRr3jpGQ9EwvEaM1bz9j6hw3i4s7hAe\nc3+nsigrJJ89B1U1OcOHFGsxkFzYkEBA/4Nqi6tyNXbboCXi/WeiN8Dykxwu\nwIj4\r\n=+0BG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221462931","@chakra-ui/utils":"0.0.0-pr-20221462931","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221462931"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221462931"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221462931_1643956220459_0.05665485641778045","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221463045":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221463045","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"944c94f1bd6437f3ced41b1b04619036812aa67f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221463045.tgz","fileCount":16,"integrity":"sha512-DXTliJkK7GwqjrXYgFH0kUn6mPYUyDyrTq0ak2ZJ8YL6MpJZfkV7oe9xUfUBfKXt8/OGMdXu0xmTu1jjQVd50g==","signatures":[{"sig":"MEUCIQCRfV1XpfcWJo4wbNyMz2RV2HsWKNLxATNJWRhNd0651gIga6hG82TYSSThhYSpYtsiPKrupwL0UWgCVMfwSB5vACQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MhDCRA9TVsSAnZWagAAC+UP/jfhQ7U6S6DvPoeCD2rD\nJUhlBe+VAn2PehPK/mvbZjQPdOWTmjmXNINVqaufnySbC+noEBc+BmHWDBlb\nsZIROiEN/WQlD7lqddsydaPW243N7tgmpU9yRVxrhRiz4vohI+pjUvzBlNHt\nj1rWcoWkWYmNEEFdTS7URDumDBQwD6mdF4xCsB8odd2W10xVzaJX0idfcSxg\nWIM+A4/3sItglfKtDzKGRWpfCj4Vom1oSLmqh7JcI9O7Ca2DbVFhRKlv72u5\n3E0Mf0fIVMr7TripKBAIDwYJdk/HRlw9APTA7g7pEMZwAHfkwENkYP5FKvIh\nqtK0Vle4vVQ7/CdO+oozStRmDm7gQX5B3DAF2EXwmEkPrhBEz1NXpwEuRgku\nNkYQRUHu+cCe+vmPM8T7xruy/1AphdLfKbgVY6wpc2fE54/BDSIEvuTT8Sxe\nAX3GFan+TvQUy9rq/bCK2jb2whkJUX1NH06BafsI161duCKAyQN9xDRFbYvC\nIq8fxowiNZPHTr5rYU+i6z35qOro3YP2cxkgUGImxQleX1KUOqA2j1PuWePC\n/mPx9kFIe6gTk7LF03jrf2fXbS5nkQQxYRevJAwja8E/EbwyvVdXOWalYtNM\nGU9LDqyNXcEbqyAnBrr6AltT2/JBk/g4BS+pfAFbYlHTubO7lYCVhkOdNbr9\npivL\r\n=y5Bk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"147c971a8b1b08ef5189bd99586689f0e7c5a383","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221463045","@chakra-ui/utils":"0.0.0-dev-20221463045","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221463045"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221463045"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221463045_1643956291187_0.09143690044935582","host":"s3://npm-registry-packages"}},"1.7.4":{"name":"@chakra-ui/pin-input","version":"1.7.4","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"b36d8071dc94d4c4513c86edaae92c28e4ad992c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.4.tgz","fileCount":16,"integrity":"sha512-94sd4s63lEKJZqEG/3obV8Zsqsg3NhWnQ58NqivtIKjyh/lSPJHOtTMcHsMIQ7ploi0expJ9EELkj/mokwb+SQ==","signatures":[{"sig":"MEYCIQC9xpuVNPbnE2udVLjVbQf/GY2PqvPPruW4a6wvdPG8bQIhALCV/eG6G9S5tdsPuZ2t/zjUDZkdwdSq9F1NHQKzPN86","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/MlFCRA9TVsSAnZWagAAS5QQAIGKLqX2z5tatIPZQCdv\nPAdIoPyORQrsb3l6w6BLuqf0paysrd3nqJCengX9cE7fBxpH2a+bIapVYkPB\nqzoPShPIzTGOyzyZpmFpuL8A290qbi1zBTv6z7a29oLxR1ZvHncP46EaVprY\nai2sKHamYsZ+E2NAU8G/ZmDXqz7kgPRgxRY/9IkJw0Sl8msS6HKXpODIHgiT\nMns4vJFZg28lIcdG/lwCM+r+TCq2foMr8xO76WPHt9ze1K7bIDJeT+GZcJjL\nVxOIMarrv0YorNVsxY8JxRhI83sBtNBCeWVeKiRthglJOaU9Qgsxdr+WfDHM\nzl0CkIqtpEIScol0JSnc6GgsIGutkB4OY1bm9Ul/RDWbXDjgsGqXXslJuTMp\nb5He9h7+DY4fJCq5wz0XS6XoiZ3p/osadu0V4RXn4lvxo5u0xa1zfoZgvLqN\nUfs9be06Tug6PMcO3uSzZyWILxryP6LPNyV+f6sGoWyvFD6v54SV4KS4gORy\nY6OMLX8TyEfo5eefdtAIKzFk8lYzevzJiv4Cnndaw8L5M7avA6hinOUmdNuc\nBpnfeuvWMuSD75ANu8lb9MbyX77p0+lUr4VRA/cDUj7QLg1DCLa9K7STM5fA\nDy8y/Mg3lrX6sWllS/CgoMioOEwBcwG7v0iOezn33y7gohzowlNusa5ll/Q/\nicKk\r\n=mVlz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"78f01d04020525a6696ba97e7dbda956b692d080","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.1","@chakra-ui/utils":"1.10.1","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.4_1643956549602_0.42588650620497015","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214171317":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202214171317","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4356cbf7b7db7870459d280f2f9e57412e07f775","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202214171317.tgz","fileCount":16,"integrity":"sha512-S7EjuBMiJllLQ8tPIoJIYFKZD41MBFxVuxOT5ayAzCzZ7FKaYXOzGdlrvVJUanZ/rdGUZ7uom01FnBgyDtLZ/A==","signatures":[{"sig":"MEUCIQCRchf0b4ocFXKBPP/WmYQkS3CnpyK3eQegmgTNVZJeNAIgHM+WtBZoH3+PfHuvE+ZawKRfhxbV4cTbn5imFDamwik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/V7bCRA9TVsSAnZWagAATAkP/ixhwIUZgV6dB2ojfRfI\nkLtRMawDGhmS0i6KOEeJO2X75KF/VZ0KnzAGbWfPjaeTBOTh8qFZsycyg4jn\nF7REol+cGRKMyq3vkAnXieon+aN70Xwq877EVLzSEnxgKXkuJSMlu61pw4ZD\nPQIda4o0B0FMWFCGY0wXo4CFc4hBWQ8suKd04uKYDfd0ufBZNYG9CgrC88q7\nyTqNFpgfy9hoEGNlk6S0ZFzBf3stz2jql4C8A5IzPSAlOqqRO1NY1Ii1l0/H\n4/haEkfNiPoCqnOnTw6ax7cKDZwF+o8RwdwSDf4a/6CZo96r8qvsiK/ezVmx\n8GNHq891yYXGKOP4cLwZZBpcxtehUlmy0DuNqkFwRWyBazZEi9XXTEUGvVGs\nSlqbxtOAZY/V9rIUqeGm1Vzv4aGG1CwpVgRGqjycK+GaGK21JVxwdeCIKcex\n2senyCpcgSpGERBlC/wP3n0U7aOYWRMkby9BJBg4q5Fo61fx1FiwgHPW9VNy\nHVvfUVvdDXHY9dHH7eURPzl7gWZGDL20mrnz1sDDvui/GAulj4hv471ENeRS\nSlb5S27Iq9NLXaOygsP4Ej74aAwYaAJZrAKKrtL3JOM8HQ5XH1mTSDwdbbKe\n/LPNqpseUGZsLZfStgh+IbcXSV48pKe6xIInOOyfYW90pb3HEO8n7PvxLtoX\npoGJ\r\n=hRzN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"0299e357a2542e035d6bb17ce6072f38ff037e45","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214171317","@chakra-ui/utils":"0.0.0-pr-202214171317","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202214171317"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202214171317"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202214171317_1643994842883_0.4691870265110232","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173019":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202214173019","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0ef09d5da897c1cff422f0ddaad699598d34bf3d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202214173019.tgz","fileCount":16,"integrity":"sha512-86KqYrWns4TBb+scbA9XR8bOdZvUAm71gANHrm02qy3KEQLy9rA+W6SfkGZD56da4PkXS58mCrxtrfvo9fvCpQ==","signatures":[{"sig":"MEUCIBIv97cYuUMxNVLi1iAoYrDMAxGe1i3FCxMuQVPK5M33AiEAiciQzrJe9Sf9A3a2NAYXIzlyi06WbkjH13Iw6f5fVHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WLTCRA9TVsSAnZWagAAKi8P/RDhUwixF1Oyx4VtmrAc\nkSsR7pbP8ChnF9xlgITHSpCmtaf1kdxYze+JTZLZBiB/5z9muY4S5gmWUPyy\n/xruT/c4LdF7lN+gSBtKNqPmJRXBDF713jrEmj+zN3h2FI69iTJ1FS/yHgKo\nrwZJQG2e4u3IbcuXqCxm9wBfSQ4a8TUOxOpMY6rrdGJoqGdFa7KvVMj0hsdS\nKYbgIGLTVzJPZ/6HI/DtnHqnvS9vgbWU2pCrNHFU3MjgOw91t21GwJXeusDt\nEFdRDtCjKxqFc05jucgPck2c7aJPeTSJyqskH6GmkvgnaUnY13KCYqy7Pq2Z\nV7TrIP3LONkBmcnSEUY9rM5Myuvbr+2IzPks6kRXbJx0TnWvxzaFeYsQzv/a\nbKd/lv9ttMW7WwGNcFn4kJC3fSSjVGWfCysZLI/3aow9VqfwYs2CK7/AAdvg\nIy36dPWMGuZ4Kz7aqgggYfwB/yGlqzTZ2f55qduhQqouxw6ZYTKMl/4n1b6B\nQL5RnnMlVCk+5z+KFjbDtCelD9SMxiNCyi3W6mnstbdHr5HxgnDppxP1lIrk\n0zzUmdHcutiWHLIAXCkIlvWl+EYhEjAe5s8MrQ26aQRTgUXCiwoduvpH2L25\n/8WtW+nCP6irBpeeeHrLYYWMD9/RKV1zpDPDzUJrEAyEOxpYp9BUCeLokRte\nKkOp\r\n=FHfh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214173019","@chakra-ui/utils":"0.0.0-pr-202214173019","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202214173019"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202214173019"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202214173019_1643995859301_0.42536009892683646","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221417318":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221417318","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e75e626b9af4cdd2d62dea34b3b6dc5f171a05cd","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221417318.tgz","fileCount":16,"integrity":"sha512-Ip3VE4kI+JrMZUehjTVyuz7dYIX26USkjS1cOPGSpQErVH0FbhPfLfxAi68s4hsULBuW3E2XBu++N0dPWa++Tw==","signatures":[{"sig":"MEQCIAYfEqQeGZkXAizXU5iPzOtYYyBbOpNAsCMlS/EEKABgAiBYJCoHoTApSWsTmnBxpdVTh50fHRw3ikKyFt46w2rm+g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMJCRA9TVsSAnZWagAARIQP/2h0gHGF4G7LXM31JhBS\nDpMYHd9caagq587IStx0wKLtOQZBc5l/5tDEgm+HazxXAdz/WiElwwSNV7QU\nIiJNhw/lDWYSoe25hfamM3gvSvUjc0v0amGikwuHeXZ7s774obWS+ridFIIm\nqCcG+uajGAxeEPUcqaHMcIZqljToVYumX+K+woU0fDu93K2TR2g5YBFPI5o9\nb5Dgkhube/DIEbczk7SkbCp8HqnUNUBgsdmD2MgBESKymORdvmk0/qLK9xIk\nY9bnPCcbls9ifmQFOmpDNNedXpWw33+FzOTUNi8TkRH0vbP7ChdCXWk1dAr6\nP6n+3P3W7nA03dplnoG8TPpKOoZOhr5NuVnU3ks6buYtE2ioKSTSGop0w9db\nVv3mTAxMNL328h9dBv2WJOLcvQR6b9+H/oFMuO2TbxvrzZ+Dy7Ws4XyaQ5JH\nuvh+AZhg7Gv0vOkcuI6lyldlgbhsuQEw/7fMbzDsK0K3YSfeDBd58U0TK9HC\nMBv2Ar3lqxKpU1l/gdt1Fh57TrjV/RR11BKI2Q9HjjQbalX01mGyfeKXBY41\nw1P5BWa5vTdbpReyKeaQo6UiZrdTEJrQcyra2FXZtpj89b7BfcM5ouTHpEbQ\npV9rbEtev1oGseQ4MQBGWJheqEwXFCDZKKz540RtywhtFx+BoT9G/PVoy6rC\ncCvu\r\n=1Ts4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221417318","@chakra-ui/utils":"0.0.0-pr-20221417318","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221417318"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221417318"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221417318_1643995912748_0.35020254699685394","host":"s3://npm-registry-packages"}},"0.0.0-pr-202214173148":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202214173148","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d6bd4deb71a6574783203e809de6d6684bfee9c9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202214173148.tgz","fileCount":16,"integrity":"sha512-z5JqUtGMn+x4AESVh3mm6zooBCRMy0VePYFqa9VLQkloB+SQGINMYWS5VvNe44IhHMVtVAGRf6dqXXy68VYEtA==","signatures":[{"sig":"MEUCIQCz8gn5NIcYmCcIA+eH+9FF4QYmSwLRy0UMkiUWDrkHHQIgIhiMLlOFGbDj5i1QfioWl2a6ewFz9Udw/AlH5MC08kU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/WMvCRA9TVsSAnZWagAAFmQP/3sPwTU1U5oMUjl6wb3v\nOofPtwZ7Ld/La/c/fKAVPeuWfJvwMlhv4phQ+SCwXrilj12S0lzayssfIQHM\n+shh2DDLRcBJRevyDfoO9Q24qPEMw+o3U+xSMl4xyEWetuibUS7PKMPu8a71\n8GSpTUQZ+pZVPvIX0ruV8P6UcbMzkQdcPH568dz7PpaTiKEDhjwaFD95genX\nX9Y4sFt0nxZhz839hnpYAKkstD0/Oub75fnnhGhb7vvICbTMXhkwmeAgxfPv\nshMn4FdUUjjfo394A4ntxbf5cusMrGfQEFKWJuJaGKQH9FXdBoVnD9f2y4bp\nX5AYOrZqcPlcv9NqxW4XlOWtzPZZ/16dBN14OajB05o1TNvcQPZC8uzLAMas\ngXOdXPjIQwXZgcENEPgGUs3Xbqe5xy4SU38NBccE8wXrG+TwXMTPLhJobl+K\nYr0OLNYfmZfG/V4/NP3GscneB/5Tqb/iWGJemC6kYsROko+NKAFUjG/LhD+q\n6K+0HAn0A7UZFfHksHjpoWCF8UmJpLyti3WCL66K8eEN2Td+6dPdejpE6o9d\nhRFF+bGBgA1fgOEOz+nEeVycseDFweSdAKm/W7us2YWfLA+YLnZLOztlQTHh\nzbj4XSf4TqOx7AA3pIqZte3O0pXeummCdSMppe8SjqvT72SiMprvSjCRLmst\ndpkI\r\n=U7oo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"99dabea67ae9fd0509bcb8f92867d4f67c4824e0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202214173148","@chakra-ui/utils":"0.0.0-pr-202214173148","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202214173148"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202214173148"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202214173148_1643995950919_0.8070913847824699","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215111823":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215111823","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"466d58c7da10fb6e8fdefc4d5ff10117f8bfbd8c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215111823.tgz","fileCount":16,"integrity":"sha512-Rg2ZrzsJEVYXP0qr6wdWd386trtPZ2WfUroZEoookYQwwDJf8GyBS8TW6wiOO5ZrNCrFdmdIBe3sQ/wvDzhnkQ==","signatures":[{"sig":"MEYCIQDgAsX9wE09kBSdGpAXFwNMjlkCshh0z36zbK6POq0YzwIhAJr6w5UM2RnZNip8Zl5zVFoTLw3fkFv17HHFRhagTBOp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l0qCRA9TVsSAnZWagAAAKAP/3dM9He8HlbbbhLoW4Rj\nRtFZEP7ik7YyB4MyQahBP8t+lo6VzfigNnv6AGTIsQTVQplc0fVLDRIup+Oz\naBIsS5K2Qo53ghkKwhSwv/TVXlkO3Ocj8xE5gjpcO7++rxK6ayEQCCM1C775\nrjtBWKwgVqkLBdPHQR2lEOpXGrxIavdMOXsi+wdUSKOG4ru1jjWa9fRCX2k8\n7f9QOCVv52BbTUOXy9xy6ulPgG1i5nMVILdxWzdDkx7GuTrmvpKpnBJWuNhg\ninDCXlmu/gWkE6oOGQWVbRsl/QKJ4HpQHY8VDBsxBLo1bu8XukTNHwUz39r+\n/H6qho1GsDB4eIJjMus3ojw3Ic1FepaaFKPnbqfBC844kMr8FKCilWoJBMl7\nwzwb2Hm+1gMYEmpDY0Zc5cdpddeOJKfQM3NU4XomUB4b20nY4zTvTjBcfYO+\nOEqKHbyK4/Rr3SRw3E78/CGx/+/nQScNc0AIo08XfIj0RDhXN3tBI0MAjYYv\nQL3f0zw2h59tMWtjnXkKWNBXA7CdVRxFnvx3/Fp7ZD/Gja3cDsPKlho5K488\n+jktJxRrBRuCn2zA5bX5S5iqmnMMlbNwb3TCddiskAPChtZQvJ+pLvfn0APC\nPwuXb7uqXV6hm7gRNzTR2MDccKMltnxqWe7c7S/ZlhKY13ki09vHUvuIPSU7\n6NYB\r\n=38qI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215111823","@chakra-ui/utils":"0.0.0-pr-202215111823","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215111823"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215111823"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215111823_1644059945864_0.6260031955395038","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215111945":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202215111945","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c679a82d4f6b6c5c1484d0039abdaa7974193df8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202215111945.tgz","fileCount":16,"integrity":"sha512-9IhMzR4Xol12IkTJvygD5vozKVSrQmn4+v7quF27aj0SMpRG9XfHRKDeW6x0lYAERWBmh+/IrxxwGdISn6BILA==","signatures":[{"sig":"MEQCIBFbXNWLmK7SJEHPdyvzy+w178fbNoaH0RixxDMARz6EAiBmOxn2KmvVEhSu3I0uMNVBMMF2CbLrxKSWfkxDJKYexg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l1+CRA9TVsSAnZWagAA89AP/3euuzs3VTuh9TWPNBmp\n2LCOLTrDoiODBski1kP2T7XKlGoevJGiIihm7rvwKIENAJKZK3xE4isn41oD\n8OwpmKzyGTIKjjIp2tusXNrcPJ0KYFztdeWhBKQ9bf9BgqMsHJVTa4TBOuuP\nh+dmYNO+2cmzHXkwTpcAAvnjtk49RzeuiTih7u8kEYeZjZ24xQK7UmFPmLvr\nenvHN4FfGcO0L4rFfVLoipdR7G8OzQ5xev0Hy2TXwZkHTEAQldIMiOjyO2Ts\n6ym4hjIHQ5iC2LSBVIu/DmRbNn+2VJLq4pFCGHRT1Xx439HSzsZeSMJ+l2SS\n/XjNRC4dLikAtTnLWM7ZbkaG7gHAKP3i5QNZ+ADal7WH8YxS0qNS8111aIGb\nN2ypWR0R6ZVnUK4YsvJE8et0RYYaBgV0CV727DcgWvPJtOCGspowN7aytCZG\nWCEvGFZO40w3aw1PBRQ9gQx4Ezcj/G7PWPc2JjMBD3SfZFWHKjrgSR9IB+Hz\nWPYdWdwN77kKX9U3TKzEQ6AQWHFT8s/m8cmAXR+C7ZaxwdLBL/5vVxSCi9AF\npPtzTY/gnr++pveoc6xeSgoUsuBZD8KKt3hHUEiwevL3M3wreCYAIFoIxATr\nbSLk9PvwiHJ9D04YvWpPvky/ihDIl4rGUpAxL/yUut3wI/BEsg2iLkUZaYYr\nYl2E\r\n=kZuP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b6ccf0dd2e3b72a5b50c9e1c00f1e6e3f3b68690","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215111945","@chakra-ui/utils":"0.0.0-dev-202215111945","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215111945"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215111945"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202215111945_1644060030648_0.4285953281328785","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215112739":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202215112739","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c3b7d25782acd4b9f7128b131f84bd58fd14bed8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202215112739.tgz","fileCount":16,"integrity":"sha512-ScRZz5bdHwISU7Oqubn6vAmfZAjzD0fR+lRFY5Ie4QvLan852xUvnQ74PoVEj5r6Okej0O6VGk8g9+R/VaqQeQ==","signatures":[{"sig":"MEUCIQC8RD251iCsoiJNgSGreJJqHcWXvzDN3rLPswAVpqpJnwIgQvFA0TRiozHxwMNi4TeoICorlTCC5/QwxvIOzjAvai8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/l9SCRA9TVsSAnZWagAAjycP/2e9jss/j16s8qmvJW8S\nuGYwdf3ryEHoRpF9duwxw6dxdJl8kIioKDG6NJgi1jgGcwX5dmBNVhWIHJYX\nbycud7wd+VYfLhi40NL5Qps1d2sPEWdX/+8AHmYSy/tVWTTFhIxuBYXiX4zb\nQ2Lb1sZ5XYaD9C42LajqpAnXtRI6IKmVbVDcrBP2Y0I+tvjoYCYrcC6w/BCM\npmThLZsRtyFQwUbbWs4TRp8XfGJ5LkuLADynyf26ULEZno9mZb8L97N830a3\n2gci/6yHNNoQDyOSoYp2sKPE5ou/KVqyOmPOHT7fkAIdUDW0uki7ra6s9TBv\nOrkqMX1+wg+locFbJKIB8vNzDRo/OcNY9yCRIb7M6dugOrIqIIa/6i0qynEd\nGhkGMjW8GrfAnPYGKsZpXZA7iLHS+eRTVHTgtRBS/toWGaV6e5uCLrhco6OE\nHZXK2FHudCcTfGOf0HJtSz0YW3N8RIIvQ/A4AmVZMfUDgrmrb44yy6CzouqW\nlVRyvnVTboTSMhfKMvuD8eNP0AgbH19Wd7iTDem5FVZmET+c0ZX7BR3WcAw8\nCtGRPFsl2XFLBch1HnA3ofjSPNVjWW2otoEcyf6wS2Evt73wedrDHBLcHVP2\nHP/ako6NVlcFQSMvb8CTrKFeiNnwpk3sAdKZyfMLHpJsjtDCm3DMJ+vFyR2T\neb2X\r\n=YOiE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d4d18b77576549ceccc8adf91b4f9debea1f388c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215112739","@chakra-ui/utils":"0.0.0-dev-202215112739","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215112739"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215112739"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202215112739_1644060497902_0.929942561888482","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113521":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215113521","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6abbab58828bcd99612b0052c4b3818b21a7e6e2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215113521.tgz","fileCount":16,"integrity":"sha512-v/rtKg40uvPRQ9IlgolzM0906PrCToRyVgvCTe1G8KKJmAPmu5S7Wdpuo0dephPdhw8imYi/vCRVQpKgXS1ltw==","signatures":[{"sig":"MEUCIAc7UeBv/ucydjtEsdfvL/3e60k2dtEyLSvtVtS66YpgAiEA+kvE4Ve5+pX/JJRN7tRUNnMh9Bwx+jVpP4Pbk0E8CKI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mEfCRA9TVsSAnZWagAA4E8P/1esvLFDaAuj76Ru+WXa\nv9WsH6triNub320pjCNhWt7YMqV+fHXlPPbnI+o6Glpq4KQPZ2oLdLXZHMjr\nzTrKY9TkHNLajrdededzc7xgZS1WEclV2nBcrrqm83Poo1S6MXGW1dc9ZNZc\nvp3WUIfZQkKfMaZNKFby56XtETL2Ft5pRA9CGiT5SPdDcbIMae/oEYIGQNjH\nZr9CIcMqqTuohO5hrLY+0XJPvIfXFMjKtkP1qg5Fq25NkDBC1lifUVeWIs9X\nvU2tpdqUw++wsJ5f/yYRtk0d5lIWvzkoCbO9BqdlSF1CCjL3b4ZV1WKFvpwX\njZa+V8CaSpYpDQGAMAojYM4hGOglVdaJ3ObhWgDAKnFR1zhmLvBXRx/KMtSq\nVXArMyHHsFrNqJpEJYVnl5/SeuezUdKuioWH4u+gycRyIaLI2oiwgVLLyB8u\njBO8rNnM0QrU5MiP8x+P4+MCBOtUKo0CQEPmcj5vy4ljq6fQhIy6j6cKin/Z\nVEQy41VTk6XLjdZ/zOWXYzWf2YCvaQO4s+CG4NhV7meLlxit+W6Rj8piVd72\nya0UrS0ISnLw5QSthB8J/QDReOuFN1ybUNx/nnzBjkBhGWcI7wW5xVi1WLDP\nDmixWg5mFoU1lW0vWFwiAJkbwQyvgwqEkxGkcRHUNOPOjIP096fSdeGsJ/ki\nLBnt\r\n=NYCl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"ee0744efa9df4d216d56af53ceb4ef6a8adb40a1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215113521","@chakra-ui/utils":"0.0.0-pr-202215113521","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215113521"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215113521"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215113521_1644060959342_0.4674593324930518","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215113950":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215113950","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"66a7c09bab56369005bb01b3813e36cbca8ad807","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215113950.tgz","fileCount":16,"integrity":"sha512-nYcwzQOOFuNv8b7jJQe2tmUowB1Vbu9TLKPlP8xG/6eKf6pMQH74BpW4DJGhPWMJQlXB/YoYsDulL+5cbNfY8g==","signatures":[{"sig":"MEUCIFRPSPE7NsG2yb+rOAbv1QIycNwCdr5wlXkGF0vegyadAiEA45zjbn1mi2HDC9AwnrFThsOrlZ0c9wV0/f1OdxxQ2+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mIxCRA9TVsSAnZWagAAWqsP/icvnvgc9ScCkIWZEqTG\nTXN99xmwa29jDYryZ3akTwtMQ7HFpZxm2xHXw3iLAUmLxAOPmbTT0OQsWcBO\njs5+SaJNgyHMHNoL9f1zuzTZiCbWNiy1f0vlTA1QmN+CNBGbEGTCOCQZoico\nBxQj1x8tIN96vvHlly9uiu4nyCgZ0boJ6oiIQpjrptGxvgGvJ4hG0W9CnCp1\nnsVz/aDDes7nN7AZsiE4PeW6iq5DGHvnUt8FS212gK8rip+EaS4deFm36zgt\nR6DSDCnLQFDNYJBac7UouAwhiwlEMch4KI1+aM3Si8EMa3bYkvmmgW3XW68d\np5wvZq7VTNQdDqVgjEbWfPtjjVfTj7trWHWmB6p/LjoFzWVnnGwPatlJsaz9\nAoFijKbf4rpgQfHmI+31F7HX6m/rxCGUP3qNLKrSO4Rv7v2LsSy8rudxwKnX\nvC2XX5inNnJ5MD/V/lPJcKVOY/ErqCKqTAEiN4yIsNLwd+IwK0gcZG4HLEm0\n/pW/B7/ifIKQ3vtyGny+Ms3W2kdH8Q60vyf64bp2uiLxYiJ6rggH8yz9ek2H\nP7O1DmHPWnc2BOA/L5cRPU5Wp/3XRQeyQHhoRfzyQZT2DE6ZZKFob3RJZcKP\n39ZHJIJbVbOUKBieBNFVI23UT4ZwmMRLXyNFMKsz61vHYRl33a4ctcEBPNSm\n1FhG\r\n=HgHB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"262bd66825aba680e1cfabe200ee57e8d64abd7b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215113950","@chakra-ui/utils":"0.0.0-pr-202215113950","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215113950"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215113950"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215113950_1644061233559_0.35574232852165855","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114149":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202215114149","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"00f1e51f901da882760f7ba65d4264d028713555","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202215114149.tgz","fileCount":16,"integrity":"sha512-TwKCOsa+4xs4xioS/Hu6wnrMZd0k/ZIEF6u8WMz+RQMNvKEdM6mX+LfejS2+QW26Yn4xMZX5r/Js4MOrH1RpUQ==","signatures":[{"sig":"MEUCIGcRJgu37/bxXBRJ+c14tL/dt48gSqt/P0kxxVTodb2BAiEA7jaJ4gC/93ABWIdhA5S+Z/OdoIc4hVl1VdadBmNEoyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mKrCRA9TVsSAnZWagAA7EIP/Rapkc8Ks0hFm0f4oVXy\nMUTLKXbUz+d91wedlK6iynX4GVbxSGBjpNx6NW58wf5ZOa8U2ojhhqxdZ+iB\nk29BntUiSrZwogURKg4ugtTEc1G2clXWTAc0VTSoh6nrf9yqkZowEK21e2ww\nS4+567XeyUGQq/2UvppBStu+Memus9CtH+n4yBPao5ymSHiTTr/oQOWzs8hC\np2/7bzf7ucCRN/a+5cCUgJwb6SALG663V8fKa+xBCGTDwsfb0O2TeXrWxKku\nzU8omcZOTK8eWz5glU4Rw2wnrGZjo4tOWapsyrsxerZuQb7poIYI9slOF1WO\nTT3cIGGApwpStdJtVbKmw8oZB76TPDWMImcRVa3UxBOg826BSGd9erK8FxMd\n0/BwtX5NMj/wRgV19jPb1igu6zumZVdpGFagg0E0XHXNUbeTEiDL87PLPxjC\nJwX3zLJUI1hC+aIElVgxsThHi0jnNvfUd8ZznCHnxxRorQCuMLZBhHeltBGU\nEUMwCHp8dAzrP6na3ZNsYydXoYUMls5fmc0onS1iTMVTNc7sJxOHqkMRguPY\nucsmVcHb9ha8Ap5kxyklO/08WFzil9rxVqlRwOdn/2acQex2Qc8Rdj6D1uDW\nc/TvC0A7RLzojTG3PpGMQMVACuDbjq8OV+GKu9luMwUtltWw5iDaQF4DYVxv\n6Kne\r\n=XQac\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e390806b2603abb97fb5e151abd46710291025d9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215114149","@chakra-ui/utils":"0.0.0-dev-202215114149","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215114149"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215114149"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202215114149_1644061355362_0.6886803167986695","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114422":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215114422","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"96eb93a6e7a440c66fca9dacc4f13d87a1110dd1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215114422.tgz","fileCount":16,"integrity":"sha512-G5yioV+FbxQz4kngEb7qGNNJheK/khHAyrV9DRPinj9dQpiQOmT5XVkXErtnRv9fHKM/vLoxziC+V7mEyb3t6w==","signatures":[{"sig":"MEUCIQCPvwRc+0rzfaJDX9TydT+HRfw8J6BH3TCdB+CLWz7zdQIgBCeq1CubPi4noScSAoLuzjFxZMWyeQrdA+noBmsV2cA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mM+CRA9TVsSAnZWagAAuMAQAJU1BYVYUy+Mt6vFHiZx\ngFFE+DVKEWcn2z4wqwrglbF6Px6g+rHwfaTtjKSm25/rmTlHr5/8zlUZvXIV\nmeMZOiujOkxtLf8B777L5guz6Gj2OIEM5myAckh0a/PGYIWe/a4i1t/Gk4A7\nwbzvCx5wMkiLU3XKgRP5X2LtWynpjhCWCAHCmRdnbsIRmS+wDFceNCk2uv5y\ne8nLLn6cARTHwsxHxRDW54xz8l4FyAQ5uttUmMzy8v4qmE1rcHi6s3HcIbES\n3zfkOSLgtQAxLUM2z+YIvYYksP+wD3XEEiXJuwUtNKOfQwvNYNL0Us2jLi6B\nCku9YL1KAjEUswNIFQ7JbjjFMhxU0g3UK6yf8umGd7aKPBhdHCpP92+4/1RR\n97fNB9HHPvk4qysm49CK40FyL3/3KuwYeKUnncnVOZhEzAd+qQkxSy1B9Qkr\nKHja6LdqI6sTmy7zWibFxQPlrxYyiYGGKdh+cLsSeFe8j+w1UHa5YUPBQqfX\nVKaNRqgIVkm2TCHRYqEn+mXm0V1JQwft7Bla5KL8Dcq5BgbRYz/xpKfaz+Tx\n/HMSO5L/3XBtmPs8gn09C4qGRzNi388wTn53jxuHFahcy1wEwKQjrGjVPmkV\n5D/TMKGc9R5+SbrBkNFCT9Iggof+eywDwnW9X05JxDOCzSSNdBngewb9/TRA\nDOvW\r\n=8j9f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e9f7f49d87feb32a355d3083a61447ed5d6e23da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215114422","@chakra-ui/utils":"0.0.0-pr-202215114422","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215114422"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215114422"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215114422_1644061502014_0.31991007671091154","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215114442":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202215114442","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8f1dd70172ce960033f3a6307cea3927f9c04e1b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202215114442.tgz","fileCount":16,"integrity":"sha512-E7slQ6bR9ZUD6/GT+sZZhX2Im8NSIjzYzDLQC5sMc45TsPCJHUu4YCQCR+19bwVkM8vqJIjfuTd81CVm0Vd+Cg==","signatures":[{"sig":"MEUCIQDL7Gae9+9EkEN2suiXoD8E6d4SUKHEftl6AYqGuK33bgIgdO7KaYzX9FXLkZc7fYBGVTfZcJ43XJ7Z7wkkPGiMfXI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mNhCRA9TVsSAnZWagAA6gYQAIi6uod5hR63Yq81pYrR\njCXGymeJNISQjMdx9IdrFc00EME1eFv9fpMvPKwvqPtxPjhGhz7XC/z4nKPl\nROAdmx82eLfP3oTWvc+k7b5psoXKHT9nIHT7sEF74dOQ+iv60LT1ZDYxANwf\nS5xzKMDKiU2RVwbkIWzFh8MmkPbpfczBZAKp9IHhJGZMpmy19x/VimsyZkJF\nrHYxjFySicP2FZGvmhtLBLMdcRS2d1lc5z7BYb/QA6mmIUk4I73koY1ZvBZi\n8YGxthCfDdLkG4hJkObGJ2y1M5NfAmSf5OkTJUhS0PDeZSr/qEO+olxgutnh\nJREljiWve39TLPiY5dk2ziQ+vNp0zuq6GkLIdPkers8Ejw+10jVxPClIz2fM\nSjnUjkAXeweE82KCHPwZ/omh5WK6dG8AcWA5/fepinRhevB+9vPEcQohKGVe\nGVTWt0Nc+JQ4kkgO9VE3hlOn/lDX9DOOCfyC2PPXijTXwTrfwXRc8jR0aQUu\ni9geTpd7PQWn+cuVEzh0Znwg4OkB2nkEUpZDiuuVGOOGYQly+DYdoDVRBPsE\nt5D1QmdAkTZLw19Q78CbUY6P+RodXteX1tBpd1ZrtB3GComYkEjzha6320C2\nuuZVFEvJIsLlUCSfv2LqjwdZ6onjlqTxvpIb788MYkqqgtil62EV6DIuexpR\nAJMI\r\n=97cA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"9d81c6de9ba2ba6b02681d5bedd8f7f5105a3e71","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215114442","@chakra-ui/utils":"0.0.0-dev-202215114442","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215114442"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215114442"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202215114442_1644061537210_0.4674236951197135","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215114917":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215114917","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"1d350dd906235a21a8c77171bcff347cee01223f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215114917.tgz","fileCount":16,"integrity":"sha512-5+X4B4V3V03IOj6UOD5njT2cdss7nHOk88sdccjhFAjmmgLjyYnfs+C5iGB3BST3eW2FVbipLaTjW3KXvutJaA==","signatures":[{"sig":"MEYCIQCwwXAxuvm2febjoc0a1xAasvDBdTu+8JKl3yjhwPuvRQIhAL2j+zqPS7W8HYOeRo8TU5bDM8dkMeL2i5SOBBaWFXjw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mRsCRA9TVsSAnZWagAAo04P/A5aoxASi86UC6ORLeFK\nehImxdyOUHTjRejqLb2srWSjmcn7iAl3ccU8aDTRPJUyytnnoDTULZYgSZgH\nUTctnlMS56HtnDNvkDy2iD+hVFUKRnbng0YP7xGSDgU9K5DWqGBcF5sWJxcX\nfIL6+Cj2tk4krjTmIzXzeG4L04TDdLx1F63aEAXUIz6Iedu13+ndvtVfC1+e\nYwA2cOM59vMyPdczxNoLMtQ7a9Bdi9QKTC6RoMSM0iV9q4jvemuZLZPtIQ6I\ne6/+ai1PeCgTh6e+c8LHpGQMB0zFOcNFNDOaKIX8kZTtD1YkoEW8ARrQSgbt\n1R++9nLciy3fg02nYQBmEy7HeWqAQK4GuLp6MmG9kOrCzi+U0paXtjr+DvKC\nFXqXJ3zi4vyr+Jo5ZP9kdusufFyvVB02gHgMB4VT8VyVsc55GZVx12Cx3JFk\nJDh3Zbo4xYl/Xv80YDfOSH2cNODbwF4YALNOZLhyFQtFMEwEVPuMCCfOZOi8\nwaWTDTgCnp+0a3qkDu3NKFsa9/1OwyYTrC+2PEQRUjmrf3cwFNGj/bwf6qe7\nzO1jhRberFR+F7ab/QD/3P9Eg77Jh1FSgcu4pEXPIpF6PPRBRB13hzhXr235\nGsvHLJDuljEXpkkWN7b6RV07GhfXEcqQA1tqw9k2ItnAZV6cuM1E/j4e4WQU\n6a9b\r\n=e8wU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fdfed43beaec88a99ad8963588cb988d8ce03d58","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215114917","@chakra-ui/utils":"0.0.0-pr-202215114917","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215114917"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215114917"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215114917_1644061804423_0.1026932048653939","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512346":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221512346","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"17b5178fe1cf33dbe009db48423e31f20446b53f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221512346.tgz","fileCount":16,"integrity":"sha512-F6dCb8bpMtuikHgo6yTRz2SrrC3iUV9tPkA5n23VarWZHVlnefpwdNjgDUbxvP4V8gLHERD6l4Psr2A8cXnZdg==","signatures":[{"sig":"MEQCIGRP8iuvWUrf5XxHPCssQa3QEUaVbmklujf9WwWrw4STAiBPn27IA6kwv1Y1oxi+KypH9HPaVI3cMS1t7gTicp/L+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mfNCRA9TVsSAnZWagAApmcP/A+qRLGa66sBnAq4T5qR\n2N7bBIm9P7OoYEXtaINZ3gihffzQTjn+D7drIPkOx3WXp+41w1hp0Szoe8zw\nmza3FxYLWjt/597urbqzi2gokqq6M5S/o2+aBsB8IkXI51GFCZLcD4q6lWu3\n6PgHq/6X/C3wir1dJsP5R699o3kg3HIEGHaWjNgQqsR7pl7xnh/JFmTMVD03\nF5bBOLSw7hsfvx37Z4YvvfXPaO9FArOUBY6pakxhJZkdgmspdWZT+yQrJus4\nI4AlcdoOUIOu4iGf/oUtPvYErzLa54c6RWw9M700Q7LosQYBnu8EZ0niJWo+\nxIP6oSJ/oPrvz8RsziR0nlT4QFpDXFVGpo3eXG0SAzWaWFj5NP/k27VZILV6\ngQJTehuUpdtq98Zqwolm8GGISJuNOM87oCEd0W8V0nEY9VHEhsD3387IkfNc\n9Nm5Kk0eka1616MGpv8lnk7of5I1QngR439WyWNSSgpIDpBpeIkavE+Pg+Z9\nyheVW1hC9wv2f/3WItBg/htjUOrnVDoT2jBrEyFc1RTl9tRr4NY2kSDyx2OG\nLoSvRg70dZ+8i52nrfkkB4JWmWnfhqJemPrhmC5+FWOEWo3l6WY4+ErrFBG4\nd631ammUEZHssrr5AZdLgcIN8krtrIQzwRTCjHs2jNZtMsNvgyOVmalHGcuV\n40IF\r\n=W7QF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512346","@chakra-ui/utils":"0.0.0-pr-20221512346","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221512346"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221512346"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221512346_1644062668923_0.17847842940843073","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512130":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221512130","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4677a6f49a57ed4e38473788330de25c83783cd1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221512130.tgz","fileCount":16,"integrity":"sha512-LSXjBOPQ3CuXvVs6g5fzpordame6vqab3BIl3WjikgIXLfaaTce/hbVTNwukxgHxfeOQVQ2fhF+PlKR2zP1aHw==","signatures":[{"sig":"MEUCIQD/XEEiILqSwj2aJMQyq3jZfxxDYk5EWbcHAn1DUJZrhgIgcyMA0upryh5PN4+BQZ5p4zepxkIls3JNQkddX3G9mDw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mn0CRA9TVsSAnZWagAAOGcP/32aMJOVi5HmjIz3OCqi\nKKQ3YVSOR6L+deG79H/4th5mL9fkQzSBngIJ66xZ85KXjy6XbRTGsv8I02CV\nWHkVL1UV8ZaFP7TGLV+otSNIPj8aFk88cLt7yycj/kzsIHxpFRb43U6j38um\n32Ml6E3Mxhscu1yHAZyiiIbDZqY/7YSzUGZMtjWT4gaT2iDJFJk49zIPDEof\njeiPE2WVJWhkCfySOzGwv1dOXc4xIbaEZ8icMW1dXWdxbZcgtSR3pD6HVaHa\ncOQloY11848mlwbLEt0eojd+ki66rdI3a0sS/kjctzpmTqrY6xuVymHSQjFc\nHK4+2JL8B6tQO4JFU3RSnJCYf66Oi6A306Jw1eHiB/MIdno8gw86m/krzVbj\nWPsBMJWQWD7+MLz6+Nj2RcZoliRCavpHltiOGHnncgr8x+zLWZ34b2QwQYZ3\nwbw5+Z4T+g+u06/8ogwn35i5+DR41LXQdtGgOmzVGECpsdK8d/CL031A+cTh\nQWgCfrQctjjh4l/9PooiHU8j/5LVaqXEQA3eSbQQXBgc0SSSCU+n+Sc3RK6h\nFAsA4/uEDcAUXLW2/1aN1e2Mc2/oSyIZpePWc4t2axom7a51FIPqoAYI05TB\na5wCfELunvOhFmIx63sczWhRdoJ5UrJPPHC1MgAQj1qIQ1zNDNE5o5UKrFO/\nK9OJ\r\n=tpjA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512130","@chakra-ui/utils":"0.0.0-pr-20221512130","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221512130"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221512130"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221512130_1644063219960_0.9325275971262774","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215121320":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215121320","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"24335b968a486575e0b31de571c479a1e1084cea","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215121320.tgz","fileCount":16,"integrity":"sha512-kMQIBOUPe07cgQUQaSpSvRK/kOGpZhs5QDseUtCKBO6OyGHqy+251P0QfcAie6brvLwc5WgA4X/JMItrB3c1Pg==","signatures":[{"sig":"MEUCIQDkMg6GHplEa/Nw3HTsNa1RKYbpaspyDbujMxLR9tONpgIgM2q78cdcumYadZT2OYSz1zvMD/RYoUyb8rUd7l1OpgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/moHCRA9TVsSAnZWagAAwgMP/imlTMSH0cMaFZNH1LYM\nbQk5uFVWpUNjgtSh6X7Ez+X7qMpzlQySFCKlrB6bB02B+M5kt9chTicL6/AI\ncXHrKTVufuh/ROhdaKh9bKHZmXqtoiWOeb56AUgGGCT0I86sLTeVPvHZVpdB\n7tm1ba2wov/LaUyWfMnXDH2agXHeBos/PoVTHgUgbHfL4ogq8LjECpVb8N+5\nWu7hnmiu2uzyvJD/g+3VZ+/uKve4md6OVN/1l3pPalW9SnjQrBsyxP82mNyr\n5+mAc2p3WcFb7XhPBRgSLwfJCe97JwS6U5xL2qcB0Iq1MMZwPp0DVn1oswYq\n5pCr8NkHJ/0/PpqC2JM4G6HEp+BkfahBAIwNIB97MKu65YoJh7x89M3Zme6U\nUQKR3LP/yEUa+D0/MXiwzNZ7YQCBUEI13EZW9lI55RTKH9tgTtAcrVpUnxud\nqQPiOrC35PjY+tywaw23CMkHYArwnlrEW4nO0pNbkf80z11Aaup3B2zxmVDI\nGIrOcbsDhfMhEXL3Qdx+VxPwCoa/8M0VI+tXm/HNiEKkcf+2RrUZoX1kPG5c\nY8BBITgMdNzQ/n7w1Tj3dqfb5zZHdRpr+O0/AUlb2qyT1A2T2V2wbuyGRRQO\nK85/53lQwmcbusR2bQ8OGR+9Uk/PQqXZhz+vJZAqKhVSyzAWsZbTXjBPZE22\n3FIM\r\n=6JUF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8638cc8ee0b9a375eaca24a354e8f290f8f2263b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215121320","@chakra-ui/utils":"0.0.0-pr-202215121320","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215121320"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215121320"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215121320_1644063239572_0.8689142477650966","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121353":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202215121353","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0bcc52a242dc90a189c0476030d7bcc671841640","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202215121353.tgz","fileCount":16,"integrity":"sha512-WVBEaIyDxdOMpep19BydgpLaV0Z7vou3ygB/R0fgDjmgAHmQ866C+DlVpG+sfnwqnqQaoNx3Q6oNQiACN+OAMw==","signatures":[{"sig":"MEQCIFt6FM59J3bl49MhqE7Zjd/3NmcC7tnp8ZafYkXLAMC5AiB9EyAqGbALeEKRjtBf9EdWVSWyYPVBtmveNs212BNcNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mokCRA9TVsSAnZWagAAN24P/1CDKMbvgMjKNitU0zu2\nHm2Nk3CU81h4gk4dzEhcz+Vlewf5n1DrB7cPYTzV/p5O+wKj1a8VtZQ5LTnL\nM7iCz7MTbzmiGHgF0h7+biSvkLO0DfwIR4NibFURZ2mKMMksEg0qfeTuL2qu\nymngbf1DL/2tHKYz27ZAbBhQuMrtVu5S+V1JBPpZCZYLYijk9S1q4dtEaxw+\nncwr3vWvHPNke0W2k7h8mONZ7Ieisi1MUPZcS6XtxDOwVqYrazYJmNWO+yLO\ngaUELfj6EkmuDv/d9nIgiNaDx2o1lCQzW6MLEQideshRaUwip5JZ0gAw/1Eh\nwsMHoITgjLrHR3yM77g02BkOHZyoCDiQ4lQEv4GIxeGFx/Wbvpt/rnSIuSfd\nbEE+mKny4igxAUmzWuiUF/DEhNoVOnx7inm8dMyqRgLfyYQmPrQKD3teIYiX\nzuWjkNfT53W6aOwjdQ6hClyqRuC9ac+VLkrgAt5Weuzul9ctUKkFVqU2ZVog\naqm/W+tt7QWcEmKk5xNnvMg+yigHFku8Sz2A1rm7TOoDXLxUdLsF/FtzWyeU\nfwsg9ArEL1NHyaq49/LrD1pZpcUXau+/xqQW01UoV+VLOkvLFH4/dcfIyXOT\ntYO2cA4sCQujWBoQjOQqgbx569uKdHXuuInE46l4njOb4Hy7GbNQogv0Ucw7\nLOp9\r\n=J/KK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"85aec4f7abbd7a289e7ad82c3dcfc465d84184ed","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215121353","@chakra-ui/utils":"0.0.0-dev-202215121353","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215121353"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215121353"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202215121353_1644063268649_0.5216472667835848","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215121428":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202215121428","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ae48d85b5ac53f760bc5ccaa1f156fb6a01ceff9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202215121428.tgz","fileCount":16,"integrity":"sha512-pkfZLhKpJr6TIN1VaU6Uip+IsXtD1ZnFLEWqkHaymDElR4Ta8QZffoixnUvyMe/RMB+KziFA7ReGPovzEj/upg==","signatures":[{"sig":"MEYCIQDObmVNRGieDgTNbsmJ/wsS2cGvZVnaxj4X9H9H5YNBMwIhAMerqT2Nan29ztY00RbT24jy8OND51uPE4SSG+DpRi0a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mpFCRA9TVsSAnZWagAAQ6QP/iLfXujJJHCCCC0rqfQ0\n/i+Tedr/nZtMpEZxmaEj9RRf4fGxsJeJVIL3FImt3e5plG37h4aISsqNyF6P\nq90MS+3ZqppYL11bRQ8MKptode4dT2mIK2ty0mDRXXW3SbRw/ztfxDHkx4+j\nK5aEwyHQMScomxKvZNpWNNiQeS2bi+A3SDpzLHKWRIvP7nfT9yQtquEhv/Qh\n5YtEILmp9ec4ny8F7bi+oTyz162Rn2M5TG9a7654BSfv00rK8fSOVtp4ZHwC\nbevnd83pLxnAa8t6eennM02vxDI5FhPoAzyBlzGS4JXgAO6wbhX+MfaDqu2C\nUA56+SvrvYvuoFTOJNXfYcSX9YXzz9W5Gl/IwNBvQE63qkoXe6a7i0BGD1H7\n9C9juEJUBuZXWUPjLIG4DkaR18e5orH2go91/Lp8r8gN8QMaqP7ghsg8wKLG\nuHmvDIeujZhQUc89pwJ8jYh3Bk1TynHLA9xjl5yOig+NjctxPLhv4J796QYF\nSXJlPZjsDU7Br6hCKfyoictWoN1a5UGymzBre024s3olHPBRjRzm2wdiX9CV\n+SGpZfJHSs6Q/6D8Q7gHiJuM8lOngJ1LhXlyND7tKVmCKR/qWMsTcDlVPsAP\nliqWjG5uJxtKPc9AOyczFA/Xr2/kJ816j5WJq6Wcfpmbmn/sengxikC03vJi\n7fdR\r\n=XHhN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5df03dae0203f8d26ef7213b66e0fb26fb6a69ff","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215121428","@chakra-ui/utils":"0.0.0-dev-202215121428","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215121428"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215121428"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202215121428_1644063300945_0.02047501040234634","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221512173":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221512173","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d72ea966b6cb13d0b268ac94c7a449f54fda96ff","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221512173.tgz","fileCount":16,"integrity":"sha512-yqeeH5vrSNlNQApiZ8xhfs/Jm0Dw4Uucj6VAUIif39Jh7hhPcwYdjbVluJ9UO4TIBtZyj0HKnTPZ5BaxD+apYg==","signatures":[{"sig":"MEYCIQCPVLNGvIIDZcFrROHD/dkBliQXdRHqbjfXHG5YUzcDbgIhAJdJrCetC3UY6Hsf5I/A5yfYFybm7BuVdGCeXgfTmOgo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mrjCRA9TVsSAnZWagAARkcP/iWuwXVWCd4iOagQYHLl\nWMpj11hWAZ6h+jQk86eMXKvsIo5/C1UpqTul30a5WnAQ3BxdFwiTo4KiHM98\nUR9mP+vXQNcDcW/7PXTiBVbIPsKXCKgzn4gL0qP850y22j7rkwCqLLnVzMIB\nEMn10CtYDS05kgFqX3w7p2tLTFGFP2V+RbO80paPvPYvmD+voBAzVlcPcQ0Q\nt1kEjpjA0oQruux0Slhh/RYWnjrHQLstYUwfXEkM+vJxvE8nY+rJpJY8dZrV\ntuSJ/hLA+Dscg34q8t2YQuBSJ/UnGMu7n2FeFW1jrFO4S0dCkvjj1bXriy2C\nzyDERMsqCEyHAuqq1yGQElDmqeNymJTWX41Ixx+0ddbsePGEviv16fK1syDR\nxjXT1kFvDDNMOuGhJo4PN9NZjBi/SmxpR6Tq6Rlbb8/teBDsm+DuCcYkgyYB\nzYiftcmF0+Adroc9csrJFJI3KvgYlItJLkjxNM9zsecwriW5YhENm2Mjinru\nil3BCse6EtEJdwWibji0kGLzhvUOfjsXi20hnJjXMQP4nyuC9cNUCo7QLZIu\nNcFqiXhMNlVu/V7wH05fDA4crvNKq0uXKZ6egvHYVZ2lfh1QtMluz5BV/2X5\nEqiKq17+DOBVYPrHqTFgwEmPdWNv7q3YFYxqw7CtcklLKSZ9GZJUe9uSeJsy\n4a2s\r\n=fzwd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f6578a1b76546c9432d9bcf06acead17d68c62b1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221512173","@chakra-ui/utils":"0.0.0-dev-20221512173","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221512173"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221512173"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221512173_1644063459176_0.7863597494403411","host":"s3://npm-registry-packages"}},"0.0.0-dev-202215122415":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202215122415","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2b80a77816dd7bcdb8c7790837d549a6003031fc","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202215122415.tgz","fileCount":16,"integrity":"sha512-kO+4Bz34GchF+l5UoWgl5d9tqw0QVder+7xlfSdYoJ4Ly+ChkGgpg+c5i6wz7clv3jWR6z6GMhtAiR1J7STh2A==","signatures":[{"sig":"MEQCICjKarI0tiWliMudNaLY2/i0/g3FQbgQVfwLLfj/H8PjAiA6zdts43FcqOnBCJfR/HZeANe5+ck+K5sv5g1LBlPFBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/mybCRA9TVsSAnZWagAASXcP/2/38RCdtMLBeUWDDUkG\nzGFpyLeRWY74LU1OO6XXZs5iPSLqiIbO3FR0fTZNvk4etMjqOUbFhVcKv8cU\nQm0VJ0bWq2v+0l4CjAvE5EgdkQ9knVMVm0+ymf4fnXeKZ9qV1XbyQ2ye3uW1\nzuXDuulRkj9h6m6eE8w1r9Io4k6V8WaK6OTNDusnVA7LoHp0Q1xjZxX6KsMn\nxZn6k1xU9hgVIdsiYbyG6SefmEuKQRkMIDH4Lcfcc9v1y2ctGmHBSyvxHHZn\nTSy2jBD5etEbSR60BhK3BjxUf5iFHI9Xe5vkxAyy44+KigbPAhukj1jHjAt3\nKM13Rd7o/o5X4CH0GkuOmgqno7gHsjExOZES/ayj3nsKu1Jg5WdZyMSkUvz+\nseL135gS0FrgKTUN9rKvQ0LHxJqRmtie2oLTC2BgEllCO5zeS7kJvWF2TRIO\nJmOvCwUjl8ylcwngSEl6ipa1cJUmpMcEWR6w4/Vk8Fa9Gz32E6l2d437AbJR\n9ircC7jzdLW193AKYgs7pjxplSQBjpdcp14lXz3qJfongUd4iv6YO2c7+fAu\nkMwQ2EqOacn1kLlRbNAxydu7ELGaAVka64VCvOdbLZ8ZHC7D9sUBTfecWjY4\nOLHhAszDeKvXkcMSMTZ7bd1YFgO/vz1E3PVNBCChLiO/E+qUAbGlND6TRu9h\nmYrP\r\n=+lCa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"01a939464a28d20ab27b38864dbc5a44078d7314","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202215122415","@chakra-ui/utils":"0.0.0-dev-202215122415","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202215122415"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202215122415"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202215122415_1644063899727_0.969965853156171","host":"s3://npm-registry-packages"}},"0.0.0-pr-20221512359":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-20221512359","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4a821a71be03bde5b449dfb3cdec60e912a50186","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-20221512359.tgz","fileCount":16,"integrity":"sha512-Fce3tfrkeSxs+QrQ8wP2XASZeW26b0ivHEff0BgW6vyge72MNwaDMllS20FfxfihMEx/+fsl7mAu8/TFPgZDig==","signatures":[{"sig":"MEUCIQD5cr9Qk2hOX5D6ALx/zZyWEWPnCxjaG1mutKt/nqeW4AIgGuIA+QCKPWpWvsh7Q1T4l6y8d5lzNjlJ2bLLpxQcruk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/m8kCRA9TVsSAnZWagAAi2MQAJboKSUIPUuAtlcQz+AA\nl0CCcB3hcUo4ruOvrF6kiZgMfSRjMy1S4UlSmbs5UMvl8uGytNmitIIlWpli\nR85ZDOgjbyEP4uu50mFTF6TcFokTyRayhbjtoImwJHVcKVBBmy5jO2kpragc\nlU1CKrS+F20sPSSeKTzfUQhLHCT1VM4o+QTFW/ijDvAgPX7smG0K3dD+iLy7\nd+TfLMxVyhFkA8pS6fJAJCPSQ49WCTx1MukVVaB0ZMmwLdAGXY5zo1Jf110R\nfu+wt9+zTa53rJi6T8P2oo1RsmUuhqi19/limsc1oZf2ab2RarkS5ENc7hJw\nZeRNBa649uwcLrWnnDHX/ihn+Bcmjux7usly/JdhfkVomQztHiiRDALpMTtW\nQMDL8hz9MVlYBxyQkr7GKjnr6M4pKrIoXvxmIoiy9ATSv1qS+KeK2+c2mQRX\nxFgKRosU6BNc6NJWUX0Fib45lFDVnZ683tTjGXi3VDvEVkKoIlv4zbSYSj21\nqKsRfIm3w8xYfHqmxORbKtev/kuDwX/RWd5g2znv9ej9nvsUL///h++a1gZu\nj8jnOhFuaVSK3p/bzGlUIHOPW0ZqTYe6UkKAzaETrWPxUCcOgpMGNnvU2E2b\nWbzuXs+h6oPmdvvd6uCsQQ5S5m6WVQsDa15SDaJw5+LivCrL3CJYICsLhMXN\n8nXo\r\n=DZg7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"df779e921c2c95e0cdb5dedbd4283ce7f149b0ce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-20221512359","@chakra-ui/utils":"0.0.0-pr-20221512359","@chakra-ui/descendant":"2.1.1","@chakra-ui/react-utils":"1.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-20221512359"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-20221512359"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-20221512359_1644064548507_0.3658287467447032","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215125733":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215125733","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"daf56d43b747531144df043a0019847e643499d6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215125733.tgz","fileCount":16,"integrity":"sha512-lGCCnxWy2i0KBggZOmFPXgM0M8OKYgGTjZt83fx9Y/reRXEvGxW1rReNKQSpvYBPEgN/w6w7F1V5Jss5mspuTQ==","signatures":[{"sig":"MEUCIHu/9cd42Ae1qpv+hYmRC7QnJ/M7Icsn8sCqBbd7ADHGAiEAllZus/MQ4XJmdm6DqkT87LA71HACok1ln8JNuZrZoHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nRmCRA9TVsSAnZWagAA0sMP/iRVFhAuha/l03r0ejsc\n8FQtGicWDA4jDZIhJQQ3xJ7YRmpCi04hyh+hN5hBNUfH2Pv0mhzu7GpPbKfy\n/reQ6n8a1k2RG/6VOIJPYeOCUWuyC1IjgAnkndOUnggqtYC2cQtAWGS4sQuU\nTjj9g0B8qHxrMKf5dqW0AWMFoH9pkOzljHiY9xELocr1RDCp+NP2srjvZWWH\n8Hw+gXvQytxvxkbOqOOUhqun04E2CkZKjA5nkCSnKlj0Wp/MGmSOjr12FJZT\nx4U81bWbp4nkPritGD+yBUeXFUmVi6/SvYUxTGL0Rm6iGR/+repZK5TpM2Qu\nmqRmToyt8CBO2hMf90MwRalOC6idT+mm37ojWva2JpI1aykpK2Iy4lv/TFBO\ndi4P7ise3Byc2AUutQk8p7aoyxE0USM/KqO2mutztWNNOOM8LKaFJAzT71xP\n1+kLdIkNTqB/5PYhINzsEHrdUtuiTn5v14JBshU6iKRrsRdlWEv0MKU1jFqY\n2UTcvmqU6D/wZlmi770Y6AfXASaTtK6QFka2Hx3ZJ4a35Uc57V6+PoEXw14s\ngKDDncWHRoj1nFOH8lUecLOVEoSM2suWFMpECQnn4uwwdtdYyYSnWfREf7uU\n4Ocj+m7ltHjL2578BSFPYW1kD5bCDsBZCcJCl4MA5b8sDuyy3s/VRAi6P2Fl\naqJy\r\n=OdBd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5ec7ab0c37978861b0a67e7f31aaa4157f05cc4d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215125733","@chakra-ui/utils":"0.0.0-pr-202215125733","@chakra-ui/descendant":"0.0.0-pr-202215125733","@chakra-ui/react-utils":"0.0.0-pr-202215125733"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215125733"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215125733"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215125733_1644065894743_0.641006332835603","host":"s3://npm-registry-packages"}},"0.0.0-pr-202215132532":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202215132532","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"530f45fe18cd0103f9c1735f91590d2248f43526","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202215132532.tgz","fileCount":16,"integrity":"sha512-G0v43NzIYzJShFaBx8qFy5ygsIA3PCP7YKkmNWQiOIja8+m0knvNS1JAovbHULARsOEhybjDAGBlXjE/RmLiPg==","signatures":[{"sig":"MEQCIGHmFXk2/fDUteGndYWZWIhtcvKSXHU2ts6fZ7ywHGAfAiAOMR7iF2t4qDZTCPpK/EtQ7Z7jAMKUJ9AmvLedRzIqJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/nrzCRA9TVsSAnZWagAAK1QP/jk3V+x2udRzWSIdcIm6\nXoMzHcHZEx11kmIePbK/wfrGCX41n7JLylzjvqEwMRqoMnyY5jezNo3Dekv0\nek4lwe8OLWq1OgXtuIG+75stcVrU38v80B8TdtCmsuNrZ11SgyfstEZ10A//\nhjIy71oyccV9RtyS2QzsUCRS9ciwSjYb2TBth0MJ1ejUrwossArRAJcxdYbK\nWq8+4uhZdMblNQzxu0mYGjJdqFx4vhBXI2JiKib69bz0kzsaWswhljqLD5my\nGQFH53cBj7sj4yLRo7pxr5OvPn4tN58zDthr0hqyUpdnsLC/oMOxf+PTV/op\nS0kogBD2dT9m+iYkvAQP3nFWDTDgYGrl4FGEiaGURccAYt34fW8RleSAUgzK\nFn7r4nI1++lE37hlqAUHh8Sse1/9HkpmVJXz2jrDDPfksOW+Jwt0MW1S1OU0\na4O3VJS9kAfx39aEMNjexpz921lo4ZJZmBvTg9GNbzhrp+om0xgQs/tqPG0u\nJAdUZVuDiHimk+N3/6rASJo07gEKpd1Y7MH5UOXMrQn6wLIq/oAeqENM4z5r\nP7r+JwspqUp2XjoU66epR8bCzzDtw5vkzlvCj+E1dPNjE7k2NKBoWbwkKRcJ\nV2EaNsP0lM1v2zzYgnU5syOKe6HWsllyHWqpBWt8aoIayzZ8K7KVmb88QaBM\nVqyI\r\n=7fEH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202215132532","@chakra-ui/utils":"0.0.0-pr-202215132532","@chakra-ui/descendant":"0.0.0-pr-202215132532","@chakra-ui/react-utils":"0.0.0-pr-202215132532"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202215132532"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202215132532"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202215132532_1644067571102_0.6090862747395058","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221513279":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221513279","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"57d0580f95ba72276fc1d673a41626a5ef594624","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221513279.tgz","fileCount":16,"integrity":"sha512-Is6vJCVw5eV4HNJuYuUzTP80XQnwC0/KHmcVizKGNJeoDQq11/AwJdVM65CzSyo6DrAdRoVndHmz8MLTjr7E9w==","signatures":[{"sig":"MEUCIQDoaoGHvhhGOxc16C7HMzQjWrNhEopLt2xAuTXB8SBO0AIgFAuE/fX1d5G1vxiyJL8ySkFsFI7S7vqw5jJJOGGQB7s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/ntbCRA9TVsSAnZWagAA2FkP/jXfVNp6VQKh1q6uh80P\nZl+8md+E0fe1vkcW33r0se6FvEThj4ZMfsuySTCwZVBxftacDqYyQtmrSWiq\n12xabXudLjXz/JXwpCs2llB+7VUogBpsHxBaqXSPPUQKi+veGVz2Hf6CNioR\nAaeR8GZ2jorZfws/NSkzG96ar+UXNTksXFHGbT5AuV/nQWK1XMz4PmQexAT6\nFhInrP25MWlQ/S4r3T73muOfJ9BGqLzfAzvNx3tU7yMenI6jQ6lhvTOm0rIw\n3wGPCMJ1+37//X3UNp/Lzoo4Svefc5socCLbQb3H0jJyq02LQwb/jnAS4pbk\nYIHAYkJDV62toYdeV1zbvX4FSmTpWcAWbTn1QgS7QO9Sr9r0mXITSqupPify\nNNfIiLYuvpmrH6gTilX8kYrQI1CiIU3WBRsxAbpx7Qt5+V8mq8EUrrliMxSG\nGBk85VNf0vCYmj+dRu8M5omnsM0KkLYtr0SOk0iYNU1jxAlg00Hg6sBG2dfS\n5WaEJBu98esDqm0Tq+Bl8XwfpC89CtO4rBbREWqtk+UuimuK/uCP5zsS/K7v\nl4DFgJE/kcl04Rrz2SUei/mfmxOa9sCftuKNScWDS2RCH3dvUYxKn+5BXF26\ni4AIvG28XEAQadF2J01v0XFsZcVOTo1TaeKrJyn2BoU4vmXknZW5edPxvy0H\nskVZ\r\n=PluH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a503acabefcaea86cb7f40a6305830f09d2d6083","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20221513279","@chakra-ui/utils":"0.0.0-dev-20221513279","@chakra-ui/descendant":"0.0.0-dev-20221513279","@chakra-ui/react-utils":"0.0.0-dev-20221513279"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20221513279"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20221513279"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221513279_1644067674910_0.3441594308949081","host":"s3://npm-registry-packages"}},"1.7.5":{"name":"@chakra-ui/pin-input","version":"1.7.5","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"1a298868cd8112d5cefe56ea9282dc51fc54a83b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.5.tgz","fileCount":16,"integrity":"sha512-1MwBRPpPy6HSr/f+c0jVUes/plNVUnm5uiUDgsI9IeV2SMj0pxz3+5RkMjX+ygsVuXqY4CaWGNtPkyQXivfy/w==","signatures":[{"sig":"MEYCIQCEfm8KIx4NFUAaU0QDnsE2pTpyWuz1qH6UFibBAXC1IQIhAODqRCMCeXiHbfhG/412jCNVVBvAkaCQlzfTemF70qL1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/n1aCRA9TVsSAnZWagAApXkP/iCoSF1jdcMbr5BOwKGf\nolcUDl2IVE/s6hCIs4jWvBifaUsAoZAWYYVGcfSC2p09dr7y/RuPRJx4ngv9\nTEsV5XfBWH+kfiWirE6kEavDJdaPVe6zCt5SMpr0YAAZa77nO12i0HdWtkV4\nbYnVhbFqOqLfq7hIDx5QdELBYJ+VqLSRCfLw//rl77+7O/qXIVY1s+n3JJgd\nBZIiJbhwKHR354uZmTdHbR9d4hvM1Gaiq2WHiDUrXjQub8JpPjGltX5kG9eL\nqhyFYVYNhAZnLOD0hvONJj8BQYB5iBQ/i0eJDrgV4b3DdMiRqbRdD91UyprH\n57g7YiYtZdKjKeFDTwR/KBue5cPLCc2aLkTy3mExlNfNw1P0AiRGrytfjd/A\noV2BdG96KKmE9kVRPmN0uDliR9xcpXGlw2vtalhNTfkOlL7elOjvxx80crUU\nQ54zdL3mcWhAZlBv9qw5B9NBaSNQ6p7oLF9YL7NNNbGMSBCpvcU1y+E51FcH\nlPk5LYs0s0BjMHv1hqa5+Qtu6f7slxg0afd5oopt3bWaFAB7hCywUBWvHRzu\nbl2ayaxDeLI+MEJfp6wnkdn4zsM0XSBm5yDSeTeCxyaIHQXrWjetuxSfez+O\nA2EuI8k29KXg9KiiNKRgRlpYWxzpK4zBSS4vPL+UzEeBRnVdSpkiRkeoi4RQ\nQk2W\r\n=fAU5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"1.8.2","@chakra-ui/utils":"1.10.2","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.3"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.5_1644068186568_0.6790869713580041","host":"s3://npm-registry-packages"}},"0.0.0-pr-2022114224724":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-2022114224724","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b1f0f26b4f11ed9cb7d446c05155c39595cb3384","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-2022114224724.tgz","fileCount":16,"integrity":"sha512-At/L8ZcN4e3y2T1ZBR+77Vkzqlrdp+DLxQO62rP8Bk13e/MH+OE5YB+9YiRClnfYq0QaeluATRncBAMvVSfWXw==","signatures":[{"sig":"MEYCIQCvWOfAlmDQfnwjQ0qy3lSCUinyqAO2UF59TZVy9clLmQIhALqxqRDUV8wf4y0/EPKMb42vVwhkyg0ENIbfvztFjsjw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiCtwsCRA9TVsSAnZWagAAhd4P/3eMIiV3HefIB9FbHjlJ\nQlOBgPPlBk5Z5eLTi0vO9UwRUHIgc2wmJBB88X+K8oT4CS1OOkAESKHCIcRa\nHJiuixPPeddWX2bX8M+xhTUGybxXMPXOrGih8SOt0kaOzsZRNoSdkWKDwIla\nZATimeCMj25FlApeT23mr6wkHJNlYYEzEV42Cx8fBSMfUQiUUCFg1fgQL0E3\nd4zPPp+dR6Zt+Tn1dJ/JzOEMMrObq5Pjy64NRqMmPc+7A6/gysBfSv4d1G2Q\nz3Qpomg/fWycT9bymVU4kPyxAMBFaoxu1LpuWIBe9gUwn9wYf3LbKNt7/hdQ\nZk93TCn87JEQck8WcvVPe3sqijlfHrCcnsGgWHg1FxsTLvcny7oh6IcjW0O+\nDUu/JeUCPdO+HEc3UdbUkRZo5ksAqE1hS8+onzUmfp/O/L8AdQWrz59+hlKL\nGtV3v8H6dJofOE1QxvTUdB/OsL9xLUxOqWEioKINuIuCuzXbJnHbx7zU/oCD\nAoT5I9IZ2X5pNySn4pNb7QqJ7cypnWFQKkeJuBwfe3ZlbpAQWiUBHO6S4A+g\nu8GOAyOQRJAuO0DejkKE7ktakchXFL0lfnQfL30d/v3sh5Qu7QvbciMn9sL7\n6CcpCruWw0MA0t1xI+F7schRFtXclehoVfhZO0uSz8zG5d2wX8ryqCKYvRCl\nMjoN\r\n=hYI1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-2022114224724","@chakra-ui/utils":"0.0.0-pr-2022114224724","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-2022114224724"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-2022114224724"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-2022114224724_1644878892334_0.43622190159538987","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211594731":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202211594731","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2157b9f033430561bd757cbbdfeb8fd45ebafb1d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202211594731.tgz","fileCount":16,"integrity":"sha512-YyQhNhuRJXmS0s8XHkqaO8s4O8cHjXfioyU7Gc8IIUcanvmG7UCuDt/mQzrWSYcB5FrMQ6Tf8CUjf9A/9+8zKw==","signatures":[{"sig":"MEYCIQCUcKkLa2iNwxAEzGOqiirL/AQ6UgfkE8/lSS09wec3hgIhAMwxmlRnmOJiH7FRjfadT4CIAVM8UsbkXwR2xNUpS05o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiC3bXCRA9TVsSAnZWagAA920QAInneDee8N2rCt0HXNdk\ngUbEt7h9fsxZ8f3EySSTdGc3pA17UjCmMr83WcT8p5dm633/m0JuP8gxmg8u\nifg1FPWg3M2a5iu42yo+DfCZSiFpBxU+4kle3aYUKPO1yBtXD63GUITlDtky\ny0AXdzZsDz89gpBMWrMPmjdxhxhZWvjPwSs+fF0Da7jHL6dT34AqwwDS+jGZ\njxjMjBcoon+OQ1hX54OlTF30TtquDLqOuIbwNvVj7kHkwAU1g32YQp7+iV60\nM24RvmKcZUuDIYiGPr/M7n/u3mhKfDxXZGPiuJ6DuK7yTqAdbfc+IJT9EIGY\nnsMeNq3p9HPzklZaxsez0EmKwKsbaMf+iRhg81hVbgaGCfrpLCbA2G3nKlhm\nMboYp4szbgNOi1XNPMz5GRIA9JGRjiZCd9ueTj8anLWFPCFCFcKMrjFZ5fsW\n6sAkhZ5/9kmLHOyl/PDA+LRW6mRQpu9CHPyLVaIghUISts03yxFjogz4V0bV\nNb0TS6d0evvYB214SDp3QYfsEB4N5Vyp38fb+NsieIVhOOek0fksJEM3y97C\nU0Ms8wmktOjp0QDdefImhnIRZRTFz6NnES/mBEahRMeucFKcqedlCH9JkHSP\nGfh1DyUHipz1xcHGkak/x+nOHpvA2DrfarW9fJHGH8MYS4q9ewNXdBOwucyw\ncDy8\r\n=yZoH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"66e3fc3a07c77e7c46e5caab030e238f1771224f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.1.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202211594731","@chakra-ui/utils":"0.0.0-pr-202211594731","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211594731"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211594731"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202211594731_1644918487368_0.5750224331532967","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117131714":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022117131714","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"90a2557d5b3f9eb216a23c144d4e78ecb82f828f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022117131714.tgz","fileCount":16,"integrity":"sha512-CD0CdDjbqL8xtnHcPCuEJt+xEntaZNTElEU/Fmiynhc2Si0u4g2dDkm2xufjPoGlFYVHnGWTTX17Z5V4h2k25Q==","signatures":[{"sig":"MEYCIQDxGzgJ3oE4xD86oVV7+4u1GpBm7sAHUoVaLqFDa46oRQIhAO/aMKYXFkYMZ8y4siUZJT//DgvA+BPsx/ToFpC0UhHG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57657,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkr6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/ag//R/YIGx/5TaLWIH+H2ApRCQMkhcLcCSFuZt2wT+qrIMrd1i6L\r\nxRr4PuKiQjKoaAzizyt5fTN7JhZQElbaOjwECf7YGK/spzW8TG7jb1No+hyD\r\nHRdoNdethFMDmS6NhpusR5l5rwCkvg7P8QyPWoBqlu1PxdakHTIxiHDKlBtB\r\nm6BWPhNDx6iE6ryy4PJiIbk39FCdIjh3qbrKBGwTRV+We/77V3xjzaHUhd0I\r\nfjN9BdBrJWvq75RFBhwk1D4XbrauXFmdznDL35hqTbwiCr+OdrCSZ6NyitQ+\r\ncMrH7KBbwIc4RFwSJxfDA28k44pdwc3xNGYdFm0av5MOwSAGqnVLDNF9+ltc\r\n2oyYXynr5MxDxT2Jx7hhKzVB36o5ecqbmwdou1f3s6bbl7K58MlCjhG1LAmJ\r\nQ8DIEMoRxCbym6tJ6TEl9y1Ju60WvgWJ2WE45zhgS809hz2VMwUwVhdbAO+Z\r\n02u0uPoYcZWZP/UC6TxqQ9+CKS/+Eieqe15V1uvVBeFSpkDmco03ZY95bl+F\r\nHc8AN/UinKYwfMFojyaIMV/rtjxNDz+re6A3pUKZbdgdLoEQC8E2Dl4v8P0z\r\n9LIhI6hUP9b4nObFGhnTptpZ/oHZbPDoWo14T6c6f2naWrfWhlhns1xIwAQQ\r\n4W+qbRed3iv0JMvt/Erk1jfTnl6gcsjw/cE=\r\n=yh1A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117131714","@chakra-ui/utils":"0.0.0-dev-2022117131714","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022117131714"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022117131714"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022117131714_1645103866513_0.35206664519220077","host":"s3://npm-registry-packages"}},"0.0.0-pr-202211713187":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202211713187","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e5301a93f4575b9d5e72c2575c3b624515b47926","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202211713187.tgz","fileCount":16,"integrity":"sha512-9Zvkh4lJlMbAB0JS95IDCZxt79TA3/dKr1aPrXcAddqYi6XTqyvWGemvmFGH7/G9+Qks1YS0lZY/sD51oNx+6g==","signatures":[{"sig":"MEUCIQDbXSG+soBXekALGkvBmMTOIZAlcgkTejb1zUMjZW+/SAIgd3gCnoMbPgCONR71cgW++2SdZWvfoMJ0urMPJ37kByI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDks3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz/RAAh2afcmIRvqmh7az8FT7MoxagmRcfwUWognn6TC/RveJtqJ9q\r\nJBuhUOq2zBu28JEyFkHjFbyO4KwxL/3p6j3nVrlF1xUZeowBkm8NQLN1Vt43\r\neUVL5NDY9J0pCAWuSJpTjTt1I7NSES5T31ipdAw33iTZdu71qfCJDU2PETSh\r\nuxiemuyoEc5HZNk+u/eaINkW9QincqppHR86szkFhR3xW/rSlfayePfjda/M\r\n1u47u/OBpqwLGkssL/F0XZ0MoojwqFhM+WlyTY7YhbEQah7SlHDRJ4rgr+3N\r\nnXZxIlf2mJ9FLxgtMTlhPHUL2OO169jvLNsHkHlEl9QIEEkKAhEtInritMkd\r\nyGMnyPidglAk3yAbq2DzodeCfQgRSIeAl5BvCPtFbPWFWKYLneiI2e/Woy+L\r\n87X7GfBkEu9Is3k799mZlcmOadonMc8lBGJaF6gwdjXJpbJGB/jL6qLXlrys\r\nNLxrbi50dtPwa4bxsXZ8f0zFVeJtjVXFgt+LnV4iN6InXbPBMke2bjSuTmxO\r\n810IqLObnEtzaOx35nPIS9dZUa8zJDB9Zcy95dJ63hxlR5vCVosg6ezC5L2N\r\nYjXzEcszO7i/RwPOFfWYKcGKRmOLumS1Lo3CBmcKb95+rUnGdq6+/fbSWZ4G\r\nNOWmj6L9Te5SUOfKR/kI7s+wkizEuFUC+C0=\r\n=Lxn8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202211713187","@chakra-ui/utils":"0.0.0-pr-202211713187","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202211713187"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202211713187"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202211713187_1645103926876_0.7169716567867859","host":"s3://npm-registry-packages"}},"1.7.6":{"name":"@chakra-ui/pin-input","version":"1.7.6","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"9526a5ab5de746831dcd6806c979c46d8d54d9e1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.6.tgz","fileCount":16,"integrity":"sha512-JComIkWzY6L0Bfsr/KlClAai88JIT/dfMkhKUROk899a6bn7G1UCiw6c988X1liERPUrTq4uglaD4DuJxaFnAg==","signatures":[{"sig":"MEUCIDteozgEcty7Wm31mBjM5AfiQQnsVgYGj1oNH8gE37yBAiEAzZpw+xEQanQu/ouVoW9kzo21CZAVTElDJxcNzCLVXgU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDkwBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovPg/8Ds4b4gFzvS7E7Ey6eyYwY5ECIjLvXZKdnsV74VdIJgTV7EZZ\r\n/sFkntffHgt4U1SgjJeu6c/Xo4Y9lnWsHGD2pErsy9Vl5dkWBcD6zwv2UIWD\r\nGrgreLQOU3KoR+WeXW4aF4MLji+Fe3WcD4wF9Hh/D/rNcD+ufuTkDbYu4Tyh\r\nD50UTZDXJHDajCT5xikBW/Eel/JKp0cHVEp2QgOQHMeDQv6nytgMNzvgo5cL\r\neK6PQcLk6bwY6Fm6Ne5jq1qa/CEbJs9IDYL4R6Vtv7VQdUYd4UW/kHjAh2XJ\r\ng9P2Tclgtxxo8v3mUhGRyjGWnaJo+wvXSFYih2/JZJnXmSNO5FxDe+A/URNs\r\nimx0/tReqGTjojD+8Wvmzy8c+bS4EE1HCWETQmz3yd2R427LH4T/zselrzcj\r\nUQ/KledB9UqItwFay2OAu6sQp5c+IKzhTvDPYG9jcXgKJRpY5U6tRBqYqk67\r\nhHYopkoaU7NBjAMNNMCKvk6aXzrJMbcoFBed/bqvMOqvkyE8qV7PpiN8TxuQ\r\ngEAm2Rrgkj59fqmrS4vX5qzChHe/lXG4fInejJwHjL9KDvo42SdE+DpKHX6N\r\n7SMzxgP2gtPqLht3ueqwscQH+3mVx/GZcZAAVOBhlWuwNdDEExk6JHoLRxlx\r\n6D/etEdyqhs7SPxQUMdiswMpowhKydEXf10=\r\n=ZpX5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"0fda9bfdd90678f88a39c3dd70f856a7f010a585","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.3","@chakra-ui/utils":"1.10.3","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.10.4"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.6_1645104129531_0.006001011428965697","host":"s3://npm-registry-packages"}},"0.0.0-dev-202211720414":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202211720414","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f6824ec1bb9b1188d9db92a6989e5c39bf5a79be","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202211720414.tgz","fileCount":16,"integrity":"sha512-/TEwEa/ZtE9FcY1vN0dyA5AuL8DfpxDMqB7FWRF+/PZBAVahR55JkRlVPkTKqkfJiPyMk8YVZkQVyswhjAtB7A==","signatures":[{"sig":"MEQCIAW6oKNqbg2CXnFFNTKsEFMYRyCUkWzOioPQlAtvcN8BAiBkp5pZeGT7ZeObo/E6glEHPwjZ+XuFpanSE5cvRTI8lg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDqpfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIGw/+M0eplU7+HStDsohj2ZN8ooctnikskQWFIWgg2PP1fT60wRrp\r\nVK/ZX62+hdz+5wvWL+P8eUbNg0fJcXlQNKVJ8XguZXpNjagaRcEEdP6hs8IY\r\nrxo2giHqghKXnjnHygeHMNQyxpjkEpxpsdV6B1n/GemDMp7OMOyl4M6qFTBH\r\nbx6QUNW13Cnu0bgAPzJujWVmbSgAFhtlUIblAs58dlS0bsssun25HYnhmFwh\r\nSVg3I55r/eLm5mJ/N0nKit7HDwhC6+hU2aO+wzHa+HNlejv6qb0OxVpV7Upq\r\n4uTJZnMEjr7l+kzSA/eRwfHyEEls8mZqpjCICniR8eombHBbC3liWvpUjiCU\r\nXHKm4JpuS3UCzAcqlkNiCCfsyWCSbyYp+KEeyoIOaZPFAaC3OKx0G66p7bbM\r\nB7hCElCfn7csasU6xItA6Bvr4BuUzVS6i8sEVB6FW8Qwry8O4RsQ7Po69fyJ\r\nU5KxEowfpMWdj1s9aFROAnW6fLuWEKCK00lHxirCwxYnuA6V/63TLV8uqsvo\r\nEP1nbwLGVJH1CVLO+kUUIynShMsjUYqfwt7pQ4N+Js54VioanI+xcygGNJ0A\r\nE3p2/syogLZ8OvZ/vV1X3vOWCLdu2qDhXNoIiP8he1WRrVZ+z75zvZY6fNPZ\r\nS6Ne+uMY8VP2WsQ95SVfF6WJeX6fPSEmneA=\r\n=IEbo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"20b7a19ac5608ea52e63c0ecc7e680591d7f4366","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202211720414","@chakra-ui/utils":"0.0.0-dev-202211720414","@chakra-ui/descendant":"0.0.0-dev-202211720414","@chakra-ui/react-utils":"0.0.0-dev-202211720414"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202211720414"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202211720414"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202211720414_1645128287781_0.549043554975541","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117201925":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022117201925","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"512f41f71573ea3015bc71279a43410dbb23f85a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022117201925.tgz","fileCount":16,"integrity":"sha512-xZNMAwZkFRgS+/gdqGtZrD/nuUMquWBksLRcc8e4OE/+gcsO79AK9XTWRO84xaLbNN1FFbL0Zofgt/XSvBTr5w==","signatures":[{"sig":"MEQCIBEQRX5zLttZ7QsNerr1fX9gV/LHMJIX44BxyknHRvvkAiBmazFw2Km9UOin6SvbdhcITMY5oG5IqEWZXyt7WKlM8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57693,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDq36ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo88g/+M3vbP9bW8EYh+uAYKdfcD28X3YrYoqr/fE+6XbyUWTrWF1mj\r\nI/H90FG1yAMT2KQzSXkKp208PfBRgjpWN3eowUbWUv7AX+8NfErkSDYv086e\r\nsF3FoBw01CCBRPdu0f2KpZv5i9il6+/OiiZqCHI2Ch2MKcDt8Oc+A58Q7sB3\r\nNCl4qWM+8R9McZ4HI2+FjEV9I5aboBZwELaA0GK7pT+LVIB3obecNyceMCG6\r\npEELARv9L5Jp6xOybCp11jjdRe0LkDGSgwVw+YR9B9USmc0Se+A0nUUavFBh\r\nC4waFwnHn5zHntrLOxsOO5VdcOP08PMi/yE8251c2uIZa25c2sU2YeFNXwZD\r\n19OnqpLVORRLXOuptEceLzf9S7tk+MjtHgrC99ZB510F3ztQfewkZz2PzeS6\r\npnJK2eIXJ20XJwzDgHp5oxwjx5PgfqWbdsZU6/7FFKDfFrjXeDgwnAu3Pqlo\r\n4BZCGSA2qir/Ve2of9si4rHU4WmvBaDAWJFt/mprcWRcEmryJHuGBJHjvFJH\r\ndhcIvQb+lnf43OGSLaM84OUNfjxL/PI8NlLd6ZeSaXnCkWhQXcNgne1BZ45g\r\nw3pcqNnO9CSx9bxsfZvmW/CpybBqbRb4p0P9jWm/X8QvuqS9pbFKfxhhLWi2\r\nQO/P94r/pdakUDkxNEmgmn5cEVJtvV+1eu4=\r\n=V6M0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e5e0f255c95f5e41c3b17adbda28fd09f7251642","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117201925","@chakra-ui/utils":"0.0.0-dev-2022117201925","@chakra-ui/descendant":"0.0.0-dev-2022117201925","@chakra-ui/react-utils":"0.0.0-dev-2022117201925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022117201925"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022117201925"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022117201925_1645129210412_0.3487559038711674","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022117203714":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022117203714","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"41abbaa9dc2338cfe15ee4dc687c40caba379b73","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022117203714.tgz","fileCount":16,"integrity":"sha512-X8pZLxgNiUBVjZSSSnwtP2pG9HiRFWCcy0zEo9JOydSKRk1mI1eCu073Tyylt7MgRjkCa3dxbVz1NxWGdcFKsA==","signatures":[{"sig":"MEYCIQD4j7aiMVqeIMr5pu3AEgUSPgOZAPsQr57rNdZqjWHqfQIhAIKQiNdCuYWGph/tzsVjZKBfiQftNt9PS1hy7deZTu0c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57693,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDrIjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpT9BAAiatiGrgu5lMpaNAqC5nrcYDRPj59BB2uRqyuTzT2yCI6kr1d\r\nA70T5rdusYL5pVygQfNq8bLDcZmg0t7V/kthMBe/V6jkFIu330MMRT2SJEvO\r\ntmeFXfIx7ED7QyNjGWHi+9HCAB8srRdicpyMhel0nfQB6Z1CiE1bJCam5up9\r\n5hcewK0sXL7PlWmncuolPA8k0mWavz8WMrT6HJjQXUrS8i6GT+1EN5kD694J\r\ncXEWPwRhf3y3w1oiZiCDLbyeKSSL2HOOQEGpNARl3FsDsFc4asSrxG3PG0/X\r\nvxZ4iCmjrHuhBGwDDBFcOlyLklEnCbnCJnz6Cb7VteZUndtZwSJ++75DfP0Q\r\n08XgsSeGWoWK+uU40fWHp3AeQWj6mqnAIulRBsMFmDimxFL6ywD/auRWqTLs\r\nK3sKWZDcPnrIxibjvgwuHNbRu6ZsIzbItZv5d6sVnsYJHwdmG+XkkyZglVHZ\r\nZ5vLzrKJxQwrRFrWBtc8foo3nqtTaREt0IT5mCaDdXK4Yt0YrGObu/huCNwB\r\nDHc+U55B3DrRYj6gtQhGUWwOcqDbCkOziEbEC2iz+8SMxc/Te3Q9PgSE7G8E\r\nYtgT2dTizqc0SgW+tdF8rbAFIhODSDuMbvTPq4cmy1QUNoLfn2EHcFzbR7Q6\r\nk5wW9ZPFh4T2iL1u9OdCxcfmuZ+RNEdBxFU=\r\n=f7IR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"0542b8a53425093f18fd86d2b55220d3fa20253a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022117203714","@chakra-ui/utils":"0.0.0-dev-2022117203714","@chakra-ui/descendant":"0.0.0-dev-2022117203714","@chakra-ui/react-utils":"0.0.0-dev-2022117203714"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022117203714"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022117203714"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022117203714_1645130274836_0.6776724979074096","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212083710":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202212083710","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6c409af70aca134887f99dec1e1e0e61d8344a26","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202212083710.tgz","fileCount":16,"integrity":"sha512-1Zhrn5NAqec0s6iwkOu/WCUv4uIgmO1ZGCAdHaB3fFbcrOHqmIEsvc3MYf/EBwL+lqHSGQT+gW0StaQh564yDw==","signatures":[{"sig":"MEUCIE86OjPZzhJPwGyV2CAJ6+zOnGHBc12IfkH28+lLvsITAiEAtRIjTCBz3l/kSsNhpeeig4Vx4fcOBWd3l1rNkvwIwK4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEf3fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs/g/+Kbcff3H33Hp0IhpxorPkaCZcTS+hKNcKTCv+4zT5zXXdl3XC\r\nzNO3ePDcWPt5JA0pyj260XBuDR21kZj6sY4qeOaiTAVKg2JaYEr7H6Wu6UjA\r\n6Rmh0Ao0uE7W6MowKyNpZRbW+Pjo9LnzNi4cu2NpPL3xc7sSN7I1Z3v6Vb4L\r\nohLddk+oUUjD4/dMjq7eUOxI6RMdWDfRAz8itaeKLLni959EJkpbDRbvLOBR\r\nMepaySP2E3PHRb5WJZTc1I8raeet0uPKQZj+WHtNuy7dz5yLgcaR8syCt8Lb\r\nDZDzNqglG3W8OzP4uVIzFNJqJWHOmkPyS/PpGdLOXlpop9mHVULHAKNyiZc7\r\nkzJi07vnB9DTkAtOoYKqpJAAfNStbdIavN3SGv1zT2/ocStSoaL/h/KqYuWk\r\nyoLY7zOvtZChhtxqO+fBXu73jjy8ZlvfGNjbAmmgrNsEZ2JInzWDy0YHHy0O\r\nto9a6z5GaQnw1e0tKtfAKYljDHdAs5VMLNB0Yb7SHnnz9PXNo+tm9HDLedX/\r\nZo4Oo8/uI4cSIWh+Ky9/IfiIqRXyDEIe+VPJx4PB0La5SLHlZKgjx3aLXLLc\r\nwGL6JmE++pYyEh7nr+2MqwhyJppiUKX8pRNzQ5PrnQ3mWT6hcufO033CTa4D\r\n4BGybCW9dtGCOXhstvggLN1QwZADE4v7KIE=\r\n=jCgt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"085bbccc59f9c00b57caab647fabb43939d97247","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212083710","@chakra-ui/utils":"0.0.0-dev-202212083710","@chakra-ui/descendant":"0.0.0-dev-202212083710","@chakra-ui/react-utils":"0.0.0-dev-202212083710"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212083710"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212083710"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202212083710_1645346271049_0.6756338923914309","host":"s3://npm-registry-packages"}},"0.0.0-pr-202212011232":{"name":"@chakra-ui/pin-input","version":"0.0.0-pr-202212011232","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"605588d7fe98a33c1ec431dd55364279f037f8f9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-pr-202212011232.tgz","fileCount":16,"integrity":"sha512-xuIanAztjDmqg7h/wpzJm5Tsnsa1DfrKHwDhsTMgGRkEgikqTDSCtAj4NynmYScHbgy1TFlAAwtrIyKV3pi7DA==","signatures":[{"sig":"MEQCHykeVP3zV2HEqhEGCbK9r4vGqXX4Z5rw5MsOte/lDogCIQDbkbJrWfwoTzL+rU0a0P9rKS70TaiAkKSA/ZJwUEDwIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEh/0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2XA/+NG91pxJ6kIKFdTo9MJCSJRfTKxo2e+gVUpjXaxlZtnRoln/D\r\nEikWnztN3HXmKrdS3rQ01DYLlPKSUdn7SgBZIeeAgDAvm99iHirevtO5oyis\r\nkbN2Tjv2wZfSnx21k8QtpLvytmcL4Djsb5ubmJit8rWdQ+XRr2GjMzolhKhO\r\ns3jsPeks0H3BqRUXZ1GFtY6EzpW8TlGaPftlyh13JSe8+NYn2pgxINx44vDE\r\nuWcjQVVa0W7y7D51MaLTK8UuDPtkzxxrnhonxL4JuY8cgCjFEcoZzytlSx6b\r\npGLJw403m/fajUo9N6LAeneEAj7XFNJxKPk2aJgI0kkDKgR5oXvrC5MoeK4C\r\nInyBW0rhMaMgtrMtEDbxKnyASMPI1eYUq5uUW8Y6h5lTMSfuysDZ6YFyDzK+\r\n4o0QQF5WKXFD8+UyGfMpKnS2z7NZolywtk1J4S2xJvI/rsXh8dAhwKl208Wf\r\nezlbYHFhv1x6oMlb8yNG0vKBmgJdE2os6SLeNuRuwoCCSNtmTMsQUPoALfud\r\nhMFXS4VutiuRLVFV6b918d+NcW3BZrYDXJwExQfOgvTvi89YQW01VjiQy4Gc\r\n1KH40Z9vOXVRvrEK7CWL3mFpupg4s2KfC/KNAjfGS0o+Cfn9Aw6zyAIxwx8s\r\n7/Gyr7HIpTxZEoBoc4iYinlHbQRyYx8b6JU=\r\n=Yrd0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a870e6b94367b7c6448d5c5c5aa8577e33e15e3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-pr-202212011232","@chakra-ui/utils":"0.0.0-pr-202212011232","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-pr-202212011232"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-pr-202212011232"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-pr-202212011232_1645354996728_0.257153712530924","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120113958":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022120113958","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8f9f3af67dfe6c7d54d27828a7b59a6a184ba579","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022120113958.tgz","fileCount":16,"integrity":"sha512-VAiJkbmeDAego8vDcruKUWf6WzXj1CXkZAFI1OIhZI0y7ua4sK8r26Jv+AR/iD9OO5Nq1cNAlIydjfWx4TpRFw==","signatures":[{"sig":"MEYCIQCQkEeullNYe9HyM6lHCVFl8muQ1i/ujWcq847/I1BIyAIhAO6RwuafKF5wez+QlzyB0iFtGcDyVob7TuJaWze6xyvA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57693,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoNbQ/9EaRsSUKLZDDx29rZzNZ5jJBB7e6apPawAoSlMS29Cw8oahkj\r\nx8FO+fMj6e4h3FJug4/CITqvkHE9GRwgrDmyil8azOkDkCnRZcRNtoWgLxxN\r\nm448rbB7GL9fq1RVy1ZYWyYE4u5F/fkw55wzfvqfbESWfFOhaF9wOXr/5tkW\r\nhrbeeuUALpCUMxh2RIvQMMJBVNAfL+LjzcRSRMOxgUu9TLYBzUvcUy3+l1zg\r\nedTT//M3K4g3IM2bt1Ti0oB1cVxGNTL5O7wPSdwUv5fcMOCGLmSTOCVxIn5L\r\nKSYNduWrGO8knOKQe5zouiDynBi/t1RvLUo8vOhBBtuCVneF2p7s0jhyG0B6\r\niZvE1wLBhQBCztfqkKsFzGOOgXJ3I/N/4lkoTKd/HLgkCErccd/HtNmyuvCV\r\nds4zajqug/wWvoLAS1Hm00gGAXJtglu78HEjFJioczSmK6UG1Liwb4PrGmGt\r\nD9f7sKVjnZ/0vTW3jpYbuHOCpa3xJ0WUCxWWWsfrWrLxz4ciip3kFXlkdVX9\r\na1lIQ56oRe/PNYcCJIAK/y/ee/GwnxzKTf2+bT5ZdnaNlhEZ1bWGIqzP+JJR\r\n0BqBojIvQ3U237k+QnaZAgTgDBSUJ5c4U3RpyjX7PsW8ky6Pnbgy+QpqjFoW\r\nekjw0FeIHhJd3V4iRuuINmspy/lrxWox0rI=\r\n=lCIz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"99c92df9331e6a0c5667b77e5a605343efccc6b3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120113958","@chakra-ui/utils":"0.0.0-dev-2022120113958","@chakra-ui/descendant":"0.0.0-dev-2022120113958","@chakra-ui/react-utils":"0.0.0-dev-2022120113958"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120113958"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120113958"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022120113958_1645357236232_0.29504073789558105","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114012":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022120114012","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2fd2b7b8100d2135d832ca1d13f8c185021f0319","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022120114012.tgz","fileCount":16,"integrity":"sha512-LtDht70dsFY/U9lHC84ImGZCa/QSeRnVT36WbT+/LOb9U5BpgDkfPUKqnW2UPG3Lef9GrGeoBuwfUn1AKJsp5w==","signatures":[{"sig":"MEUCIEy8vkCDLdR/Fmnxe7aiQdrRCpwO2dHq20PdREAYayyWAiEA70/gX3ysqWn3dxpjCsQRQLzl9dH2OIrEwZm0u2hb7v4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57693,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEii9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxyA//fFEFUpvt9+sVlOahv3uxh1J+ltFZpDconrbvkdhHGJti/WcI\r\nA7j06WoB2zvgmRcEj1/dVjW4h4+MNxCTwVjUR0XjPIMCmB2jFwaWoaMEFMFZ\r\n4OR8QtsT3Y5euJR33mSIvEVP7mZKh13a/A9/oN+20ehj8c1pYsSUHxvCAR8K\r\njdJpIYlgGUYxOIi8yHJKuvTNcH+ss6Z6blEjtFNwN1dos+0mvhz4cpI15q22\r\n1qzxcCqDzmsItM8fw4oMGuVFls7eMRASKq2O7HssK3kNXQ0nzDEQpel60Z8H\r\nAmAxuJSQTcUNvc/lexPtkxaiz2ejqnalnDAOPJETFfLLyUSAch2J7Xzz/T4y\r\nO6BRubnozw9+oigsVuR5bDd0Jqpo1nx534xQEeSmgfpm3TfSRZRWCOKWXp2L\r\nxktB/daoJuyh4GcxygwrRzZralKOPi2MRxwhSquNN8iB1P+fIH5TRNWmHLUJ\r\nBvSeUe8CO6dW8FFzUduMRWHp4VsZdyzAYeXEbZ661vz1AreQxP0aujNuNwz1\r\nfXe2ZQtggca/70+NwFVtSBr1DQWy62G44eOrweD0XYRhitB8DMTUtG1QkRoA\r\nFwE201BPrSeASVg0yES3IwNSYghxwcQAo6SIX7Am3pyrSTr5aM9NyWMXworA\r\nHSgHXGEVtsb2HuRrg6vix01Ak7aLnTWUoQc=\r\n=qNmP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5aa79f81c71b1ac28d1ee18b4cc28c908b68cbfb","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120114012","@chakra-ui/utils":"0.0.0-dev-2022120114012","@chakra-ui/descendant":"0.0.0-dev-2022120114012","@chakra-ui/react-utils":"0.0.0-dev-2022120114012"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120114012"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120114012"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022120114012_1645357244855_0.7017502729217397","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120114225":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022120114225","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"91523bd23d9fe71230bad55d9012242702165b6e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022120114225.tgz","fileCount":16,"integrity":"sha512-WKy34EpDB9dlKuVEmveJB3PrZJvP0V6440PJRjKJOVTUSm9HHPndNm5kOtE68zKBrIXxK8IeiyFKnsXBY6NzAg==","signatures":[{"sig":"MEQCIFycw+j8w268n+n95lIjHOaZP0wHpkfXftwrc7NadO2oAiBQxkVRrzGAtaWr1lNvLPszrRBLNrSduvZyGCAwMNGQrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57693,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEilJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTXg//Ua604ovab0Q1D3z+r0NWFcAjqQJZqwDN9jMXzeErAYTPORUj\r\nVIxxAuMXd9dDIrncQdyQtNt4QHVagg56amIF6ED8qHppq8Ya/vUJVWD/E4Rf\r\n2s2UwFO4phafsB3tclPYqsG837q0MK1qpEgXW3N2+YPIdMv99Mi4Ue4jfMIb\r\nNcDl9qqT/nOvP8r6m0PNrjwmfZeKk1r1j0au80ndJ/YTG+OaMauiBZdlwkNV\r\ngBe4Yq6bAr4O/KvhF/1UdLfM+myWcAUGo9lI76VzbNmXhj/OOPelgFHTn0MV\r\nee1MZ+aBCJ+Ty7tSRhu+iQQA2j26parELYjAH1lkEkpE2DyCY1aFXdNLwI3a\r\nc4THuiUMuh66EmvEBtGhXRgb1HPK6snh715QX7CuR484Aq7ETgwhb43WPY/W\r\nTzfda0qBKPTRCN6rLvWaDtW+7Gd9t9eLCnvveF2Q454d9U8oeVOd3zRmyzkp\r\n3oy7n+NidlEo6ifxgwbT8cOdtf3xk959agrzWrCnz9dekiFfWRdUf70Ui9iT\r\no7wshWkAvDUspW0V+4ZUIeq0Wa9WAQ2ljCX+1pZY1HIWA/Kd6qy+pUcY9LSR\r\n9Bx//yzW7CSnPtBDsNrMLeQmf63hcRiZ49nhk5RFhx1VeSR/ORlomF7kbP6g\r\nZQ7vBnqwI/3uE4zZVEVGrt1xk3tw/p0OfCI=\r\n=hIhS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b0da6e6665234c1584403f7f7251390c3a9433c8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120114225","@chakra-ui/utils":"0.0.0-dev-2022120114225","@chakra-ui/descendant":"0.0.0-dev-2022120114225","@chakra-ui/react-utils":"0.0.0-dev-2022120114225"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120114225"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120114225"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022120114225_1645357385773_0.19668705956734378","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212012129":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202212012129","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"85269a005f5bf75a942d7eac31a261461995c801","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202212012129.tgz","fileCount":16,"integrity":"sha512-QwpKA7lNyyoD5FzogK7n6vwiZZpOobI5/U69/AXU2ttSQMgQ9bYtJ82GenJhPPJIFjWixU51jljqyjxVhHmldg==","signatures":[{"sig":"MEUCIQD9CLKvTBNkkNqjR27ndXgxhsUawQmta7jikxvI71hKngIgJuO4EPJ2oux36im9a8qBPZchk1dmjTfzPQXiT43TaHE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjA/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoojQ//bmUtlYFaWFURSKP3JklaSMJECC0NRDn85NzQS5bW/ylGn9qA\r\n8tJghz84fcseYXu7sMjdWXMnOFsQ4EkOIXQbBENQpsTjNFtjq86/SMENYfBf\r\nHQzEufIPPQaugqGvVbvixj5r72JQQ2P8FcuYaJB2LG3+ur/MWYwpVMZSbIvU\r\nyAcA/75465SWA+0h1eD8HXPfImAeZUrsDedkmPNlU57DxCBSSNtacw1rI1IA\r\niAcAqgipi7Vp1hzhkZyORkrvcjemhSpOAqAkVAOOn/hpIO1TSeW+iTNqULp0\r\nIh8MSKCd6plBYK9PuSy1ywvd6M0eOtL2dv+dBjLT8rUjMeS1ryUsHucg1vQF\r\n9t8kxNS343WY3Tfc8CMBxhjDIFLsf/dnR+mXhNJ1uPvClFx88HIGXVPrZinx\r\nc4Khu9gBBDRPVfV3LfA38Y3nMZaJ7Kjzwl6M5yD/QpeYR0ObRfAlUYrGbgtj\r\nhtuqOvg4NpormtvXss08E9XuPzDX52f94gySTAPQQmMezjTRPKrPJ0Yb9JY5\r\n5MZzwYEZfmfuYwtML94FVUlZHDsxT/19y4CP41G339nGm+8JJhKsp60dGJa1\r\nlaiidYi7kKBrB1opZFsHgFxc4RKppixrV8f32iIkyyQwrQNHtmLgkPn2HDz8\r\nxdf4AiCIlpsvfQh8S+ZlMxLV/9OpCKh1jmQ=\r\n=2YJk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"651bec5b1999ec3edbcbbee297fc5b6ecef53f34","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212012129","@chakra-ui/utils":"0.0.0-dev-202212012129","@chakra-ui/descendant":"2.1.2","@chakra-ui/react-utils":"1.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212012129"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212012129"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202212012129_1645359167446_0.036858207703478696","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022120123118":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022120123118","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"93a5e59f9e2b72e39d0b06464de2f401fbd0003f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022120123118.tgz","fileCount":16,"integrity":"sha512-UZ2UX0x1dWcIpSnyGjMUcD1QftomkrdVUyY6zEleWdoS+z/zgXHnpzY8PPI29VXRsMJtGPV9HiNoJm4tWmQwdw==","signatures":[{"sig":"MEUCIEewlHc18jODMPNCZdxfSAqsvIQcry4KU8qQiz5ZvQaPAiEAzr7TRBS1OrP+eAEOFOlLHNopS6Ck7QhvYp/HdMzTKbE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57693,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjTCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbuQ//f18Unak2YuoQoYxhOag1+gZoaNGXUzjN+AHFd8gJ7P5tnpK3\r\nCEJuvSsRe4kdv/w8JJDz98XiiIAvxqZ30rgQfZ6e++zJIy6QSOJptXqv6mJT\r\nuMU+lW4hvTXhdhNZ9+kzXh41G4IuTP6sHZli8kDHa0JvWI9yGL8+BzGMRBs9\r\ngas4/NNBkluMVDk5eE+PijNcvN+HJvKM/5VfjajgQTwFcuTXPhdq3LqppzEV\r\nUQ9OWnykld9i8vPtHsVbP1B3coAQo2pp9WhTQKZGxDw03rM9EQTZf5qRCazc\r\ny1zIhCMkh+bySjyECROOmXO4EdOaRj55cT1AMbZgp9D4fA81BJVcS6NEK4CQ\r\n0BMVTAtioM+RDEoDfqZ05pvJKoLY+qKAdWPvsktdbPdalRT703oCV49fOTmk\r\nZ90sRvLZFRS0eOOBM1Ekg+DRHKVHUO0wnBWep/HpZuXIPdPgtx6AR8/WaWUx\r\ner8bQ46wuyzuwagF9RUfmQk+2bMTAuHY6h73qJ852+R4mZO1s7hXDvPGgCBJ\r\nF2W4hbXbA6VU2DYKW27/K/DAy7Z8MtgZTZZ/djreo0hSiifgRo6asxy7RWuM\r\nB6uULdAsSNQgh8Ihhr5E9dsPUXaxekmwtZK7ZDCuwquE7oAI9edq9kz5yLz9\r\nqLimVngTpgoU1qNA3nOP7Ko8J0BHyuexJrY=\r\n=Cylm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e1fe48cbe37324744cfe6184d785c093cda1125e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022120123118","@chakra-ui/utils":"0.0.0-dev-2022120123118","@chakra-ui/descendant":"0.0.0-dev-2022120123118","@chakra-ui/react-utils":"0.0.0-dev-2022120123118"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022120123118"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022120123118"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022120123118_1645360322393_0.033532534261455194","host":"s3://npm-registry-packages"}},"1.7.7":{"name":"@chakra-ui/pin-input","version":"1.7.7","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"2379375b7e75ae169d9939eee3f3c3fc1e24040f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.7.tgz","fileCount":16,"integrity":"sha512-UjOGlImRVht/XKSZkGrSE5EbQjNPWGeQJOalq2l3zDKjXKOlvzuPyFaAcAbiYFORC8rmbIpTYtSa6d167a613w==","signatures":[{"sig":"MEUCIBm/EgR9Yl9gM5k0m/OZ03kuAWXBL0NqaZNH8taJOlaYAiEAtidMNTeFgjXXoKtU506CyzZt2RC9FhbWDwq7k72oinQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiEjbgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqwug//YO4wJfe21Qph5wLsnKRgtOGpDtQXk3USxkm28Sq2ywSUIMFK\r\nWVkMK6u4G5vBRfV00BZQC1qjxA5Nd1zoSrfVNc8puZm4InPdqMRahfsjxa3E\r\n1zVQ7ufawCi+RU0L6TdwpC58EFJeJIMGOQY/aE8Duo04+20v8MTrG0SDgVR0\r\n4aSVDHsjYwGh6jojcz2JcvWAYPWg74r6TFRmKqrotuGhSVjzyG7zCF3R+bkf\r\ngIkubrgrZ/PNPxjx2YtuxdO8/G03FGirMosp7m5GAGAv/aZDfmdgO4jhk6tb\r\n2MgcEijvuVGGlbCJJrgFJ2UiUm/ddl9C6hUIUP1NnzvceanvriGHh3dWVP4c\r\noAbfYIt2nojRDmNdmmyiWCUakmcWoKSDQv/jm2GimfScFMrPrwHkVwfpHHYJ\r\nkiodxX4SYOcvEDmxdQwMy8QprK4Ajne+EKO4jOKH1E0lu7OMKLPoPRab0iYo\r\nHvRSC7O/k+5SwACnKuJC9rq4aDKYtfzvlMHu9HwOpQuIalxTf6l3qqNz1aJy\r\nHSwmg6O7R9MEopjMYfs83qyNMSmvEgxaDvELaYFx8uFGHRIuKmTbcdBo8WRa\r\nMuIWMJgL193kOHYflnOthvsi3Ux2PPDwCE/8jh6MDg95BtwtXi5v1yx3Wh3e\r\nTy3pK9HRJwVwHaPm925V42J9eQlHd5OioCM=\r\n=Z5Ce\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.4","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.11.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.7_1645360864384_0.540753974123032","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128214753":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022128214753","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"05715555da98b564bcd7b907477cddfaa68861d7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022128214753.tgz","fileCount":16,"integrity":"sha512-JZSS+iHi0xe6F5uGRBnEpZI1RHoNDZoGhCTKFCjmlm3YSMqNfAn5lLFtdEBGOoXBIv2ZdB4IEydP2AkqeFqwbQ==","signatures":[{"sig":"MEUCIQDINwx0Pron0BNsADP1Ml0O49pZS2l8EK5sjzn9F2oZmwIgBTOZXdDYKzXgOeJ0YChkyLRdLe6Hi+qjzijFPjjUXjs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUMpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFohAAlxLmbMR8n4YcIVt8ngLq0yTNrY93wIzEptpLB/Ug/92lTqxV\r\n8cWBtWVa0EVTgN0RcsJn42HvSaubhoGV3KAMLYGZoznwiiDuf/cnyDgMgj9F\r\nxGfYContUqPNM7c9tPfPKVU1JCUteWZTgunbJqL7BdoP7eqxurVrO4ght+1X\r\nASQIP/+zSVaPD5UhFrEyWrPXfKUR0aMQRtaaW0DY7qL4nAy8gZO7WCymZTe8\r\n1w90dRufa0DOGgK67B07lyBsQLvmS6j8F33VeBcICdh1klxnBsQRjHpWqtLF\r\nZsY0u/OT8Pq41C2FlIVhH/fJ87wNJSzOZqEuKRnpakM1HpsbAkdaCgmVWr4x\r\nF7KKIV9eFooZuZ4Mhzg4ArXW+58FaO2kXbBQl2Q2raoUS8LwohV+fDfn27hc\r\nQ/LdpV7MoH+LR3vZtBu9kmShfAloejzDoVWV6y4WyICyevg4vU4BorG2jJlM\r\naFhd05qtlX8dLa1C1FrkFZ0zX2Vbp5JzpBFvwDZJpWjYGU8kOSzn+C0xDqxE\r\nmkW+qFCnHcG1rGAPNL6IjIejF/xTgrA5FdeM2JWxRFdkIqiUKD8piYqFuOad\r\ndl8sd4it/J0+5nzItVTNwZnuoZVeV5LLTZRaWTfPouRO+y8Rzc3tNc+rR9nc\r\nUNaLfG60HOZmIft1Jj/Xla6MOgLdHSKX+uc=\r\n=7HtL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5cd5cff35e4837539d83a2157a07585d461b0aac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128214753","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022128214753"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022128214753"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022128214753_1646084905587_0.3047989862767797","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128215052":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022128215052","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"66632a3ac774d5dd3cb15d685a6f070b858f1860","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022128215052.tgz","fileCount":16,"integrity":"sha512-JYRw/b3BTEfOd2WQC+DUJN6o5o80sSZN2t/staOi7fq3eGb2oj+LJlxXqDf2B3nNc5wpuo97fY9Ak09Xw6dg+w==","signatures":[{"sig":"MEUCIE+ZktJrxYPMW/RjBxpdULuS2kJWKTu9KzDLOx+WdYwBAiEA5QX8RquONGK5X9GThbFgklYqAVga/qQ0FsPTS7uT3zo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUPaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNsg//dYijYUgskyKywPR4yB6ZP69WnVA9uv61WSJpMqUCu18AvNZj\r\n/SXEkGg3CQFl1eFXZy5ElHCnmrR3l3KieHBfVQcVoxuR8iPYHRiZ8kRCUH2H\r\nhGo0eLLP/Gl4JSP1XGMluB6XZHcuT5uwSzJBzmUeMBl5X5um46v7bRIo1on0\r\naXwBiIXDDGYbneTWJlec4aHSdE4g8J2ltr1rccP90mzGb/K9TBzpfwfd/mjZ\r\nMnyIo1C7gNw5mSLtSZyoS/S3gnrDzga12oIxUWMti0LwXjVNQyRUIP8FM0V4\r\nkZcv0KKkj5QumCBNb32CbQvv7jA1RcMItQTmNes83ZMJILbBSFhVF2DAp5QN\r\n7cn2XMta1pkqSZMXzF+R0G1Jo58Ci1p7TLjQf2kfp/UFYVwRLITsRPvZFxx+\r\naJzvinvhRA9cA5Fdb7qAOkNhN1hYS0NOb1YnOU10C+KSQpPd4KyflBGPd5Md\r\n2ETE4N/ALvB9N2YN+DerCx6cwkkCkVf8c1e7F07G4E3rnmGjir5gUu1KlT2A\r\nLqTi0uhFunkX5S0KBptjch1rs+P3n+aPmJmqblBSTD/pP7ST0SytczWtwwgG\r\nxydp7yFmGaEXbFTpekz3Tw7onR/hgG71Zixo83e4iFMm0UHZnpC9ODz8x4Cq\r\nonwPZEdKvkeifCcpCEnrknmA2dMoDt3O1fk=\r\n=OUQ9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"001751162dd1922d8ab53820f405665f0785f196","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128215052","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022128215052"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022128215052"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022128215052_1646085082376_0.5757114721692018","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212821520":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202212821520","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"776dcf1fd49898d36aed9bef753ba9df5dc7d6a0","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202212821520.tgz","fileCount":16,"integrity":"sha512-dOyfi42e8BrWmjqKg2dI+NEnC0S1aR2UkBuAJKhtkBE9ixvOPhIPp0hsDXt8FA2/LVZSHszfsK+mhLpJz4vG8w==","signatures":[{"sig":"MEYCIQDgwnXCMIWSvUMl4fLhzplBSuZJ3eIe/jKV2UolCL8tXwIhAP2tnqHihrTdRogqJ+LKmEUci1+UOP7Cdrae1IQs6tZu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHUQdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpsSw//Z1fV+UrNIhQFoz40IE4hlJ4SnnYtCj9NN96u2yI7wFYKUWtv\r\n2AKi7O++sXdBqOCTC+9Vs9YmpWP47kroyfEzkTg57NRrxOp9gWXRVzQ27rdI\r\nhTjU9wPav4Z4bg+IA0RuhVed6v19SfyPCD2uep8P60YguqVvIzsmOIKTHWiQ\r\nhLH/hL37TwM6sMrtRIfNLPP46NuRuYUcxdpcxpuBa+Adc4/4ibT59+mJ99B8\r\nZaFPiwN/XfAeqlx9cCWC+Br6zTAkR/8LU1LmpUliPSBbspiuaWs3t+2RUFg9\r\nOekgRUZg3zaSWynlsdMjIRkOK3sJbF2sgW4896SDyuTMafKBOK5Vp9Q+UUDD\r\nEPEe2qV5gXEf9GBX9ZMeLGeamBMnBtmfyQS2ffvkq3r2Zl2OaAdxHCus41g1\r\nSSrLZRzzHdnIKAX/OhQo9S4gqxDcS1URQ/heHpakHfJbB1xwEsvGfKGGBFEU\r\nvcL45TuTm7Ko9P94ouGXpV8cw4YIEfJC6kKcX2wicdx/Dw2NZ+fwgKnp1+Sv\r\nrLlYU/b0oczZ8WZCA0PUNw0Q4kj3Y9sEZ8WFlpqJ82TXDUXE8n3+A+7W1X6t\r\n18+/m2JX9oxxZmaQ1UDhwEGmhr26PRoo0BZBmWJeCvO4HOFggJ4JXdbR0gay\r\n4inDaa2mQ8n/tFApBbeDjnZ9FScVO9MPwoM=\r\n=0cuw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e4da6359d0a007a4b23959b0b8feed6231a947b6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212821520","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212821520"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212821520"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202212821520_1646085149566_0.16118147039441522","host":"s3://npm-registry-packages"}},"0.0.0-dev-202212822477":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202212822477","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b482dff8520ce91dbc8a9b403777f00c8b52ccb1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202212822477.tgz","fileCount":16,"integrity":"sha512-KS0GlnCCkqNi6Fyv+75lklFNA1ztuYyG4JW0lPOHH2mrRtdpr89cWKmf6pdhAIn7mZaIH/SvxDzBBUkMYtilzA==","signatures":[{"sig":"MEUCIAfceIKJq5SdpF0NESAarSfb9enmbi1cicCmrxyBZ2dGAiEAyZqLQusSD066XTLeuFX223OIiLTYHBBNUkUNi5x1+Io=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57636,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVELACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSjg/+N19eSC+LyT82rFs75RgoXQDIDaxZgd6BuwKk0msVodqqIm2P\r\nUtqCMLJIIPwCjIoRA0Vt8t2Kg1ZAaiPR2pYoR25jh807QTiWEFMn0IjZMNoz\r\nRpbEWdo0R0zQ43q/zxqE5TIVaefX/sofqIPhLf0Zzu0QX052/Tu3eP136q+N\r\nG62StmD6sneZsgGmyui5JGFUrdeD0AX9/d/FzYkXjtpuES49y5WwL9qmIAUR\r\nxqhASFpexXZD32TxVr/wTE9dZbeEZ81qJPUAhIkOVHRAP101ebXueMtk274L\r\n0C/M7hkX5pMnNuNUqEKOFVEAsxVroAAQReBQAPND4jrKgBDUgHcCJhN9fv0P\r\nJXAevmmE0Zxh0pJc5rEZdbhanyY6azwzH4nabvhVnVVqGYDHcDB6sZhXGOD5\r\n5Qx4WZehfmm3Y6N7oExiHtTXAZbmDmRZWobf8v02Br3iKV2syfqXIaL6A71M\r\nHl0QSCJEt6qshtIKekAPZTlNmg//Dbrm4N1B+ObJ6RkOxQxKoRlEBhUBdo9v\r\nyTN4l4ySZ+1a8EzUrTGIgznfCqLJAuDyz4xDszfbzcPXT3HomTirKOwAhgMI\r\noV2SGDnji9+Rp3sHi70VJibLLANgxDV9a3SEIlwnToqwPnRIplYPXzr6u8fk\r\n98JOFL0HLMGIZxxLKXvTW+Wgpr8J+AUcP7A=\r\n=YgKo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fbe94622357e22acaf8bab0eae33ceae663d7a5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202212822477","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202212822477"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202212822477"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202212822477_1646088459281_0.3459752791277242","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022128224832":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022128224832","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c24e891177e292f799c5975e657c2883a25bc096","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022128224832.tgz","fileCount":16,"integrity":"sha512-f9p8cUS5vWYFjMmIjRchWpKvJkRJF5bw8X7ZUjcGnIWcvuayInSDOZYU3aNocVnt1rhpjfudAR4r57Da8rnzrw==","signatures":[{"sig":"MEQCIDdUBVSYZpREWlS+KZs+59s58h/kkIZb3rgdurxQnlxYAiAgHRjzwPGAEM+P7MJHSFhFolcZhSCqa9pq9sfagSb/1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVFgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr+BAAmT+Zo6Q2MGoIKv6tgc9nb6YiV1jlyGd/koOtfptaZ43ivR2R\r\nhFpOqlVc5+bzcsAzTwbOWT/YvGquvpLpwgeSSJEUm3P9MDDWmcawhIDfW+0o\r\nRoxHM0m+IPCWpwiRD5rjpOv0XFUj8V/uCBaDiSmqCwEXcNkjVRM2eSdBgOcJ\r\nt0VBYcMqFibPqeZkZvIN/ToBdJiEK/O1PTvdgKlUAjsJd6mojk3HLSbpFvec\r\ng/YiMeY8rmiMb2v9ICWBsDby4IjCfAQ8J6JL3jYDyka4MGC7RqNp3+hQ6SaG\r\nHLAb3wkl+spMYMoqR6JXkC70cRAPcJ9Oj22D/JqDIhvSZs6KyZwuwhLuVZ3O\r\nibBKCDiw6/zpuqYkzgbcaNMMDzHd1TISmvLjLX6xMEocj345gZSAFGdqujPn\r\nY1kxBawj1xrplHBk2zMfkTYcFkVy5VrOPRnQvdIiR0yjza1Z8YmRu9Kq5F34\r\nowsEdyeWQGyfrRIH8D5kMIqxCWxbkKdCvR/z4pAgXWnJDJ4tVbTDKod9y1zG\r\n4Ti86GRJQIiONZ3FG3i7V06XAKx1+sgXmdrCgqda8kR4TP5RqRYDKIccXelY\r\nOlDBsOZkiuLKYqpJnlel35IiuWdkvCp6N8mTZ3Q1VvCPcAJNMplD7eFvwvFq\r\nuuba6Py2mXF86h7VVK5MU87+sQ2dWLFIrzE=\r\n=L4nl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a1e4d7951090c9622003e9176005ad3c038fdccc","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022128224832","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022128224832"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022128224832"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022128224832_1646088544217_0.9804351287425908","host":"s3://npm-registry-packages"}},"1.7.8":{"name":"@chakra-ui/pin-input","version":"1.7.8","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"326b2b5686e7fe0a47237595426fb5158d337d3d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.8.tgz","fileCount":16,"integrity":"sha512-P4uJBVKDxTetQhj+s0L7TbUTTqbcHwkLpo4bGUEdQpHMfGFlJgGu0wFT5Z8O0fw+vGNfguFfkqkVRRgK8FkHlA==","signatures":[{"sig":"MEUCIAUkNNONuOqG76by5H/0QwbC4aq3Z8XGouRbnSMsW0LjAiEAim95PSadTeKwPiOe6DSazOY4i7H+1L7BfJDMxEdFTrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHVWiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpreg/+JUfRapwq4ZHZTfU6QbDpg1uti4IGe8NNiWucJeTn2zGmoapf\r\n5qJJFIqk6SK0g+SEXEh6JCNacZDglmyc1SGz9Cc7+5CM2OL4GSFTV1ttsy9n\r\nqKiJiIU8O+lBOBo3DzBT15IBbZGPH0m04c2O6SeRv8E0TI0WRZoVnjt673S9\r\nBk6lhSMu/AxVDAFh3Kp0S7Mg65RgfwZHmaAQCQg9XUMvZsPXZ6lf7MQtPJbE\r\nISmERheoftNp2lS++4hmyanomkLMXn2e+o+bvzyWCSUUBXkXC/KtnBZrpyIM\r\nmHf5ZyAcDJeAchcqFjXXneA+w9VgA1n0BLwRw4r31/gLqL0lh0ci3utukPWM\r\nGKY5OSyo1cjTb61QlbSKeXW2U/qSYBm9N/Ch6tgusACkkkkuZ5r0Guuxyn87\r\nywK7X8gxi9JBgdzezaCRAZt1adebmXozD4VfEXfv1iy5bWd0b2A3lo6O55UN\r\nJYGTsihPm6iUaMNNerUOYr1JPgChDUsISpOUzPvBRJ95tu8wettBSbaVXH8C\r\nCrgilUfIr/nFoAbFZAcWTjnUOxHpO0EIPfGI8odRaASEAg/BCcjajY72fzX6\r\nlIwryzrHbhA+EKLiWPUP4RhgX2o9VyyXVY7D1h+vLV7ehTc3EymU8wFDv1/X\r\n5Cs62ocudhotlkUOMtUEmIkGGjE/fV8gNsk=\r\n=1y0M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.11.2"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.8_1646089634357_0.7870436886287357","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417325":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202221417325","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"47ecb8248314d4da930878929929b471f891a356","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202221417325.tgz","fileCount":16,"integrity":"sha512-nee1RLqGNFFOgiNZwEAX9m/vC4+7EWU+AocS5c1sUoOac5yX32qQxmkGY7AEdYqNfDkx7f549QOsfT4EDagDmQ==","signatures":[{"sig":"MEUCIHTTFfTFMaRG/CtxmAoMVEkc/HOi5JY53r21wQ44RcsKAiEA25e6gO3U6puMb6FrpGIFWBYTTu4JjYZLRFXVkt39Vnk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3WxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQCg/+Lva49Ol5QFGEQdIDVGpY+Hbs4o4mAyqLALm8jhIrmBt0a1VZ\r\nVvABHhJGGvri5EMoA8hPjZaxsVf85S0n/tuF4AgcfHIeOKUwcEbgA+dIAvG7\r\nB865b8xSE1WERt8oyC+BhzJ+TICZI9eKPEuTFbIcMYFLyWgR1bOoNSEHUgP2\r\nT6q8EhucqSkgfrK7jieoavM4eq5EPQx8zWcH5qxpNYvNZtrjVslW+zKvKyIZ\r\nfJhd5MGGgd3AwZFaDm9EiohGyix1g2o9y6jWlYcwSZ329U+yqKdmnxQpHsNm\r\nCE6pglkbcOCxUw9dRf1QrJPRyvOjKF7LTH8wkxnMnSUNK8m0/wj+T9DPfECJ\r\nqPUDWPJzZW+dg8/PdXCsBXkKqq6XoRpOXZg5B95Js8X1mPHl+Ti/c7gmaTdS\r\nCpYzwEfi6eyZWbduNOIbM++u+IWvuAmvPWyhj0P9/Oihp9Z2fz0GIdORSjb9\r\nI1zq3ySO5E5CTQguymiToKMjHQzLjYJGAHCGXFyy2CC33dUdPjerJPL+EaJv\r\nf2TqmM1C4wwl6RT/xgJtC1mOR4IyQBcIg91Pl386ynd0XaVGq9Z5NDwUsq+h\r\nvIFNjQHx3ESPa0KHk7K8o6c3TTmhVTJh3U0AtB3N4PabPsLtLypy6F+4ANWE\r\n/fhhFaL7fuEQk9if6yp/CHjDKbi4FqU0xqg=\r\n=hvT5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4d93d5f9e46738c84958017bf70ceb6524f1ab92","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202221417325"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202221417325"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202221417325_1647277489344_0.7610448494274842","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221417436":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202221417436","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"57e64fc8317e1a66075206b3ba4b6897d94c87f3","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202221417436.tgz","fileCount":16,"integrity":"sha512-d2whk7Qy3GGQ31umyduvaXuXpveAm0k6vUiR1qcifQQM4BtmrcvP5kmAGCFrvRRaKP/5X1G/ECKQ8e8NcFGJWw==","signatures":[{"sig":"MEUCIQD5bwg0b4Vc8BUBUced2rV2y0ZieRpFpNKB5bjOSsBHYgIgYw786+HX8QrZ0jtV4Y+53r72PxSUYMw+sedWWg2vFyk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3XEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolvQ/5ATqcqufUNfkY3aAlNGk3x5CDhMYqgH+idD4iwY9DufptcJ6Z\r\nft1hoezPoOqGcBa52upkVaQ+y+KOlHu+vGZRrOD/9C3bR5gEtCRbUTE16LCP\r\nT5ff2lAgfeyzsRP0LIBnOmxfw0NZWtOeHr73+46pIG6z9DmTi2Hu6ZSK56er\r\nuivwL/IN/3R1umgPVrn0laAYQG2972/0vKCTo+eLCYHFoLHVriUOLPGvwlER\r\nSnN7vnAB0xa6wXphN3K0y1aaJK7HyonOswiAzC0wPcpXJe+ALtZVsHKHh9vO\r\n7CAd8M8/zVxG3xEW/lBgMA2YukFe9uhQ4JgaWYjR4F/sV5UtD9JquGEr/Yvy\r\njkE5DfW0hggIxNTwjXhlzmH09ZM27i+4hNS2iRP2iLTsyS9dOkCjaEMrCgm/\r\n0ROFx8B29LRy8FJDb23VuEEDDzZhioSpk+voROcV5g4N9u+7CogJXfZOFKe/\r\no7MA1PD6L7ijfWKrnKip/N/eTrf8k8xMK7u1Fb2kuUSh1aYiRdcdBhRZGtGC\r\nRW7R+4ui3Pqml7CUybKmnOsfCak1ZYQscDc/o6RoIDe3G0AQ+0Kc8mtpmeDt\r\nMjEFJ1Gq8viXrYucHGpuJmhO2sohPXT/PXw8aUS1uCUIqu1zq89CiUNrBDlx\r\nfA8C/B/fhR4r2nwqMNttkThwGW81tnpXo+k=\r\n=cTk5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7d76107a2543c38e9a3c3ab516f581bc92174e4b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202221417436"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202221417436"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202221417436_1647277508016_0.7547351117798093","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214171014":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022214171014","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bd0ec64c3eebf9f0d4758a8dd7101cddcf7011f2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022214171014.tgz","fileCount":16,"integrity":"sha512-c2EHsP9DRn5lk9Pr62jrHEwdijKxB+kuAUp0yI2061hZDrTjrFw7lCaSRhRfIKkP4BSaelib7NWSd6vlqk8g8A==","signatures":[{"sig":"MEUCIQCI+OgE0au4ZBTmaGeUvw+AwFkpk3Osf5waH18zmqWdcwIgX1ZrdQTXoZ88GHbar++7AhB4mh75l7vaD9N0zQG7KqY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL3dDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpighAAhcI1WeUH6ZhQlj4QbYCarvK2Sfe36c+sz0kO0Uh4eeGVLEok\r\nTk63upBujOurwSxNF4aJm/l6fOR0TY7lBAiRtvqW0QMXByUqywgZcXiYzGsF\r\nECxwu+ena/UE2du5zaaif+gpYHhL284HWXNG5X6Chv18YOIn0JmGjxAl8N5z\r\nmoQ3qk0nyJ5GxBZegeDhGWi3HidTBeoz+ZwmCSIHqlycw8g9F0N7TZ/NMgLP\r\n4YtWhFEOcRXmeNvbXnLACdvhB1ovrVbzPJzfmzxiDb6ojbxSZLX9wxAuaFQD\r\n79y0cNzq5JqeJA+3b3M9P6+hXWC+hzihSbJGbW54N4tVokNEdvVvLr744F5z\r\nnSQByU1H5eG7bYmCfLXx7I8cAgdCbVZz6g3PCDvsMBV0kAHQL49WAonhSBQt\r\ni096esX43LKBbEQTxoiANMGXfPMItI3kknuj8Smc81piWf54wXbomhioj4B2\r\n8KyptruTvZi+XGinGTpWdS785V37n5SukQqpLWnqp8Y147uYZlP6VNal6HdL\r\ntnWi65/gIorKDEtM12uc1aEYvxLZvFdWmwx7kcr5RfkLhwBsHoHViajW/gqN\r\nkWymIn/ISSlrqi3eGO1Lim04eK5XYxDnooiHXGSISUQyIUIbEEKZ/YWy/stn\r\npNmghnTzjdkxENemeYc0wRlwqVOpDPPKXOU=\r\n=2f6M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"08e1db569f44dfa9f95dd149c5923594b49d0fdd","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022214171014"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022214171014"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022214171014_1647277890865_0.33643935027817684","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195434":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022214195434","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"06e977f22b66933fc51179922446bd89e904875f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022214195434.tgz","fileCount":16,"integrity":"sha512-y33gOdfpSoZnil/HUiH9WbHX6POA6VWWizn4aj9CC06+l6ZMFcSc4QRnKOTJrh4T0o5EqESnLYSZqc1tf0bSLQ==","signatures":[{"sig":"MEUCIQDIb1PI6a+iCWVUHQTGI+XtKVi1b8Sj0rOz1wrbBm6EUwIgQ7V68FHVxTplw8cmxwxMrxEeR9aayBui1VzuMmeGkK8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL52aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoI0Q/8DjtyPt4/2Usva8EcXHhut1auf1aoJg3w/l/qGY8mlgfJDlGr\r\nhq/1cijspKpE7i/GQPoLZaef0Cl/WgcQL786zUvIhYzfGjqroW9+j9TRirnr\r\n+2wa5WsuuaToZ+wU0KSKfBWWxf+uqBPc1qRz4L/1MLodgBYK1ry5TAfvaxn8\r\nEHu03OQG8FcBusU7q8ZvSP3IKDCFl0lCNEAKG+26DDcBhDc+vhlnzddPJFXl\r\nlClc5kbE5hgYeIww87S5rZT7S06PC4RUnuMY0NYufN9mg/hHa9v6kkoClsID\r\nHCBQ2klKkg+u+QE2TZBEZ+JeeAD0Xys6pAYQkBmm/Lc8MrEyC3DkdJ02IsnK\r\nyK0f/jX4gWXVcT+deREplM94BD2N0tjrBUrog/I5Er1GTEVCi4Jv5jyLNTuT\r\nW90XoEMROdE/o0XB3vb/oKt88S7iZbt/gUspgrAU3drnYTAE4dnjZ7J5P1t2\r\nx2L3+G7OGZOVpbbhMbEAfqfpD8pwieCtjYQsXBkr59PtyJ2IK4fUZqo8a14z\r\nMUgGJvxNKtfF9leeMg+bxJd0oSGjD1hRVZqCZP0tyO9nXYN62HW8uJB0M+UY\r\nZmLZl/KDxCMnQG2sM8QXv/ubfv/3wX1e1gAUH5UKsPGivWPqNPGJ9nlisD+A\r\nM7+RD5biDUNTIMyIfh6dzivWw6uq6WZLL2A=\r\n=sBGD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1976d6516539f9b15b4c9a4a1cc0dbfdaa3a3f5e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022214195434"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022214195434"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022214195434_1647287706202_0.01898353968291233","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022214195653":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022214195653","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"730aa71877dc2d68101522283a9ca64ff2e945a0","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022214195653.tgz","fileCount":16,"integrity":"sha512-VpBa395PjwnhwFf0SdYxT1Qj55uV5I1ghlMaE581UgKTpKq47E3QSFbheey6nlAOCIIIC+mcjbjsrNtc9WxtSg==","signatures":[{"sig":"MEYCIQDzHLRM8p+ZOB13DkfiZL0f5NV9lUO7JUOS41MHaSptawIhAO2YdjPFceAehSDUO7+R2mb6waa4tT+wPcsgJzYzbiQ0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL54eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHfw//cjD0Ur+pCNHUn7xtj2PkxWPJj5dvuvi4RdOsz8j9/pWsM5oV\r\nS8UQsUQqYHHUWG2z81y4giekCurODgS2vWXxpKN0K6dFEFeU/zVkCs4rOyqK\r\nQ/U2N6RDSV1+lSaWPi4OCCihkZBUH5j95112WAZGZV+GRWI8LcE5y2ZshZWT\r\n/mUNBXor4TMMfc8uayOZXLMgeqIGJyeLgYFMySPl+UI96f46InRvYe5FSXx3\r\nHnFDZWOdFCn1rMxgIGsXL3OgDgP4VlUzFxoWFj9nu5j3QKZ1gLy6H60XJ9Mu\r\n0UblIXBof8qfUWQcuzGeb3mEaGMYzUvZGbCtLLPKpPDT64I075muVmyDLxga\r\n4eoHL0JS5z+GW6mWviyd0lyVxO/hcpQbA+v0uRfDWf/qOFYPekFW1GSUCx/b\r\n7b+Fh274kom3qvkvb5chaey1h60CyrSt7/xDYj6YLWRDKNxWDWPhjGCElu7o\r\nOapFHNZylHheX3RzWRYTRavUQDZ2gnfFioZhNkobsqitM/7tT+gkpaqKsf/i\r\nFywTTo7ZP6xLnirEoV2HZhJCASfVGJ6sQRPL5vTJ98G6Y5y0olTUr4h4ffVH\r\n54tenJDoFxKgJNxiQmJYAhuHRj3+U1uozm5vw+BmbjNRWMtyHbpcvqA+y2IN\r\nnHJxHs1KPK0OXpDmS8qAMHkELqhYN1tak0k=\r\n=E0EM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8c72cbe512448f11f63208a155bc665acbc79d5b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022214195653"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022214195653"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022214195653_1647287837994_0.6077433699605532","host":"s3://npm-registry-packages"}},"0.0.0-dev-202221419595":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202221419595","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8ca79656dc4be4d6585111e166a3a165258d9c81","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202221419595.tgz","fileCount":16,"integrity":"sha512-gnP5LCZo2Z51vyT06uJBbIlzdS27Prrrt1JduzD1QRGv8C3e6u2gN/igOCxlMhLtpQvdatCnx4we3aDpQQGIeA==","signatures":[{"sig":"MEUCIQC4Qa28EqZZyHzQC4HrwRw6GIXlAEvLB6SEBoQ+4IJ6oAIgTaR9Ro8hi79OFN7JhPWMSJvEgAcS5FVIYMHB6xIcpY0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL56rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3JA//Wk+SIvnSDtTZGfCi7FNEsW9mex5rKAzvS+BhbLUNEZmMigzq\r\n6Zo39p5MyWao4wyUVAOSj8qQIgq29KJRKbDKnC9Rj1Oxr0kvSp4ndjUQeTvi\r\nGSmBX1LtxIBkLXbC7N2qdyZQbyp9YAR/dDtsePmVg6XqMAPZ4Dg2uxwI7JUW\r\nG5pEfxxjMvItI2kiGhEJYVzS3s1DKXRRjBlKXSZq2TS29IGLkOrDnx554Vpb\r\nKjgqznd/XShlHswut7LcUa20hAZEVSwYzxvlD1w/la8FNa/QhhZX6F8XPenW\r\nrhM0qkcl/1HkAJnAl1mbwgAnldJRQyPhwDmbhUSK8xG+vSENLXzp8It24lOL\r\npZpOX7WFNimcQ9FIUiwXfULeoz1T4t88tXJ9ix7HCQkWXsAZW/5F9xwmhZtP\r\nvGgdjZXWnSPdqfMSkGLy6wzTwa+MPmwdj+63XdQMe5CANsan704lcG212PM3\r\njus3Oe5hprtjNV6LfPLIVBsSdoHSm785hIzvmWepuaveC3vZzVrUxKAXWYkm\r\nnT/O/LTqSNKlkkB3KpRWRX49oTGDF9priLVF9QI2qNmhaSfvymNA0NyBZ3yY\r\nilLbn++IbvyZSsVjLZAkaPqHdR2QVXMWdyf4Org5SAhYzpyBc7lsJjHstMr6\r\n9HfJbM9Vs4bL2wEQCQHWMxkCKtNGIa9jHJc=\r\n=uJhx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"613baceb40ce59080488abc50f7e6e1a8df9de0e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.8.5","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202221419595"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202221419595"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202221419595_1647287979036_0.4275103106416218","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215181125":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022215181125","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0ddb2b196e0b3f356e75e6a22ca79f347ab81c78","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022215181125.tgz","fileCount":16,"integrity":"sha512-aZEcnrqi4Jpu31QCkLzwFII7xbojn+RCoE4jUrXuJx4mH4mRgSvU0Lb2LxELyWuh6bdTqGEuWxT7tJSdbsV9JA==","signatures":[{"sig":"MEYCIQDGOK3yyqTShwZdx1dpZxhfUq2f5VZYUpr4Nc/Qn5kJCwIhALZq95OVO9WYGpoQkQsHbXOz2QrpHnioEwDB6vVRewku","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNbtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFTg/+PR9epCUYeMKuuN2XsbVi7obpmpNlbHFlfrve7hRYZbMK2a5t\r\nAVW6fx7SN6YQW9CO3FkutDkEq8vxDnIH3y+XhSdq4V3HuQZzqL6hDlEzo4z5\r\n8SQ76og52IUoEo1Fzjt3e8ZMCdQLhp03MtWTO/ujOp/Ynigon8tOxkz75Zhn\r\nijitmx45gPy2auOXltyyqeuzyZeNJtMiNBMdOBpLjVBwBZ3p/XFo5PDx3ZM6\r\nebhVkIMbhn75ZjcjJsrRg2sJMxkW47ZTwwrWbJ2HvXtO5E5V6DGI4UyGEtZA\r\nlf3E/JW99g7ftDNM7dqojwcB+pj+X/V5r25JhqxdagsUuiXsR67INGSgcR/N\r\nzDLbPbmx4RRsAlskWf5YtpQu+XFAoiJBThLrC58kDUdE/z5/A87UYJYjh0y3\r\nrGkUiUw8aHRoqPW9tMdz8QkIwhP2OHqcpWLlQW18a8o7fM8UnWX7QhyYkPCi\r\noPTL+m4vDOvvdvVtUutx6FqFoD02AEwBtBCgjJGpTY8QzCpKEk1vta2hRmkA\r\n3D+3TJnXOAHx7iKYXQoCBn1n4Zi341kGtMHcwqlNJlQ17PuWygQXVaS9bF7k\r\n+Dkjvca/V0hMYRKw75BlNrGr6kVpe00/5d7Tu0irzQmhnzV2FyVQivPya+wt\r\nf+/AksQo5+LW2TC/SjgYHBrPWTTeCFYBClg=\r\n=bUkr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"73a06ae8ce1bee644e10f245edcf2f9f2b773964","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215181125","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215181125"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215181125"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022215181125_1647367917687_0.6081494718802101","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215182043":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022215182043","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ce4f84cfe8896b7bdf9aa31f88360b92b5770d05","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022215182043.tgz","fileCount":16,"integrity":"sha512-XkubdJR3M0u8Wm7/mEIdZrWshC/lGwxspXT9Fl3MlL+5TKiD7OVpFkrlMMO9o9u2Zhb5dpz3TU1eyRyzpN2ltQ==","signatures":[{"sig":"MEUCIAPEq5aC6TY160mNAnSQsEHeFamFcOzR1cnjzL69ol9NAiEAtRCCPYpj0dbKrqMvISZZCGirDJanDRK8aAOZ68IjVos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMNklACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo84Q//aQ8JPI8Nd/S8EuAsuBpi5mFzo/Xli9GVobVUUOKHWZuIgI7w\r\nzEc6l9/t2OLoV72mozdMOx6BFjdAOKsg5VduSPNifMpYeVP198j/mvNsfkyN\r\nxndrVcw+l3yXbFqsMotFZyhoU0ObCJiBX6YPl63AWNqocG8BXmxRQx64fJGO\r\nIH5M2AUDpz6XVZaLcU0ol4clYxKHPQVbF8djnaTAqNixZHGeypp7lrbntpTC\r\nf/E/3i13Kl2akT3kG0y3GbZIxeWEShQYELXJwrDjLBy4qPeQiGd08qHr66Qy\r\nICG9ugqmHQ/Ofc8GJLwCFs55PiBF66+mdRi7xdH8x9UsYvtZZp0qBTd/NP4W\r\nm0THMw8POLvFUTDJs1IUm2I6mfhJVy8Zx0su6F4vGxU0rU68nzxR143uPGPj\r\n1BHWp6I0dPgcmhe7GJKVboTbIqo9xTkHpzx7yGXpdQmB/y/1anCRWeW+18FB\r\nEk6AkMY+nMt07xfOBJkyfRIYW8S3d7vF+oSVpdBcW/T3eFb2UbtPxP/ed92T\r\nfEVGfNEgZFV4DDO7X3rS62vB9LG5YzhwOL1+4sLUnsTOYxSD4TTO2NIpHVHx\r\nbUhD1exQ0w/9iliadOLaE4KMscnpzJmfrh5wFzpMfyD1VCCO3sYrRGtL1mao\r\nZ2WEMCLpHWOViRKvat1FQaR8AwnGmtxrMs4=\r\n=YIuU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"232853068ab9ec95cd123ccf378b044ad7861ba1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215182043","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215182043"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215182043"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022215182043_1647368485569_0.32157046105556875","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215183938":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022215183938","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cf1ff6b33ff8fb6f335834890664d3e034a73ca9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022215183938.tgz","fileCount":16,"integrity":"sha512-SWp1SfOdCzFL8I4lhGi+NsXw0F6Myypp0os0xKRgVRlapqqtGmNh5qfipR1EvVPCUH85XclHb9iF2ZrrIMS0Og==","signatures":[{"sig":"MEUCIQCGWO4vZhzPfYzoumvPRADyeJ6gkn1DB+G1xUiJ8vRtPgIgdmwCy3g/eMTN9CiGoh2pn/t0Ec8BCbOEmstxDwpskf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN2fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4tQ/8DN+K++b9mititkFKqu2t31XCyL+Zvf+Yq9CGmNzqgm6ALbOr\r\nPhmztrsxeayumMJqmbJtycCy7x9uKd9yzBEviP4l/9rLN2skCGdZooaEvwBm\r\nF1k6Rnrfqg2/uDcWXx2WF6V2lXOJZ8sXX/Ss8EsXbQy1u9pHXCx5H7uRvtS4\r\nvzcZS5UIKuCOxFPgABeQuhWADum977LMSI9DOrdTnOz0YS1tdIFGjI5U5ZBC\r\nelzt+j+fT4qjmVGNg9aBoLWFGGM8S04Q85cyvJCRrp0344C3v6GGa9d7NP1o\r\n84YJTgRhH3S4l5i07JtyjwQ5K+ss0QuK0A7DwjA3c1kffPJh9U8A9Onzkzpw\r\nDpTGQuCwzz+wy086+rYHdJA1GnG/vhcL9JGOfe4UR2AfXdNWe7aJQ2NE+MXx\r\ndJXgELE0zk111pg38tAF0xqYqqW3QtS/3tQApZK5KdesyAN9+D8RSH0RNFj1\r\noB/XHXAI0rGzrJafyaw4AtA8Scw4PNJ1FYG0P/eWAggjawbR8rhLOLdFM/0p\r\nunJn44YXORWWlJ4iJ51X0xARosULyXOzjhg5veyyuktWX1LjEOwSDzM9LjnG\r\n0NkpumaYXt1tevaazohnndcayhSqBS+JX+HqAp/TPeMebhruNga6DTGbsj3Z\r\n2WEIYBkW2t2ME5j3Lix1vWugjZQQRlJjSYA=\r\n=EMCd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6ec09741acd40eb1835cbf6d02bfae642413b6ef","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215183938","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215183938"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215183938"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022215183938_1647369631483_0.9717953697613442","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022215184036":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022215184036","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9f7c998c1d50d7b08bbfe04a17389ef250fc7ce7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022215184036.tgz","fileCount":16,"integrity":"sha512-FpV8ZHcC+27dKa87RlTkNEO2JkRTSSqOCV79SbbnjbPrQe/Jx+eWKdny6ME1SARgifBAspaa5+JTqK3hSfsw0g==","signatures":[{"sig":"MEQCH2/bh9r4TwLI5WPljUEE4KiUaDhOwOHpgA1MdMaOLMoCIQDs7v60Vr9V498YqSYPOJkiCa5P1t4DK/H5QUCYuQLuOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMN3FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrtXA/+KeKlwiFobm1S+YIZJkvZq9pouVS8yLC3MN1C524El4Ly/YMZ\r\nU16arQPcm6CFb2WIwGjGOs//nOS+F50BfF418xZ3JWCcGI72DIiJqcq49z8m\r\nCIuw3OKB9qFEpjxftIjo9vo+33TPQp80WoRKa5ebhbhl0g+dFwZ064MD3JMy\r\nHDd9r60A0HCiX/CKg9kvuxz7LusBcqWEHHSX1ZvvLqBpcLkFg4QVNYA+HIvc\r\nJ/6U/r9R0VcNcfyh+Z57r1LW9C65VutVbzhXMSrG+wGc6l89CwtACXm+yBVZ\r\nuqr/zG7BBaQlPOAEyr2fim7K8tn/kmXZh5r6lm0qLB2lraSk56u3D8nhFAHG\r\nbZCm64cqkwxKdgk0fWCSC161lsPqBTrd6FbzB5oWejpgKedj29bhS/aCT1XL\r\n2TA4HP11VYZEmyPJXSLldXwUKcmlXIgB1vpKDZXMLkElwraEXTgyebFllOFz\r\n2TagVzN6dio8CjrtIqIkP7sDMlh9B1dIdG1M4TFTwV1akxmL9BP/ynahPX7e\r\n6GZ3hYuOIwIz1K7a3pIxBySh4oNL8nwE7IqhMRsqE5L+ng+KInUnORX03/+1\r\n9cO362njwsuDCjjZum2yT7MLv82Gs/c8ckjAasLqh5Lkfi2Z+KrR/T7wmq7k\r\nMTX5Z9GPuFpvXdzhv0X6wg1QFGROOFoATkI=\r\n=Hw1m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8e201b9f84a914e58cdc9ee90b3e03269fabf4d7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022215184036","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022215184036"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022215184036"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022215184036_1647369669136_0.27960502970227763","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022225182931":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022225182931","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"eb0c0fee8e6ed1b17273640e72e844eb36fd7fc6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022225182931.tgz","fileCount":16,"integrity":"sha512-ZMrys5RPFBLFDueSEzPLM5jXJp7m/TPSuQGsfZ0KbNAQmKKXStLBN0fmxUKEgGLO++V7jV5vrxnijFThEK35Eg==","signatures":[{"sig":"MEUCIQCkH5Rp+YhO5pip8suM457rhiiZLrya13I/vqxeJor7KwIgdra475BiyyAGWi84AbX4XYakxVz7C5UKmjOVAapUI7c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPgopACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzqQ//QL3zK5uVmsK9kB5k1XERUUq0ozcMUK4lQGkCofyulYueng2r\r\nunIh9tk/GIxHMNRqV3HfO7I13nxZQnGds/E/vN4Zw7nAQMTP4TjvafM59zEE\r\nDSdnFl6V6Pl1TDzo1Xgx2jGRflu1uNkeNc9x910OBRXNgSxnxgXTzXM7orY0\r\nW6p6UT5/jYY3ETAWKGORYBIO914KZFsZ1I0qbxL5WzzLHZz3Z9AQAJ8ZHt9F\r\nhPKL0l9nq34DP06Zp5M04LsmWggA0Fx6PfLwOuiGzM7wob8sfrjy45gZqyOQ\r\nFbwl4iQN12Msipr8o58ncqmRzyAsIF8lGRRWGmuLIE3dK5PjpCaraFGa647Z\r\nkQeA1E4hfgfBCrY+YU0LPowt5ch3Xp3oRM1sJlTPWLFTq58mMTtl+GSL5BjJ\r\n+/XJ4gkBOT0vieu6UsAcjme8pHlcwYkTF1XKYMSfKwXSGJ9ZHzh4DvGIqW8x\r\nSbLn/xmJi7ZfXCgDelK9TD4oDgFxTroseNLZleejfYLHFi0Z8H732UeN3bXy\r\nrnGc4WNoiuEg+b+VNTMM8GVCES3dQfR/mJQx2MdkA5r4YCMO8fcjb0+Xew5C\r\nMmq0qpdaogGDx18BzrpC3KvE9f1Ixibhe3vN8Puxr2RP3tRYeQMTvGTUcgpk\r\nBTsgM0EnNL/TBjbHP/f6kpJTqpKH0vJT24E=\r\n=t5wa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e6fcf17304e1f6959407053b3037c9f2168c6ca4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022225182931","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022225182931"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022225182931"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022225182931_1648233001568_0.2813806215181134","host":"s3://npm-registry-packages"}},"1.7.9":{"name":"@chakra-ui/pin-input","version":"1.7.9","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"9e20a8bb383e035d68cb7a13fe90b5d0d611f2e6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.9.tgz","fileCount":16,"integrity":"sha512-xx0n1iRK83MPNUaWxGEL2yUxGAtzXeGjYsZzzccqL/vTqsLHUBWnDjsjoztMkcekwcZt6fKzVrq60iCiLGYYUQ==","signatures":[{"sig":"MEYCIQDSWLQluT11JpFieq2HaqknpY/RxNkAoHVeEmIp1ggKOgIhANcOTOsE4nsAXXzIYyAiyoYW8N8J+DAG6ns902I81wLh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57569,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQEv5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpbEw/+Llf6g3oxBYJRz1n4lhyTTzARH/lnjUMV+0zir5/xAln6F9r1\r\n9gvcwR9pQrPbgh3Oc/P4VzDsgGcGAj1HBDied6p57LuMm/tctTBRLgr8AOhu\r\nqoN8UjwBbcx/9yaKGgo5WU8XcrNVHUabRwLy8XkgrZtlU8bezBdf0RjVuvq2\r\nKK3sVD6vGovYCYbfvkplkGx159ws7Y5KI5UuwOsiqijp+tadPbr551S456b/\r\nhgazTjRtXR7LyU5sIRyxBlRGMyqj8B8hHgEbYbVQKlCf1+knDfXPY0avYcGP\r\n3p6aewB7miAPDiet4usTVYSo4Ft4PajVLtvCfSzewuyf6pp1O5P6caQGiCNw\r\neA9EokaaT220FKd6S5KWYEj8AV/g10oZiGi62RL/J/pPFDFdfp5+AOpacYyo\r\nPs6Cl8et4Qy5L+xkhFB8WQjASmK+MmQNfcncPRelI6QwwmJti+piRMoOZNKT\r\naaXunRuyQtw79DxP3kgREG/pEZnFH7GVLYsyN5LXxxPKiL/MeUgG+IVKjG8F\r\nEcXekRmXjjSu8dC93fyz/X2OukV8eOaAgjrUcvnhU4hSYQvHRWLp/8dYwvWB\r\nSLi4ho9LhyhswrQSwcU3g0GuuYF+rrtDKfEUtfqT/gUju5cJExCnOpACk7I9\r\nrG30u7oHAFdkArprt+TC5FGM7b9tlYb601A=\r\n=nJm5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"1.9.0","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.12.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.9_1648380921520_0.6254585815414404","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022228155140":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022228155140","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b46b48681ac2bf06740988bb0e76e500f446e8de","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022228155140.tgz","fileCount":16,"integrity":"sha512-/igQK4hEGLtde8vTvXDhtEfOsxSTNYzNsNNFMTo8VmS72+cCarrF1beZ5YO/QuJUVOMxx9hRrp4HYn5DCmIoxw==","signatures":[{"sig":"MEUCIBfrm7xGfd98PfQfTcwYFQMhPJ/XYwSrt6A+NI28PedVAiEAvPrReiuyvetUZLU8zWO3VXoqCULFXcLiKXP/VCtu/4g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57640,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQdm0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3tw/9E8RmJ3A2zPouFzki790QeAc2AO/1QAdz8pOmJIHT4H2+PrYT\r\nqPch1LOTpkG/hNyjI0Wm8m/ZW7TMOKPX5t3jRG5AaqYYDCnX0iEktLWfI9ge\r\nIcsNo7TZBSCRSEyY+WOUwtaNjV658bBKwySRoPpvp9GKXVWclXN1BI9glwRU\r\ns5KF8Ii5LWDREuGYU4gAi0EKuAusHpMIkmGMxtsZzj10khGPug9RBI8GHK+7\r\n0BAh6pRrh5pssHyrGBUhU/b32Vh57Zu+ymtjp2LBKHTR72TqyyClEYKCZKd4\r\ngsevM5+3L6GTMyZGqsnOSTrwnkSRpaglFoDP66p/RJe20l7/3GRyetJGbGna\r\nGhzQPrphu4GPVVTZ07WTiw9m9Wp4SWvFmxl+GY6sHsAu/WrMnD8Bp7BPADJd\r\nlg2FCsfyMEn+CsD+yW381WIuhUy4ICEXmPBXJ4caaw/GIAWH6QRwIa0dePKd\r\n8C+QPYShZouugsNwnP0Vg2Ey+RugHx4NhVAjF6co8tkwOeKQayNRGyQ9HNL+\r\n9FdJkqs3Hw/edDIiraarEUOmxt+WPu/JM3nHqZbY/ZheUB/U9QN9+mAKAKW6\r\nFxIB3Frk/dV60WbCSh3RZnPKz68W1nFKUMqaRtPW9N3O5XsCtExberIGSo4E\r\ny3Rz2Ck8rjGTi+cvdfpqmOEZW0/6KZhhUoM=\r\n=4rcT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7fc8742394fcd2de80d5b17e8325b148b1ed37b7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022228155140","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022228155140"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022228155140"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022228155140_1648482740520_0.2884613010422725","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223215463":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20223215463","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c173a16bbb013eea5a56cc77154345ed2777df46","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20223215463.tgz","fileCount":16,"integrity":"sha512-0JH3EiSbfDRwp0iPxRr/Tnws3aalcD7fN3fbydk0x5DLGrZX8wK/Swa3NNICA6QEFbWEv+Vl/kjsUBvWEuIA/g==","signatures":[{"sig":"MEYCIQDtmnaOf9sebuUseAHMryI4qcMNB6eDPB0cKdtx6YWGIAIhAMragvjFSElCfRr6Gfd6LYulR81C6QmXExDG2RJK8WZr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSG/aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZNQ/+OAj9s5NLCgF3UExV8mPbO89WmLr8QGBVnxKAeVyRMoaUW8Hh\r\n1WXg3rkUJBM4EpBPPxGogFF2t4P6jlThJZEO28bWxhiA+Jfcxi6NhY5oPShl\r\nUiozEEvXX4i8YHmEQSHJEZl8le5anVZuRl7oG+Qb7ug4VEd4S9WQNC5qGBC5\r\nIwAM92bnH0CVZ6p5gAZY2KM/rP+o+WiNYCtvEH0ZC/44yU7XPA8cErvPc7Ld\r\nKELitu8QQERnzkfu6MADN7SQ0owy2moyHDR0z2pZl/YobbIi60Xpf3uL7lCQ\r\nKWfAyg7wl9w9QMDLzEZxPVAy7X4caFIrBCHyp74QRHVuUcn8oRPbgjh0MpHO\r\nhVdLerhgwuYabk4nvQCB7P/ELX58qorlfEREBFoA+pKPwTh0cetk+MQy0Y56\r\njPbYnttAxpQ6hDgr6MpREEifDePeJGN0asQF4Z97b9o+dk7WvH14VjTDfyRV\r\nqz346+M8d5CxWKT3X3Q5ncQq3xY4bJT4Zme5KwLmQorJKoha/jDXj0MVF4F0\r\nzifym70NZj7U5qJe4310qVJZb6wDeBwwcyVBE/XVodLEG0C6h+/6zu7qyzju\r\nkpEmUGQjO73pHsQXnnOHZlFlI+jAngQJJkF5WtWmi17NOEXe0f1f4Nmy8UUY\r\nDjs757kg6T9CQaDR9zv3yK5gPhTdxpkTlUo=\r\n=Zk5Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"82a98db6e9dde5cdfb1abbcc6e7f4c5a09ef4f9d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.3.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223215463","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223215463"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223215463"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20223215463_1648914394575_0.0740910780900117","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349032":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022349032","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5c526f1c60ef32d0306e4272e7c38ac591a7e039","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022349032.tgz","fileCount":16,"integrity":"sha512-9l3fbSSgDkwEbg9W3yxNk4Aj7++KvpVY2lgDjXl+jdDTpPXTOQ5naRXxpwOXiqOImqAC3oJdL63HFshOcjpIzA==","signatures":[{"sig":"MEUCIQCH6jyci0HskZXLdJt0VDuCeftG5o0e8cSZEA5Zx/PdrAIgOADpmmoe6zWxZWB7ngea+hUDwZ39vqdJ/30dN3AcbwU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrPXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKhw/+KPEYRSavD8ZWvp/Ljr8MYmIczqkfbFVs8KWFmNxk2AGS2lTv\r\nCG5KCJ5ht63g3i9IIGzsetrZKbJaPD3SXepnr69Kb4m/8rLSW7vOuGHSD91j\r\nD9m2QTJW8y5qiC24Zn5P5lBAKMEkKjO1RuPqFbeWO04r9ChzkbZ5vxnYqdmr\r\nMDLcJYgv9sD74g01l6B+0JBUJrH57sT/IZSQWKvuzuKe/IIJUjN7ZwD8JolM\r\n8OI2y5hQR2N757tf7yvspoow9kiZ6NsDuNYyjRra7yQ5RI3Y4MMq46Ubwc9B\r\nennqOMzZ11B1ZAFudlKu0SLlSMUQ7tEKNvj0yGZKM3zImknce/AOAlBGdJUK\r\n21a5FQ0CrkmsKpspipwMD8a0ly3bLvB0qF5hi7TMkeWGHqI27hY1kUEAFH2v\r\nuhyLZdrgQuOHJDkm4PopobrYGScbaXDgDCRgtg6X+flr62NjHnrv+p775X0t\r\nSyWnjSl9CmENIDYiY1JIuEkGzYFQZW+kGkv3rxRAFi3OAcXQgiX9myKy1JmZ\r\nAPW4JdOkH3oGDoaH8eDp6cD7eP9eepEj1QSfXc8vpFRGXdj7vBdr+nNPVAs6\r\n96qbwRqpiBoulpbF1zg8v8jxKO3VLs/dRcBQwzgkHs4Lo/w7adzkw7SVJp1b\r\nocdPP8SbYhCp00wFBkupkEPZibVEY86gz8Y=\r\n=59ls\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"59e5b1b6f0b3e7f412c890485615af9a57765cba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349032","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022349032"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022349032"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022349032_1649062871784_0.3595636291044628","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349233":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022349233","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"920094cd123228c2aae8d6ff981e9036a693f5f5","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022349233.tgz","fileCount":16,"integrity":"sha512-FTxdVCzHidB4FIbVxQBK33afWE6297Hw/9fOoM+gkvrrDbtmpIeBDpb8CI1G3IsDPvGuomCJqWQu5oSzynCxFQ==","signatures":[{"sig":"MEQCIEgWP4k5AaSMewvqcclVHGe8RTqKK27LhrAiQMEER/JOAiBTzBbE/YlN7uG9rS7f0fEiHf08WNvnVyxSYQSCcNH2jw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrRQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzKQ/8DlxW9vMgz9FS+EorPPQfeqYh66OyAQBqHnFC9wjeG9qXAtEV\r\nQLiMNKmWiXGArZ2YbVlG6NETByA/eveaCuLNVSsYCJ5oTFmpL9OPpLctBzBZ\r\nEXomviqJ5Z+fNO3/+KHhzAuSk4asXBfwk0Ydt1Re6+38EvNQ8WOUS7YgkJHc\r\nE3gZU7IvQVept9RJLreUc+XwNeMU06PtB6XI2hvkvVKjhjD8C4u3BhMDRUU/\r\nPAa32to5yZSpk9Jfh3z9Drvzz6zOUWj3kz2v390RSGPPNyYrte5eE9jnlpDs\r\nAlT+A7Vdi96aJjh4HGU4gXb5JcTb9W4Xvpvoq5KrcMZceNm8aOZCfLP7iona\r\nOSV+QqtiiARnl0Dkf8tx0GOwYPCM5BrpxOdNWlSjcgnZks70BD5hyi3CaIHq\r\nzInRg1RjOfU4POGRB+Z7SgWBDc28zGyPUqBwXCf7HeA0DUcDMtCfTGUKl1L8\r\nPdCroX7wH/4EiDUa1ol2VL13JwKLKxpV6iwFkwRl3okpcmJbs+JWMBQDIM+g\r\nSDUowNneTcMjVsKl1g45YnPvjZr9LPT9BwI74hZVCFArDKwLH1s6LNRwKerz\r\nhz8Ocim8+22x3jhXuDd0YQR3rm538wKLK9N/pjT6Dc2kpK15mEZNUpdIRbXp\r\nKAlANSZ1Tjk04gRRG52LiKytnaJoCU9KhSw=\r\n=EeK9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"bb5de826e868abd7602b761d42d9d4842072ebc8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349233","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022349233"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022349233"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022349233_1649062992652_0.6397599107221772","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022349957":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022349957","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6561e4425fe2f02b21e29b26523567ca95b932d6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022349957.tgz","fileCount":16,"integrity":"sha512-AeCIvywk29n/nfnR9mKsklJxFR+NzIZQJwBW26emvjUHOcNNPsBWoLa7OIDFSxJO8MhfjzZiJBr9Yz2X/9HkhQ==","signatures":[{"sig":"MEUCIQDywLUyA6We7IvSJhKJYwdxA4W/qExF4QSiEumF61jHqAIgXOP7f+hISv4v8BkrXWs74EbwxVKWnZl9t0pAbdSuFf4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57628,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrYCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoL+Q/9H9MngqiX7X5SDaI2nZcUER6YQYMn5BxpMcOB+hQfEYTL+dUc\r\nzOzP1wR7XPYY3HWs9Qz96p4xQ1CaMfjyCXdzZGiGzMqGt44epMgLmR8X5+TJ\r\nywtk1j6ESL2VTtTYruDObEakrVFRlKw7gRTK0RYCOCkLOkNJEdxAVSAQsqIi\r\nCWHmomo48tYSOpQ/73cRCGymHBQT8SlYuGOhprGz+ImQL2sOKr/aoGH5Y2dW\r\nNls7tPZhu/qeursMfkxOYYzxDssd0jB6K/Ro/LRQ4ryP+yqSOY0VoGsNEfnM\r\nWcW4bNVfGf89r20sICBBMC5fgz5xAvsSmEXuIi34dBhUipmnc+8Fo+gntesX\r\nKOYv9rB/Z44+bVqxGUmUD5QpJbnY8rqtk61fAeg5tdk0r0OXNqG+XfjpCT/f\r\nwGJB6q4vOVLPbj56qgKl8SzJO5mLwsGSUT3W0i7+imDnsBELYzljbk7J+5vZ\r\n/fdjBgzx2rxPR8yEdz5mRb4Ojp960heZBJZefaOnoGb7+9x44JdYepnTm40I\r\niWCGXKo4rGlPZ8BkXSycGybOU2qk7bVVOdUkIPiOBGoyVtt9trUXwqjcyony\r\nYIIimojgqWt3r03XUSpApNh5q0XSuwxl1fK6vW0Lz7gMN5zeEpRK3xp5Z6bY\r\nc2rO8hT4yys7b9Cu9z+ymTC8lcLirpmYtI4=\r\n=DIwZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b675d1794da212e0b7b9c98cd275436c299fea56","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022349957","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-2022349957"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-2022349957"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022349957_1649063426417_0.6311591305715247","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223491859":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20223491859","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"06303edad7ddf3d2a43bb3022ba47c552d4c7c7a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20223491859.tgz","fileCount":16,"integrity":"sha512-ieZhqHIjpPrG0gyFm93GJcLmc344xCMgN1+iByqAO+UaIElSsO5y2DYvfhBq/8hEZptmsjkV/NKeHgaas1e53g==","signatures":[{"sig":"MEUCIBePOr28s8yhXKCHHGvXrgkapbmJVn4YsTR1Vk2TzfUnAiEA7hgsN5xFmWTuPRlJcoirISx9QxtYzyzCZqGF2Rm8rwc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57632,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiSrgqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoE5xAAgwhmwQ1dlV5gDEUWFs3HWQ9s21B3goVaN3wOdd2SzA3FSgGj\r\nZmdew8FI6MPxlD3iN11v6YLC9Pz/7Mvd7YLFTbCjDs0CdESCgZAp1vt64YgK\r\nhHcCQ3TtjW3hhCKMw3UKBtxZEXn0sciOQez4+zoAUOekYdUSIgjxvr8kfqpC\r\nPeN1CyFx0TxS66v8RrRqZT3PXVKf6dSAG7Mk6hHm8T3myh3yxjfTJQ3RD4BM\r\n6Oo2i1vGwgzj0Dzj6xguw8yfTLmxLCD2977ZB2LG+XM1x5LxKNZkQQU7l7PE\r\nfRm7Qqo9rF1cws5O3Xpq5qmzLRBdRuPdQR3BWTL91FYpCGhkG5fj8znvKsXm\r\nSn3cijcRfPd1Peegps0SJSnbHGtDStjNVlwPzaD3Jy2LsiC6CAb4qP0qTrrf\r\nKM12ZVf5+NRpAD9BR+Mk2cUe7RInoT83HOV0oKncxyfT/SauR3SZ6dVwTPHJ\r\nOFavH6xuM3c4WVbuDO3UAKaaeb1C/2DGG8BGgt/IrVNPphhzZ64eL277jOtM\r\n61NF3ZVVU4zSh9Jrlka6nvHtO6ckicgO0Q47Q+MJ7U1KOSf87q7MRgTicnwI\r\nBT/lqbnLEHQfYi+4jLnjqSt8B4Uit1gb0sn97P5VXtsVnMXzJq34/Q6yEP0E\r\n7nTv7JHo7R/FCXX5XaICZIbiS50xG0s80p4=\r\n=bgOX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```jsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3c59f6d762384c91681999ad247ec202255afdaa","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223491859","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223491859"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223491859"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20223491859_1649063978756_0.20724453771962303","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223655213":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20223655213","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"824f767c79043f7456a855a829d70c9b6f33dabe","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20223655213.tgz","fileCount":16,"integrity":"sha512-3RYdg1L0a7PgYEkRfvDaJuX1XNc44Ayxh43VD4yuMx+eOcWDNFbSYsAxSuNMUSWR9kYHto/ZHK0K/eR2cuuwVQ==","signatures":[{"sig":"MEYCIQCNSzMWMbkojikVcSCvK0iYpEgqcDr3irUxru054/4y8AIhAJbJz1/HpEBxGTS+GO3Omn2SZgw0CoX+L0ljnVXslUj8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTSqsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1Fw/7ByPKIgIhmlk9+st282kaWZowgRuXlgug7fpPqDWPSg2W/GoB\r\n3botGpHHiMDgTBmm7R7wnms2+awmelrGuAIYGV244tMud6Q3QonX5noVxtxs\r\ntQQajaTl5yBiNY3FlJ33ijEnKDbGNLK695/0LzpKNKBKnQu7Ofk/6DBzgooJ\r\n53GQjC5zthmIPVx/leXpIC0Ocw+xm8v/U6zml3vkru0qA+bN3Rt8wyvEVFcN\r\nld6h3iJBdt2tkAsaNV1+tf6SdetWfXwy7NAS/z6kJG7iMz97Q6FIZwPk1sqh\r\n2eTkAdVCeWFaWexO+/h5aZOOrjR8V31ky3mjaF6PWEevOYrFOCO9G00b0hnB\r\nFTLzokd1TGihGilxW1VSH0vdG/cwIzRGbkX5L7yd9VcQopCl/lFakFFtHva6\r\nbfLeFYZimLkFmLQ481pDbZ4y/WqcxH/Svjqi50nC7LRTfTdK0Rhi1V8wUH+U\r\nYCI5EYqpWp2C9qVVXMO5l3RAhDUmBjpmuDg6mc/NLdfXUByd3Tg7XoRRhc9l\r\nCwlC+r+0NBiuaPKGLV4o4xBKjRH9DF+fuTNPfrB95QTCDO+/ad6CWQ8mGGRE\r\nG6uGTXy6mgOtoEc0ZmT0tXv2lKivOYIj2wXgRnEs57+UuuH5abGehlXPb8oq\r\nd92EMNEppShvQEie/rb01QX+x93+gdAIwPc=\r\n=PXFQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fda65880e6bc8182622e73048e9ab5b3722aad11","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223655213","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223655213"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223655213"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20223655213_1649224364380_0.8164970521217914","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236131344":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202236131344","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0824c33c1a614d5d95210319b679ab0446fdfba5","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202236131344.tgz","fileCount":16,"integrity":"sha512-q34DZCWJfTLqEawLXJt1nNHKeP+R03g8FWuLvIMRQr/+i7Z7B4vnGizT4VmXM9AtL+KAvNmrgn01V7aIZX5tnQ==","signatures":[{"sig":"MEYCIQCMQZMlEDPLJVq7ZwF2bzW3txCCNwyoAubwNkCOixNjKwIhAO9ClXf2bEUfcJEK74MzpBVzM5X0gaYMNHiimuWSUr9E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZIuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyhA//VzX8NGWhY8odDggXy0uFbcGe25qFBVfAvYEHhPbBBtV9r3x+\r\nE6nGYE6UBYhy13AFG2aK0e6hsem0WFqsem+9ivjzfnOVAEX2dYr+O7fz14mb\r\nXE6jW8z/gyK4FmpY/1mSczLH3Y740y+wLWqkDCBKVldRp0HWseODEJiuFllK\r\n8HQXaCxxvuLe9Wsq8oeAAjcB2aw4N409hpP4lFpUuZIpHgfMwT9SmoOe+iCv\r\nn+nJeEsS2Q5mGvfEWEnX/z8Qql7z3dby28BfQurBS0t00L0X6P5vBwpH6zQ0\r\n0xyY5NBpaU72iKsMpxVaEkum3CPh2HRmWBza6FVCqlmef6dwP0aqVtXcPlap\r\nTrWYgoQpx2zo0VbNVxB4NEYXVHeVe2/FslggTOjnTTj19s578vJ7oByOEHx5\r\nK00vf8brguTd0lDbAK+H8EDHwxeQtaBZNlCvSo+EwHOP6ozz0nPW1kE2dDHk\r\nyhFTh8ez6Ou/Ezc4HzPQXLey+FjCeKt9zL3BIehIiCMHzDl3WEUEomSQOP6v\r\nDwFD6fBZKVsnEgdzWlfiRjv9yQwT+9WVnpCIAIo3xORu42G/MltFvKQUIQrC\r\n8UnEKJWZtsn5Htny6XsV/mNHkwbZM0jkLp9jFTf5tF7ns0GJqbArFHgA5lGb\r\nPpbwspY8KmLwFn/466dG8E8MwH7j+ayjF+c=\r\n=cZ4c\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"5c3f6cc51ee18b653832d0401687f4bf6d180d3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236131344","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202236131344"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202236131344"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202236131344_1649250862636_0.6852911965413473","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236132312":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202236132312","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"85921170231efd75422bcda2c42287cd731ca8ef","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202236132312.tgz","fileCount":16,"integrity":"sha512-jlC4HAXd9sKOiR9/eUgviGXkTujr7EndDUoTN7kkvRk0yqQfVXKybC5NWyQ94NnQZtVmXJ5vBKe1Iey2LlnKaw==","signatures":[{"sig":"MEQCICXclUlfrQHysWb2ztrgIAKDXvgOy4hb4CbDClyhiREYAiAvGcvlAQIyYZIU/s6svReKDGobymVM1mKrxrx/4ACSlA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZRdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRZQ//VRMqsb2tLCGRr0CgLvd5pmNBmynVQU+ENjzZ5hgLY+o/Xxxx\r\nvzuSq5w2USmMEAtBxWfAWX+UW3XDVLJBLCLKsqLePBu3PCBQzZ2sVQwbKPDn\r\nGoR/GLu1hv8/ikmjpmTDgMI5waNLkNZvwmzeo4Pv23/r5jVEaeBmc/Sg/mtz\r\nPhiqdLOx3N3lAk2pFUyURBRRs2o0Fk+HQvQhWEsY/x9sxQj7rriOorMXnq5l\r\noFLFsgKqkhZ6sGQOMIC8rSAQxao6Kg0xsBLK7vzNMM7PlkmyLGAh2zsVgiQf\r\nlzgi6RfmLF9R0NB5y5ovJiaKCocOPYJ6JodjGZOO2NIwf+UvS5klVsYQ7jTg\r\nG+MMMvx/aubVf+vu/7f1z/RsfEAl1Wrb1gKrY5JYuri2hgan0+DunNLxAoa7\r\nP//XvUTPMsACMO8YWB6DIJkxQfnt4SnG+aIqsmaIATkgXkjEYuOizJkGUlqO\r\n8Vf0cjg3FcjBdgoByat7UdhvPYVhsmGyFmzHcFyPeWmsxh4QngcJEsWphAaC\r\natSEpW3j6twO7exbaTBhpu3OhApcr8N7KdWjsEukQlFT2aRxD7RG62m0QiLo\r\nfELZoqMTS6RRDiqfqrTLELpyWXhrRDALqNIrfqoamguSHABu2RYyh4uNNLwE\r\nm+RXk46uEZGEYwCOY6yDwXaibH5INsL3BjM=\r\n=Hp+V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"2d169b1afa4a5d0be13f975518ee5e286b485d1b","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236132312","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202236132312"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202236132312"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202236132312_1649251421414_0.7615363277606653","host":"s3://npm-registry-packages"}},"0.0.0-dev-20223614103":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20223614103","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8b013b1b597e0ded437c364f845af45690bc4599","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20223614103.tgz","fileCount":16,"integrity":"sha512-P1gbnJEx6zDGAmIN2+wy/ZvQ8l6/3X7ufG1rUDAl7YJu8AEMO59HnZYh88LqafquVjcfdkTfrZ0Q2VlbVFCE8g==","signatures":[{"sig":"MEUCIQDeGbQc9I7fwXUlOecrvW89exT9h7+4dMd4/mQ1OAqm2wIgBTu8hsAmPmOOhF4Qaxo8ir7T0WMCX1ZRCoU9QHsVH8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57500,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTZ9dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1ow//fNVtppvB/eHotJBXgYLgOO0GTpvB+VM0tKy+pMpKUSZAjeb9\r\n2tFNbvD0uXsVEKGIcOAoGu9xYGMyeQx3KeH3RUzePsshuOp72XwbMZf8YJue\r\nllgjELP/pLtScdLM83zbwMnbZ3Yjqy92zk+sKoy//3DwMbSeleM27NPwyVzf\r\nxp8AW3I2xucI9lqp9eXzqVxzC8S++DyD3p1n1jDBX1Vi+NBp8hbe9XzD+A8M\r\noQU5eIGN763TaYem++1RCMAWZ8nE5VXt6mWjxWsz6m3lmezsm/8yKXs9Swft\r\nLi+T9Hnaxa9E0f+6U2pFKA43sRoXRV/UkW4nWi/UuCvZ6x7zmHvwSXhjLpM6\r\n6HBHlNt13Jpp0fmyCOdHQlQ2T+BnqQpo88CotIKu78HZB1oZ2zLIl134bDV5\r\nOXvngbFgZfUpzBCNGuMBCJNJ9xGf7Uv0IOJB5+A+CyQFE9ZjMJBUqihVLqUx\r\niy3lop9xi4geWwiRt8RroFwjpgvE1En04M4ScyThNWvCCn/8bSXAvfKkZ00f\r\ntXTviQiYk7Tswwbv7r+5kdt/bQaTXAneHNxanY/Fu7zMdv99OEOozxQOQR3r\r\nqls6p8aav3ofCKUviBKO0N+MgXyQVFA22kRgA/55s1dVa3XI2YVJeO99LBKT\r\nbqXxi5Ew022jo8N5aluDQQB6/B2YQmxuCdo=\r\n=iSe2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"733fdb4b1af9722336a17cfbdfd906763eee823e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20223614103","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-20223614103"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-20223614103"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20223614103_1649254237784_0.8653304669826103","host":"s3://npm-registry-packages"}},"0.0.0-dev-202236141416":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202236141416","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"812e7d6603870af003686a525543946ef26b4102","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202236141416.tgz","fileCount":16,"integrity":"sha512-iC4GI3Wx3M4aAIVD+4C8l91MbYwvTMNKP2KGBseU/IMeykhtG71rTLhGM3fLMHWp1uTVESG72qirHZa5GMwEow==","signatures":[{"sig":"MEYCIQCKlWW/h7XQx4sM+7XAr1awA4SBP3D6v+8OSHBCOWf1XgIhAOSF8pcXoSLWDqX6jserWb0DrqJZfgJumM/bj4Z1sJTC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTaBYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogdQ//aB5YdiWDXIa3HaQnRo0LrW+sH48Jm1hCFXG36IPQe1m6lL6M\r\nLzlJr9VkESdMhp4UHR3dnaAyDopppEQZnlz/SRdg5D7Xfy08h7o/+HhlwEm8\r\nsSXrUW+Spfyelz/uqZim6qGZlAWAK2n6B3iu6C0uRgsrKtxJtN26NH0Pot8H\r\nm29KWtluDy2rAXTRj+S5KvvitItfkRrDmZAqXb2aIxUVZlnc6PBmtjS6n/o5\r\nQE682F1q5AXrwVDuIRh+0cHE6BEo1R87iwmKuajS3xfu8YrG6KOfobV6JOD4\r\nZJSiUiseOozTWrFxXVudAjKLsccM9VyktigAGdiatzWh/8M/ZojyXmTR8yEK\r\nQFU7JWwKSmdcoEKJb5S17PEKU/Dofk2HhrRHa5DBm/hr5i0n7jac4DLaaKCZ\r\nSGiBZxvX+mGm/zrsDzKSyAWnaYUXiegWjqhzzPXS5I9mObhEj4+6QHrgCY4I\r\nl+kxWnpd7CqBohQaKS7DGOBO9jEeJbkpyqzAQeOb5bW3HVx/MffZ1CbhBe/Z\r\nl0X9/XMvN92PqkkuA7GrquPRhNYJnaQWxAanl9mtdAbaQyYhPq064hwnb0cA\r\nISWg1mPO5sXK8bwtitUKGgafW9BXz8Bm11B/ZXlup2zw6M+iWIYDJdU2s43D\r\n8BcdnmmauagoA+eFSSSGqGu36d+l6oXlg/s=\r\n=6aMt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d7a0761a4d3f34896b32985aa1caceb55473e992","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202236141416","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"0.0.0-dev-202236141416"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=0.0.0-dev-202236141416"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202236141416_1649254488290_0.30692734426568546","host":"s3://npm-registry-packages"}},"1.7.10":{"name":"@chakra-ui/pin-input","version":"1.7.10","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"833bab2c0a283d835997e9db8b615f46865d5385","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.10.tgz","fileCount":16,"integrity":"sha512-Uz5vFK+ZevQtdYHBkddSFCrY44bweXLanpSv9X/D0pWpdML09qfPiKX4ydGzfRoS2u4L8NUtN86IcvdOQLhHQg==","signatures":[{"sig":"MEQCIDgexEpLczs9X8uBToldkRXltfW1d1//JR1weFbklbLTAiBymTIAf7vfxMjlz52Vfg5qjFuYRLRoFlxDOZ3j8Fqj8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTwSIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLCA//d83qFoiq0WbxBdWKjeEzWlUNaXILVnSbCBx+iOUL/O4hr79l\r\n1pBpIcNT4h8ryB9ekWdndRSWn/Re2NsWWCV7X7cU4EgutZofFSjN8FuLQJT9\r\nGtZHpSEti7Fwfa0KyWHZ2GDjvsU7CR1E3fNmCR4Y2Ih1cl8fvToTKGesXRXe\r\nJz3J4hwyYggnkcmmGlUJVXFxjdkHS9vp7rZFyrbqQQcQNwEougqwDi8Fgb9j\r\nEY34tN+ckfujrvyPXe8PU3bCXNhofRZh6Flldv1lADgP/r1QW3Fgc9yRqL7F\r\nDRKgIMyYp58LBUXxXLEQrp9PndFFvYYjCfHwAayRRCfNJ0LOpGU0x8I+lpnx\r\nwJynxt6T3QO77SVnysmYbNqmlQPfe/ecDGOD60Siknz4v37f1sEfse2jiCb/\r\nX6zoB7fhLfKNBrxRsEBkpfODiPQTA/9qMmXQMy9kHTnoDdgHjm+HSuqvDGlR\r\n5d27uJWvCjehZQ6wWpvESKqSLx9PLyTe7NYD0a1p5tiX9DTNkC1ttcflCA0t\r\njO3Qp5ZGX8aAGQeblNIqO2xg0++SDuPOYAtpJQOMcUXM7lWnFKkRfCNHsqgN\r\nH/U8SeMS4Vwtl+MIcTBV9zLMCynp90Zb1RWV6Nfy1QeFNVpVmi14mnATa++6\r\nO6lc+ITPXCqM6chFvvv5XXFlzInH1BpdCr8=\r\n=XoKv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.3","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.12.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.10_1649345672008_0.36471715278255323","host":"s3://npm-registry-packages"}},"2.0.0-next.0":{"name":"@chakra-ui/pin-input","version":"2.0.0-next.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"09634c12b6a798592380b3e8e2e81796c2c0dc8f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.0-next.0.tgz","fileCount":16,"integrity":"sha512-0LspU06besDvRnTqwWSxsu8eL8g7C78bZMhdT/UYpAW/dh9F6QFlUlSwNEoG8gf4THzsRZ++vH1rI+8fJrf+qQ==","signatures":[{"sig":"MEUCIQCN/CrVOw6gTp+AafCm5DBgldxDa94ueOvj1XUx194EAwIgPp4qY7bZNz134SNwUDdEan2jMQnFACRdCxcVlkj8sdI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57484,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWY2sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZ3Q//V58Se2RGWqvmSIy/T7TiYEPaITu8drj+ZcXRV/SEJk4HNdyq\r\nc4q3Bym09p0uIYbz4OT8XDH8NEKAD+6wTH61k2mZJh+UWj8DlVTTBD6KELxp\r\n60m4ZJo+3PEncd5y900BvHNumOysfTXT5DvZnecE3fFbBRE/bpZrgxSSapSV\r\nnWL3TTJGxIa488osMl6oG1yemZtFFTjRJz7oZO/BOCIre50vXrB53TIrHlBJ\r\n5sRWWfR3RmrsI+UXiFF8ONsQX7Rl5SI08mTxoPHEFJEege/wK0d+gVVyIV5Z\r\nY/CqqR+gCx293FlBX6AXoMi2zCf0oOuHkyJqgMaKwl/QgiRVe9BvfqnqSnMC\r\nQ7FyTB0qjtL9IdV4wXJO6LQ9sTTgtc1SLDjC6M8A4F+fwds0MdCEnxjn/EpL\r\ntIML+Zuyewgs0qvJcuCIico5saqtLYISyfHrwUIfoAnEA7TFGVnHKp9GVTcq\r\nO5EwceQwWwgpKCQkFbWIbVG9kllV++CnAW7PA0Vq4/iRrw1ujmoy7WSr+kBi\r\nQfxrNMz3jJSxfpdurl/d5OKOd8FDiSW4JWh7E8XhrjtJL4q5fr8KeQrwcDCE\r\nGZPMUqGd+ijex+4GDb8g57uoxfGAWobbNhKcIwyL3+UKRAKSDPaaaWGPAoDO\r\nJwA0auTiC5ZVpuHU4ao5WvIQFSXRCOxnWPA=\r\n=WJ7m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"257811601483bfba6262e723393759399a55c148","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.0","@chakra-ui/utils":"2.0.0-next.0","@chakra-ui/descendant":"3.0.0-next.0","@chakra-ui/react-utils":"2.0.0-next.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.0"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.0-next.0_1650036140190_0.8429950566443318","host":"s3://npm-registry-packages"}},"2.0.0-next.1":{"name":"@chakra-ui/pin-input","version":"2.0.0-next.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"78d7156072651ad21b6ec8d2ed39821ca3c5cbeb","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.0-next.1.tgz","fileCount":16,"integrity":"sha512-vGFzzb9NPsV7uNOAgrFaUe3gD+WBxzOr2sS9CRDpR9Oh7Y01xXKOIB6Snqgd+vtsA3++KFpF7Pu67bL14q36Cg==","signatures":[{"sig":"MEQCIEtWgKKwNX4H7PlUi9bHYN0Z9oW8k6liOHM4DrfHilYhAiBAlXcdu4YfJS/vgMzynKh0F0kv4r53Qkx8gCWGiO47UQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYkWqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJ5A/+N+HFPZH9xviUZaapzIO0yKax4hQe7l3rTmEi8cG+Mtvnlr16\r\nMU0wg+irCfaIIH2l4m7MbuTmLW/+umLiePNGXn+A5esXlkljvhlfTkruOAKu\r\nzIfMMWmbCnZNQgjo7YdxsjpZ1r9Uhdz4MjzLwUI8VimQf1Da6l8fPdIVmahd\r\nXESB15p5wVSJGYQEsfuSgV8eH6s/47SQLPgO4jtexrwrDrloI03+g5ohVTuw\r\n7UBQhYJIPJsrC/xHQban4XWLZ9TamLDxOJMPsTtPZT3zFgaltRtTmpFjpLfq\r\n1MyzwUMHXfdqddVKIqqakirzkaYVfRekiePgO+xTgSwIkTLvsmWp45GF3xP2\r\nqIn2SBlaajCFmSS8HG9RllXFRdyPj7lPkL3UyTHsE1kjyV4HQosxQjsy4Pv7\r\nbcmEUKHKbuigoarAkRWCokdcsE9PqPrFGxsWaJ0HUwV4ey7fMKGC3vY6yIGB\r\nvlIOk5d1NNrpMfA6XmpPf39LrZDIkRbcQjTaOmgIb042sNDe6baLMSsUtPAb\r\nPUsNiWrCIeGSpQrq8p/zWnVVxXiCDT4zMp74ofAJEhyEjWAvHNiLI1ynYA/+\r\nyGmFb6Lk0yygQ61Tu5w5BH3k+QQr1Ei5UOATW77AvlG9FZYOZXDMxLzz6hJ6\r\nxsbhGTD6LdhEKNOu4HxeqJUbQaC5RdIEEa4=\r\n=j0ST\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"d90c04942268b9b586b1ffae3dd3791137716935","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.1","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/descendant":"3.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.0-next.1_1650607530238_0.9258319755193303","host":"s3://npm-registry-packages"}},"2.0.0-next.2":{"name":"@chakra-ui/pin-input","version":"2.0.0-next.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"463c01fabd09bc65a4ef00891456e33ca4ca8402","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.0-next.2.tgz","fileCount":13,"integrity":"sha512-79g5Bwd0obOhK6Cy4ALpYVU7Me5aoM0kfAgimeIcb9MlrlIiaeupblYCW9CdwDJ3vMr7JJjSh3JM2pj0pb/arg==","signatures":[{"sig":"MEQCIA3fXmLRBDfUlzQntaPLtDPjgwgmIbbFwXchVFblyBn3AiAZWAm6fXW3rsee4pcjRPywAsLgFjhBeTNwoUb//wV2Zw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJic4jqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSNg//ZaG3tW+98Oo0JRMSBmKjyGukCkST/AanrAo+7T6N+cdxPx9v\r\nWPuX8IxrsIu7CS8Vkxokpab9aE0ntU4NMOMK4g+rE1EEG2i043FnqeL+U83Q\r\n/AYvZ67LFXsBEWTQMBEd3LRLvdsV17rvBMItnh58WF0p/cHU2Mr7qhi4Il4H\r\nvx6KSEpadJKZEZ46odZ8HwMzYL5oav6XXhR8dts0jg4Nfw/Itv4ar47Adi+H\r\niYimXAd0LQEYG7V0e8IureIqzYxlpbOyj3C2zMVOWtcd3cxtu72cMTPjIgr2\r\n28c90siU8C3V2/UFNeu5x34g0xevREJ2/AV6ZgcAs9belzCgj39hlCi29x7Z\r\n1L9n1MX+rSClncxbrkFKZmOReOsN+Nlxs5BPs4E6f32NFlXQXkvLTSd6B1Do\r\nkfrVPIzP1aK8DXJ5gp7syRoG82UCUwinKIqW1N8DChoL0smjtOrSZAfJ4kOh\r\nmkxZcMvfWOaUnHRTXi8+x6fMSwj/bWpOfBvWdFKzvTlryY2KaTeQSuDh2Ek5\r\npo1LDOCyDhnozA/8iyw0+H5lXHpXRUZD6C+0Xn2aXv3cnoYdTKR9eFPnxVuN\r\nFU5v59dgQQUNRHaW5C9IV0fRLcRmjsdPuvxOzHnMn9b2mKobK0CcupkHzbwO\r\nJARhzBNgx8EO+cDd+Kj1QphgDNwXx23HRyQ=\r\n=7ssU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f868f7862a4206cb6794ac526336fcf4c19f34e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.14.2","dependencies":{"@chakra-ui/hooks":"2.0.0-next.2","@chakra-ui/utils":"2.0.0-next.1","@chakra-ui/descendant":"3.0.0-next.1","@chakra-ui/react-utils":"2.0.0-next.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.0-next.2_1651738858611_0.45482474737301937","host":"s3://npm-registry-packages"}},"2.0.0-next.3":{"name":"@chakra-ui/pin-input","version":"2.0.0-next.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"82f41aa1dce2139b66f95816b2982e1f75761959","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.0-next.3.tgz","fileCount":13,"integrity":"sha512-9Y4tUysi6KBSv7AevLwY38BeSIpJw3OSkjrT2uWErUBWJyL/JQtVXeQ8acgDQWHjA7t52q6Su3q+U06EE82T8g==","signatures":[{"sig":"MEUCIQDRj6HGOXT7d+Murk8krWDzGuW7R0RgwojtxBuWOEtoDQIgFZcsY/UidtHPLISHaUEzRs2aRvUFUrOpVAiH5CMnsvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieNOlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBQg//XEPt57SLtKCQiKycvIVpvR6UkU+xPNDC3GhwzQSXqtS2ob89\r\nO/MV+hrAGtvHlp9wz8svRQvr1242InrXJshaGB/GZVRf2CmYgyA2nrWTe5qn\r\ns9FUCVobldfxiqcVNZagtlo64ePTTFILcXlbL6gGtoAks13XxP6Qtyrr0Wej\r\n6ifrd+mHe+QBgI5sAWatqQaXhBfSpM/UoPhSXQhPW8aa4Khdn/UyC6qz+F71\r\nYVxKeGg/qDK52DJIH2RRYTUi9l2zN6s/bdZj1ANPKfpTUyP8tD6ta1rXvugE\r\nsnf6O9Bvbku+2FXL7m9GayjAMCy8zRZ4uWX1R3fy+ooI0DN82HUBEUNuUtS2\r\ntl1CoGS0Ds+YCmNi5SdLczZ4TrFOIQNjac1xJXqPoCjZ+mkl81axaOvBWn1A\r\nJLqZyUUzEONfbrUxXut49vzXpIAGniScPTmEu2EjHx9j0ZLzAAKiDqkfgHFe\r\nAIWV6Np5pbxPC/6yqMC0DLw3A8dNVWZBqVIqjWKbWxemUROAd9NQS0XnexqL\r\nto90FDDAjBmwg2v7KH7uZkNe0d5MQbWrARcoSXViIIMejZCR5aKm63zUpvlh\r\nOPeyB8Q17OD3jIYho5k7MrlQwCazWCCcCepsIqjp+YiCRTGT/u1i9ZLfCIww\r\n8s+8q6TxF0VHFbO0eXO+kZ5mqtg8bVxapMs=\r\n=BIwT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"839e03eb3d949c1f68fc3034456abc050ad2d8e7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0-next.3","@chakra-ui/utils":"2.0.0-next.2","@chakra-ui/descendant":"3.0.0-next.2","@chakra-ui/react-utils":"2.0.0-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0-next.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.0-next.3_1652085669651_0.41143055521144345","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@chakra-ui/pin-input","version":"2.0.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8aa54ca284c36da90ccc1e669c12d3fb0bc5df7b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.0.tgz","fileCount":13,"integrity":"sha512-+aNnw8fHA2TE8IvTTOwElNew182dXPcgTnSQxcxnWDOkw8kadtdVOJhqJW4QNCEs8QZ89kp0bxQdAy99I3xNow==","signatures":[{"sig":"MEQCIEXEPGmEnENfyhDs5TYvyOmQzRojiLDfoKcf62sdVpfPAiA4de8ss2uPSTe+mt/l4qJRU/79mGSHZoHiZW4vpq2ckQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45175,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifUlQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoOtQ/5AcBGShR4sCLfTMmXNwfMZbHEY1h5Ci/kkWFsM0vVuAC+C1n8\r\n+/cwHp622RCjcz8ZOrb462NPpVVWgmYMox7ZB4AARYOaCmksHG0KBIF4rL5R\r\nld642UO2vpZvSaUqqCiLEj0Sh9GgBsUUA0g1Dm5BI+iZS/ZqRxL1GJVlEacP\r\nN1KqnCVwE6gAgAbQTGUUmNVPac2YB1qF0MFCAnKv0e2kq7b4IypgKmAOsvxt\r\nVi4YKwx+vRX4s4/NCQZ5hKKEqpZS/nEPzCNTHjn5bSHbuyO73ZeBnn3yKsjc\r\nlgWdeRShBLxF/e+xDGBw4QxJkKPZAJPej2iMVtlCN+m2QxT5WcJUfhT+oOpr\r\nPxyoUipFoBbh9icFfx1qZuNYIJbBRnCJKeXxpoMgH6ZFKYmf/eft/jSu6yvy\r\nN2KoWmWw2ff1WFhMvxzlEMD0omEWJ8e0tybtkbrMop65UHmlra4YUntGLoeQ\r\n9MNmxyog+rajiTzVBNddPqCE2UdnFWyCfXEqJHg/Ro08e9ID75zmB7CEeFmC\r\nOaSur3WnKwivicF3OaUqjPE07TRssQI26rJP839fxNdfCGmaS9ga3LVL1dpE\r\ngFvhXuKF62yZbE3lLw/u3YgL9/sK/2D7aF3sjBorIHw8UKZCi0PHCNw3Sx5E\r\n7su+bCCwwNXwu6MGYkJgLC/iGopZv20SFsA=\r\n=L4TY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.0_1652377936498_0.24001754764051775","host":"s3://npm-registry-packages"}},"0.0.0-next-dev-202241614737":{"name":"@chakra-ui/pin-input","version":"0.0.0-next-dev-202241614737","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"374e47328c5d661e246553966f8677ab7545949f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-next-dev-202241614737.tgz","fileCount":13,"integrity":"sha512-RENpNESJeCnRtmGdottumPUhkMR7Z3DEFhFUpYv0V5Tu262gklO/yA0/0iu8RwLkpGZC3w4ANCDOy81sr4XjYg==","signatures":[{"sig":"MEUCIBbscOTFpJ41cbQzFeoCCXbRuvFsaheXjO0Le5o0m/99AiEAtn2tnme+YHz+v0PshpDsUqZZOJYGn5vTzOxvLzSmbIo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmohfQ//fQ+XCzsL4DeOimOYuF8TnuHsOG/0S8Zd2hUba6dNKFK0rut/\r\n4s/RZ++OloPNt43YXWEx1U7F1MK0L0NbOdYBIChDq333MO/lzuxtF9PNM+gY\r\npi2M6ne1rfgpxZ22HjylVCDRdh86bmCyYdaA13qf4NQUGvWP0JoBotaqMRYa\r\nmTZ6Q2Ugrm3eOoydHISp0779TqJlDr37jUBXFttiB0YZvmHZSe0xKanMf4Vj\r\nYLwqxBPa70RbkimLvVGpXHRVuFU3jOArWkYGOwSKs6MDA+lIq6D5/gpgfmah\r\nuimgiVNWiZ8Yvim2nXKLqIFAoZV0iDJhZ7hruhU+zMYbLJqNOpVfctVwlWsZ\r\nlxOqit+LAWeBRjBrxqC8NVN5S2S45wZNRJpwzM70IEuGcvISGRdH05NX9htr\r\n1co/MkdA1q/SeemwJ6IpYzTQ5gsvB81gUEVX77L8I2WnjPFLOsyMOXi03UVx\r\nTPPkBsQ8IQ4adzKUFJ+Wv8ypVqC4WFplcG6MW04tg/WliSSjrTJs0mbx/lDB\r\n4e/5+TbwoHjuHDJkmQ/mfyMdTJajmtMg5awcTnCaZODS7y8NCGnaNiQ+/UaO\r\ncekUG2DX8rHJ+/PnOqi3B6MuPMakeVRouWl8W4WN52NQ6bqAvE6nx3K3u7m7\r\nOo2vzCzC4GJu5VgZ9CZt3xdE4dHVLKljfXU=\r\n=E7s7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-next-dev-202241614737"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-next-dev-202241614737"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-next-dev-202241614737_1652710084610_0.13965439207389796","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241614743":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202241614743","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cb21bd7b29f79b2cf095d869319b73aeb1dd8d0a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202241614743.tgz","fileCount":13,"integrity":"sha512-K0iq3KkuuQr6WW6RUDz4HqsAxw1GV272Ko687UsbvgdZfLAOnnoouPfB+pMRTg8cxRAxTTdphS1ukyxh94Evhg==","signatures":[{"sig":"MEUCIANTMrfdN6rUZIay+WNrW6muiyHnqVJzXZoQe6WbTaG7AiEAqOLMSLyZDJZHBLtHA8I0J0CGGhRkTMhCppYEa89avS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiglrMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqr5xAAlHK0Q2CqSLvxDBu1wA54aPYrX5EPaGnOdLSIZjAW++P8LL5f\r\nkTYs5ZazqITCJ1tFd6caKWn88qqPnIb/V0+ck1FoibgWtoKPb9zyX9/KRxBr\r\nWEsB5Zm5eenIdJ2l4N5wA4zlexviPy5rYNWlHCfnwpmSreAjKQB2H1UYaFWG\r\nSuIKoRl8wCUokkR7GT0TucgA1rJ1mB4B19KsaZ5VOT8AX697u0CAkcVv/mlx\r\np1QQ9yHuxdKyqki4kitMNqiAxSosMKftKqBOK4yNEFGm//asP0QL9oE7w81z\r\nzs3Hz5teW4WdhAg6Iwzdy0K4kqa5YR/Z9P57sclkgFdQHmAtJd4s0OifCyCp\r\nXL4qje86AWQADOJ1AV45i9+H1cbod9K+O4UgIIHgAkz5frT5Wrhkl8dzVogG\r\nqxD+ZbCKLfE0ZVSeVYVe2gW7+WfELijYz5yo8QBMxFlpVuOTmmHXpav3cHdv\r\nvSwpg/vjKcYihpkU4aoubJV9NcGIax3EzvnFFOto9WH0zpyW1J9GcHj5/fHv\r\nov6c1DUX2k4uRvWgSrHcQgT5A2bW9yagh5mCz2oxXkNLUWKU63tYIN5MvLZ7\r\nZfMLfXxQgCAwSMjHowEAUvzPvLWiD+dZ6nd8EqWp5qw2TJ/vH9Yxi1OsA2ty\r\n7gf9NppUNEzbfylBTfYq36z+Bdox4nCrg7o=\r\n=UTgk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fed228c088bcecc9b367198f79231c98e0a1d29d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241614743"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241614743"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202241614743_1652710092400_0.7228189723582512","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022416204849":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022416204849","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3a99d2c121028e401acd01d684e362bf501ef224","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022416204849.tgz","fileCount":13,"integrity":"sha512-R+MM7wG27gHBrsL0cgX3pkleE9P66V73OReXi/zyfcxGmJvJ6wNCKGUWJ9eyDyYD80kJ1/vGe/RrIL2Ih/c3eg==","signatures":[{"sig":"MEUCIBvwatHPVM75jgb0bcF1h1l7Fu1NZCWLCIhSMjXd7FYRAiEAixE0RcTpDU1gmDLRd5EMQB5DxizGA2ArlhLLiKIyVCA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJigrjMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXPA//ZjDw1fG4QXt91PP5sispCvmiv93JioFpyH6NxPYPruzSbjwO\r\nB0z20Z8uDSmMHxKbg9soL6tmVTMF6D0hjr6XYRjfmOY3r2cmQCJmLfqqpr1o\r\nWClx6cAtu9+kccuDoA5052ZmVOsyOMvif1SfPElYdWKcbC5jQB5GlcUvqR5u\r\nHNi2YdvG5yJ5xW2Q27eoR5t+bPwk5NbOzxMwk+yJQJNF+qHzL0bQSyU6BQDh\r\n4+q8dimWGab9G4+m2ud2HWZ8v0RGO83NGHCW19A+X6jea0X2khzf+a3XEf4X\r\nSm9rACnOsplaQGzqNstGSYidE4wSorYCYUBSC4tSvZEJvyHmMQz9Lhx91VwC\r\nQW2+ops7wb+lY0gfgFqCpA5LdZiT5riGaurB1fglT2hPc5Wvzatvuq09jqvS\r\nwXHrkCOub2ZV0gYXUIA4b33ldcoBGcaGwlm6+NnkGgRoE5gX9jJFi14eXbwQ\r\nWWPKZSeVp8kHx8cHNgGFisSOWmiALwm/BKnfOYi6LM57DkdJvkNqTi+z3Upa\r\nLTyJUvgm5c/YDMvCvEZUyESbg/z30SKLvoWS14sTi4NbVzPrPu80nu1+fjR6\r\ncB3WTu0MNW69jSB5hFbAWIbjITzomeOnae5gr0goagc1A5snEHKpMqZkGF3J\r\nAy38J4xE8B58w+Al4GOZN0gNIrmJaGlqunY=\r\n=/E3+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b6e8ae69f1ee9c566d9a7c99308c18020f96feac","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022416204849"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022416204849"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022416204849_1652734156083_0.052046828118505584","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241784047":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202241784047","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"dda57e3d80e218d824695c85a1e408248bed1d4a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202241784047.tgz","fileCount":13,"integrity":"sha512-v1APtPTwR0V/59RGAgSN6X+VR4L2myv3WcAuk+3Orcl5Jz/l8oFKG1VjKozZldKaRNmsmdbmeAoInt/ifwZiUQ==","signatures":[{"sig":"MEYCIQCcqzEc7zjBz6wvokILFA4iW4Oj8uk4kEShWuut6euqWAIhAMr0LnQ7rmr7iU+5Og8rwOM18aYCPqXpHDb7lAdm3YpR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig1+xACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqo3Q//diBJp+6tvNBMCyMqw8pqbaxzN0jlw9z8CLtZ9pImmchmGiki\r\nIMHL5up3qF8GMNtKpk7WsTY5syWRcY7vLFVYl4rCdamSowThOw2zrkSdQ8VC\r\nMf1a4ZjrlsdahySJ8FtxJZjs93AJaqlj/ML7BHOBAmscBgzgjT2AknrNraJU\r\nLDCK5nieWVLgY8Nvh7Htmua09uQh79IHgllJ4TmKv6Cv9vXHm+v6WgjF1l2n\r\n5x4tDHthfFckAfCzuXc//75GffXJXB2zdo41yEhuqchpp5Ozzp2eExr8Zx+r\r\neD8kMMFVaLJqdGcwknbj9DhrxP049f7Q8ufAy+tPZPa9o8FmXqM0ZMVC0tI4\r\nnytOY19LQGD0it5F+TlVVDnNs27l5SrYqPT4MWEXd5fGaT3gQjpjK5RBq9FI\r\nZNZiNZiN860oPTdwurlYaDXhfcms51tsAndJzePZzfuVfj+k7NdxcUnGuabF\r\nJTMfEyvnKuJ+mnXwRTayuAPPyC0as7n9r/XOlwo3LTP335x2XFQ1c0zNjkOZ\r\nGxipqbs5/u7QqKkztz9Xq9S+mC8RsxSANq4uhu6D1JKH9GDm3iLoE9woVvGm\r\nAXH4rtsXNOmjYpRu7xsK8S9PIYk6S4RVuPrTb8MK3ytXN1Uz9x++sB/hAXFJ\r\nmfnbGHVXvH9ecg/wNhO1p+aE4GlDpS5ni98=\r\n=8QKu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4f2807e4195f5a7de1ad9946540fba8590ac42da","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241784047"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241784047"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202241784047_1652776881577_0.27339381142302455","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241794553":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202241794553","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"147f1e3f71fc909d45da9247e4986d7dbd1e0f9b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202241794553.tgz","fileCount":13,"integrity":"sha512-eHSXYO8+dHxwQ6EQITituW1o41/3ZAJ4t81djWUpnYTat8NfIt/dPtoqppsGhp4X2BOCC4LybjCrGouzrwCbfw==","signatures":[{"sig":"MEUCIQDrmidKXPtzh1ctjnaB3NtUd8k5WusGN0bBMcdzTpxxngIgGazZ1NFqgWXbkmz6yaWSkmbSY4j45gwWVCzWL5g4/lo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig27sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2fhAAg9b8d5z6FYDAD9Da89mVuZJ67nj7ySrRSEtJfokuXkjHGTQr\r\n7oBiXYnBqhHYEnMg8Pwr94gTYywNDTDZRKOG9covArdJG8jJfumDf1Nu041M\r\nu9FklKgPrNFiAdXct6kJc7xn1SlRKrxIYiq8NLKGZw2eHB0iJXzUWO3EsqUn\r\nOBAcDh8g34vWPEwOeBv7h33leJLM3GL30mk2WRtIHX1hLS8QlpPwN6Tn+U8b\r\nymlTSDtSdorLs9hftOtPPY1yjOo1CNfglq2n5SiyFS0NIgOc+UzDJE8Eln8y\r\nRE3YrLnAdeO34B59rWBfsRcW0ceXrK1Pv6zBKrfshTzdWtFE7UywDX6cJfvm\r\n+XDqRYqyY4g1ClYg/XhKA4HLUZM+SE9Oj6pLh/YzpWQqdI/dYMA93N3W/Zox\r\nN2VPzhlqlcCtlFb45B7HcLBo6VPb8QptflXgpZFL5ODJ8YCkPtBWRsvZuoCD\r\nXRk64TFfcAWwl4Af1Q98XWAbZRKJYAZ5MGuwZ0AlIhvWMddtRD6HizZe+bju\r\nVnHdTJFQyJ3zHUcXKHnMIDE7e+V823d+hfxc0uKBFPdC7VxdCyQ72+Js3aoL\r\n7qxndbUQi2vE4DVYpUgYTRS5PsWAAcgzQTZJ5GjOPqkQm2fgnHiNdjGzAOLE\r\n83pTCsUueSX4aTiK2GA/NZBO8WWXLVARNo4=\r\n=xVeI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"05f922f2fada732f04d93e13bd53434805f4d619","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241794553"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241794553"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202241794553_1652780780067_0.42981487706593713","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710143":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202241710143","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a7a2e016981d7cc4baf6329f2566f78d117b2651","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202241710143.tgz","fileCount":13,"integrity":"sha512-oxoIqLwUq+SnAA4HPCo0CJgFONdhIkp2XB0pS/kXvsltP/BtuOkT8TBxDnaaJKcte0tSjDqUooARzwRI3w1w2g==","signatures":[{"sig":"MEYCIQCxpAL/homM/CaL61tIN7s53CwsqdIg/6IhG1euEAhh6wIhAKh8v/H5WZsZOhzvrcDJCmrBaqrGzf0O0fyUTVWUKzXC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3KjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIEg/+JlEF3oPu27nhb2uMiW5YM4I1oNNazQN38HLJ4RZDnfp4iAEW\r\ngIKkq/RZczgadr3IRdyTK5na2G8zuNaghPWvex9mtEh9MISKWOr9rGm83WLr\r\nZK8gc0LFRtFNAYZdTaIox9HN8/vqKKR36Hk4OYg+Ca7EjpSh+LKPaFDUmnNx\r\nsz0cWqihgPlV2loP2ENhDGoQcYfmjtya63KPKK7RuJluPdOfZR4CdBdbq2mj\r\nyTq+flQDH7wLIOTrxxDdNqJgO6dlj/FKquix3v7HgGv5oj/wqzo41xyBFqkO\r\nNdLcXXOsYgmwk0f0oqTbBbgZZhbvlwK140qypr/SdLeez2QbFh1B6JnPq+Ac\r\nZC6LNtzlgczNUCo9fJBBE6zDUBdhOA3+gGhPhy9M5/R7xIv5EjwBO1/pQyY4\r\nZr5886KFQJFCbX2o1Bc0oB6uwCQq3svrZqddaSdfAQQOj9yS69TsUdfMyp+U\r\nsttqmlN2ezYVatCuWNGg4L3EjwNrVrQptE8/z++XwL22F6MskOH7SUS69pTQ\r\nfDePXexlR924zPSOZvnfrk09rHJgf574EaLnunAmL7b1xQRlCnHoNSjDuQtM\r\nIPzH9Ss0xg+7Z9UQBCH6YLkcuQDuUIS74Ws+IALIgUzx5KEKVdZ5dbECfofT\r\nVLS5yDC/Su9dgpSIrE0MwZ/r9p3T7JFokoE=\r\n=xvKm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7eaf538a4db9e168408e114f80a2c2898cf4fd47","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241710143"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241710143"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202241710143_1652781731108_0.834034197968365","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241710959":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202241710959","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"592e142d28dfc0b0882bc4216957d6518392e73e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202241710959.tgz","fileCount":13,"integrity":"sha512-slE/E3yDZcVxJSDKLBo0kiQx8eyluyevwaYnGEuYKiPh7FGjPG1BuD82GWik3z0GnQ/nf/4yEWvuc7ISM9V37Q==","signatures":[{"sig":"MEUCIQCFIsxok1/bVMlx4Qjm9zBrM5e3RmLW+X+Qj8v8hbYdFgIgG3ONYGzcOPywTzIlmM+R0OXVCwNSwIc4mua4sIEmmuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig3SWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQQw//S5mZfIBOl/GvKs3wXXolm4lKoO/FYK/HBYmj64rO6XwdK81u\r\nvUAkEyUCgNGhX+ZbOTfO/eiA60Td41ytKxxzHmLjHa1X0zSOmPjmnHzcu0uQ\r\nsw8HBSP/esI2qldiauOqgjYjbybI1RJBFtpL6H3h2PPK8MNYXdq22XXLa5ge\r\nATQ3TIAPZmgf0fSdLX5iw8DG/KKyYvs2QY/mXRViqKWIAkCa3IsQc9IGomky\r\nrOgvEmtdJqZL88xccWCpO6cusnTa1A7uUFqmTAeevBO9h39bxRPcd2k4UEq3\r\nb1I+e5Vlnl8Q1ARX++Gczgmwjtke4c3s0sIbHZfdYXQlKc60HHd9ZDbFkOkb\r\nPK1cgPv2qeVm1xg4M2haieOuy/De9v2dJSZ71QapUJSMPf8q6jFnwJgYQ+xA\r\nwlj48C60IJciDDm0zfI6WORK4oEm3gVrG27tnWTee0FkyBnribUarXiQqNS4\r\nNQeSw18VCaKtPgR542xZJs5R9tuNU0kqGvlQ3JDbxUurSpGI45vNwxl8ynEI\r\n4EDgA9lCvU3VH0/sIqtrDm3wcCRJzs+RqTLWAfoeFgW299Gx6vl54QIW5mIT\r\nD3Y9Lz33EiNsU3WsiU4ufG1NkQoxsAzgNjtlLPvGHAXDD3Ui3dH+Lf43XLhw\r\na0C6dRBUVmoJk+kl50bfTv+bToEhE74sFdc=\r\n=kaJL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"393ca5b165fc46e23afd90a898256a0cc3e97731","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241710959"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241710959"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202241710959_1652782230626_0.19861976060215913","host":"s3://npm-registry-packages"}},"0.0.0-dev-202241716586":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202241716586","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e6765a1d5de769bcd20d92934435859b37add558","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202241716586.tgz","fileCount":13,"integrity":"sha512-d2hqAHi2khaJcrCK7magfEjxBEs72HAQ2cWcARhZy1ZmZbuRysGuQ94sUI5Wc0NyJxJMux5E13C/RCDhqGQ1UA==","signatures":[{"sig":"MEUCIQDuSxTJcdsswuQt4VLULkZyEg1iy5IYIQNO0K/HMjNuiQIgbZZy2Nk6HYRQVo7t6JjWIC+8EwzJ/Ivol0ggco4ABdw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJig9Q4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkLBAAla8ptEcr2Qq78mUpd1VDQcbRQR1XWLKMCGF0kFZORiPDRuVI\r\nscCN/sJwr1BE4fMy4ixgP47JeqFpTbCPDglPxaPuGZ1L/GHbejF+3s3718mu\r\nFy0Mck++7gNLTvLnOb61Q59Nekt04fL1L0SC79Xjz7MQvu9xQLXOYBubYWn+\r\n1FcKVWnPrAbocPDC5hjJfA9Qhtuy1+VL4O6BC/rNgASii3fKyHsx997adIq5\r\nvFJ4c99IujgQf8SqRTmoFgL7Peql+/UzrhKDLw6DpIKrFNxpq2+hp/B3s9ZT\r\n8LfCoiO9bmL0CSfHiKD9FeD4+vdfQpch7Yo8BFa3BuAI44qtajyIjOK9I8zF\r\nHeXXfSWHrTdz8drw0lyyuAdRxEEbZ6O+oXV5hJZkQlA6RcXYP1VXc5S/zYip\r\nfmZSmL+HUOwshK7FohKp1LKlJ3tcjakM7J5L+wzzwflmG+fi/foLUR8wrfwD\r\n+2cU1GJ9BkWxxTPMoTKVzbK/wxa8MARJmRPKzHtYNeH/pnJHavETTBTB2PTq\r\njeIJFBTGR6wZ5BJg01G5IOMA3TXNWVU5b89mQ3BBtVCkKkEXrzPYWZDVaAAG\r\nZHFe8HziZ+6YY4S93vL1Gp8fB9M2J0LfWWjDPi5nLl5azhHFG9IHpwJyQ0Hx\r\ngpS9rRTkI9HQOluT2LyZTkhhnrk7Yf0APx4=\r\n=CuhT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a9727167c9529f5512717ccf162fdeefe37c5d8f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.0","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202241716586"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202241716586"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202241716586_1652806712482_0.6814904307868779","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022418165624":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022418165624","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-2022418165624","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"adca9f026ab3022700326ea77cdf51e54f1a1caa","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022418165624.tgz","fileCount":13,"integrity":"sha512-w2PQ9EhBh6uIPBXII1r7sZcoORPgFIi0F4CguXRtsAfzB4bqdJxGUoBkf6TAWneypeKIdcldu+/F1K01D2OPdw==","signatures":[{"sig":"MEUCIB2KHZDulypW/MjrusVvC+w5q9MPabUs23nGNU8UeHVLAiEAyogW2sNcIMRMoH6kRFS4Yjr1GriTrDpvWCV8FDABeHw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihSVOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLVg//YhF4jcc4qH62NNjcNGqMyIVTKZcw5Qk27woU85HD8IM/mjWU\r\nxVMlRwLYjtNvH4zOpKtNaXat4e9+QLsPR4gfxc8+MX0aQ7Ifkjema2j3meZY\r\nJihk2P5YHR3wgDe0GWB/iFqCZwt51REmoL7NS5loyYnrJxADcfmmR5eFP0Il\r\nPynVlW/vhiU9JbiGEB84XyErfpx7D+pA0hOYJR5M+sQOGUqnWxj2EU0bG318\r\nc3bhv3it6YH1RowfHkMYlGQKq97MWWyPxeAapF7gGW4bruvO1W7Vy2yxbqlS\r\njGmiZKFwBPRKBQDx7suNqJ6F+99ZUigVRI2bwHKq/Tg9tq8HKvXmOYaKiyxD\r\nhtbTO71jChaJRdiAfOb7+tP0Fw0FRa/yZzQMZ+7N7Ju8me1QG5Kwxzy1AdXa\r\ni8wFOAQqFQUCZwJOYQRfYm7ngG7y+NZXSEWwoTZZ8V3BzOyT4+RXRdKxSTfe\r\nympIPqEcfK0REcZQ9ftOUhSE85jl5l06ZWQeuUOV0BWgRvNaL1qGk6M4LNV1\r\ngpNf7TOlC3jj2cugHX0ctUaguiIaubXgDY9EasyHoGBaVmnrlRUp6mrVdQeG\r\nfUkNgJh4jX28k09op+cILP9p6GV7IFjWXpn3Iuhw9RS42ouGIHVH22ABRZEu\r\nN19IpLFg54FL65gU0PN1qCAOOGYDRU5vYk8=\r\n=yQEP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4b76f24afbef9f191988cf6a046e7374639fb89a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022418165624","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022418165624_1652893005998_0.5764857580450107","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022418173331":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022418173331","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-2022418173331","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"9b7b088017a479d407fc09cf96be9c0c166a63bf","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022418173331.tgz","fileCount":13,"integrity":"sha512-fT6V1nZSEYEXNQ+LVngSS2p7hW+X9LX2fSU8LXzjFNW4v+R1u4MxPMnU/pyhlUOde8xuLHKSNM4WoTlFX5z0QA==","signatures":[{"sig":"MEUCIQCwyiGKJvGZVG+v76fX9AX+QLYQu0EReTyed6EStJ5FigIgK8ZLSU/AG6vDElDsp40u1DEBLjfaoX3XGlURtJLjXLs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihS4CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpF+g/8Dyy1PTnaynK1EKqLLXcA0fJNU6402l4tJphVm8SYwT8F6F84\r\n1HDiqSfqLEmH7mR4TXScBMmpeLwkr2Z2WOxhGUwnOWjmtJN/YcC2TMeXLTWF\r\n7Jr9z5CIi2W4A1QpLrFWrCB7fTngoZ5cWEwOIHtqXDwqSie5YpoaRV7lEaPU\r\nDsDAo5ei62+0NLxp7GkOr6S90GKloqchmspt7WtVoMbG8kjhOV7Jkj4n6Ume\r\nnFbsweqaK4Kb2PJ0FQuNzoXBjB1TY47JlBHtjhCL7sS/NRik+xvGyeCb7rji\r\nVpKhlg6A8wRJ/j14jm8SUVDPKr85bex1TeOgp/2irPcJSyDSkZsN9+BO83Fm\r\nFzcsodbxnW4bB6Znj89MTBZtczR+tLXEUH/kBMiKOUnZfTyPQRFyXJzT55S+\r\nMjFujo6l/7WEoQU0c6c8sK5NT2RwkqlOvf1fqXDwbrWeIucycaf9Zi6MDlI/\r\nmuf5UtFrejmWx72bCN+9dhZh5OxGwJtUqI7eQIGKZJdj9HZRcaSoXuKORbcH\r\nMGmVxH67ds0PaQbLCMBVmZtc+nQkDIVqDboiuOYmD0isJYvn3XyLc8Td2w+z\r\nHj7Qzu5qhtdRJhuadPIrWZSBt/mlZpWZHmfuL8aPrXxlnE6gFvMc3CD16VKO\r\nlcFxzq/GlG1QzF4GKSyeYmYPMzUy9ych1nY=\r\n=iGby\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"427b5c97134a6f4e621491d124e765237293ecba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022418173331","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022418173331_1652895233794_0.6558142896849986","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419101754":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022419101754","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2373f66a0b82fdf6075d64300b12ddfc7d11145a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022419101754.tgz","fileCount":13,"integrity":"sha512-GtaQp7YFBn4Ax2SOOpcFwMYx3gNagA51nfZA2bUsi5mPU9i3DlMGBkkYuy8CoXRFa0RojiCMtN/RxD1jppnODQ==","signatures":[{"sig":"MEUCIETVAkKVhEaUExUSN3zwmtetVRD4oyZt8c2arRYsFdnaAiEAj/X0RH3t2v10wv5kfv7otzalwSNIAW6BFwGUxFg56GU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45221,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihhl0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprWg//YyiY40MJV/ZVZYlLKocZd5U3yRxnqjJGCa60nxQQdP7Y0Z5X\r\nY1oZZPwGR6hrxPHdASejTIZsUhK7OFZBvpD0hSRLGayUJllWg5QS6zb8uuLB\r\n85DOKPONZ19P0cNqH3LYHMc3Caks7Ht3rYfleRl6juBSF16E4lR+wMrgWqwn\r\nymTQ679qTYIKHek6qfHcEUvBJ4lMf23sJCvgKZF4/5AZZxXBL3QQFVNcHHaH\r\nbCS/xGGBBHcugsYuzOEciCDQQibX4SBfmN8tH5WPNlMZ3F7ylnSgqWmLSFY8\r\nwkVxj+ciNf/Ge1JS9fAvHuxpJTOgnZxlEObQ87U9OqwcX5KH77XdPqV6yEVn\r\nnfg7WH7wklZkgwq+Wv55R5Z5wZdI6LNPLV766XNRH8moOmvOGlfNazL1I+4n\r\nSoSxsvp1ZXNz66+8N1NY5Bpzn8fCAUFM5poxkIbq0AsZVQnJZTmnCYCJem0m\r\nyU1cTXBiQjtwVcUyP9KmyQ/6WE2Xi88YirfZcWMDQYiIqYp581RU3NETjXfg\r\n53RjzQ42oOkn92/XwcQC78WFVImbKmErC3akQAu+qZNm3EOmSpB8Kjfj4XIs\r\n6H/vVnON3aORZdtDFUPRaueGP+DnuDJRN3hBaUti/PPj0O/E/SEiWLZu1Xup\r\n6Idtwti8CibnKR2ju47i2AMV3feL1bdT4AU=\r\n=Fsc+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"55c87cd62acb01bf7a74d75af24cdf8a091dc1a6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022419101754","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022419101754"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022419101754"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022419101754_1652955508186_0.5762898776084895","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419173934":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022419173934","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"88e14ec68151f3a741830b196a94ce2ab8f8fde1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022419173934.tgz","fileCount":13,"integrity":"sha512-ZcuqUBLIM6duS+EXjc3JFsMUdmnAWFw0ZzG81m7PqlI+6TOr3vlivs8I40L1zmIljk1KDSbzZDSKco9fH9QPWQ==","signatures":[{"sig":"MEQCICU6WssITwR2Q5fldtIayHtE3cAi3XDIIrw/SEdwSd0sAiA0vKFxaJ2cWUb3FdAz/w37Mfny8KRX99ujN1xGja6fdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45221,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoD+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq5+Q//dtMHVBxREbDUcs+GpmQIVHZJJa22Ncxs3yNijf0s4YMAUgJE\r\nJMXCrngCKAou+sWeP7ljGJrCKKQg1GB9KJns5sI8UgkUvO8vf77VWmdUG+Fo\r\nIlqLrYiS/84TXckNdSKcEMjeXymwP2fGzkiSJPN+YxZ7Zm94HO748At0mQos\r\n1gJcPu1CEgRKFtdXVAmnRWOgYOYtCyHmyL324f1oZVZZHEFwa1tmuXZGgMLw\r\ng2UAkVKcuKhRJ1aEZJ+U7m9hFeCvxWPDkmd9/N/15mDOMbd9Pd+3D6lDHWVa\r\nobHeRnyp2vKGHDEK+UznUyrIvZfWHD0lBKOfmUbgO1cBx1PI2hiZvL52EPCm\r\nGYfYNxcZbRM+8jBCeT4imHigY27QvIuxd+4aQEoTqbsPX7d3vfyHmCgrdMu6\r\nyTA8Z84bLHKNlye4MayIn9l0UFVURSzyxn8BJTSfGL/FakE+IXoLTcfJJfRr\r\nTddN7x4kTfNy/mUYmmLpILnTFNyIpQIC4terfKWb+CkrUee+Q2I/oMxoQTEB\r\nyjMlGJk1zhSh76+PFEkswMOz7CRxmnY0/5UgiJjA4oruwAsuCzr+JLxZy0ju\r\n13hGu0ZlHCFWBrq8FemWv714AOHnSZI1PvqfBucn4KMbQSAEDn6i3dpFCnl4\r\nZAtHdTx2I+OyX/HarHqc2Q7U19OBPjYwUmM=\r\n=4wrQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1e1503f48905bcd4c0a1b5767679246c1a03db1a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022419173934","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022419173934"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022419173934"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022419173934_1652982013899_0.9275075032588087","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022419174740":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022419174740","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ec60391aeac15d97a5e16615eec2ec7f3f6edd95","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022419174740.tgz","fileCount":13,"integrity":"sha512-pOg+50T7lxlLnhY8E3VHf/BjQfKgd7Ll0bb3YfW8KJoGprbZZxEwA5cErj2LQgJ4+ELkaSaxAxUuyyFGSfqANA==","signatures":[{"sig":"MEYCIQC6fjC8bgqrkMHgQb2wtGX5XVMLLyJpGczovW+Feq+cVAIhANLBHtaC0bvfpeEOsXW8+iQrMCWeMzVp/ZYVsilf47/W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45221,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihoLdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrcCRAAmmNZDd5eF5QJJoCn+SeG52L43OAYz7S2pb81cvU4+jBI6qaf\r\n1ezQ/RPTd8zoRCSaXJ1dXQJVZIfiA0F3isojGRpHzmAhjqzjMYICn1BHXjGg\r\n19IeP+vp5QXELV0x9tca0T0SsjSXyVGGjX/twQa94nEFnXn5XkHb9nr33H52\r\nJKRBrWZiTaoPSjAH6+6ETQ4W6e8OYOt4AJp35X9x+W/kp+UWaC/LO6/a94EI\r\nfteB8SLvv25zhonB8CDjj7Bgn9huB9moooB8rQScBe6KGNpjJf56/s990dLZ\r\nPOx/yp5dTjGVXLn8ZnG03gyo6haJLzkWkJJA6FZk/YulNqnFzHL91eEjIPcp\r\nyVMOkOyUAZJPHcrEBPWldEjLGm+G0g+aptzECDKRfoDl1uvuavs7rUN0upln\r\nqd4H4Bl9dnVK/9u0GUy4mXwWjsuE915UcyTb/nk4InwrTsfnV+gmiH/+9xaU\r\n3/Q8EOd26vCqHNdXKl4+qrEZC+rRjE75zOewolmrHgNNol4EcCiX1QX9/MYj\r\ntPZGnuOV4JhL1+zcErBOY7VebHQdV/hN/hifeHGRlHm3i0l/wh7q7qIcEJXb\r\nTr0KusTHUIUpPrc+Ue9b9aOpGvK6XkgXCPYDRoQ4gh8EYtTeKgl4Ru48depz\r\n3d/JqopUkUZfHVerDDCW3IvgKIU44UT424Q=\r\n=ITIN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6f23780c03750a1b70d8c855c7058d2b9958b6c1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022419174740","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022419174740"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022419174740"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022419174740_1652982493765_0.9582919099872529","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224205231":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20224205231","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f4d67749778120f1a1970c1e7f722a1688dc11e8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20224205231.tgz","fileCount":13,"integrity":"sha512-rxZlJneJxn82TAXhdMbeKHazSrc0C3Sdqfd9jPgeHetV4L6Kyg4cDUway3B1Hw5+tKki6H7nEG1Fp5d3P3NrsA==","signatures":[{"sig":"MEUCIAYE/R4oosag/XFSFj4vedvFwF9xTMbUQPosr85UpeDKAiEAzRPt7c5Co0VLHjiCa3BvopBtcgvIr3Cr94FqXIYpZ4k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45213,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihyXcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoogg/9FbYGpXNoyP9MPO44CMJ3rQ8J5HJ9Mcb2el9N8pI8sHduiFIU\r\n7Xe/2un0VZXx0UBJfa1grES7N4u6DPmKB1pOXGMEihTqi6RjiJF5lkM7MeCf\r\nNiiUyjyh4yHxakkU8KqtLmciaMZOejlWF1HgyL9pw82PPiW+OdpeWd7p6MD9\r\ngv4zNMZ+4XFKP8HRHQH3RZ4sEcci3bKUqKN/sFTfj+ImyLCAzx/uo2D5tmNl\r\nz55xHDHaftC7ZnZdUcWMjm6KObNk85bnL+bz1JXLI8hVBEW7FuZW606T+BzW\r\nD7dN3hlOTgDWetP8ioiIwVTeIwYHgDiWEuIag3Q0LzCsBrmqdrmjIOfcAyT/\r\nCWdU2n7V8JaSZ/NVyaFXz7KnXqXMrwQbmz6094WMBBd7Kyr3+haWsC7X02iY\r\nLffAAd0QrGsSLBMg6p7rDwwoRPwkovAmx8aP1gwJrMgRtlesXbpp8q3JnAuK\r\npWdG/2xKX82GjPpj4aoQnMichjWDsC3N6M1giZT/hH8PIDYOOva8U9KgxPKi\r\nHHICP1TODZYeY0uOOBNKi+kLN6LIvBJmzMPio8eoTRDnQZt5v43HN/tI5YfE\r\nXbah1R2Ghr/I+b/97ibJ12+5ybbql6dlGr9RgpHbb1zg9Y2z8TQVz7YBvqFg\r\n6SOuryx8kMM9qv8UQaSqMepEs3Iz21CUjhE=\r\n=4TjT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"37054f067f41bfd387b92c87de6bff4e43638455","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-20224205231","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224205231"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224205231"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20224205231_1653024219986_0.30634205976271556","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022421153722":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022421153722","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4857f2339f33f0b825e4b1ba4f9299ba7bac12d7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022421153722.tgz","fileCount":13,"integrity":"sha512-Z7VWrF+6GUZDryGDmw2fd4jmZMrt+yOpPtMTg5GkcCdAgnHfZWonXrJWuo720Z+PBXw1duz6/QhnsXCNXQIAWg==","signatures":[{"sig":"MEUCIEEACnLqXBkx/Zt1DB3MQ24KbbML6V3MgnZCDEouqieDAiEAiVbBFLqa5F/YToJ7A0K1/rWWWVoOYxOLae5mT6VnZuQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45221,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiQdWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqxMQ//VZRuNZiD1YewIjPKR7bYPprB2qcP3VgmWpaH61Rmsn1zUcoF\r\nV9sx0cJqllrc3cO0ObkIL11ajVta5Od6/x2MBV6FT+JRl8sqWtgungB7rogA\r\nqOWF3W/2+RISuXoUw3zRQTPMO3UEubJxP752TfO0bsUJN2UyG9mW0tIJXlk4\r\n3Kvo0Zz5DMGbbLykK/6RQIZPDjzkzJn0w4oskvanNL0lhnpNNCrMBLo9hy4S\r\nDsmATB55xOle+wHoHjm/ijQiAnyxHKeccfijrdkgXCwihAX+l81A+J2b1i7Z\r\n79aHeOxr9BTwVXsnzB9toSwRgqJXp8LqEI28sEmbk4gWo5Egqd+sC3T5eqrI\r\nV8YIeC3K1KvZA0RSAshlYxNib22hwldk4VkyuQilZMXQSHjcRU86Lk7cJ8GS\r\nsJA/nZetFu/fa3NLJ8u5gAbn0o17awqpVVCGqPn1pVohI2XgP4lTj6k0UoyW\r\nUh3AYLaGUmpYB/SNkMH043/6Cwbi0C+9KzcOUnJBjuwf3z/ha5DHJLOIsiSm\r\n9AxU4MU/Gox95hDmfBSs84xVXM8+tK/Q97irYL4T9MEOKNIcDG9LKp5jOeAJ\r\nLkwPFNiefsT+Pb7iAlmN6s2s6L2/SY3dtSeDiopimqKrB+xPCz/5gpfsxCNP\r\njjScXl88kB2VEUOo0Xp3pxQ5cIGCkQB4gs8=\r\n=75lR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"47b0f3c1d446ec73146609bda3c2b19b367e9980","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-2022421153722","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022421153722"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022421153722"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022421153722_1653147478228_0.9652248151848839","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242121518":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202242121518","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3cf57c17be12efba582863ea7e8eb98ff71fdb8c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202242121518.tgz","fileCount":13,"integrity":"sha512-C/CEVov8/ttNFhP3wvFM/BTAOrsnJExfM/pzJpRV+V1HhgF7vOXerKTo+hNfmdUcicO0OQjpIWS/NsP9gNebpw==","signatures":[{"sig":"MEUCIQCzk1lW7aJOswQ891pLNot0S7g/c4hiNsinmaDzG3rvhAIgGD4gvY5N863/gQrTJmiE9hCQR4y7N5I4FgccXVlm2jI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45217,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiVQwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5xxAAnTowKNpYpCxzdVUkhc//SRCI465CtMF0CIXIVzMHJHcIUB9B\r\nzTsOftbsqCZCfalsvU5F+ZfzP/f5QZVu4iG48a+IcIln7SMzJGnbXGuw2VWQ\r\neCZvn7MSz8eqSzYFuGYMAt5dwG7OFaewLbcowkt5jRvVrPje/6I2F+FI6GfU\r\nUAKcFI0mVBsU9398Xg8YyVURhhqOvI4Uv0Jwdu95sLqj0V9yDsm5EhmMcpdS\r\n2Yd9uZ+7dlZidti8Tfd7xAUuDYEWD2uz+9LCsijiuvR9aqdbF8hVGppGM2zY\r\nipqmpsbv/g1LVWEgTFVv5oKFsReqwJyzDlhl34O0IVt+0+T1EeRP7WCRtGUz\r\nd+5ebmenahKln4ygzUPVXNMcC8DHUHhSwhv9+nX+l5nYi+deOpD+XW0aO55L\r\nJRhUS4Um2FSACF36FaEyBav00i5rpmUFDRi0dQBYgZXNpslINb0ETMKgksz5\r\niJIqFOybW+KgFbQjz0ScWcJWicSM3AshoExvr+mfGD1BBxhr6y/YS6KjL713\r\npBNv42E6Jz66mysJaXELSkprOUDxrL8lL5iYgQxos99pDqrEeAZL5rNYu8rs\r\nNO0Qwqzawpe+2bqqpfJMG1T2JE4bGuIxlwNc9KWGeaF1mbGmTNdmuTgGYrNE\r\nZStzqil+Z6BKnDYjXNCUfxg/vyMbGpp5kLs=\r\n=/wHL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7150626f047f6cd0f559acf8fb679e29eaf7247a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"0.0.0-dev-202242121518","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202242121518"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202242121518"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202242121518_1653167151959_0.5726586716617601","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@chakra-ui/pin-input","version":"2.0.1","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8aa3d2bdd5cbba0d5467e25017bbbfcd7038b83f","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.1.tgz","fileCount":13,"integrity":"sha512-KZTwAK3bc7gcNJMwrnUyKxNQ1/kZ/6PI5ScGOtDcd44CjKf46J/zdLiX0caT23r33FKLENOV2xxv65ppGOMD5Q==","signatures":[{"sig":"MEUCIASj5sr8ly5UZDVd5rZUTWiAswDslp+ddq44Ftt7BqAVAiEA45BxIdSQJVh5T8RKUCXWFc3i4nLIJjykDtox7e/AQlo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiic0GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqltRAAlOFOxhWznW9o2GwKAjdWpgkMswH2lunNBgpbPaYkIQoUa97B\r\n15zSEwI2aBuv5uj2T1DAUFgiLiS0bhgmdJ1fehBeH676ExXjEQmTBMuFL9bA\r\ncLlNMh2xfAFcNlGimjJl1imPtf/8DvbMZPZ1yfQIuL8+lmTnx+/JrcGuoP7U\r\njOtx0BTH7au6vjFYEaHT/z1baB6515Nb+OKekggfVRiRvSBXw6gW8tlcLfVA\r\n+8DoyQY6x/lRwNEfg4j49fDrdfWmaTmJC233xLJeKqJ0sCmdwZzXzr4EFvLT\r\nz34MGYvxtC4QwmC488eM9/2S4vTYKtfjqIFz5rySjVZq7/GwXniKkNI8Avzm\r\nMGWPpnNPfkTu0QGTaIZCg/m+Dqt6M3Bx80VIx+WUf/5lBWFmama2tLMfu+zs\r\nQhn8G05QEO8zcfwmPZBlh4DrVb7BId6x13Y52wuB+bqOt36prJVs5W1Zkfzt\r\n0cbZ751jn2TcEW7Zi/iX47toaR4NP/tWe9vOvc1gboIovrssRRoAOvRzsVdy\r\ndw+vyM79Z4UPJC6m3HC+T7RzJ19hV5h7QfWErRff3hfjO2qcFFAFnk+uAsn5\r\nQps4tqtRrtnfpworzoWOkpawnjSIo1XNAL2fwbQLE+AHsf9zyosbbMfdELcB\r\nuWepDpjqYj60rzke9Kb+7ahjUnfju6qH8sM=\r\n=3FXI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","gitHead":"9980e6ad4bd6c1f0a44e21ec4f8b28e8264abc34","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.1.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.1_1653198086582_0.39937324525272033","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224239149":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20224239149","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a7ffdcfd3bc2e719914952f37dbccf457cabdafb","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20224239149.tgz","fileCount":13,"integrity":"sha512-vPtcHYxoa6rHNj/Qfo7QX8B0CEj5NEAfPMgsRYHJYbybOan/i2VU76oAYh1IQeSt+/EWhYhJ1EpS79xOp8Dp9g==","signatures":[{"sig":"MEYCIQDoOZSZbRKn/y+hce5YjTn5jgG+eZ6CuqrfFYO2J40vfQIhAKoyqvG+D1868Omrb9Pqz2STpizvZiYJIPxcEVZdHdT8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45197,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii02fACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP6w/8DM7hxahijBLRwMH7Pt3WcQZyBEtobPeA5W8/kblq6G4UlgzO\r\nCSu9PD7fZLon3P+v1b8WwWX12gB8Xi/Hy+gtU/Rc1EmlxYg7+65ZlyYK5dOp\r\nVTmStPXO3zPMRbM9OpPnXyEG1RjWtz9j8ZKoH+tbTfsrYO1PmgAnf4HUmqo7\r\nyv8bpvhLZJKVx5+cnrG8rPxBNieHzAEhisYt/VI07vUpj7jgP9lzNk4eB4c6\r\nxaQtW0L6YREeRLGD5ypzJMZUTdmNN0FQX0kcSo5/6pN0Z5gJEITyNKLlhbAv\r\nRMGFs8LsbsI43prNWjErfxhsyebGhplxOpVU+fsCSXiXNGuFT95Qg6Hq9Jbz\r\ndNt5xu5L4OuI0/W1bZQSiNJBOCk22vxXflNOiFz1AV5SuFfzju4zegM3WifC\r\nnnjdCMAFbtwjzdLVEobl3LsJerayRirPN5JDDy/LSMr5CPQrY9keTZclGzZa\r\nRmksznAj4/vdvWCNzteU20WB9mYwiEnYLM+H0HvTeLRwDFayDAqJvOdWYPId\r\nmrLVvM+gq1cCZpezjfFeGxjqreWPVPLi8ONXrLllkafgwN1I8OiITG9uah3d\r\nJ5cHVt/ldP65xuI8T7raxp7UXh92bXQWqPXXhLsSdCL2EfrsGDpsBHpvVhWf\r\nUFUaLfUuoOPMQlJCJd2lBb85eRPE0HwZ0RM=\r\n=nuAY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"618037ec72af18957a3ca3de300049b784ae7304","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224239149"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224239149"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20224239149_1653296543013_0.7270904667928706","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423113827":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022423113827","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a4d3d588527da5199c765174baeb524014650955","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022423113827.tgz","fileCount":13,"integrity":"sha512-alWfl0YA/jeG5YB/xk2tN2TcvGyyCja8t0OCIaD3JbnSyDzSoXeKJDhadHzXWzbNX48y2aCWBIdDxviBlujOwQ==","signatures":[{"sig":"MEUCIF6Hf58ZVmBfeLPh3LAvidZ/jT9i9PlDnM7vJUrmRX9ZAiEAvIM49CJQUhxVpEsWcHQC/MSlAAjEbxOZ4YGLujmNhmU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45203,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3JOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrvng//Sb5R4mI6mv+BSAog7ID3lgABPFmb7rIU6qvAefgRZuoc29Ox\r\nvmWhL6yo+nnG8xhst5/qNgDj4LFgULMIW4DEg8Y0YogPXbvNfVBcYvkQ2N7+\r\nwf1rmuAKnFIOVIu/hQE12fvOEN7HpJX8IOciz4EtDdecgSK+RAbTOmIBIE18\r\nqKqswXRwFwWmhCQyaqY+efVNcpf/x1km69OQXhLP1XMJ9Yak4Nsh6aSIFIa/\r\nCNc53lwP03JfIOoSxLKqVCCoMWXhzrBgy/Xop5uF2pfO3uiInjxvYpEzzpMO\r\nKAuZ6s64zjA1oBAIMh+PSKhPLGeoZsY7QpSqPHlRBRmXKqHS0xPebY6BxIUQ\r\n2ZIxZ8eBFbNY501t4/DjQK3p5iJ/A+e+3GELeTYrJvJQ/UpbE32wNJDiQ6sX\r\nTk5v4KnPq7Yi1R180z4VWIaYEn9rwiGCKnxKCARUzOl+Uu4CkJjHzD0/j9ty\r\nNAlzQ5JJGimrpVgb7BuClRwRN22smgYI0jU1TPZ/P9f1cJhHvvVm9aJtroZJ\r\nFsyptElhJ5tpPB2HK4bI7v8DZLROYc04PyUUxFalVGM6C036i8LINO33ttSp\r\nv2TVScx+i4R6KQedQeUfaHNnxOjVz0Ld/TDvOhT13onB9Z5rKgfNmDJtNm5n\r\nwABRFKrknAoKpJW81PSP0cm8wjQBoNtRo0k=\r\n=YjEg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1026770a2b96b51a1a35f56c97fcbc42abbfb4d4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.0","@chakra-ui/utils":"2.0.0","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423113827"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423113827"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022423113827_1653305934278_0.8699041710399991","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121532":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022423121532","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c57262f2e11e5ff3777d5b55cffc9c4f67e8ad08","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022423121532.tgz","fileCount":13,"integrity":"sha512-qju8rCoq68SigmGb35qUFUZtWR0mXDrcwEqE/MWdht3AJSUIpTXNeov/53S0k9HXF2MTBcXbK3ug3g1p0r1tvw==","signatures":[{"sig":"MEUCIFQkx/zMeV0WA33Dci1Jt6Z6o/yzn9u7l72YOX0IPGfPAiEAizcmN9cwVZywOgHvSo9jKzIG7PIZLdlhvm3S5sxQVZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3sJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5ZA//WrHcS18kr0iStb/cK84NxNavBbdF7KdaOus5Wj0GgwLvma+Y\r\nRJELvIYwilVV/S+XKwy748/tTMmLS/xTgqY323pqBJIfQ8jY/pc68OPPCqjD\r\nntLmeFl5FmzRdwHNQiMjaPD7uI2U4FxvSJ9ofIvIulAEHH1kL1hOml7ROQkh\r\n7JaFwuO4sUzZF2F2Di4ICxj0MeUrejinKFOc1/VVjBSaNpjs4tJLUksOk5v+\r\nPAXRYj9geFUUFYSEse1sVNqNTjMSY9TMFyiJczM45xL5LZd2FR4u+wMHx/a/\r\nIsTycCgGAw/cu3vcQmdVASdYnOLRw2f6eo0Ax4nTxDyyWZMrVNNLeUmX/v76\r\nRMoBk7QXwR5e2eCPN3VaW9w5ZsH3rdAN3BSpXcS6xyOhFC7Xt65ORDmF3QL/\r\nQ6spKqkZEuEotkcUU2VDbE5ZM3k6i5YuosYTzt4OvdKNpA+sKiGuwX3NbSgj\r\nNtSpwSS6nudgUoUKT6+rC777WZcG6iJuAGsbU2hGJzLkE0pm8Z9J3h85DbaS\r\nSiyJcGId4lwgW8Tk3psyxpdIw44NFRO9Tgq8TbiEnYZI40cV+OU+NvoamzFf\r\nr+F1bLbJ5oZbJ37wkr4GAN5XnboH9zB4l+ZdB7Q++hOe7CuMhjEIh9+DpNiZ\r\n5wvGRSmk5RYGSRHzpPXW26gp/IQV1dlsXqc=\r\n=8YBr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"35b4565b04f75dc5d3874846b65260be849d08ae","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121532","@chakra-ui/utils":"0.0.0-dev-2022423121532","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423121532"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423121532"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022423121532_1653308169218_0.07300398682436438","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022423121615":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022423121615","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"874733abd0bab82c9de9585c29d27194124d2983","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022423121615.tgz","fileCount":13,"integrity":"sha512-JgEvpTWIP9ucd/XlX1ZDooGSFqMA6wyTz/nfuQ7pb5v3Ee3WYgfk1j5ul3J336WfI1wg3wsVCMEWtB1/3lm0MA==","signatures":[{"sig":"MEUCIG03DOAQRAJPZXPy9XN5tn9Ogv2EtzUa7hGQL5xbrtjqAiEA21Sg61WKWm1jeQ5qRywjO5zPxKnaoNdybfRtOyekxa0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45239,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii3s0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU5Q/8CYLHyYTxJ1VDGgul3hFk34W2WygRmQZLfofrgTHPbNVf7W7f\r\nae7V6RQLOuaVpMFyYUPn5/oW87aNK83zAyD5Sy5PhR1Ri2AIkNmzMkK+JrOk\r\nLQUcC0FKAdWCn6eRQ3wytVpoghfeTQDfaf0V6X8Gk7l3gUvuRjZ/WLB2JWXa\r\nFzBIzODMyJj4chpdxZI3WlkZ8gkmwVTvO/WCBKAwdMxTCaZy7Qqu8KYLo1+4\r\n0C/kbsNVdsfGcdZx57U3StRXVCnG1bXvBMLDv7a7NkzIaM28omNalnuiHjnH\r\nz+NTL9cDCgzaIwMiLHJ8iH20M1CvTOsOR/mwh0eIM2PCtefxrla2pX5YCEnE\r\nASG1TWJ9miAe8BaTC3NLnZ6sW0DrUsT0/tbTEohfgtN71R8wHoQbpH3dk/UW\r\nybTDd5WQ23JkzV1TDk4Lxm4x1rzQ8ejW4wRXChCjODLR8gGwQAW7lTI35f5w\r\nZqkSqILEisr6lmboTImFR7dTE8mlfg9+pOhaGOM6qsq1nVMaN4ej9N4fperv\r\n8jO6uUUl8oSorkSxNpC9oU/Ko47NMhHUPdri9T5xXFP/GcsFMif0AwUdKP8E\r\nrR6U9lYRe95YNm4jYMjFXV/QZbtBeV1J82aRhnIH/NESDpFuKdnyENX7/nKx\r\nNWHAcu1bJ9eyvFcUMbjoxOySMFQU1+7tT/s=\r\n=0rYF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"38452854419b6a8f651d073c02c89fd9e4520158","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022423121615","@chakra-ui/utils":"0.0.0-dev-2022423121615","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022423121615"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022423121615"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022423121615_1653308212027_0.3484008425073033","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248246":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20224248246","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8546146c9ae82bbed7eccbfb47008a9fa3972648","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20224248246.tgz","fileCount":13,"integrity":"sha512-PO/P4z2pcFas5DUcKVlYp3+KNtwy+NYGhMjRYfZxtZWmNSGAxQ6k7CJO+FMZLeP0KQO6ttYY9e2lSDf1aUY6TA==","signatures":[{"sig":"MEUCIQDyCIVF8LOi/pnNyqvDZHWyCI8eL1kBeRFP6Z42kENIDgIgaHEKbQyZJ5bA0CaW0SxqYM+2OizOUHkcRPCdgXuXn2s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJFKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqbA//dbgtJIIDDFd5IHig7XTXnFkaA5/EdIimTp7vaLUtuT3xcHtm\r\nYrLYyMhOSUtn1Txb372tUbClko4020SKfy52NwW4Oz1HTyaPHXByapkKG1O8\r\nTS/P218b1TcBU1OW2xbiVjhmORijIbF6NerPbQxtbYLoposvwubi+WGJD601\r\n5NNyXZVvikJCdtHEYdDRN7sy3ZdB6GIq/9iO1W1XbtOuaRkNUhq7kLway+5q\r\nssJddk7CYrixVURkGmLy+cYdvx9hiE7VvRDKd2jkvUsXO2giSLhOJv14+ORk\r\nEyu3/8S8KZCqVA13+M+x7GGXmxjGc+wvoQ4UU/xM+QwgDDRF6tzX1Vu5gsBh\r\n/P4/Hzd7F7Z8Vk4lrYh3ZePA+ji/2AU9TO+xjNdSgdy2zLU65QXFNuL7yh1Z\r\nRaOIt7lf9hJNs79jfAf5k2ADn09XfliQqw2YJTK5G80QDCT/+bI3KgsP29MA\r\nYEW9hOioDtSErwiud7MBaHR8rJS/7PK7s+u4AFAKgv4bwq7m+q5R3IfrfoZc\r\njIfFz2v1Uc4tjNZ/Ow9hOFLGSMaEl9RkfVfAzRdHQZrwohgAo/Z53FNMTRZn\r\nGOHMFjwTiitKObrZ3uby2asKmGXxiz58YL/29MOyxad315oOlzvb09UJJ1zo\r\nPihaRjboT1VqgAj8C6zWvEUKrBkGZWUjcj4=\r\n=4HX3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6f1921d44b496e518b2691cbd62cc45a6135d1f6","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248246","@chakra-ui/utils":"0.0.0-dev-20224248246","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224248246"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224248246"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20224248246_1653379402494_0.8867508971058313","host":"s3://npm-registry-packages"}},"0.0.0-dev-20224248516":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20224248516","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6ed064bfacfa93f509b5181b195359657f8bda9e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20224248516.tgz","fileCount":13,"integrity":"sha512-zGAWYrHbOuzWOOrTDNTkLoUWuIRPY7AaVPLykswF5WVcQ/vMU5SZxyESEbvbAtTUaW+5l7oxPfEhv6/PuX8XjQ==","signatures":[{"sig":"MEQCIAlGIxgQY4nQfZxp+Xvb0I1RNiizrbj1Gw42eBsdvtYSAiBcWGu1BDqjid6Us2zbc9u0oLZc++IBoKXfms7s0lxDvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45229,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJHeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqqtg//QOabIMh/UVSQyUg1z9b2wqb/j6uENvtiiobcJ9OOYpxjBQzB\r\nzMk+e60PVT0oVM9gUq1eVFB3Vyhb3+CCJDOq658AloBsiv1fzGUG6lvoSm0s\r\nt9KRaYi1i76Qo8nCXVfeKFJqukBkAgZlQZs8wmhPeRvlU+2dPNJPnJ/C/Y2j\r\nRasQwPfcf7bhbRilb1eN246Yizd3OYGnw7edt/bY+iHThBESURyA1A0mFVzt\r\nozyBQNEWfgFbbm4ju3n1SKvEfztXapk4o2Anz5CkbmI3TVwxxQKBM5Oa7Xuy\r\nYlkjX2Whyky7YHRRjUF3EEBAAf2VCMPBfvRzrjH4poKk/9t3l1vGGXmT+0D5\r\ndMmRCEm21enzEid7xC0qgxsoyxlcdi4cAVtQUHa4GpQVur10YN9Nw8QFHCwg\r\n13yNqfmmLdqWPhixqN2KfRcGZ1quqEd2mOTZc2iMsyQRZl5jpT0SuPR9Vwk2\r\noMc4itlCOVtBdd2WhptEaUTt1JuBrvteW5t432st076BTeDUIDeZ2FaymTe8\r\nTOHVvmtWo6Majp1tNkX5/EZbQYotELvoAt3HUw8YnimjHVMkTXKqJjSpR64L\r\n6R7hAembNNg/H24uX7ElmP6czBOPxS4MOtfbY7+NC4F0dESOB1kXZiahtqXj\r\nQ2uSRHMe6iDB38H1E/jTfeovEjHdO1GPjEA=\r\n=/l+s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f5839d1015edc4f3525bc74ab2cf5d9044139fde","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20224248516","@chakra-ui/utils":"0.0.0-dev-20224248516","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20224248516"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20224248516"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20224248516_1653379550663_0.9172530599363049","host":"s3://npm-registry-packages"}},"0.0.0-dev-202242481651":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202242481651","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6dec62f1522e890c511ab992aabdf7a9f796cc63","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202242481651.tgz","fileCount":13,"integrity":"sha512-r/cFPCO4eVuO4uI2NXaTC9jAmLO92kGJHtSpDOKBzfSehBKmfOeJSbc/Di+J4lzQiUBkCuVudpB+twWVhiaMYw==","signatures":[{"sig":"MEUCIQCtHaXEYfdE2UkcPY2msuCjf757tJ69n29+9rmSrrkZOAIgbJa64Ly9SZPnsN37I2/8yxzGVKImRJTa8XP+azSSDvo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45234,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijJSYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr87RAAhpzNwEFooN4vghMTXO54mjhc8htryO7yd4W6UVdJnMXLLphx\r\nci3TDVeFPKSqpH4Zu6996qc2iawJZ4fu1gNxgurECJnv7AlK+TDDjAKCXAp0\r\n5qQ3nsxAU+ayVsKIE19aX+omc1tZCRbVn+i9l7CjGJySWIyAho3PI6L67Tzd\r\n+KPZ5WyokR9TipoMLtnjWHYOkdzs6PUYLGbmXVKfUsaCV45tGqOdjFPOf9o3\r\nsFTryr7/j7INPVZRji1R2fWmGNuZjwvnB+WempkAIybtGIriAUF4hcUZYuMo\r\noSNfIkzbHf+CAfz1+kJrZk0DSMo1FOlLxiknxJfu/DBMqqQQZF/RFpZ5sREr\r\nssWpC7yZJuWS/IpVHwAaiRT2J3NqTI7Fw64maBmx4Db6CKDRIBWMd1gpvtYg\r\nw3Ru/PwIONIz1ZdMSge+eR1WbcY1eeMfr9wnNAVPbtLltnEyL1m+wdNdnMjl\r\nsZ9W5sulfLGABaUJI5FwlBGBx/TaABmsW8yBbxYB25O3D0cx6Mrn9YJeLUCK\r\nyNVYs7hS0t5iO2oFuprIYfs4S4M8JawBdUNhcWn2i6XehxqP6GduOl49pfvA\r\nsrQT7nuppPAVuqpi6N3HjJfQFg//A1LAf4+0B2p+pboX35wfaApgIIo1eCO8\r\n2r5xh4nGR2PzLOG/EvieKnxVpZfxnMEDBro=\r\n=G5WW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e8cce77b27714277db576b45d03d2570d590ab8e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202242481651","@chakra-ui/utils":"0.0.0-dev-202242481651","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202242481651"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202242481651"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202242481651_1653380248189_0.014634951450598344","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@chakra-ui/pin-input","version":"2.0.2","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b3140d29e271bad6601e1141f2d63ede12e220e6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.2.tgz","fileCount":13,"integrity":"sha512-D3Ip+UIch7UmmjdIujapGeAa/TWXK26yGgQBDqeC5sGjXgukv0dybq0TVl276Ej4c0OtfRrnHsYe/s6qrQMgAQ==","signatures":[{"sig":"MEUCIAojGjLW46JjKcmjmJsJZw2qKPOr0Xq3HKd4sicugRmgAiEA0zmDsUQjJB3gIVaR8dOwdeuJeiNseegZBPJZDFydkRc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45156,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJijM9hACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEPw//Q/cFd3pG2TKRCKm0goaaRXvtPtu+me/9pTkLmkb35g8n5iRd\r\n7A8BKQGbY1Ng149qJbfe7cMIs0eSjYAQkuU/7DAtgmFYV8PqWfuRYlEQi1Mr\r\nZKkMY13dRXIMP7yQIAFmldEsvlqyKgD6iU26pwFnc2o0sYYttzyc9BNwnC/m\r\nI9mY93ccZWA4dEU7RClNs4VAgje/8bLOc0lu6dO34I7SjC/PI6REPdEDkOEw\r\naDhtWw89yCJXxOOl2LMZxXqPzBR2uOA1wlC6GlUsWy9MnCQWDZIUAV32gBzM\r\nBH5DFBBCyFOCw0ztGGpIZdiOBR6oqWcdYSZDuiBwQWh+CUvlyh87yH0hTx9p\r\nPHUtAm9dWBOdwuyMg+assWMFa4gnff6i9tpcVDSVYf7l2r7O2ibV3jvbxxdr\r\nGD+z3NP08pwRdFNtTrnVG1W0KoRZp/ZqsmSJ5cCpq2vufP4iZiNs9Sf2lOTj\r\n3kAa6cAPdTp8cHzfljS6SCNRi10iZuGZz6eV33gp/s1XaQQtTSxhTQ4rEb8H\r\n4+Y/oNoSaMI0eB+EPkq9hqUMd5dlTdRJwKULEMy87TvlF8wx6pwuE4uiIn9d\r\nmPevwbnGc8wVlXaQgLppK9/iBJQXKRpSMWSPGKn6VYKh/bB6H0bazU5J0AzJ\r\nlxrz7a/6lfJXTv76mnmftnKAj59dqerhwwE=\r\n=QQ8o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.1.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.2_1653395296859_0.09547353678726211","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255105723":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202255105723","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"aac689a035287e2cc058bbec1de316eed861c209","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202255105723.tgz","fileCount":13,"integrity":"sha512-10ps1AfhzL63NRG7Z+4WBCI6cIGDiYwAzenK04Kvne5C03IH3DoFnbxxEMRx/dO3HuI5aUdV8yZlx/INfZ59BA==","signatures":[{"sig":"MEYCIQDAu1teobImqjFaFiCs/yD9TdzN0m0nD4lg3E2XaJBYewIhANlZeIhTaRzAp/4a2lfv2U+V/vVwfNmootMDNzIhHsnZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinIw6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1cA//Spxxu7FbCBNgwf/HuSLmi2U3il+ksNsu5cOJY5rr/lbmmEnX\r\nXq+L/MVEH7e+ZWgTucKHJeEbE3F0fTnhm/ogYjyiQDJ6+hE1jp8fQc9ifCII\r\nZDaQZfqeYIsfxXoyV7kSzE/LNx0xN5QIZLpQGIufjoBghBFPqO+oSksY4x3A\r\nPr6ottrE7JxE3Hwnl1ovgcaZ0Qw91n3ttfqV8XpJJfLbAfz9FoKSWiI4Dcr9\r\n9mFMiWoVf0ylhkRdGve9x4HLsVdCocosu+hRLZnPA2nLwuZsNekYlFpQOHZs\r\nXsZSMJ0tLQGaT0egLEx0sI6IaIsHCZgzFwjFmztRLvsVhqZJce9PnC3OSZjo\r\nZF6fPwuyuWvQXHjeOgHPZUypY0CDbk6ubcUyhPpHIMT6ggzUZpM3cumcnFiy\r\npfo6OKbCfFjxlJYs1bUQoOBtkkrIRGK9gbba7H7tdm3UiwqxvYNtku9M+mKA\r\nbPW4TJn1YA7ffdarMe1CPztowQCTguRY4i12uruGUWE5VAnoYjYaavfaneeq\r\nO9Ny45QDAPEM25o5mpbhlpe3BGBEFzw+r5wwLSXxsLQLM8/T7a9UBThBjk6P\r\noS16hgnHA0fwNDA28jH39peocBAnxWeImPXFbRAhUcRod8/85qzvWUb+8Djr\r\nngG30ZksSZee6bKYDTT6enzzxKaCUy2jE3M=\r\n=e/YA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7746c3c6c82803e7063bb3ba62d4d1f35183102e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202255105723"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202255105723"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202255105723_1654426682253_0.21788606961379897","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225517307":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20225517307","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5a253b39476abc0246c98d5b2028715bba3f8f75","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20225517307.tgz","fileCount":13,"integrity":"sha512-uyetYD5SFYkfNRXuFRQALn8U4nn8wsgSFdsWB0k7TR2HjV+icA4x0g2jopZNNHwJZyqVy/X7oq/VyrM8Jl37hg==","signatures":[{"sig":"MEYCIQDQO9b+Ay7nJGODnRh4FGxXfZoAmeDHUrixfHv5V+cmUAIhAPITR8bTIskxKD0tcfuJOsIU0a/JVS9aO9Tjs8SQNmAa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinOhMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtGw//ejtVua7PqWTSttYc2vLK07/J40sCyBLU1JxVQjEl2mZFI9xf\r\nCdGPU2t4CYSVZEDGEUGB1ycUCq1Qgs9mfZZqeMPXouUXggBgJgXkV7FOZeTI\r\nPsG/lF2dRLW/wR7pip+TQQubbNEwgkOvoDKOwcvAI3MYGx13AdGp0+XY9xyK\r\nocRdRNUdOeUnub4pgrxCcnnqQRcMJfGpttXIlSHu4lzEF+DTzGzQ8kBljM7K\r\n+WYDmxMH9XuGyc3LwF5530maqDm+yHew4JQmVkZrV7t+E+yXYvrQP6QSA4Tc\r\na2Z4eM9DmYOuyPjaiV5CRz/dv3vltGIbIbUzx2O8RcxS4D2wbMYkEAmFbMck\r\n7qwGM5P7zQJGTrqhXO46B+SidwIZJFs6egqVgVbpg5+sP1L21ulw9ODJch3r\r\n1YEq0u/ba5bcZ5nUAiZvyouoWBcOBp4j2SGYz6R/sv5iBLHfQ3El2zV2n7IE\r\nFDORnmLcoy/t/kBCx3MxaBLeuC9iNnofN15blY6yR1iql70i/NExWzzpDdRp\r\nSJvet/1slB1LsVI5IjTKX3DD+Gf/q2IiolzIYGjV28AQpOknTFfOgD7od39W\r\nu43qaslOliIb2j5ykA660K71PCVW/yVdXP6CWI33EZMHkzE6igetvjWcs6Cb\r\nR+r/rRH3Fi13QcLBCCiPDUtyjm/RverftdM=\r\n=RSM9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e0cc67ed2979e821aaf90abd8769b4ab0db4dd6f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20225517307"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20225517307"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20225517307_1654450251854_0.24084079560842264","host":"s3://npm-registry-packages"}},"0.0.0-dev-202255185818":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202255185818","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"acc07c532253faf4011f93de10de605c19a1aac2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202255185818.tgz","fileCount":13,"integrity":"sha512-GAQHn8D1KV+hunALlTJ8A3LGdNxeTpworXwQz98UVYenPx7QMFrmed7Uims0zo+3+h2VCh7dow02YDkM/KLr8A==","signatures":[{"sig":"MEYCIQD2uv17iQlFxv3DsCbaYylIdotzHOEm7XiJPmYbpLGRRgIhAKIGJgpyruTMXbiqv9Wmk9zQUt5JgqvOS4UHTZiZtB39","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinPznACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2uw//eAJQ80YVhsfaJrv6JbNpT1ff0EeI3xr81Pg+gWLgoyoVrM1X\r\nECBGuUX1/mSj6DrF3/kAQ9d60k7jeIetHMnuJ3oAr40+TkkErEQo+F9vbgjh\r\nCC0dA6rOKtlgu2UxLz+9V1uvCy+QzsUJX/EeBhwGLdaFuPbQxL/KlvIdo4jY\r\ndo/Z0IBNKBpp0HgqczQGoLPmACvkGyqIq+B59pwFFn0vx5yhQinxAw2GIfXH\r\ncnPhTsi8V+Uo5t2AAmbrvuRnTSPG+h6EVsKZUL8VbgVo5al/hr93k624oYK4\r\nkoQ0Wdv75iOh/vKzF1y4/rFiYTISUQBrvmdQ8IN1rAC2O9u3XyZy4OH1q1Nv\r\nH7wpm0Y18WDDvvIGNOlevyWXxZzNDYhXeJ7qRmvfEUeFv/FRkneG/9zaX3CH\r\noHRMraElxqRLjqnkATV9k4dgxm4Yxd5C8mLSe0hI65f0iZV5hJXvvg9v1HO9\r\nwg6digdkW8ipCRyGMDVjRAYTbn0gMkq77K+gFBG4aHbNJ6j1V7fYvgO199AO\r\nlM0LZfIg8Bh9YaGa4sc6Eqk1SwYS4AkbEtzQhnHB4NiMT6LVxkuxjHlrA8sE\r\ndkSJKxEtB3RPnrQAHVJqQ+M1wDAWVIp8UHCG4X5xrnivYwNpsy85LkP7FsEO\r\nZsKT4zwFgKmNyf4UluYRxMpyn6MMxyH1Q8k=\r\n=+284\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3b20df926f332510f30c652bfb500c1ef477fb2d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202255185818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202255185818"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202255185818_1654455527754_0.5834274560339705","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022551939":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022551939","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3db4037261e5b12f5e41fa49eb6073a235ec222c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022551939.tgz","fileCount":13,"integrity":"sha512-5bIZtvvpWqWysz0pjLe1fXy5O5RCabJN0+YbqryyIv7mslIM5mYshem2geaNL4Bwt+LQ0nJ2IEAS06Pl7PWUOw==","signatures":[{"sig":"MEUCIGY6Wqr2SU90yFRvpHqKlq5mkovZ0AIRXh/8C9JJxlkLAiEAosAAhPb/MhCMsCRPkdKp2qGwFYHE+z1TUSWYiqbBSpc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinP4LACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprOg/8CrEAqWP0gvkUY92TxYaytIb9ng+eHlusiDIdHmQSmjeVZhBw\r\nwHBDFJMiLWN7LRLRnIXq9e/6rl9t9hKfEQuvk+B+s8F2+GfHt9SroltrBASi\r\n/5a6gahPt7zI+oZJ/aOEGQbSZ6y2l1uVI4KxJA9FTIIJL2X/BkgyIBNP/9kN\r\ny5kkFR8GqKvByjS/Mhbkaremco6qKvqvkGRp0+o09S02nt8tWQBS+UFdTCq0\r\ny3p7jwIEeThB5Mt0CtGp2xEmjojBxw92rtaVka+zR89ZZeMjSA1jCXImnXoA\r\nlsNb6y8QU1/818HBycddZf0Xzg9Q1Ns2oTpLDTqt/AMRnHnTcwnJpj58sPJn\r\n7EmqwtpRT3OYc94ELFxvsiXi1HAheDPji97msQcb2eeqxUYCvZyynA+2qUdB\r\nwTaLBCcQ0yVKRszjyp8FmK5I5S6DxrU3gfAoN6GzzzoqZNBMxUlrNGOb3Phz\r\nPvv9uS+R2F5FrBsYwDUChGapiU4JYr8Dwq45MnrZAqpWMnvBanz7F1hN4Rem\r\nN3cZbsUhxK35X0SDEWnmuF/Wp2JdU6QCO9YZ6SJHZ3oFOsLP/gljvhAOt6n0\r\nTuwmBgUTIGmT9MYvozITOdMIi3I1UzAbUjzkTeoUQOttaiSiInW3uICAPNYj\r\nQNOV/8v+RQEgnnShvW8N5150WbVeCikmvgg=\r\n=NKZn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"96117054388ec4078b0c58ff3a0f6f9c3c8cd5c9","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022551939"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022551939"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022551939_1654455819734_0.6269374806973946","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256151938":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202256151938","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f51890fe1ea2de51db8bfaa9930e4f1b8460ef04","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202256151938.tgz","fileCount":13,"integrity":"sha512-dJunc/qo+lrMsbfQpzdfBMcGYukcC505j68i93j5Om0Dkr395Ti8igJRD3h3Zm7d7S0WPR9Ho2i/qZrRCJ3kww==","signatures":[{"sig":"MEQCIB77a1aksyifLUeQOhyW0is/RQnes4fOodKSU4wQR+9kAiAm7TRncpj6kNXgGyf6LCV4iwjn98xhiVKlM/+VwYvJ0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinhsqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrw4A/+Mw7u8fLhLxvhNzqkaqvOP6zkF8OyE+AHi7lq+yz79JOAYisa\r\nOe9Evv+bnbZDhVxgocQBIYOrzKKuAX4PFEqaeHxOWaNDdS4AazwDj2Jw/Pxa\r\nM/t7Aigbzt83a4xKHhRNDIUH/Rl/ELBIeW1fn5YNGMnJksPwEaHJcRSU6CTu\r\nU9kWwUwHxLrkbOK143MpbnP3jc9cVAfuUYUjK7SjQxNgo8M1MnM+jVc/XsJc\r\ntSorXAe+JfE5BcTBmvfdja+nfrsa2wvlk8iOFF09eOBf/hflRgcs7FuxCPfw\r\n8VXL5zen754KmdBxpiePlKPkptsFYZXWL0GOodnD9QxgnWnuMgnT1mr8U2IZ\r\nEfh+CpFoyrIW5zPSaHtUhwVHSK4nf7Y6aeBo5zJjcjRrIbGCStWsTG9BQssi\r\nZ3+3b9Gu7xB+o0AoOhXhFaipQQzGz9beviqORN+/Adog3cRcypiLYLppmpFp\r\n/dl12qsa1PIFQJyVIC1/BxYW4TEpvihIn4jPJf6Rl/v0kRxyRp06ExMtX8b2\r\n1m5ZmPp9P4ufFHSzRHRQWbnUgy8j3VzD/Zt64l2tfP3BaS+LxtgtThRnufUK\r\n4p2WEprKA+4NoABuLQo3RSWjepmN36FesKG1CnH1T2WtbqP3Yx8x3nlyK5qZ\r\nveFnrR4wOl8YCmwyHnpvQNWY2UFva73F8H4=\r\n=fcH/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"97a993c2926bc98c0441f899ee608f268a64992e","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202256151938"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202256151938"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202256151938_1654528810147_0.1636386587230798","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256153840":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202256153840","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bc8271c501cbc94d5bd09fc453cd7d21ace6379a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202256153840.tgz","fileCount":13,"integrity":"sha512-SCHJLAQ7OjwhR4e/A1uFRP/2Q2P352qi1guUTvIVmFBWRGhxHWP+tjHtDSdRuabz8bn7rfRL1SmHF53ykxK8nQ==","signatures":[{"sig":"MEYCIQC8tFxZi1Zze0RG9YQBs57snRUwiru+Afpnqzeb7rikNwIhAJ/BAuo9pTtiBBZl+5ijs4yNf1cZFxunQd6Dy0AA7+Zu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinh+1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzIxAAmUKTfbRk1uDS915qnywOLbymjb59cLtyuD+HdFDcthJI/JS2\r\nRDd0IbXn+/7W/AYXIT7/vEZgEMVLXcq6TH3P5S88DAh/D3qVpI0XfAgpa5f9\r\nzNMEXZgPGmN5TOiYv20acK2cmAwVXjqAQeIh3HP7Bx/ujgRnZPg5EnGd3BPA\r\nGqBwUC++YHhmpHOaIwWDr9KtI3/BAOy7f14CAa670JDRS3J0i2j6jvCH/B5F\r\n1HldAHA4hOfs4eN6IIqOIGI1l6a1WfkVrWPDm4GxE5m1vhRo2FaqKoHk+zRT\r\n2qzqTMixwcxs+AL3D0oSWq4rQUXatcDLioOzPt1kM1wV5OxDkMRS6/JWVTMW\r\nn/S4S22v3cYGF2haKu/cSesbrc0tb3DAcPjuu+XRebvisoL/zGSF5C0gDt0S\r\nYSzgncYVqv70LWN3VUueJ4rdOG2mcEu6P453XnCnaJjHZqkL+EBM8KsNta5w\r\no9Pk64IP+Z9KeqADqt0FT1L7oxO5/4wG0+Mn+GsZtCE//qC4VDfhcMhsJgBx\r\nl3rdnkQYSRS1MA2t1kjS/n5dH2a/vgHYgvyI+md4lLbN7CMrImjkPiwIP/Ve\r\ng11wkMUiiNzv4CYsfClrNYSZF59v+e++t6A/dUAufF/d+eoLDXdPZ5LaOwyh\r\n0CX5/SfVyGqdzUZ6qvzdcfz1srbOYe94H0o=\r\n=XtgT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"052333186c6666825937a47baa51cf3e5dd6ecd3","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202256153840"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202256153840"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202256153840_1654529972968_0.2783236742980739","host":"s3://npm-registry-packages"}},"0.0.0-dev-20225619634":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20225619634","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c32e8f20454b83a1216e1014f1bd8f03bef90510","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20225619634.tgz","fileCount":13,"integrity":"sha512-GhSaEaEm9R3w9WQ9HZeMux+yRbMtr8DRPYL2+LAL0nhdIEeeZpJpxw5S4ulp4geNPtYbxMklFmjTCbztN6382Q==","signatures":[{"sig":"MEUCIHDsVy2M0yu+axpxM3p34afXdqRO4Z9fFccwmqqqeLEGAiEA0/h5MPadpCTIUWsRvmCwpWJdLPUNQ15ZhWTXGEnDRjs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45260,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlBXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPZBAAk/u5wjPSUfzGBizv21Qigw+JxG4tYskB5S1C1+tapt8pqFIv\r\nOFvGLIyvJi0sNjibd/S8Q5ulMHv+Hqf+hcrl/5rGgEM5au1Sh9AvlBDMKtNp\r\ndKtnGlCfPsUZccz13vxYRk32kNKbCKSQxv1EsxY+sN3V6dq/QUayHdSt7ypQ\r\n1NgvRePw2Ttg7WAd2C19mylQc3i9Dgh3eVFvmwoab9V7JlqUQZLbERfng6mx\r\nxn6tkAd1ArQmw38GSaDcwUvy+5z5a82ElXqd39JkLu7siwO2wqpPcMrsL7jr\r\ndwCGoumYbUhVN3E8PXwphyacZlwt9mQtS9z1UQbmH9dkmqqU6d7PMcq8/Mkm\r\nd34romV368i7e/ttrO9xuBTIP+GzzZhQkHJCF5WNOWEhoZFHseZyTCpqVCUg\r\n03z6l549Gj+nliRDgnWMQ1HC7xGs1SB2mgYFAuqzOSx8kI7YKOze5uIhr0wV\r\nzP2WveDw6+xt0CEBbB4sTgqgWDJ4BRE0XGcyGbuV8EGFEGose2NwEkUP9plh\r\nYMpr5foKkBEPNmXCzgyhUwwKOpXkXbbTQyycVa6hpv1BS6Vzgt1CbToiq2Md\r\nBmLrEi3oX4ITWKZZTdf6DRkqwuUJSTdYi5JfVV+RKK+sdxBa8Ipu7GCyr4av\r\nNTzULP0G7Lm9NUQ4smtkONI2XiAs3nfO0tI=\r\n=p5Go\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"c1b818223f71711abb835bababcadaf0904f3bf1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.1","@chakra-ui/utils":"2.0.1","@chakra-ui/descendant":"3.0.1","@chakra-ui/react-utils":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20225619634"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-20225619634"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20225619634_1654542423185_0.1881341824399836","host":"s3://npm-registry-packages"}},"0.0.0-dev-202256192154":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202256192154","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f298d10f5d4107edf919f11a6e5efb499e1f73c2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202256192154.tgz","fileCount":13,"integrity":"sha512-4NpRBRNUr285bX9vVVXrVTBRDaqCRPtnl5ZQ8dUXlxB2BW73dxVftgMattSuXcWP03JL2z+JIj+65+tWsLK5YA==","signatures":[{"sig":"MEUCID/rNX4DPdjf80rtj41AxLikWBaP/ZKi4krR7/78Zhj1AiEAkqNft3MLUKx4dIkKrMDgk2cR04w4bejpcuin/HyMYp4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinlP5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+gQ/+NPacGrTQWf9a5hb1kWLGJ72xP84CAIVrpqXkFLCJ6hzj0CD5\r\nRi9kDFHrjGxAbs3g3s/BK54FKcR8IL2oqE/3nRWTQ6LHJZr6SvELgxi/yw/y\r\ndKaKXar3iyUDUluog/E8NtwX2ygSx+UL6ob2rTldsxhmoX2kkXJrC54bRk5c\r\nqRzT78p1DQTpcBd0ZUfxRYtypU0ZrblQK5jqiVXHgHUEvjIMHeWQ5PU1yjSP\r\nhHUBQRKyktqL1X/dnnG1brAnqRj8u1U31IL0n1W+r92rMyzx/39A5AD6OnzY\r\ntC4NpZ3llcCa7kvTThS7Bb295o58YxNPM2qOIABPBaRrh+PCdgRePB3t3tje\r\n7dckoKFS+RX4oZXwyr1CZUkUN/o48P3jitLJqHrobZh+w5oGckXX1+PM7Weq\r\nC8/XHMwqdg6FvuIUtHBZEEvOnV5AiCJABzlPXGMWlupMBaKgRV7ZTc4eItX0\r\nlepqb/+Dmyez8c/Ngu3H1TJaNk9nQ+quJ1pKsoSSeFf85PTOPSKIN69DdffU\r\nRQb1mGKFqRX/sy1xEsSJMcI2ym4VGltCmtBB8iLPXl4ofSOCLS6ssGxecLxR\r\nC6fHZBQEsV9tdkBCR89Ly/yMl70JXXWfYY+PT2mGsqJmhBOkugmQWPY3qqf+\r\nzFYyzwJzkeVifCoIJemh45EMkbkr9k0+o2I=\r\n=7qyC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"06f29f8cdbb10ff1da523e0d0e958b9990d041e1","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202256192154","@chakra-ui/utils":"0.0.0-dev-202256192154","@chakra-ui/descendant":"0.0.0-dev-202256192154","@chakra-ui/react-utils":"0.0.0-dev-202256192154"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202256192154"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202256192154"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202256192154_1654543353285_0.4059209042230856","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@chakra-ui/pin-input","version":"2.0.3","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b647f825683b889b1cabc18dc49ccc17ea1a460d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.3.tgz","fileCount":13,"integrity":"sha512-tnISIFno2Nqmh5ZjXyRnUiyuw94xLpFWoVK9tTo/yoR5Llbh58BqRyybOZZpu3DIjuK9qy9M67KBhRdqkOLUFQ==","signatures":[{"sig":"MEQCIGmNgFjKRz1N7Kv3vx3IZ3KWvGI3wCQYI8yYJezXeksHAiBRGgYq1tpKSs5n64m3tfeVWVeeV2mG/mzKwsmzbht74Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinmZ+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoYVw/+OPgYFba5cVZ8iWBXVoxx3KsEDsz4R6lr7YfcqlpPAzZ96b35\r\nSjIKeBtdt9ri/hMReFZaZ6s6mboZpKk3sfZaIzKE2sjAdSHYrjlhNpmkPF/Q\r\nscH/CYafMauiUB4YA8egciQ3gKx9oa/6J9Hn43+8AjNQrC3nLYkR0D+ortSA\r\nAFxNQQO03pYWe2KjR1XZsF8m0NBvOPSAcSZuYTl/0pm1j3zsoW8trwBoWB9q\r\n0q9hX3LEH2MxU9JnFZWialMctirr4Tn8LIc6chv+RKDeSkNOpqu3X/ygI7b1\r\n3sxQYAf4EXCZf02ChluZ6yOyDYWWox8g48XOjDJcVWSS6ibhdJ2ffj3xhFKy\r\nIAZzeVL0k7efBS3CqGYfUnLpd2r4HOTsQFhAqP9LEHf8q31RQYIDciGusGHF\r\nAUnuXbD27cZi30uYNWpwMeO8SJTpeud9NF2beIjadJ4Mlk794VZx0+R3QkP9\r\nHyaS5hYqFOLPYTCSUnXf8zkDQhCj5bld2iIFmrEJbA5RVmE8B6NyzD96o14B\r\neHzrRbDCB9eX2TXunWuMuj+N0chAbNnfOkH9oGcEK88t4i35vP/q2+MymVNI\r\nlt1orkg7TQCEF1Jw0vfl25STmrbtX0yQ4bAKYHfRIDhY7In63yK3dJIcPQH4\r\nkKXh9kpMEshYrWfeKlZMkWAz4E5KScrQXW0=\r\n=p3e8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.1.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.3_1654548094618_0.28781318479598417","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113227":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202257113227","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"67f8d56a1047d7c93352694a6b769e12c37c9e53","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202257113227.tgz","fileCount":13,"integrity":"sha512-oYuFi337ONj1i4dzGXAAPVW7c0uzd5Bb7aVh7DNWuc4QFKz2ZodafGEpwpLpeiiV45Lz663f7c4QBdyYDdwBPA==","signatures":[{"sig":"MEQCIAvYBIWkZ4oiU62FG9ic1DQuct19AhOrQQ8r8Z3KkqPNAiB4afcQH+oMiQ0s0ENaY5ZegNVLZnfS0H0stRpROXCreg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzdoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKFQ//VZVnJ5mDq8aPDMxhgtnNIiGHUq3T3Mw2wDjwTjvLi1eCl/DD\r\nsSDMSuaWAN7JKNeXjypNgsRNkGk2C0dtNgsEZuFfJFFbWRUP7YOFQ5Q0I919\r\nU52R3yPb0/jXSEDbQjS29ft2XS0eEmcufgJjk1lN51WdZZTMT+Por08I2531\r\nrNX6mMCAUNB7+ycJ1zFrx1hcGQc8F1Gp09beMMYqQHsSm+mEIVQF7hFgAEYA\r\nqSrpnJVGsabi5t7M/veisPpL9HFSZteoZWT3brqqXNSwC/75EHJTFOL2RiW4\r\nga5VUK+8GmiagDty1noorKSMpfikmg5GFG9KXuY9lH8k5DlpQzXiyQvVSkwK\r\nTT4Mi31LbO5YV3BcI3uvyPHXxySPzn/LKwncWBbk8LS4ptTTqoOYMn/VszUJ\r\naufddpC73nCAINloesdH6JMStFqeaMbX6UWSfQvYiOe97JTYcr5uTaXX6MTy\r\nbnQco8oy+uLntKuPXRDxxBULtLkX8CWt5JaCffyaVSZ4vsw2eIi2mX6awaxa\r\nhtTJZbtaMIEMUysTVJKEWyBw0u1FfPk4BVJFy8avl96GVwysKJkfKlmsYmei\r\nb2otdux2ijXwS4TS87SyMx+obnvWHlI0XPL7/rI3VlMPA7sc7TnM+KowHb88\r\n+Y5ILhvpKRmjYA0QWyR6ayqiA+9lzfSRnDQ=\r\n=pG7d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f98473dd769b4524258faa214ca5c8ee67feee07","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202257113227"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202257113227"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202257113227_1654601575943_0.3659396295628057","host":"s3://npm-registry-packages"}},"0.0.0-dev-202257113310":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202257113310","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e9b6bd0669d9115808e292c502a9ce6b1bb0ee8a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202257113310.tgz","fileCount":13,"integrity":"sha512-1HNhwDcWWSIO1nriOdA+T8N++l+EtmfEZRpRQmkOY7p4X6KroixMMYNGh5buyzbql461XkEPrz7YZISjtfI/kA==","signatures":[{"sig":"MEUCIH+CR9u+a1VAY6VHwXHAB7NmlNBzdt/xF2ar3fHYVil0AiEA6tgnDuunAkc1mX08iEWJAcH2OMwGu2e05c5qEJRKdtk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJinzeRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvBxAAkNKnBHMTXnD+Q6MLkQabBjSDB29ySrROA/6yXW6t2NyY+Lh/\r\nf1PyH/Wq8lRczAaVyq7Be+V+MP9ck4kPjDnrelrwpTsclLbPxMAUcuJibn1U\r\ncZ34yO75ijNGIt+5RfR77tFKisdRB3tytSQ5Arwvp7HyxquqQtHMQxTIGHXz\r\nY4pJzySD/4rgo7tiiA2BJaVO2XT8lp3GQsqzWS9LWdKxnJek1wRzAcCp548/\r\n4OYMx8k6enXOamTCk65qrJvyfVybCaEPiG79U1jBl1MV5Yd3/SJSUWDDj0wI\r\nYWBhunuUK74Nw8bzzk+Buu7fiWZ7xhY/N6awphnqn7hilURz2rkH3e6u5CXf\r\njFjPkKEHG3YsD3ttv5MoOiyQcP8TCqEtwVfTCielvHaJo2ci+8xKD9ayzfOz\r\njOTj4EUTgViz3v40+BVvfbwmMDztKs2qUU+cX8LzVaDGpgDcL5izYKKuBqPL\r\nrGsPY7oJ8RMQGnlm0WbsfXhIbdXj+/1GWjE0fOIOK6jK2EXsc+a/x7jN1TUV\r\nxaxtvjWUjlr1aG5LDOWuOdAaqRWqItZY1aahb5+lZPXZ+qbj1d/JnCRfRa4v\r\nSxOh13Q8EvDtw5uylZeIVR684lJSqbYEWpNQ3EvPlxMkEIf5SvCc+G7x6UvZ\r\n7do6eBeyAmOniiW6B6zQfx2z/cLYb58zvYI=\r\n=p7iN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"0899270d83c68a1d33a48ecd8594d8855b680701","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202257113310"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202257113310"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202257113310_1654601617716_0.4193305310550388","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022587541":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022587541","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"688a33f0017a2b866d135784143666200955f18b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022587541.tgz","fileCount":13,"integrity":"sha512-MSdJwZQlyTdZhkFXke175nxjH9oagfaCZ725/ZTsz0tI+EK1XPk7JCQoTlIlPKSxRxq2M/sGCvukT8AzKrA+hA==","signatures":[{"sig":"MEQCIH8TD8cAwgrxCG5U9M/Ud8jUtFcJvtet+ZhtAtw8Zj37AiBaV2g+iVdIQ4Y7tTq0a5c35fYhmGG584Mq2oK22BgncQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45257,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJioEpwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonDA/9Hh46FUoaFzaWAjhTPfdfbl+a1nuFlvdtr+XlnnM9htC85Uuy\r\n8JxV21xHJ+BaiUal41ycWMI+e8ArdkQ1gJ/UkKoPWg63ro/HHlgLQ/rXeqyP\r\nDk3+pyFyfX3DLdF3v7rC07zomwfipLq2J3NEllFynQg6ICud7qVnOIHiSZvO\r\np9pJbIABzXAfsgKg4+5yJ/0z6za5c7a8ccFyg5PZMvaXRIpzULVop8VCvPS+\r\nKemimDR/tkiXwP7Ib3wfEMKjX+5xQeR2b1p0wZHJLknYUaccLPY0PdrfOqyE\r\nW5zOFVI1wjq7NUWEMJphU01Slj2w9jRaXJFASoJvWrTY9C3IEKEqPycZ1GAt\r\nLqcAcV45apaEQOYEsLFf7hPcPzA/Z3LTHSMbKOQ+v5UEcbRZEmdmEt3UJ1dd\r\n9Bs1J6MIONbddfqOZmQV6XHfr0tTbhxJmUhTvCeHsnbbDopVe0e+Sq5PtApb\r\nar2E4Pmz8LbukCsRhcg5sbM/e+wXGs7Gyn542RF7qCiFcJkvBaNltpLyurtJ\r\n75WTczyQvE/+NGq6f2DnHNIYtvnAovFptOmVPqLsq2Gxryh8jM5azU0+ZpZA\r\nFBj8/nMA0CcpdIE9Eh8NVgKicceyw5hjY02qzTlbR3Jj1llQA1TTeq7fm0wY\r\nDjRZ7t9C3WrIG+H8wgHV6pcoQAgvhIDPGio=\r\n=9R/U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"ac1f37c9daf3f099147fedf1fd75345979032c26","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.5.5","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.0","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.2","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022587541"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022587541"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022587541_1654671984337_0.31123687982351655","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155212":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022511155212","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"61aa54ff181f8c9597fdb88bfd2b05e5f1ec90e3","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022511155212.tgz","fileCount":13,"integrity":"sha512-UqGrwB7ktJIniP40Ux6BLOJtIq2q1hciVPflDm0B7QLQn6YALZipHMih+rVgHzwvPKPG29IBhzkoLqvCTOd1Pg==","signatures":[{"sig":"MEUCIBqscU6OQ19cPSKSHgzOu4oeOUMbiaktzQ05UmJ119j1AiEAhDwo+L+vY+cQeFJ1HvEdsrlN0VApqnB9Bbyyu9ZRwmg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLpPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSLA/9GPYD9aA2yfE+4wJT3S+WZh2xr5hDOPfYBxxchMRuleCgTVl0\r\nV5TYaKHWWBzJTlIrmtqFtei1yjzZYlF3xsMfF0JmLA9LEONste9VKwy5enVk\r\nWUUjOf49c+1PHpVUppTQD0DQpWN4mTNgQ1vsfT3zoxpmxLfgS2wozguOuSpi\r\nDl/2irHTxSoa21g2KDlmpci8Fds0ElLXb2kh/nv2kA9IUZUGqVVfQs/sKskw\r\ni5KHhVWj87JnHu7Zo/GZDrLjulgkGZEdmE8AsrgfI2q49XY1avWHdON0goeS\r\ngFbQY5dNRYBKDqLAB/J0J4Uo5Y5oyOO5F2nJqeDsZ3B31y80GOn8DDLlUAJQ\r\n5nebApT5bnvTiumK5T9KfCYSRdwyoCDkTL8YJxeEFUvxInCE5XUs0N0mqOQh\r\nXDomTyv7UDWqRLcxsj7Aki4BZ47DfzSoB18ZySomhfPYwh41mZynq55JPD9C\r\ny4tY0jbneQokj077AFlbSdthlQdsEHYOBeTthA4eW1NA0wpOb1JtfVxpVnFv\r\nAR02SbzGk9H021Pi9LF9i/EWPIkOEBKLoigEJggalfurb2vS+arrVoHOJWal\r\nSzF1QmnKurrHX8+3AfEobkVrJOTILUxeXNGdIhvLHnoo6nPJWCeKNc164V7r\r\nvnHlf/rQfvEI7ePf9VArJ/pe0IEshLUE87w=\r\n=/nhK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"911e13823b03fabd673d7bfc4270ef845d3d496d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022511155212","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022511155212"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022511155212"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022511155212_1654962767743_0.8715139825315708","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155356":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022511155356","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b873422d7baddf6cd1191603373b42119271b550","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022511155356.tgz","fileCount":13,"integrity":"sha512-jNcBVfyipbUhey6p4d5LGIZu5DUHnTqRP6eUaQsCuQM6a6BJqRtHCQ3bg4HMqieomF98J1jD86ULwTrFXbjVoA==","signatures":[{"sig":"MEYCIQD1BIoYhOYioR73CyVEAx92WMznXygfqiutqTuu6WhOLQIhANbfIOW41d+SAKfip05T16D7wxIC+1jdU+LkbZe+SRP6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLq3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoERA//RhYky8n1h/PpV2yHs6uFQTp1hUDw23tBExwpRFzCcUNcqE8a\r\nvKQ8ZFClHt5LqKnAwNMYwe/r7a7r/y4qo0qmoPvQJnWKU8S0+pDB46EvoYQC\r\nhh/UXvISVR4wfhxyX+OG58Pb/1lhXU9FB9Dy/BvMQy1pUQptXiq6AvhTtNyC\r\nRSdNIscX5DMWTuGJZKxgYnZl7TtF2fDHwT9kc8+qHF+JxZ+XnqzKTr55VcNc\r\n+EtBAis0GjP6SyDfvFAyWprDwOD6KEzEVgBQ+jh9K7hGi0+7f7kw0Ti8cgST\r\nPhwkx9JCnoBP9pxR7oHwy8y78MRh1b5/W0XdNZjbJ/NyOWQ4HYnAI3LuJewm\r\nA+hQX+GNDVT0muPyTwe6boRFAsHzSiaQeT/S4PSPAbkQDTrxcx0LGzBxuQqk\r\npZVtdbrQbtOiTHjFDAwAaRprozsaXIM3dTE8JtVSaeyDw2wRMov68eSSXItY\r\nSLF/BOe1ofGUmu75Eo7o7+b9KMmkeJFgXCuQr++OmfSy360mh1yUpKJnYT2f\r\nwZ+Nd/jqvzMaJRUBzrAvJIxhdVftJbn4oyrqPOns8Us5a2kE6oZlA2/zcnra\r\nZIgKAwP6fn5PMFKBl/RICn7P7N5N9/j+rETDzMUEoiPPKBTdK2DxwzHPFgqA\r\n1cCZFw2lk8+e+ZVkHC5hRb7PPHPtkstZdLI=\r\n=3Etn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7f11b0cd2299ec57b98399fc61314202919adbce","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022511155356","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022511155356"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022511155356"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022511155356_1654962871501_0.7275139760315643","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022511155428":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022511155428","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c845df3d2de2a1831e80c1e5bbfc8703f8d74e35","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022511155428.tgz","fileCount":13,"integrity":"sha512-p5+IiqlY8mT8cyWo3UgRxgtCAW5RD6eM0npFbP+3KaAHRPQ+iITPhKfVDSqqbs6gt+ZvrVHKC654sm0bm9DX/Q==","signatures":[{"sig":"MEQCID2uHKJeansMJvHqmkDlg7WdapWAn3oOuBJoIexvtVDkAiAMZCs1q010Z1Xt3T7ZRN/jy/kHkNTNXBNuZ/OnXm5AFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJipLreACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryuQ/9ECsFwuzNnGnK38SL18FtV0UYpq12NhQeOInlosj4F6hF6oT6\r\nUztSGCUBR6kh+eEpW0UecueCcrzEujCcK1Ejvc3WDZ3Gr15+17FmA9nXnLOc\r\n0mXsXIvP9orEyiUiEfcPayN3VOZ/rxmFQgnMgU7+bOKdEvZANrGbKWYW1LFX\r\nu2nke7dY6MdSjSnHD+sMCIQGt0uR3oZJnlyWjtd6178VaeLhlvZLZu3/BgtO\r\n4xJIyB3NfYR8/PSsZVl3deeAZltKIDEhtNe7EQSKwcUOEFqR+E1SN+TbF++o\r\n4jYKy3gRL3KaPknm2MISPVsuDGgEisE0V71AauBDdEqFUKjKb4rxdIHJ90NS\r\n4tFRfixcMoI1E3T3oVL+s2iBr+LPg4MIQkPKe5jxBVBWCRW2jQqpta7a5Lak\r\nlTnA3HaEUWV+qwGiIc2OWav2rIB1iRKxzco2uk3r858U2lwY8rCzjE98VaV2\r\nqCoqH6C7q9NVunE2OLYli2bvMSky3WPu3IBX3yy9DX637oD+bF5/jWJt7bzQ\r\nqqDEcdR8tpNV0L6Im0bYD1Z1XTyf3HC8p+H+WdEuCiU8BX7D+OIhVfXagIYb\r\n0IMYKd9JyXYXYT9yzqAWPWu7iDvIxSGY7lmIPk5O29hJBSFZ3mVFm84pcl0T\r\njHGvTZ8RYJQB1Pu6HQxCnGPOFxNAB2UjduY=\r\n=a13f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"7fc054eecf48cefe788fdb31a343b1e281649197","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022511155428","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022511155428"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022511155428"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022511155428_1654962910027_0.7805017586695466","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022513181240":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022513181240","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"30988d219f3cdcb5127aee9c1eab6c6d331c6df4","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022513181240.tgz","fileCount":13,"integrity":"sha512-14or4B4UEsMyReyfW96UZV584azWkdHt6G9AXRlJVO6bR6tcCVKt2e8jd5lb9Ovuv0t85hb6RVDq0o8zAcNhaw==","signatures":[{"sig":"MEUCICUwO1TL8+Ef3KjWJG192AJsr/UfcfB8wVzfV2OeaeLSAiEAw8k09ys4nNQwpMFs2Sx3yffsERCZ/XO9ao6cmVJeCFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip344ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0vA/8DjKEFIemlHeUxAu/PQmQa34C25+qi3EsUFpaLBkEIxuL1LT/\r\nC+8Gxu1HVxIursV3X00nEWXs9FMLI1+oADGPsp8lw2SVO8lHxCRaYtyIbaPp\r\nbVFSVjPwPY1iOtBSRvHyQXKSzAy7p/H8rHWH2NNQcgAH1xnHp97kSrdR/iaH\r\nca0Gvh3W7LyVWe1mZqVPoI6VAEv8CdJosUM+R10V4X8sN28BZ+7rqMEtKKt3\r\nXPqW3FgPuEqoYO3l2uIg2/3GtWEPP2bxjZbwn4ZEy9/ZQ+wuEqvLvbr3wRTI\r\nhc8eY8BGtmqZP7AYAjCrA+Q8KFIeuqy++hUm/giIMoyZk06O9mDFjS4F8BGz\r\nd4mmzjyL1m8curZqJAVVmUzI/z9xLEZZVeNZXvry8jDKMZ5Pmx5jLz9jNoSS\r\n0jCY9TG7lGlcnBr1utKvUfT+rqhHDTRzGiuL5oBrOVNat0TFJHxRzwpQGnx5\r\n9olEieOBK3z7XSkap/DXgNs9lQhplQb0Pyrbv5yJ+Wx9mC57QOFO/twImLF0\r\nJaWVI/Yza+MXWn6Nl3wxG36jEiSybAenW7r55fJXmN19880LfKNKCNtvsPaA\r\nvMYxjely2WjOZaltT+n1ocXWt2EohdDnqs3plsq/tPV5D+n85viar1fFTobD\r\n29JJ4WzOrwCjEmlxh0YeTdDx6aaluR1a2y8=\r\n=rbQk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"31d24f6b0953fd4eb9c90a80e3e78227624b4d40","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022513181240","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022513181240"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022513181240"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022513181240_1655143991711_0.06531591592437791","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022515163532":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022515163532","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a9927817502c605ad5b0c7fcd083793094f51718","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022515163532.tgz","fileCount":13,"integrity":"sha512-ieiHYuuE12AqjdjsDfbe91r41SVO2yKD49/mMdRquqUI8/KveOq/5qICH40bZJZs+rbajhiGaLZFAQeJBe2b9g==","signatures":[{"sig":"MEUCIQDtpobs+q8G5Fb29qYrh30sW8Om584ZNuzSPbLOtXC9TgIgWhCKxkVpeZ+02REyUprvirAZuOGdrAEA5iLhQ67hJ2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqgp2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr8tg/7Bdg48a/vom9reqYERHI5PR235XYVXl70Db8I+XJdwB1Ry/jd\r\nY83hq5FxFII7K5tizjdmWQzcsk8TMml+eaK0DFWITWFgL6Jb+/ZmBJlxU3DN\r\nzXGBi0jWFf52hLWJ15ybSNZXHzaUoP9Faz2I2haZJDzq1CXBw8XP3O0Qu9z2\r\nOfIiwekOZPn2lasJcNcQTxhfsYaqtNHzcVq2GGtKVREXOnhnqplh9CqstnJW\r\nbQzgWTA3I4NR8PCllHeZd+O4HQB6P22Uq/adCWmerj+sCYytkNy8Z8HmQSWz\r\ndGjc19xNUId0Xaf2o1P+VqlLObTADV8ifR3rNFhFCDCX9Y0qPHDnWWzD7uux\r\nnVhx2K05Ku4tSgTlgBwHNHIp2PuzT3XA0iL9+WIQOzlDGBzTahxu5OB1Ot9E\r\nBtb9jnJBFxEOfvVJFEVLe9p/FGJlKtrGKttJO2A3lEGZVuWtPTKlrFJjodgr\r\nEK/bN9DoPeKmN6nv1VCsiEx4682t8m3XnZPQ5OGKYl/X3B9lVjBQ5p1UHcCd\r\n8TNQub1EXdXkN74Y33NGnj9mXucikGLjJYASNTAon3zVukbOBC6qTQbEnA//\r\n7XS+F33Ste0N7dt1fYu9mdxpRTT6UIe3I6+JCPWpViUNEUeCf8aT+2DUVxE4\r\n77TlVp6PVaClsUt9l9492cbVblgs3pLKbM0=\r\n=evw2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"f3c0040dc87a741a46d5ad76e4484fa72221c914","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022515163532","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022515163532"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022515163532"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022515163532_1655310966303_0.5462161691965408","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516122241":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022516122241","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"fe0f2625c6b70b3148b6581427fd3fc52085c357","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022516122241.tgz","fileCount":13,"integrity":"sha512-7lIUOVCy1Ht0q8afr9I6VFGJybmRyA8rRFYCn/hdQe36unoeqvSGamvz1AFiQ2q/NcFq8kbj4JFtP46uSZMNaw==","signatures":[{"sig":"MEQCIFAOpETjAyHvd8kTQw63pt0pOK3L9oTExlH5bRD8PqK7AiAnA33bCX6Ghoq1aKc4a1oBUyBIu4vkoMBgPG6blIZYeQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqyCzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEvg//cv2Fbq5A/FgReeoUgGSL7rt2WcKYgjL2rR7XNYxb03RHK0Jt\r\nqqU997Ta9t3gCzUCCbRjYqMGWQYULVn0n0rYzOdSgACOS7uIp2haQeKHwDzb\r\n7QIIEVYxupOAWgNe/+axoF+JgA13u1yNB4mdeVHEHgpAzcckJ5ofBzvW8yyj\r\nwPOur2zmxMqgJ1Mb7BoAeBTYrenQKcMzHbMv7oWaAsbiI7inZ7eSEY0eHDhz\r\nfhms1kqoiS3jfVtXYZubRrSpZ33gVaIZupN9RK+f0Yu3vsbHE4MgSwWcfo8L\r\nj8sGTSKj9CjR44dUpRTFiA/+7p4GntrNT7xBuD7eLeCuqveXQeXUbbTowSXe\r\nSgDfrImbGow5GETXPI9+gnhL/BlGqe67ZDj2kold7pJTzW7VDRltEOb4RNUw\r\nkNfjb3C4ap5eG6VAjCmxQmby8VDDt41j96Cr7e3QqgurnYMza3d0fohIsZsQ\r\n8iGD005rRUT9BC6QsDCNFog/uUZZlIU0VntEla8ldaTCfWX01i1Wvlo0NAS+\r\n+wTHK8CSTBz/nRfVMQe7s0GWTncGctFW+oAh0Z01VMybt9reNivTqvIl5rdS\r\n+dDj2gVkew22Vb2kDf2wV/tb2ASUyK3GB6qlmPzS5LY88LjKmCFK+WULzeML\r\nSGEDtb3klUoZYWHiH1nQBYtnnKhfnvc5WPU=\r\n=t0EJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"69353f68131cb17f069a17135e8b3ef8888d5f3f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022516122241","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022516122241"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022516122241"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022516122241_1655382195625_0.07694991962375952","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022516151633":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022516151633","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4a45c790576662ab990fb08f773170bd8d21b76c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022516151633.tgz","fileCount":13,"integrity":"sha512-ty0lg97SSv+wcPSytW+V44N0AQQf0JVkO7oSkLUywjn2Hq24C5t+w3xhDeT3Sz5CReUG3wsWjtqtDZmyb6/xxw==","signatures":[{"sig":"MEQCIAgau22Kazqh5ytUkN3uOLDTjstkuDiHLbmDM0VJYyA1AiB3kvHDUVSF9gFmvDPo+ZMNmCbXrmnT4uaK/SaxdRilqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq0lwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmre7A//XH66DchvI5Ujp7/7NlCCpiSrJZg3pgHpfF091DVX7G3JR0yY\r\nNszQmzrE0yuCjlgWprY2m15sT8REBShuDJbvJgEtPNOub6+8ZJCdDNu4e1PU\r\nMFUcLZwZIHpO0+GQg2V9mFdGEn0b8WzXEqWN61dmtdjOg1F8d8Iam4FPOibG\r\n+9DUTUUO+J1f1PLdIu5f/cPgmSwUhz83ZLm4x8hhGZXgU1OGNvNdqPVESXVu\r\nTLKQ/DPRvMWO8J56P0IgKUY+LFdOvE/3rSGJyjcsMaVODUflm34namyP+uvH\r\nydU0p/dTbfefmJtFB141KjpIDRkqdetdjiEllD+CiAphxI6L2x8mYUceURgr\r\npXtVA17leBTozM+8yk/G8jUwUbGOlPvXyeMKfsIXRqCzaSOzNhPa2NPiMXfY\r\nRlws6r+oT4iW+utNYeHfUckH4IVZqEA4CMB1bxuNutfy7vJEeMFJhapj3Wwq\r\naIWxXfYIuQVhkPnsXsoPNDrWNxPCcuipIGb9EgDJvLKBGAxKf7dRyGmPWKij\r\nrvIGCTvUSVUiWq5wyMG5Fc7v0nmCQY2M2Gq9xfsrdoDZ1289LzkgEN78vcQH\r\ntwrNFgRZCuIGRbkKb0sWPnlZI0VWoa3f81+DAxsdrYbNXaMkXvxRuPXKT3/a\r\nnxoF2XnonGYvm5T8NNAr6TMU9qzJtK2BAUU=\r\n=7QtO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b4ea78f453a06eda2019410e925e527176e0815c","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022516151633","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022516151633"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022516151633"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022516151633_1655392624717_0.10172039561899182","host":"s3://npm-registry-packages"}},"0.0.0-dev-202251616831":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202251616831","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"82cb9b0521fcfb20987a4d7305a4f584be801fc9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202251616831.tgz","fileCount":13,"integrity":"sha512-waKHFnzo97CgAk0FUlVsnQz4FKua+TGYT1VONkA/Zgnv0kGdEN2wnIxlC+V4h7KQFPGU/Cjat4HQYKwh5zI64w==","signatures":[{"sig":"MEYCIQDKJRwAR2K7mgI0nydLmkZZeaYh+kR7z6Npx9XRtpcx7gIhAI+R7z44eFebwRZK2WY3xhd1iWYqSy7Wi9z4ENRI2A4Q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45280,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq1WmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRWg/+NOZitacLotBD+0pmj8YqzKFdEsMyxlj6/Km0aIABa+CHhSFq\r\nNrjBzjfdVG7UKygcE5JmFxfOaXes6NM8H3yEzY8UUb9c8p+UmQwlB2KmG+2l\r\n4qcGhytwEYF77VohjcmGyRwrvanD86HjzBUvkTvHFyGDCn9i08PkrvrNgTCE\r\n//Z82y89zZeRlHov9HJiv4H9oREittCzpWk3KFXmuKMt9FZO6hwW8mAFqcvs\r\nQe4kpR3PomNIjYCq7oe3gR/LOllZdnXMMx4GN1U2qShwpOwzHQe7zXSRNSfQ\r\nOAVMsXgKQHi6DcxqwrI2oAhiQcV7VTrrW7e76s58PF1kN+L5VTmCGBqwWy0Q\r\nvcFKfzLLJLivh3zDl58Z5QZix9ljvNg1h8hZzv3U3cwC3B6n8uZAu0dmPbJB\r\nGypzEBzjnwxhT+wV20L/gT5MmUiSZPF0ksYl6naXMsLwzY75gg9zoRPDgGsL\r\nZHJuJm7QgK3RVxbHpeVVGN/YVARXMtMnXgt9LGr4kUZsySrHa9AyeIyr/Hg+\r\nJ8uV/O61HzJHMGa5z+IUp/3gXoiNTXwLNF6pWCNv/uCGAKhK+iA/urUoqVcS\r\nl3k585j+9WLt6HRAPor6YPH3659fhe8gTizhawJZP3/dlo6jE61DSsGGY/TG\r\nyM86IL4zWsXrIRAjQUirE7xc8RYJ+CezJXY=\r\n=qiVg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"aac6c98321e6487894b45cb459e67e5e02499224","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-202251616831","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202251616831"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202251616831"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202251616831_1655395750219_0.3401037836446963","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022518113258":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022518113258","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b371e47a51890003c88bae37aa94dc353b4088a7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022518113258.tgz","fileCount":13,"integrity":"sha512-uIW5tzWLJXVb0o5JCom7MNfQbasSGErVvMvBZMpv87fur4rhAJUN/Jn6Zzzb/DjRMCO9hPJuuX/2JQOJpV/TxQ==","signatures":[{"sig":"MEUCIQC+xllaCWwdkzCdF/+LGXfP/cERjzllH2SaqMyOgT4RFAIgAa/ech1O3p8DidKB1Ld0dYF6QCwsKcfAH4SP3WlFiCY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirbgMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8ow/9HnqF3b3f50Hn2Jf7josDqTQ2Gn77f3OQRlxjSoyd3GaVnnKA\r\nR+eQfsGeYZNDxPtR7hkM1Mp1vuAcO9Jw15HyOKmy0y343HeWTem8mX+SFkpS\r\np1iRKmfJenou6eDUOHBKiHiXJaYZuFXToLZycP2Y6CYNfdM5EJte/mRjPtRS\r\nMNVwQX6l8GQb8OOVe1lmKP+dD6EvQ7fAy75xjFd6R6tcMC9aIMrkxC0Y6mEs\r\n0cbs+3YVVGzmt6cw8bT1P4CgaNjS1YfRq7+jwJLzFWLD9BuQrBQdkbZXBlUQ\r\nRjgc6JvuGPnp7UYB4vnPA8JQfM/cdnfAUBK9XTkdFJjyWTAno1fevSHuS+uE\r\nFVadfuPiawagSOS6CR7HNSy0PhXAPPLxjS9M3rsFl3of0cVM3yPOtrmfYCem\r\nwZPZ+HwGRkv9axZob9aYpLG0C8qyj0BuTs+6Gxbh0ZymWX5KBcSYlcXSlHNB\r\ndILURu1TZi8af3GlxmDivHx4DT5dWv5FSW6RnsDZHbd0wQL6VNdp69HuOe2F\r\nTgfp0kkupcD6EnIhOr2Yok463y81D3rf2F75uJPzMVJTwkp3k/li1+jPGA5O\r\n4/FJ2FWKskXK+xkwYlOgPIkkrLDvu0si1skf/9z0rimLnftuqymNWbwMICRM\r\nm0hGfpuL2j41moLtC5F9n3qQZNwi2sr1kxg=\r\n=ziYX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"6ecf45646d1558a52b9ed5ecb45e96feed8f09f8","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022518113258","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022518113258"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022518113258"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022518113258_1655552012540_0.5912510827149482","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520143145":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022520143145","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8591a963c761c5f7da373c07e51aa47be8611949","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022520143145.tgz","fileCount":13,"integrity":"sha512-KCJiQ5X5hyYAUhbxIsUxmLAXzksIYRzpZHyHV5wxi8+UXmWMF4sAFuBNEwe6lepvAU7yrxuUcVy8afxB4ZENeA==","signatures":[{"sig":"MEUCIQDxGCNPlkrDGfUwXZe98jFnDuvnbaaPp5Uq7e5DunCYMQIgVlxmnd+ucr0qrplJ5ZFUMd1rslOn2GjLg+rYsTsN9f0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisITxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRmA//bNyK8TxMDHCbCOmrHWlRcUzXfdvTs0j9B1c4Dso8tig4m3qc\r\n+XBMXa75b25MhZ4KOYqu0pj9tmK+fu+25AkF3ixhOvE+l9Qh4FE47R8HM1FK\r\nyQZoORxfzZ3nK85/ccuMb8y9FFwU7xSmgcOYWx8oimIIk3KrArUvbaaWSiFv\r\n6Y5W9YCN9vkg8xFt1PK7+djyLW+w5C4N/+AwVxl6rySAb04CoBQdwerrLMra\r\nGHpCuly2iyRwTXqutMQHpiXt+VI1/Iv/y0U0CdwyHiAY/1kGGGJb8V4SNqym\r\nbw1MNfm8rHFG0Y2uLb5gzdYOxusmNCeiIzF4EX9Wup5Knqpa8r9nbZRdfmNK\r\nC+q8QuTtIFgca+2tumMUpkOPZ7h6XPmfOQPLpQZZILVsqXS1XTOMbqD4+c3I\r\njHobhXLJaHZGGNbDvkR18ancIY27hb9MqwVDlXJOERghp/G5jhh+2jvFDiZE\r\niLRKjYdcX9kq0bz7BqSc4jgAIGvrhJf8IIdgowUW+62KQzLlITxK1lGJm0E0\r\nsUnFHR8FnMc8nLcF01KwPZFUx7sQMFcv7ADh7uRi4WzUSD3zYCgEKk2znk9O\r\nGs9EdrDa2vAOmlv32dphZjIg4dKPEOot4IeLiSCvpU4+2/kz8CG74Tbo4QUl\r\nhqoxy9h5eOKAxaHF7nENyleibX8KnKL0rfc=\r\n=TfDU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"20f19b09cd30236b5067d6efc19c13340938dfc7","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520143145","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520143145"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520143145"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022520143145_1655735537168_0.8092143322174763","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520163758":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022520163758","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b73e4116f48b1af9f46885fe417f6764d53b9c8a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022520163758.tgz","fileCount":13,"integrity":"sha512-i8qO9GkaOALuZDl7vkGlO5alU4s8LJzQUJrl4S+01zUdbyttFzwGNy8sBtXqve9RBYELpN14vSTemcWB23BHOQ==","signatures":[{"sig":"MEUCIDPGAWDITWDnl9DPr4pqXj7QCHWkCad4DEX9e4VovzIQAiEAkeJoV5WlPuB0luXbuZkHui3+9qdbKri93x8HVPYhOug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKKWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSQQ/6Ay657Jt/Xo5V+wpLn5YNPkOlUiS4nHhFTexDKV9ekwyDHpRn\r\n++EZx1XyWpKu1RUcuhh4raYBAxGWflpoCcbrWQ7M2k4K9NiZ9Vm8fhJPlqld\r\nmGyksW/WUdL9vyqw1ameCiT5cKQjtIXiW3uydnDxaqea+L+AVdRFkMPPM4ye\r\nrQXZWSS17ci7MzVEU8FaTqWBbt/meTC1JugGxkxjiP4D9u0/kQ2FpQLuzpm5\r\n95WEPceqCSZVM0WGQdkJXpaloIw6JlCMUF0uwMlSB6TaZDbV0Rp8okHHlYXW\r\nHfqWHU63NaN/u9MxLVSn/LdQUteBLBCkmvWeQvEc8N/i5nQfloSmngG2YB0F\r\nkmF+KN3y8GzsT0g04DgPbm32acTvyp3xFAbhMhXSNL1jiEkbvgts8zyc4PLN\r\n1Vq+3vTHsPMzIrmmUSvHxSzfNtw1+ZUqnnhkJhotoTB4TB7NRW6+8vWFp8ia\r\nUKd4QTyv55vQiQ8R6yNurtA9D1slqzcIEOWBrZoJH+5G1fqrNLlJCWRLuU3f\r\n+dO1QHhT02YBJ9XmuTBHTuG3LnGy9OT0a836WsUOtuYuxtm4Krv3gufegS1J\r\nspsAcV1Q+kDTblxTp8A5u1IKlvXKK5Q+j5AAaVVm0UbdgNlMqk4NqOyEUSrS\r\nSkPaylXNgpGGAUSRyVsFYVkyFmN37l3zEBo=\r\n=T0U5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"cd25161aec422ecdaa157c25102c4f0cf6c15db4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520163758","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520163758"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520163758"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022520163758_1655743126399_0.07796702404171008","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164715":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022520164715","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f45f2ff8478b12c6b5166434c00571ab149d84dd","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022520164715.tgz","fileCount":13,"integrity":"sha512-XZxYEV6KbHoAW6UVnZKlNv+H8LlRiDXXLovALXlvOAAqPbD4eSnzSclh5k+Avw9bCYGRR4LDwG5VGlNEChr30w==","signatures":[{"sig":"MEUCIQDFQjcrLK9e4AeMfKu9CbvPdCUGZqeF7Unoa3xUbzv7MwIgT8P3sonPaUR6GF3M+AeDQ/IlXqE1r2L/OIxhYLZR8Y8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKS0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBEA/9HEFQj/1fPfmZZg5FODbN1Bj/BOISP4hF4IpWQ9EVraAqenhM\r\nlhDFa9jnG5qWORQulONo+sB2Vha5qkdeJMQ6E8/HjPPpAqEvUWN+17PsQVwC\r\niiG256qVfII+iNvh5vwwe3gN92zHtv3M6N3PYOH6oymjuFgrcAj0eQMzQz+d\r\nj+uZEYmGxoDIs7mSGAk7HFpXK8rK2Esz+q0yYa8dDzyukbQsoXqxn22ub8Ww\r\nhewQCfE9ebAte1Aje+59dZj43TVPoNeP2Lc+1c8pROzTT8Oo3V9gZZMtMTUH\r\n+sF7HML3hxEjXOYjXq7XYdLyHMyrO/7Mn8+3vy4sKTl559LGpm5LdkgEoRd6\r\nTFwAzubBPgsTrtbnSAtXXbeHPsraAAinphmpsY5sXu0ZpS8E5YQUBRxwj9Td\r\nziyNMKcFGXCuiH/Bz3vRYKQpwPQbk34UgXjlSXZsx6nOU19dI8iLbOj9YKsh\r\nsQM0NvN6b7+iUfJXGlGGpLRZrJAP5T76160+6tELsmIlKBOodHDqkK09Fy/e\r\nVQ2Tvf6ZdkyTTzac9NY6+HzPHGge+aR7C7EMZxvwFYlmDojTla2h8koqRu12\r\nlpJobPsgjEMgyfOBDn9T7d9IOQHf5lmACBQ6dCLiDocNPIuKSU+tjR8wyJvw\r\ncOjidqzP/LEVDaxdW3VIQ0LE+P/16ZXSY+M=\r\n=KQu7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"b958893bd458ee7ffbaf725a4185636f48b19590","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520164715","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520164715"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520164715"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022520164715_1655743668517_0.4488076056122743","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022520164752":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022520164752","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9ed5b4422eb826cf71225d15c3b51d0a2779d222","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022520164752.tgz","fileCount":13,"integrity":"sha512-dup9sToFKSR+c/4IYXcpp4csWd/JYMdR1K0ZRltBr690F0VVT2u7YcWzRMVcCP70IwiXV09LBCWwWdqQTrr7jg==","signatures":[{"sig":"MEQCIAij+F8bPiPgveMuLprOaqVJxQWNpgpjs8cQNf8s4Z8jAiBp7kU46tqBR7K2VswAlqLdYz5Q7UX/3V9AkpxJomYBug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisKTcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAuQ//TykJrl7rMZ55XDF1WZJLqlexBcmVn9NHio/XL/xJQZ/NPAuF\r\np7vzi7ZN9vv3jnlzndlbG4PRPJjOLXm9VyYz9Z6gk74QAQozlk2+Qnn1wN/i\r\nYtZ9zAxX2f7V+vFowE2Tmz3VrDvs29vlCLxYV7OpIC4Bob/Oq27NflUVNPh2\r\nAHeF8lLdq+xUU8ucbtQQ3QTR7ZquUgA59uwOKJ9cFquStQDx1V8gHMvsyltO\r\nJQYDGXJ/Eqnx71Uh0Dv5fKmVg9+obZRhm18MNjm83P0LQpj+dx4cqgyQJX3k\r\nBgPgpMG7j/pQXHoAFQUShg9kcVPJtz3LC0AwQCRlRG+s45NMO+V1iAUgpmAR\r\nYS0O6HxQ+++sl1DLKNKUjspljkIGXggU4KJ1EggVUVFzgVHiSMUXhsnQvvSj\r\n7NhUyELXnIy7406bd+H2oYA7Vow9IARwPOeMpHYoDeQVzo8Q36+uaTzU9BM1\r\noMdQBxJl1PbBqP3KTzc19Hun2Xx110rs8J5hyH6ucLfbjvxkinHP1u08NNnL\r\nsUNHwpBVr2CMVvP28h8SFJxO41frS0b6MrWqL1W8bQ6bIVNwwXA21X0OZ/a4\r\nGniUrcsMnlCTibpnKVLtIXAU/DxwV3Ula5Qf2Ro/Mg6ncZtELrc7ebkpzIEz\r\nLvQF91byiX8EDtv7I1XhB8u0Jl/NcuUqSwM=\r\n=1z22\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"3a9cb998b509535923e2673a2f402900151d2a6d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"0.0.0-dev-2022520164752","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022520164752"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022520164752"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022520164752_1655743708471_0.9084741988608851","host":"s3://npm-registry-packages"}},"2.0.4":{"name":"@chakra-ui/pin-input","version":"2.0.4","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"27b82ada262d0dff21afbae9c8850cab7f5caae9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.4.tgz","fileCount":13,"integrity":"sha512-Tp0HugjoOUocOTzSNpGDsTC7FoapmNVf5E1APK0iT7tTpn0Fedh0uWfYnqdHPm1bkT8aMBX91A4Cxi2WkvKm4g==","signatures":[{"sig":"MEUCIQCkPgb0OKKF4vGNIPv+nO1H2mM6vWIrMn+pRxdekuTP7AIgOYQPbFey0d0H/WV9N/FK2rL9u4GrqgXnr9Fk80jFH2A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisXesACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqwoQ/9GRRlWOZUURHbG1sBDiyMwVeEYkttRZnrNO2pVqGOFAlW5wvc\r\neO/ic01QeKHzJ4ObPo7r1EMhPr1HAfc4wTzgsPRminFHeKXH+suiOtqgb1hl\r\nkK5WCZvx+FvuJJ3xsous1peFWm+NxLHlm3u8EcrVqllp7scsWMi8NhCl23Ny\r\nw8tXwYH3GbjGuKpthzvWrc+rC3o9XclHpfDucUlHvvRovEx1X9mVGVEveRHj\r\nU5aRwkM3OwnUCWPMEW7PUMS8OdXUWVWdFwPyDS2nTovVbaj9Pke+xRn+mahM\r\nkqlwPAfZ7EorEutzDQuhx5GTMjh8XW0UUuzRSVbytwFbCtm7sUtX+mcIyhE4\r\nx6DZ6PfKE8IXGn4cYAtx9cuyY1UX+HAKYHzG9LbkKoo2DUi6DvP81Gw629ZO\r\nirkS1lcamRI3ZLAf+eS00NVqsY4C2JzCXmTp37cGJ7xReYl6f8hM2n6C35F5\r\nuwN8O11bssFsSa9mvm6lF/1bR6rNvLv0vVKTkR2MbPnojmZdam0mlSE+dGh/\r\nR8lnFkTLmh3n+2ufpaxXFG2sM2l61jiH8tpQeiLaKbfuO7wab/xJYJcjMmoK\r\ni+v9oGyYgW8O8m9AWagv7oRs0xN6QS5ANCLwEDcDKFVt0fm8+ggHodzRb68k\r\nD385PHQFNv3oivtbyIlEhBxTjA0MLB2pRgw=\r\n=2TKM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"df381bf96076d99e875f548352476114776fbbc5","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.2","@chakra-ui/utils":"2.0.2","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.4_1655797676276_0.5926395147163095","host":"s3://npm-registry-packages"}},"0.0.0-dev-202264144818":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202264144818","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"37bfd18aeb330fc8fd094da4a46722742283e126","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202264144818.tgz","fileCount":13,"integrity":"sha512-nR3y5HGILNdL7f7ErqdXgB1EM4DsvX27HHdt0ytI5Dyk+WY7T3/vvrjAZkPcJFNsopcneg2LXODbztwTwhqhsg==","signatures":[{"sig":"MEYCIQCbfO4kzIfw0NbcG7UxEaqAlflgYulzncMtnGoKk0LhUAIhANwxgI7bH52dy7LJGY1mqAYLrA4K5CGzmQarYjCeSRID","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiwv3lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpS0A//QQx0sj5mXaCnzE27WwiGSBaJH27Bb9InJZQTBEdq3L5GbN43\r\nqBj2cxqVN4fzPJxALT+bsXBRqlqWqU87/d8ai2oDXByScvzJRm0NVjwKWxFs\r\n5p7wXqAl9pWjDmTwJxxnqLyDFfgmJLP66w1kEBYwcKDYYA03CHgnf+B4ROcp\r\nx8eJYuptE/EZIjqDKS614+DXSrs6mTXM8XmD69qkGEV603QnXVgsvASoDYUL\r\n4IdW1/Upc68RG1Jbpw7gO1wOQ1Owq/hjQacgOEqHyOs0a1bztl5pEcuGlAEa\r\nhh/BnhUbHEK+TsRYjOdmSOdP+0+BksR5fbGw1yWk2iugqSJFZt1jlfUj39QE\r\nj4dxtW8OfeTKZSUKqxzIQnOKpurfIsRV2VDVKiSpsmnQLtaWMOXx2VikQDik\r\nMd/Pw9ljOUbkbRQwrm6KD1u8CugT9oJxegbWI3rbIdKzFw0VYQbLNZktlcn6\r\nzJt171vdfB79Lmx1wzsyrxxxR6FlZ0cz54qXc//C7MyNBcEA+UwfzF+E6+BA\r\nOVgqsJxBgyOrYwydmsgni+eDkOCdnXZzYE2s/9cYyVRwrGPtpKiEIht33yFY\r\nvo6nGG7ZSqjI75gY5r0LeJg9RTLT0SN27nVGnclXJ8UCdBK8HnNZYMulpFLL\r\nbP5HleBzkU/FAAPrkhipUdvXvGnK2vNsBfM=\r\n=6Ggk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"1a20374c681d03d60f7f90961946e9e2dd29c4f0","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202264144818","@chakra-ui/utils":"0.0.0-dev-202264144818","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202264144818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202264144818"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202264144818_1656946149410_0.7987676042765894","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659325":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022659325","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"7bf94081e675ba7b13b40f72f549675aef544213","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022659325.tgz","fileCount":13,"integrity":"sha512-e2XcWdmZaF2mlTD7wza3FDTXymw40qzNgmn573OvMyP/0hgd4ru42yfE7n6BKgY54MwFfTGHYTUoYEuoHBZ0VQ==","signatures":[{"sig":"MEQCIDV35NwwYX7ET7E5LMrE3p24XpWyrOvJfWYvhwGWdfk1AiBWEzX5pSMq1NUuqlxc2baYtKFtypP7Q9va4LRVsQ2UCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/5/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmruEA/+PTl7rk50zQJArs/r6za3A3RyTFrW8WRsC8rIBtL9XgJ+oTxq\r\nvGMKVSF12gwGV4fIt53sZ/hhxQ7B7oEfqL8zXD+zVPzyOqb7cxGWynCbQyjm\r\nDvyOsULCSowg4CQh/6k2gUFKerNcOZsBs02aBW6CWVNkG1lGOQU04o16r6pd\r\nQ6WxcmonH2RlmfRlwI1GU2+V1cr24aw5mqlH8vRa9+FBfE6hd2W42HHllQg+\r\nsVmHPQW1a/xz9RQU05GouQVqzZzNBJD54zCz5TioOtcz6l7t3fHqSdR5oQbm\r\n+FeA6X8Gwg9gSck+g37CFNDVbim7RoGi6AP499EVW3wQz/aDATeZ2/Vc3RTX\r\n8Ju4EfmGF/+0+xEmB99SW7V/CurMJioF7c975s6c0ee0hk3/0oXlkp8n+9QX\r\nfe1C7X60ww7Ga/7qatMdfl/DgED6DVtgAf005J8iwTC4Z9ODZYwc2bKg4iZv\r\ngBV4VjBQnwnUooC3/T8cwE3VvLRI3GkL+HLlgs/TzUNO7Fk+m1K9xtoQpEO2\r\nlH+mjqsS/PuHsR6u/lqV2ADgndYIfNPkfHePFt6yh+/mYOW0fBH1uJrwYUoN\r\nxXhLxa8DhSxSH5tDB2EESUPSXnxICAZ2oo/l1Bh2XIcs/8tB9PNdkHfWoooe\r\nn7gom+3QzdGuplGNm5DD3LoN80/PEjK8cuM=\r\n=krgq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"daf80e3bce5e2431078206cd5edc3e967d4ada90","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659325","@chakra-ui/utils":"0.0.0-dev-2022659325","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022659325"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022659325"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022659325_1657011839534_0.3071710368160403","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022659431":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022659431","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"280f331cb1cad02f3a76babd7aee5083d5318ca4","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022659431.tgz","fileCount":13,"integrity":"sha512-SM3t9C0gu5un8D6t0qF+GTUpsP5xLx+xEt/D5Cg3CSPS8/1WpGw8gShLOC8+HRSwZGlIq+h60pdiCreimEVyAg==","signatures":[{"sig":"MEYCIQD2ObtdAa5nQkeLWgE7a0maGayqHl3YJa3f9JW7suj36AIhAMgUq2FMuWNhmR6zjlGoLdZw2e9jXYJz/6tnFmWIkLYN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiw/7CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqLg//d4y08IP5jeMdI+oj5qTuWmGQsDroaXkpsETMMMU0iLQQ+X3R\r\nedV5jws5Qs9PrwLbeuR9FDNE0/cdnD6WU2qHgweGUX/S2UrCpcYTF0iPlbJQ\r\njXR8Tw0fr5eZA02iSwfTEEvRNu8vMCxiCESkOicpD/HZPHdZLgan5tnohqwU\r\nVZ+vNeAx9qV3rYrBheJytmPEiQNsV/eVIiq+Cea4DFTrwDLY3+Gilp0J8Lnl\r\nmU5MsVyvg3Ok+zzHhsA2539hP6ts7428ArZt3CY838QC4vhNDkSpNGjHtabF\r\nY12zi8b/EUgmX5huGpgVbvGQHoM4D5OzOwjLogyi+Tz2adyuzp2+zRqRsupq\r\nsIeWzi0/KYp+xKeQBLKoWBpX1hBitOF9cfiXzotae+Y+SPUFskbSN4LPfZyF\r\nJI8hjhnFoqoIjFbR0AxKMne5l1E4siHOvppAB4ZUBSd2YvgsUBabDGZN5u4e\r\n89t2u+F+lGOwjibtRdZlBKzas6bfFBkqFMx66GeFkSTadd+/E310FQ5RYA4y\r\nIpfv+oU7wksZ8k3JiDqyl+CH9dIbbTpAnRZlR3hl1vJ9TLClXb/5hve+rgiM\r\nFTkow+53NOBR7+5RpkB0x4PgDfQWE7Jm3PUD4nMBNj9ObrjxcULCj3g3+nFI\r\nkcaP6HmVDRSqEouZlh0Hadm/v5jvXq0pHjY=\r\n=jpbg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"95c1c98a65355f568f713bd78659dadfaab6c850","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022659431","@chakra-ui/utils":"0.0.0-dev-2022659431","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022659431"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022659431"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022659431_1657011905823_0.6722865289027613","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022669710":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022669710","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cd1f4dbe19e81471d59f129c217eef6969ba101a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022669710.tgz","fileCount":13,"integrity":"sha512-2lBo9Rc8UtFaXEZ61Dc6qKf4rdDeqGdQZ1wxomqyBnnfIN86CGBv2Q9iyy/Jj85/rlY17cE8wAQpbXxgc94VCQ==","signatures":[{"sig":"MEUCIQDCVlOEjuvwFU+BdCbftQnxAH9hjAATGc8LqP0DKt85mQIgLcm4MoHAiQXFmWsZhMVVdAxQv7Xun9/szFTNfMh2kN4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixVDnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrH9Q//czzOuQdUNtlxO1M57oFstzYtbtv8vtcWjIb+x33nSi6d8/Pl\r\nGuPVoIDKyjVNpSi0jX8MYsbfohtxTyoX5IMgwUgAYZt9gzvJ1/ce+e1zTPbg\r\nlOdxzHuUOr60eGrmz2SjiiiMhM1eY/ThUwNWvP9OPOQXNFPaFa7ZhEeCfPKy\r\nxy+K8LcNsnE/GCWpwtnXZFGQKC5VSxEQ41MkYt1mDhUnG3Grkn8wy5fJpiV0\r\nEWOu+XXHpwhjlRaXK5hf+evmcs+SyDfwlaRvrsaMp4gyIIq+UGgINkSPEvyc\r\n4Eqe0fOSRg5S1U1UuG3U2ujvQGZysMuLJk9XcsnyU7WgOpb7anUG1dlRdqqz\r\nb61ilAJzSNOI9dQuJnZ6+pCqxxe8gB3Gu9e2RO9KCpjNyqkOtp5KUeOJPT9p\r\nGxLp0QuA427iX66cfr9qejqgIMReiBoBDh0qebXv06Ow5TqcQ7eF0sWP6NC7\r\ne4j0I/K4yuUzMbgOs0OGjVC/+nmzy40M7/YG4XI1iJluxs4qjvGf5gFRCsiT\r\nBOxfvDfzug28VL4DuDsgR3jWGbf6XZ22/Gsmtq/B8rsW5mfM7TYtwXJSblGI\r\nFaKKTJ3qQVDBjlVyNQ9A7ci3ggs5tqiiuQaaWSOGa2R7SpIACDSpL5m/tu4c\r\nPMYLyMekSFoMoJ8YAAV/PGwBm+QpEpqCV7A=\r\n=XjVH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"e2940ab6151d213732abb924cd7ac5201208dcb4","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022669710","@chakra-ui/utils":"0.0.0-dev-2022669710","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022669710"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022669710"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022669710_1657098471779_0.27210642450437006","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268163535":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202268163535","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e9c6ebaa7f85907f3216de9ff2020d48d29e16e6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202268163535.tgz","fileCount":13,"integrity":"sha512-Wexk2jkcT2I5JkWIIao8dAGle7DF3yR3ZPN5DidGU7mz3MUHcBn9YX+B5PhsWa01BwqYRkS28ZjY+NYb5u4FjA==","signatures":[{"sig":"MEQCIDOvET1icQUxVykJsXQzyZsUJ2/A9wXH0z925v4YJSkjAiBsQJBIebM93qEHiVYiCDrihpx5lQ0+1e+mvkz7scdE3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyF0FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiIw/+IAGfJBunuReD3X5BPl+QXv9jCznf3ubjglCxq6a/ZARGSgI9\r\nMNul8v97Ghxr+iUBaLF+oa0rqS3OwoWoKjgFVSIqY+3wwTP5yk01EyeP23Oo\r\n453N/DjfFmTczqSEibKqvQP1x7r4g/oJRTLOW4YS4kVgtTFZiKmiz6qF+22j\r\njVE6BwyGdx3wtOtgS1tR28+YGj6mHmbPke/faEqDuHI5FybaJBML81/7wqu7\r\nnI7d4Gn885/0IKZ2ZZNoDrnDoL9/8UDm/qofu9RsuE+8IRSlA3S8Pj0MzZkd\r\ntQj39M0ggcXB6hof+eGIKL01imzEHwoC7ae7asSCzzjO/nJMf1HFN32B7EEg\r\ndGJKWynadkou9xKQXphy2mswhIsSCAmRczFPSgoDUfNYPG9GAFm9oAiZjc7r\r\n6Cc00UiPn+TVTLORy1bGigZAKqXREGZJzPxmjcCFl8btHLdZOMNgvS0oSNhM\r\nELmm9sAJahFFPsQ7uKjWYaTM5UkRrgUAcbhaEubje02W63ihGlpBNKrls63S\r\nvDNEUKJY476sXYnE4UGsaU4cXZqjBWSNzQ1iHkoWuRNWinsl2rHS2gzUyZ7l\r\nvgIFEbDyNaPhCAy6XV486kQAXfJfE/9pkEm7TX8l7BHRsdGS56CwnRzcwhQ9\r\nG/nD/WTUgWzoNQNHq8iNL+YONIkklzye1fk=\r\n=iUiB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"a08770bf04414afdcc5e2c7e8b088c75f5dd949f","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268163535","@chakra-ui/utils":"0.0.0-dev-202268163535","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202268163535"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202268163535"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202268163535_1657298181100_0.04585711725776753","host":"s3://npm-registry-packages"}},"0.0.0-dev-202268165050":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202268165050","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2007be1c89762b6920face2f6396a06ab20aacbf","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202268165050.tgz","fileCount":13,"integrity":"sha512-L1hJuW7HKgxlU32HcOpBRskSrj0naE9fL8HYJTdBIkGkTykCWMi5TpPX2vJeZwIvTozT9zsKFr94pFmvLBgIHg==","signatures":[{"sig":"MEYCIQDpbZbcvhQqXeuVZNjnClxJ+KQeEOY+gwB3yQ6TSVYN+QIhAPt4Wzbp1VWmxuvJgrYhQV6OEt3dFaxssJFxCkd+glyo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyGCMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjlBAAkBrtkBx0Lf2uOuxexWUbLDxcNboTB1AcRrGpKb/FFb/akoMC\r\nby/XjtNNrhGBjpl49uXjFh/rQReREl3+8dY0Z33oiDtv6o2RKkNL8kQbmOXp\r\nwyLvrlbQU3cd4/mCAxp+s3y8tJ4W08GRv+uhWSY8Yim5dmlXNRwk8aIruGZN\r\nm81o4FALLG+V2XObINuMICy6oAmUqd1DHI/5jKHE78MBYOKH37a98P9ntBhP\r\ni6YtvqX+vecKCJOyi+wGyjlVX++xVj6B/SLpAuvalYL/BUzCFY8VWoOBYlJn\r\n03rBfOKb8owov94Fp2GzgmrcSA2UZgKjhRTuQ00XgjbnkHja0XPJnNoytSnP\r\numIgJN8hydCcdUjjD3XAFlec/leDcZhKG24bsUog5FSet3ih4YWHsKg9N5XL\r\nOMpc8HvJt51cDBJCQue39B4np2rj6eNQ/+PL75xHsbmVU02djrfo28gJmKdA\r\nG/aSCYAaL5GzrQZEq2a95G68Jf5sKsCjyOICG8khDMLK5pMaA4Uj/IKryzvM\r\n5eJ+SjQ5pna6gZ3HVjRc7KzqgUTv9XPauZMzEctqYW4Q/WI+gCMn1v08c9j4\r\nBtZAdT/k8+y+6QWRI9dNcYxa/znTKkCcsdXAZWlbxoZsTbujiuNhUPAvRuMN\r\nRa4NBDXu8VSIW9XnsNTd8nA87jlYfaCGGa8=\r\n=5Aq4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"8bfeefbb562fc5ada4757309db6b951c421342ad","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202268165050","@chakra-ui/utils":"0.0.0-dev-202268165050","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202268165050"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202268165050"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202268165050_1657299084458_0.3263462567408306","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103716":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022610103716","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2a18fb96179ad9f6e05c6fc70cf4a540a4826022","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022610103716.tgz","fileCount":13,"integrity":"sha512-1lxJXf5Y+Z0LxDT3xQlbDHRVDIb1Z7f/DDBY/hiRUGtJ7Aq1LxqXIbuyZlsF1PbMI0FSRuoWXSX1XS41pzlm3Q==","signatures":[{"sig":"MEYCIQCnhbPtyWbhT+fkmC7DXMLOYuvzy13XsJ7w7Tl4TSADgAIhAJ5WG4OYZHvHALGdDpurlAYQ7VFALgogrrFlP882mB9h","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqwBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZ0RAAmsVi+G7p9NWkG5wdcBJuyNsfw0//aTRBguSknRLW6qJZs+ug\r\nxSe83EeTNJhA6nnf7eVyRtRGDvDN6oeaSqKRUSL0oDeZ3qvljRaKjje6IxfL\r\nM0/h4+MPE5a7AJrno2c3BVZ8Ebq0g2aR1v7bFM+DvUg0IaQvugqmVSxsgt6n\r\nC06abiLmsLiI85diTwuAOheCQLk10JcJqXOlSmlE5KqXqKDwglaNvGWad3e3\r\nIjObgSACEcRN9QmB6DaIr6iZCLn4c1OVKXhI1mhsSdr17p1YRpKw4S4terSH\r\nBAKKKpJEypnCe7K1VscjQAN7BWMJLRAWzdrgiUnDS5Z4doMN0m0srzj/OcDk\r\nLHYY5ctcqRuQnRf+lE6Omc0lwgZs1BpbOB7SQY3BAc94+XaSagqKa5SaLgo0\r\nAlySdhdSoo5+CJE0qe4eFONs6x0wZFp70DHPbffxs+2Y4aXagpnUXW55UgZs\r\npR9/b5U+SNnvmvpF21avVuUmCApHU7OvxSdXiOBA2mPZQLeWlMzM5w9ka+An\r\n9p+7eGbuXZFHLH92ZeMxEiW4W3j2uo4H0H2FLWlczvfVYydqLLgYsXEKMOkn\r\nDTk448S/D221GAp5zE6pHJO8nS5tc2j8H1L/SlFucnHFOZL1ldRCr8i6PLWf\r\n0nw6dSLq+FHDFjJpHJYAe7fwrIy74vDyzlE=\r\n=te0y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"385ae812e7a8004403e2c7cf7d7471f782f3e667","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103716","@chakra-ui/utils":"0.0.0-dev-2022610103716","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022610103716"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022610103716"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022610103716_1657449473030_0.2217633297413879","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022610103924":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022610103924","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5e443a743a60c9134d596d35d3a65eaa34755b53","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022610103924.tgz","fileCount":13,"integrity":"sha512-ZnaFuhf+CkVnRqUNYsaVG6I9ngpf319t4JCoL9Tyzn6G3vJtrT2PtCWOp7f11LZ5xndLlI+ulvu6nIA+PPTw6A==","signatures":[{"sig":"MEQCIEPnSSNTP75pOR9reCzCqH2MP/bGNTHBURdiAd9ts36GAiAlwOLWDSJlWdlPajJLOF2uPgCeAjxNXZXF4r/DoP26OA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyqyCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQ+A//fY/GWFD/Wp/iHDX5yoZdrQFDHS3JIOlagpYbdXeZM9Slga6b\r\nsC12qr6wXuBno7yw73ExGl0fqjlwsqelbJPZIOFsAOs0VfgNYe4aHuH+nl52\r\nUZyuuetMRF+TVvEdC36Y5Dl33Me8s+iIR00/z4gSOsRbV12RD/HbwCTiuqbY\r\ncRlAaGu7aAV8TmIfAX1cZZjZAgO5XDVhLJ0A2U8wiZwE00Yk1VGSnA9Ukijr\r\nCgeRI8u5JRW3SeUt9qzapV4DAg8vsTa+wbAOJ+So6gL3uCWLql/D6Q7TKHeX\r\nBBAnQw+6tJ605BaQ49KaxbxEF+RBwZQtHQ8XptAg0Z5vhXeb4VoDChx5bCb2\r\nVa/g08ll51kDWGxdZ/qMVa7p1M6h+ClpICP75DgDPPEb5sbqZljpB4BiMWrE\r\nNAb1uSsN//Ib5KNK9jHjfsqe5STu3iE2n2iL2ji8V4fXkhUFGbNj8tarTku4\r\nZb+AmYl5JS8ZflYmXNa2Yh9xViTGJ3+VbwOJNs5foQueuHbuKD/CUN5mTGOc\r\n3lX0sNLlLlsoOO6Tb71su7OF2ODNbfMUEfA4JwNuPalTeWvC3liT670aQuAZ\r\neUS8LOPBFqN+OdrhFHo4TL07T21LEMTsGA7mjQ4Al36RHtrZnjLlkKpLQQsx\r\nKg3bRghRhbSRVYdJZXDjT81EdFtj6+Fg5wc=\r\n=l7+N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fa2c993f8383663056cdd4139d5dd3894900fa7d","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022610103924","@chakra-ui/utils":"0.0.0-dev-2022610103924","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022610103924"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022610103924"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022610103924_1657449602523_0.3190852871709813","host":"s3://npm-registry-packages"}},"2.0.5":{"name":"@chakra-ui/pin-input","version":"2.0.5","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ae168404560fbf1f0ea74355a41ce1ca9cc94455","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.5.tgz","fileCount":13,"integrity":"sha512-RdId1MkHhj+S3n6oU+2ZAZgp/Lj7TEUB3Xo9xGE8dJMtQg9GwuZ7BOx2SDCRZw+Crxe1+EtT1ononou9SouXGg==","signatures":[{"sig":"MEQCIAUaD19mtr4jZgt1zsscfD2DWdz4lXshIrQJ8xCw2hE3AiB0HzscN1iJE70zRjAcbCfcfVwUahj/pKyZPxK9tXXCXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiyrCMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXLRAAicQT4dg7NS1E25GUplrGDk0rbJPJvkIGNnnlmS/2RW7g0E6J\r\nLLICAWM0XpenVHi7G0eLmuZ6hcHCQ53Vre734I8frwurKGyKL6lDrq3TtAP3\r\nmcWhkIyYL1W7ngAyf0gDpHgzztqMGUMi/z0jibOQftR/d8dR9wdAKd3SE1Rx\r\n82d1VNdbEmIBswPoVmppcZaqI7z3qYSnjmoiuRlJtP0TWqsUijMM4aeCHUXW\r\nu39sPy7DujJOJnPlYgnsw8byEFWV+Z/RzWFYThfOzezBHWvGaQ9cmEpqefe9\r\nNvmbefN/G8Tzy1AetoIF7jBDBQylRvAgDdr0KS+2kHB12Gn//LJgSvUoSIwm\r\nfnsUHGeHb73qm58/NzJSMnDW07HvAjvD8tARwFXjJXIbPAz2g/J93Ds7LbSD\r\nI6D8rUwkzzD8m6nplhSAO9cjAeuIau5cvO4agBDZaeIGriSrLf1ZugYwhfYl\r\nDy56B4XuEC4XcFvrFkir0Mo3ELNmCNqGeJFbfqczGGtPMjS8dX2VleH5K6Vk\r\nTGY7v/EJPHKwK51yHbN/HfI9cvO2UuUczD2Eza0Qg2JstnPFo+GXQr/NFe68\r\nh/yO60GWaGM3vKvszaT4/F5+ozPI6La0D5eA/h5dO1oI35FH5bsEv/XhLFGT\r\nIm3CLOokQWYHQpfcBBQE9r+TJDTtc8B5NkY=\r\n=3B+O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.15.1","dependencies":{"@chakra-ui/hooks":"2.0.3","@chakra-ui/utils":"2.0.3","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.5_1657450636488_0.8393462652163639","host":"s3://npm-registry-packages"}},"0.0.0-dev-2022612222012":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-2022612222012","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"522c76120a4b6f7f4f0a12debaa9cf4921beb3ae","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-2022612222012.tgz","fileCount":13,"integrity":"sha512-DwKkn8Bx5ORxl72v5TK1jR3WQD+t4u3Efu0JGez1kd97vDLpw+wQPlgQLtNJhWk5h3Ioo5gK2Cz9Iyhag7fIyQ==","signatures":[{"sig":"MEUCIQCo7kxd6Ipqc10xT/C7lWS40nEcNCteAkjr4eRsXnG8FQIgfKY3sfdb7OtOh9ktR1ZvNlAE8D1Zc7tTmbCQT5Tcmuw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45302,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizfPFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpw5Q/+I9/AUPF24UEcWsyHpRigwpJSCmTuTpsyH2qL1bkN7mSMvulD\r\n4uI32XIntBhlpe8GxmOMI5kWSWBPTd+ceGy2EHC078nvQSQ0rtI9DhQwI+ZQ\r\nzWEar/IIwzRMij9yJNhlGAoVUxWPCJLFHV1NF1z3omZH69zSomlPA0X6KeIJ\r\nt7EcGAjEmqxMIu2D2kNJkAX1dJYYY4lLjrKsiZ8uJYAK+r5mMhuftr2R5gzr\r\nMGFaaQJW9LzNsY7TBD2kxsEGjQfjRerJiDnvzqV2eQVBS0a7weC0VYPZ07lR\r\nJk7tpOsuWIwpP1V11GiI1W3V2SBlewU1gsBw1pEpzH2GCzHXqk8AJmb5eKsK\r\nhcw6HA3BUSnKg9OQlQ8qkvUBBfWgX5Pt/53RSf0/FU3ZD0yAC75CBePnITsP\r\nD5zp8qn2vBoW0kWCSoNtUInY0RBlwKQxpv5yQJQ448CHBhi4z5GGHO+bZKNh\r\nZdxwUAnxfagFw0ZKY7BnLye87nj77hTrimSNlfDWpujNHLUiRAG8ItLlLF9z\r\nGJ8+pOaLaT0Cet/D/51SyWL0H1/HyanmwjP0JOBoD7DJnjWk7s1zBVMOkfzY\r\nha7bYk17uDsmmTvPUo6Ij6ND7UTijrfgZ3J6f7a8yE5NwJzCTLqe5rExthZx\r\nS6VRzkeDP63WysBPftO9NGMrFFCN+OpcqMQ=\r\n=1HoA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"46b495455fc416b166db18f5098ede7752b2e3ba","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-2022612222012","@chakra-ui/utils":"0.0.0-dev-2022612222012","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-2022612222012"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-2022612222012"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-2022612222012_1657664453185_0.30761783685987565","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261316456":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202261316456","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e00e90fd1efa13e65b1ce1e1eba39a453d707d10","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202261316456.tgz","fileCount":13,"integrity":"sha512-Z7UgXRCzW8xnEI6FgNpRCpY/18+7W8Wm0AQVUOqUJy3+AB+lxGuMOur8OirObUkWKgVw5WOO/EJD4uQeQwEe4Q==","signatures":[{"sig":"MEQCIA5wEASU9egxz51NJy5wsjC4WWWUCMA5NIwIvU77Dn0WAiBoa2QhI/DLjsdAy9zK3JnZ3oHUiP6+3UwFdy+wGCtKMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizva1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRoA//RL6rCfehvhn2j0TTs1whdeIr0O2dnHyJZ6IxCpQJdTzjo61v\r\n52hWVKipTbazgTkC7lQuVTjRx3N2YbivZaOziJUDdqdRfEYAaGv3U4IkZUPy\r\nC301a6Hd84qkEOGwVDPLOr0IpSo9//ADnOVAwu41T0S3MOfT8R8eDq0vX33J\r\n/QLEcockOwNne0kM6HobOSWCeGTFIgEeyZUPeZLJnJzjUP+3xPqqlYL/tYt3\r\n2o1wPUo2fASz6X0+d6uJ2XHAVFvEeoE4VhAUefGI/oxyi30u1NWd6NvPkxW2\r\nPUpyiLh82/vhsG7XVVWmmUWMc8tuBJ95uE+FshoDsii5xP8KZzxJfmT1rW40\r\nqwL50cOTb0IUkSUETqaMoF3aILH0Cw/VSALgW/WPyd12eey78oan8fdE7vqU\r\ns3FORrJVNMcKlBBYFzJ7JRI4E/xJMPi08lcV15HWkmf1ucYnMuAcZ8JVYc2O\r\nE3UlsueKe346Imk8vNzA7KKpAMIjNnWmrwe/LOr1nPmbAp5ZxSrxONEcw5Fs\r\n/jBmqedpivHmbcS99U+nvoMVl7f0gSbEkTLYy4ob4DX9vjfJRoS1CgFHsZpy\r\n+L7Uea31w7h88ie1SmPvsf+32EaYZheACyReaTrClLG4lb2dLTM/vo1HdqrC\r\n/6m6GkRhL32Ea1hLvMotG35wlhgAR4cEsZ0=\r\n=V48N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"fb3c09325d7bf58aed13c6d0fb1f72b92ff0ef3a","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261316456","@chakra-ui/utils":"0.0.0-dev-202261316456","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202261316456"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202261316456"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202261316456_1657730741532_0.07152698585261641","host":"s3://npm-registry-packages"}},"0.0.0-dev-202261317818":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-202261317818","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3916183b7270d2d2ba1f4061f8c567c2154a531d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-202261317818.tgz","fileCount":13,"integrity":"sha512-N/BEugWBowVeXemXlDJHSsmM1yUJfYsIFsLXOzSBXEnAFyew7Gve0SRozbMhFcbsCpGCkwQOdw+sXz8sgxuvYg==","signatures":[{"sig":"MEQCIGCQ8AdEFO9FFaJAH832zWBfLW8/WINC6j5Iv4tL6IXIAiAzTlf5owD4fm3Y0/O1KXpIvqcleuR2dp6gqh1oh4pE1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45297,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizvwoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSkw//YF0kWZVVhN+sMI7yIlUsYhfO5Hbbr1ch+6ojbnQVAWhMQqOm\r\nGM6mhKdkiABNqkVpx0drgrDdmNtaMj9VdYle9sXbNy60ZCPyrwvUBafDjXL4\r\n+YDwz5gZHfnDVUPiIri5JM3NF5g/cs7s3k75fNqkKSVKNpVkIaI4KcwlGEKe\r\nJIeaWfRCpoKh/aV0NR3G1K3STnT4PT2JsyMinUL7VTQJOe9W7amEYz9VZJ7m\r\niZM8Z4oU4rKSyHfz38/zSlZMr5qgqXpncb3wlmOo6TVPe5a/Zu2fhv9YHTkr\r\nubrM5QisBQB21hLWh1Im7So3ZPdJ29XQlO7z2EKkEmB0hu6bnwFwknAz03I7\r\ndBqydwEQ9JVB36sGt/bHJ4gTdBeaHK1oqGmH0JO2bviORiGUdMT6pyWy96ka\r\nY/6EF7OXub7jAX2rC2Udy3rxy1QSJknRbi1K0mgklzGGrmreYRW8HhDmRHqO\r\n3pA+Gp/zRdu/FVOcWjZ+wND7RdA7gb3ScQ1L0QpePCkDCAtY8lUK34CRjPhH\r\nDnD1a9dbug6kgk4WxDDELcP1hOIswyv1Fp8WzGhqdEDw4tEIpG5U6nr/g3At\r\n0tKKbicnUEKmxDcaS6RPGkpUvsUm1sAuLd/CXtvWUJwlQDxVupprwhVsSf3O\r\nBVUdTLlO1BP9PvPhReDf6ip4Z+qPlTujUVE=\r\n=3/t6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","gitHead":"4beff94be65026ddb1d8c06c9e96f9eae195f352","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-202261317818","@chakra-ui/utils":"0.0.0-dev-202261317818","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-202261317818"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=0.0.0-dev-202261317818"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-202261317818_1657732135773_0.7999642020463267","host":"s3://npm-registry-packages"}},"2.0.6":{"name":"@chakra-ui/pin-input","version":"2.0.6","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ccddc545cf94db74eaa956fe5797f752c4abd804","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.6.tgz","fileCount":13,"integrity":"sha512-CVpgvTDqkBoVU860PHN1xHNpcj21tXaur5mjJkcMh2/HnMQ5Dq4Z+69crkQfGIG7NV5XtVasJo7+DWYRaDCZGw==","signatures":[{"sig":"MEUCIQDvAx0uaIqvsRKSjPwyNdvTi/eFMsl3aXe//sE4PTRLVAIgfxH5DdRQbqsN6rPzdGHiZhe+g2eSbugCcknp3KveWoM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizxJ6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUbw//aF1g8IeVh646PpQzV9NY66+q0jbQ/BFq58cJU/0BxkpDpbxn\r\nKlyh36BdY5++b7NwBR0XkbCv+iPum4ayxEJWZqll2Fy6tfzCTLVtR4KlxHJy\r\nNCJ9raccZCDaUV0S3QUM3EIr34qV3cE/vH9OUEBNRkTqjTgMJgo8yD5xVrCA\r\nwDuEQzBFYbGNCxWGmtNVHLyqapSYrIOzC0K9MBQDLVDUt3sluLSz3Y8tFfHD\r\n2WlYJW/e9wFTAUXIQa8reac5KyifmmfUULFc+359i+pjOPcCvY1c4wrCJWzF\r\ndNUTixPcq0UzSKOw9kq0a97TfcqXRMhECzvfs2jwQHXZ3JvgS++UrtrhLiF0\r\nS4OEWawcz8hw8TagPzLqyCvWvxaBDAaV+KvXI9Q9tjTpU/fmMdbQqYV+/WbH\r\nBZDIKcL9rqlZnLL3fR59AmGNijAV6uIS34Qu2jLMS1tI9yRV0NUn9pzvkis7\r\nztzOk9bQ47GdiakPnrCFvmqTq3AC0Q+1IdoNtqyS4Ga5Cdm/LYR0hXLttbn5\r\n0rahwfOSWpbD00tpEa+uvPrLViLEXflUhPeRWhDdDucSDsLSdtXmmSVW4d+5\r\nkqKpCvS/ftyUgqxG59T9uiJo8rmhAgrNQTiX66D1H10quJvY/8lhZVBkWvPb\r\n9++oAR7SH1gL+PRJwS1pMBjB3Vw9F53F2Vs=\r\n=cNbO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-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/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.4","@chakra-ui/utils":"2.0.4","@chakra-ui/descendant":"3.0.3","@chakra-ui/react-utils":"2.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.6_1657737850009_0.014818154341792455","host":"s3://npm-registry-packages"}},"2.0.7":{"name":"@chakra-ui/pin-input","version":"2.0.7","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9054fd7698edeb8d2e90f9296dfd7f17c9760170","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.7.tgz","fileCount":3,"integrity":"sha512-3oFshpn3/xZJdNuG7EuA5t2nTqiPEgnASjSWlX7zzgTdHH/g1Keqp7pRVacuzj/+j2/h4EHUSbh2tvd7SKZJcg==","signatures":[{"sig":"MEUCIQD9z8zBnIXtCQuipN5iPGcCCotOasovUwDuOXoVut5rBAIgI9HfGxWryFBNCqiBOKiwVKl047T0zMluxAVxaQdPJwY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3iXRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrjixAAjqqRgwGPSrcFrj/HQz/lqZ7ljmJbwedCaXQ2NouIj1TDjY85\r\nr+aZw0AV1kXRBN3T5bu+CGQBeUB1T9pyTqgO6BsLq0tm08P3SNNEy95nUf4H\r\nRT1bOwEfFu1X/mpEnCrAeucqhEu7SQW1pyf7WBiNDYxLPh5IvXYugVz0y1/F\r\nhXDnNzy47v9rba+tnBJDxB/6sJfMgr+fLM+lwaFp3J9M0rbIGeGd3W2K9UZ7\r\nf3PlSR191RSEj4qq8ZUueU7Kocs2HRSFtkUbyMpqve+1io44XGN6IPdlU8Rl\r\nEhOarTWZYvx3ipI1RZehVtxS3GT0sg6F/WGayy+bGUcJy8SM5jEQY7a29UVW\r\njT23zOaazpiug18eoIDiZrV13zi057hY0iTsv3kI0/o9A/y8EVWmvBwXAdnu\r\n4ErRJJE8xjGeZQFdRT+rVpwwMFSKFHS4XHm/HpA+UiiegO00QxShyQI55Y9P\r\nxctOsM/52tvePZRHdXbgcxCTQhqYiklmLpbnhkxw+i3bf6FyxSFb7a0f6zMg\r\n/1axoKSMeo7l3IRn86p3yQZKx3v6kPwSfgzfpCZTu7uH1Cvk9nQxwV2cO1c5\r\nYfOCXX0/uohDDOhgadBqreME3lG6YElsjeMIG1ni4wFtkoamqXDlYvR5ancs\r\naUUOCgzrhs3CAEYlPPD1gNwrj/P+vcylZHY=\r\n=AXEb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","_from":"file:chakra-ui-pin-input-2.0.7.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"tsup src/index.ts --format=esm,cjs --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src/index.ts --format=esm,cjs"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f64e738d2fbf3cfe0db68afeeb55a301/chakra-ui-pin-input-2.0.7.tgz","_integrity":"sha512-3oFshpn3/xZJdNuG7EuA5t2nTqiPEgnASjSWlX7zzgTdHH/g1Keqp7pRVacuzj/+j2/h4EHUSbh2tvd7SKZJcg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.5","@chakra-ui/utils":"2.0.5","@chakra-ui/descendant":"3.0.4","@chakra-ui/react-utils":"2.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.7_1658725841510_0.006048922044364691","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193103":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220804193103","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"4e9ef013937544d7fd860e594260260f936ec7b6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220804193103.tgz","fileCount":6,"integrity":"sha512-NUzVhvq13ek0s0t3iO3QhAY3EyDzLufXcgBeY455iHlgyvtct3uHPonkO5YTs6zIsvGYSIZcJWHXZGuwjeYhAw==","signatures":[{"sig":"MEYCIQDeMp3P14pIkdnyAxKWcojhdf8j9FhmcBPaea0eocVd2QIhAJKQOTYqiRXIXL2Ou79/Lmd6fwDQ9OhMWjGohFOTQBS7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7B7wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrh4Q//fsLNXLX/8zKarPGTLtmwDHoaiS16x0mtsZjzTMWfU/t/bRkN\r\nPnKxi6NevHmnvJQAM2VmyTf4piaIno5k1wy5DWpLkbkkKflT1p1Mi3sd2ody\r\nZdQxDBGkmOlXgY1TOZbbJVCeGdNNjZQUUZqQ//XUrZAMiAXm5MNO744g1Xbf\r\nWvCYw9ZhH1STN2Tkha4wUL/q+HDd3sMVN0W2vTa445be94hotOkxO16bGzV4\r\nRSrJB/dwUyQ5TdswpYcL7q/XHqsA6dAxljfJnWAfnMQchNoqYcq7zzYJFnY6\r\n4VxXRRhHvcJP743q5xVl6Irc8pd5bvZb3KbRKcxut8WELquPIz64thhtoAm5\r\nI/oWtRswAQGinlgwCaL+v1/3vFgwxkFbDwlNORy+/5D2CNYhis5cmt77pQYY\r\nbXWbC5OvXotK9J9rav0BDunmC3kheHs9Mnhkt/AY+zbO8e5jscZVJR5vwCBu\r\nY4ZD3CxvE8CjanrRpWlmoiLIEAQ+6u6aL0LLPSWE2WqIC0EF5RDHQ3w/6flQ\r\noq2/wK2ZH/h23j/YA1UK/9Aie2p3lJHNfHkNlMbKPLl05l29plaOwiB4DmSe\r\niFtT1Wup/n01pWYwcUvvtHrBVGJLL2R31VPwTAtLxxlAVHpeIe7yjw5Kd7d2\r\n6U8dbpa3KeagYsxjBq2n+IPU1O0gYysTnro=\r\n=Xtzp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220804193103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/fd31ae831b6cb1ca8d96c082d80020db/chakra-ui-pin-input-0.0.0-dev-20220804193103.tgz","_integrity":"sha512-NUzVhvq13ek0s0t3iO3QhAY3EyDzLufXcgBeY455iHlgyvtct3uHPonkO5YTs6zIsvGYSIZcJWHXZGuwjeYhAw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193103","@chakra-ui/utils":"0.0.0-dev-20220804193103","@chakra-ui/descendant":"0.0.0-dev-20220804193103","@chakra-ui/react-utils":"0.0.0-dev-20220804193103"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220804193103"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804193103"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220804193103_1659641584605_0.8280469972220852","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804193815":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220804193815","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5fa749698b113a911ee27082edee1678a8c06b0e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220804193815.tgz","fileCount":6,"integrity":"sha512-2j97+hbpdb1S3Hn34c1WBqp3WjGjCq8ROv3FT5lbw12Ke/j1E5ITnd5QoD7TT5k0+aToA3bzozLYrN5uBvRC9w==","signatures":[{"sig":"MEQCIFh1F3HCE/qB2mGj69zhPg7jSXRWFpYGc7Y3n8JrMDDaAiBGFVt0FF+JE5ibh9NC83R88l3IFoK3difkyGcKQPfvPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CBRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprfRAAnByx760FjCY5+A9G4rKGdbTr4+t/ovPlq1E0EvWxljRFVUbC\r\nGIjC4CYvJOKp/okQpXGgPgDVfQo+0SbYLX5BDchH8UzYI5HiEX2TTGBFrjNY\r\ng3j2YJ2GGFzB6YxCEoxlJnGhugDyoC7renWzItHHU74UkFldg17KjKG7O/Lt\r\nqQ/yGDvsDxchwD1aVmhJCARXqEZKvx3t/kOCht8VUgDVH19F9xnZRkFWol3B\r\nq2JSOTrVjVSKTcSJjflMjj7vHTA5DpxR5zsupVnwboTQg5lQGk4sy980ONcF\r\nICFYCMf3nOcFGwb8ippTVN+XC+AoRRvc8TsZnZbcKatl99VuqnzS6WNj25lY\r\nSG98JJK5wcfpn9dXwTffnwvSM+LkhIsIeqVlRySyo/joT5ymMStWl9U2Sk0O\r\nV2EABHWNqUg8tAOdkjvdbm8fbHlAl4VeFUvDVBhYqf8zolkKde4HtlfWC36r\r\nhzQSoy9f9fC+EcSVDKlOzSUe8M6CzPuEQnN5cezKnMUHGh8mRX7Fp9Vfh2ps\r\nPYJdnvm7jGolqdw/KXGjRGEcbPqxrsLAOXRKyvZEOVgCowNcLbT7UgEgIxmj\r\nncZfdKUJSswQnTUGGTiliBQCwikj6HpUt/vXuANL85ccpbMmTSs2kbUKcHIK\r\n+/eZ8QD3cWpeQmqrnf77tOxkGCUjuXe59VM=\r\n=41fN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220804193815.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/7af3d7a51b84868d3a90481703d2668e/chakra-ui-pin-input-0.0.0-dev-20220804193815.tgz","_integrity":"sha512-2j97+hbpdb1S3Hn34c1WBqp3WjGjCq8ROv3FT5lbw12Ke/j1E5ITnd5QoD7TT5k0+aToA3bzozLYrN5uBvRC9w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804193815","@chakra-ui/utils":"0.0.0-dev-20220804193815","@chakra-ui/descendant":"0.0.0-dev-20220804193815","@chakra-ui/react-utils":"0.0.0-dev-20220804193815"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220804193815"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804193815"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220804193815_1659641937478_0.9673611032870402","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804194739":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220804194739","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"704982f84da62fc8db4ee0e3142fbcc5356ec34a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220804194739.tgz","fileCount":3,"integrity":"sha512-thpLnG++zJNZ4BW9KQV1qZY+XHmoeXu8gKvERLIVouO3+M2txSE2ycBVo7olYqA1YQdhiit/hDz/vw+bFtYdvQ==","signatures":[{"sig":"MEUCIQCayEyg1Jli1yQS6HaF+SPMo0h219bpz/24KF3Y7aemngIgSt+78lBXwCOt5eTJ7T0PpT/pC3lxsXe6/y1Q2aOvPTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CKiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnXA/+JrPi0sGoB2e0IcIm0YeQ4MtdYAY5dacMZvZ3p4aUs/T4WEfG\r\n6L6trw+qwWzcZn3vY2aaG7t0BM8oAwISN/imESONppQ/jkcECaok7mueO8Gx\r\ntjfPvRU0Yi0HizZxzY8fg3cSbRYwQmxxOwhSsbdWR5jH2wH0mdOZyK0LkfF8\r\nctoc4uatObIwTXYaso0FoxHjC0950Cr4GVVO0R7a97GcTGR9MbFQnFL3Gk2S\r\nzDXY32JQyBOZU6HHx74FhKWKMBoK4L9eoAW+K4N8DRIBaBLeSSSpUwnMbg19\r\n75f/jAZUbj8SPDM+iSOJeifQwUF8imVTYedEar6SpcwLLyhfe3oU32pGvgw7\r\npu9QfbPgrIzuPlPEd2X0Xm+xXna1RiZ9lhd4U2tgxZjj9jN0ZkxIkxQWDxxC\r\nnSXGYynqiOCCNkw6oi0wrz51Bx4D8vUGh/5RFEmgNWiDosumYOxAuwrm0YNX\r\nYn2Azufr36ggAeMkhgdyQQvBYr5RzjeJ5ppXvIJ/IL/1GMYDUwJxKkNd7UpW\r\n0wRrskUbVdANUuTzt2ldg0Ty2lcDQWLhCkKNGYQwr8pRUGaHMBug2z5x3fuu\r\n64EHXcBV2/PnYPC0TF2ufmSNTCXG5rLjduoKJw5pxyCdfZ1WcPQ/z4lcw811\r\nHhWFipSUUsqi79IjbE5PFUpfrM4coNqBV+0=\r\n=yV+E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220804194739.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cc9993379b4b20c644d2f232e70c4e7d/chakra-ui-pin-input-0.0.0-dev-20220804194739.tgz","_integrity":"sha512-thpLnG++zJNZ4BW9KQV1qZY+XHmoeXu8gKvERLIVouO3+M2txSE2ycBVo7olYqA1YQdhiit/hDz/vw+bFtYdvQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804194739","@chakra-ui/utils":"0.0.0-dev-20220804194739","@chakra-ui/descendant":"0.0.0-dev-20220804194739","@chakra-ui/react-utils":"0.0.0-dev-20220804194739"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220804194739"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804194739"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220804194739_1659642530756_0.959682787370995","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220804200605":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220804200605","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"db76064cc0b61b41985b647cc22924c9edc52c89","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220804200605.tgz","fileCount":3,"integrity":"sha512-g6taRuWAaBL3GhaoMl+G9uBQVqKitKafWQ/sk5OjBI4GAaY7oL4ZZFtDUqRGtp2W6fMYBRl6BENcJMyBKiScWQ==","signatures":[{"sig":"MEQCIHRY7yRAHis8yrlVJ0svoX/sWSkSvOP7pY8vmCVKO7xqAiAOaCTsn7oAprw3PeQv9gzjkzpl9m3N29kQje1/e4fJsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7CbyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqalw//R2MWeZ1wru0y5V1+yxj/BF2VP4FuDwHX2sa9tLecsBReV07w\r\nFyA76mDDj0rk+g4lQtTRPS3GNbin2y1KdiyD3sCpwvmF9ME1d4++HmnKv6JW\r\nW1yhmBZveAV7MSRdsEHkMj7eddrt9xyzBnWUIEOYZMH7BMHiY7ohu3jt+K9+\r\nVgdX4lNCBVfLCt0GUO3Ion8dBneGEgZLxTMgx9IIOxQnkPl69fa29P6SJlGw\r\nvUP3DGsERk/r3PBE3Wu2Hc41ZjEwazqPzBcF/Q4CdU+CtEg2+ylS6o2O0O3E\r\no8k2W2O/faoYkk9f9tWSCa5Av3TeIxDwnhvbUuptw1X/QbtmzjGU4Zgh5tXs\r\ncW6EqoEQqlBnYSFmT90De2F/umzHeWBV61WVPuO8QWwpMPxdeS+Q/yj8bXqA\r\ncfW41fawl+2GoHzTHMOKpEqEAVX12Bl4jLHpZfUPPmAFBzn5QUPOvF40wlwE\r\nBrT7sr6TNx3KHmRbbXoAEf26TuDvArjhyLnxzNbv/3pZFpBsHd5v5CxSVmTq\r\nllUUPm2TfgQNtP8TJKEDPX/Ge6zs3niOStheNAd2VTQNxDw1owXTiyK9pBCJ\r\nFPcHrGRD7S9Ao+3VpqUPwsqdso2NyR7TCC+6/JUgFzDLc+FKGZE66/bIu0rj\r\n/MmVRaOxFFXfXgkogBDqD78Fn5dnew9RFRM=\r\n=/Hfm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220804200605.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b05b03059bf240cbd958e6f38bf7e356/chakra-ui-pin-input-0.0.0-dev-20220804200605.tgz","_integrity":"sha512-g6taRuWAaBL3GhaoMl+G9uBQVqKitKafWQ/sk5OjBI4GAaY7oL4ZZFtDUqRGtp2W6fMYBRl6BENcJMyBKiScWQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220804200605","@chakra-ui/utils":"0.0.0-dev-20220804200605","@chakra-ui/descendant":"0.0.0-dev-20220804200605","@chakra-ui/react-utils":"0.0.0-dev-20220804200605"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220804200605"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220804200605"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220804200605_1659643634322_0.6088655676695147","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220805062318":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220805062318","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"347df888e5b7f9832316677db98710f16922e237","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220805062318.tgz","fileCount":3,"integrity":"sha512-bgbKSe7HcYnLH1xeJ/l4BQQ9/lfBCU0CmHqQKAYCyRa4XSfLut3jPvh/IoX8OGUK2OziV5w1yvUkAT1zGfDIVA==","signatures":[{"sig":"MEUCIF481gEk1BQFX1KhiI/caBsGfxmuZcduvPmznq1g9BidAiEAwQcpt7kID+MTratWreA0embjDjqbpYX44RTuWVeGjqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7LeaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqjxAAjo1J9FkfzzCZ+JPJOBJ83g6xhlFFL+jCIdeLGnYTsVQWtV/k\r\n/FKmQOmHEOwkzxKbnPGNY6Z13odDjDvC0MMKH/4lxkW0uBtrK3h65RLb0t7S\r\nWkNNW+gEbfuYCIO5U89z/bcbzDKwnUBlN86dlssBK5+K/argQfbSb7GIT8lR\r\nfoG87ZStD/b0+/PYAmSQiXWxAEEhUKFlCqPtF2MEoCbAIjdMa6jSnqRziD1s\r\n3+bmRnch4vw0MTZxFutkmp5uGG9jiDM3RkRhobGpvs3o65hrTRobOAooc+EM\r\nVaF3wahd+iPLPVrEUUJWocaKET+Av95b+NKxLHs2SCWocMmShageX3RrAWf/\r\n2XWFme4tcI47KvUbzd51S2MV6kYCroGlc9viJq3q1kFwyT7rOY901QKnall1\r\nQvYSwbIgth8ml5/XhsN2bF2eRjamfgex+5K4g8kT8ZZUA7b5e8aWwTvFlIDj\r\nBX4lBJC3BfEUMFCjnPEoUJNzBXz4Z+YMcDqfumiYU18cwmZuHNn0mw5V9AUW\r\nAA8ZyX6nJ+vUhEnrYlirQrxKFBFnD5zUkwhiCP7TRHUMXARpWgAeaiSfY7/i\r\nyl6ZC4HXbdPJdRzpzwSOJTujkDIoRsMOgGVj6lysF9fDR1e2fmZ2ZaRqiT99\r\nVgV89Yr3lqzZnGKBZsCPzxY8FrknNONqRnU=\r\n=dg8s\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220805062318.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/721fe4a0bce67def924f1567926d4bac/chakra-ui-pin-input-0.0.0-dev-20220805062318.tgz","_integrity":"sha512-bgbKSe7HcYnLH1xeJ/l4BQQ9/lfBCU0CmHqQKAYCyRa4XSfLut3jPvh/IoX8OGUK2OziV5w1yvUkAT1zGfDIVA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220805062318","@chakra-ui/utils":"0.0.0-dev-20220805062318","@chakra-ui/descendant":"0.0.0-dev-20220805062318","@chakra-ui/react-utils":"0.0.0-dev-20220805062318"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220805062318"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220805062318"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220805062318_1659680666339_0.4989356118396251","host":"s3://npm-registry-packages"}},"2.0.8":{"name":"@chakra-ui/pin-input","version":"2.0.8","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"606e178decf353168383d7999d573e464fc5f4ef","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.8.tgz","fileCount":6,"integrity":"sha512-eUTdFgpA0xc7sGf2iHLHw3TpWIjYrpnkXjakRq1NLFhX78r+wAvQZzcqm8dXX7CNkH1tRboZHMBJBJ8SM1KTZg==","signatures":[{"sig":"MEUCIQCbJD2qOaxJ094g1So42ov2GnJFcWPs77QND5nyj8LgpQIgfvhoHkxE1SwFSomPr42iAmOWHUsJG2lV53xXBgYBPOA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28225,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7O0zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHmRAAlZYE6eyqocGgceqdCkH8acNP6/qZaA6LB07IqGgzdn1SuHNB\r\nPN/4cpdSca5czJz/3nAdmNMwv2DKu2eu3EYFoNb2k33uQAn0uFnRHipluq6Z\r\ndAkvQ+d7Fuh5nqZVEYMLnmfaqHWo5v1Yd5YyQosHi/G2N5R/hMXCBbg3s35p\r\nQu9cG00mzX0fpn9gQWskrVI8aggytr+R3vyMjbcPHxy2HGk2S5Ti6Aw+RmdB\r\nKIwpdxc/HdjycGSWX1zz+DvHagQohq5WYTbGxjyFkeR9flhxsedVs7eShWPQ\r\nkapuq6PfCSVHG7Y/wbkF2J0MQ2l5/rloHubr4FBCir9Y6OO3D6QMg2PN6kPP\r\nLr6gyhUfeq2Y9IAj+vLmA24moklldkRgSV8NrFfwTwdg9mFiyD189BL4SrLP\r\ngexcTGjt7DrGgQ9mp3vlqFgbivv+Wr3JuA3o8NnaDuIedOgLuu8fc0yNto25\r\nGFJDxJck+Cd8nYp4I5+SlQlEuFn9Kv0yfN9k7XbmqftHTVOEY4Qi0qi6aAab\r\nFSuj4UNfLf+/oVUozK5SCR5lzCniHYg8zX3lnCr0+l3JMRr1igvy/KLWuXuz\r\nrTaEXpXfRC7gfpXFJzaFPkx828bm154ZkGx+vC2YabFMigKjpNseRrUZHZvN\r\nZraBpHMybQnLhGrwOz/6grFRC9r4LcUWw94=\r\n=1eXU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-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/1edf21274b1c039e4ac98e1de348cc0f/chakra-ui-pin-input-2.0.8.tgz","_integrity":"sha512-eUTdFgpA0xc7sGf2iHLHw3TpWIjYrpnkXjakRq1NLFhX78r+wAvQZzcqm8dXX7CNkH1tRboZHMBJBJ8SM1KTZg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.6","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.4"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.8_1659694387229_0.4566505472522382","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810112922":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220810112922","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e3ad1b13d1ad04b1574ce316aa71c500dc3c5643","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220810112922.tgz","fileCount":3,"integrity":"sha512-rXw+4LjJFvfhAeI2zBNBzxgmXtPrOAbZqlrSH9U+RT5ROoh/zdxPAuNLEvS+jeYvlPHKUGPhWwV/0nrUtWfQ/g==","signatures":[{"sig":"MEMCH3W1QiTf2KvoqfA7Zbq7m8EeNphUrC6mXTgfOLuDrN4CIArvDVjijBLX0eXn/zJooT9QiKENCZYXCUWgTmJJea3O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi85a8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXPQ//TBmY3mkgiFzxuQGG/hKv4u04emDaMl9nLD/uyg5JNLfYpaZb\r\noO8j+8xBhDANPcO7offKRfcJL5CWA0359hGbpw0xaWMZs0hkkm4WwKGlOrwr\r\nET0slxA+KMFbMK0h1YeX7rMAgl3QEmGVNZB3FjO++ElIup+R79YT+dQBs9wd\r\nc4sGpAESIiZKa4AhRkfMglSWbgb/zbHo47h1CzCAL+WnU6j17w68TXsMGG88\r\nw1GUkAbasQmVIt8r9vt7iloZ+i4Dfcw5v0B1GXBTTK01P6MpT9roONGQFmAe\r\nDOzX3T6qDF8X4RgnYSEyR+sMSfe4FYoIiUnoOxZ+4fT4I9bC+I1whi9ygcda\r\nrCNBJhN1t7jZ2L0F8ycQunMgf4RXPN5xGRFSDwShswVWxHfUv0hSMdDfjrLp\r\nUksWQ3MF9bW1S3uaa0drcA1TI/EHOoaRshzFfHAe+cl+CGn99Kq5RirRImYJ\r\nESbFA0+bA/8WS4LqTuHBWAam0gDMJweSvlq+u4qcwHb5OhOs/wlxuaQ/rf5w\r\n6A+3VaJCPtOsOsg918UshWIB/FjdgGDUlli7OJtb8xu6JLAz+UUG+cwHJ8IN\r\nzrkLaFcozO8w8ksvNqTt0R7T/5YewsKC4i4NmIJ1ESqrIv8zBIj5FRKLCo6E\r\nuynLAcqb31dKXkVcK1qk7L2Q5Lng8ndOIDI=\r\n=+BKE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220810112922.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4beb58b6c3620efc7056f27c82801945/chakra-ui-pin-input-0.0.0-dev-20220810112922.tgz","_integrity":"sha512-rXw+4LjJFvfhAeI2zBNBzxgmXtPrOAbZqlrSH9U+RT5ROoh/zdxPAuNLEvS+jeYvlPHKUGPhWwV/0nrUtWfQ/g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810112922","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220810112922"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810112922"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220810112922_1660131003954_0.5836296683402147","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810121727":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220810121727","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"45b64e64f5e08ad9d0276f5aaced6abbe987be31","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220810121727.tgz","fileCount":3,"integrity":"sha512-6Yata/xYuq0KpbdSSAyWa8wJ1CjumNLfQQD9y2R70ddJYuWTNkPDVHPSMJtfHK3Mzlyb8vZ1T6Ww9lXmXf8JKg==","signatures":[{"sig":"MEYCIQDMfUt+1YChPd0zEc+m50hTJBKQ8sECZWjPA9OmhII91wIhAIt6Cch328EVLs8DXz16qQw7n17Uk85VCNIgUZX161cm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86IHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9+w//XEUEkm7hlqRkrU0J//LJypC/P9ibBMkkg5nDdRqLmxLzIXBp\r\nWNy/W4JiSFBjceIU35boSwx6BqDCKTSM7lKxHMxFZoiiO0rYpiRg+a1I73ME\r\nI54MogqxXN+YDEci+jWPYKh47vSRYiPFoUo/z2kMtTS7UJuA5+KLPPHWAUh5\r\nuIncNg+p0p2A6Bay8rq6hR38LEhhJomX/wezgRQBZrx3hDwD7c969X6ioDRz\r\neym5Ikkdg0Av7r0FIUVmb+e2Xk6r2cfeQ0v/7UmOtQIQVsq2wE1lJsmO1zm4\r\niunImF7pEM+Z3zsE7NFDQ58r1MqZ1D847f6REUB2pYgGNebe62XR2FKA70lf\r\n/p+8wj+Xiu+U1zluTID8N4jERoS+pbHFc+8YTB4IxZm5UOmf0h+KpM9/Q/8F\r\nD4LQldb1xD/bRS4y0N8r0YitqEj8EMUPxhBI3XA0AHIwKAZA4LwbTm0PpboU\r\n8H4Y3UwYozx29zQzZjG/cg8EWJmx1aLLoP3beqPfiXP5DLQYjDQhIg0szJYx\r\nn5rCSssrR94w1dzf6IjH4PP0G48XIdNUrslEb7sQC0NSRRV3E8xmdHSfoOg8\r\nOtjS9cnKz47k2rRgZHc8DDWF+aSFyZrG+brE5g/YclbPK7Kn2PrKQl/RqHXg\r\nq9JsAYCdubjZh0po1iVl5ZUMG71VGVQgki0=\r\n=mE6g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220810121727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8661a87712b636029232de7facfa4f40/chakra-ui-pin-input-0.0.0-dev-20220810121727.tgz","_integrity":"sha512-6Yata/xYuq0KpbdSSAyWa8wJ1CjumNLfQQD9y2R70ddJYuWTNkPDVHPSMJtfHK3Mzlyb8vZ1T6Ww9lXmXf8JKg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810121727","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220810121727"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810121727"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220810121727_1660133895270_0.010507806306823131","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810122556":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220810122556","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5cba279b17550c23616a71020f2c2f80513fea67","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220810122556.tgz","fileCount":3,"integrity":"sha512-JG1twJNMz62RpO2bQrqsMSKLVmvwDe3o5AeR8pBmMy48fS8OLIc7TJ7oUzPlp4NdJKNhc9v0yPRbsQoE88vl+A==","signatures":[{"sig":"MEUCIE10dkpeRWBuI6eOdm6vkUGNKTE02ZthWXBSj+GubY6SAiEAhj1bumiC21Jqq8z2kwBh+d7hckjiheRBWWn/xZ7IFS0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86P/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1mQ/+KSitxv2E1f/+PEff/2M3xdV8B/wYHeZ+K7N0popCzGnJfiuA\r\nlEm7Byl+7iStfACRlmLzBZwjRptVGeebwzYsB4yoM9iVPLZ2uVAJCj9NvHfC\r\nL+BfyrgBZUTIOmP/XrSdqxaWiY30z9UeVYdrX3mW03q5VL6YbSPrhf9WRXQd\r\nTCY6NGyHBtIpYN8L47mCQBgUcboB7JSEOf/G0MrGoqLwjQsOw3M3J8RvVBvq\r\nzVtYTLitmQYf3Kec49yS5ujw1Cv5zNZrhhlVx8+qFgmRmna1qG3UtP49gsNF\r\n+Mesh2pPWjwao4BpQ/oX0sgGXocCaL9GNNHEeUPy8duh40Tt15aCXHRHqPWC\r\ngzhNcospIY8DLkdpJ299Kcjljnf0lNeNQUYAJXRO+q8mmE1dF+lY/Yt1tkpj\r\nLSV1wJ5wE0YNJHq7OGI6XdMDS50gAHwfTS7HMjEK1Z8s0WBA4/AhndxgORgy\r\nXQDu8t9fINAtcWHinaFyEh5+F08dB4M0QOUmP3dc1yma8xcxFd7RLLw5x0HZ\r\njqwmJo6ITu+9irwvpgIdAPxDuDeFCf4+/xXGrpVEb69BWBCWuZKx1Y50Kdwq\r\ng2Wp5Dj+bxbmyETq/gVFGgTJ3l8FaNmOjrTVY/o9OWBtoC198KhPAvuCgZ1D\r\nz/8NZEEM20mbpvmMj9usaEWGe6VPu3JEQgs=\r\n=qro9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220810122556.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cc2394dad07950a5c683367fc55d42e2/chakra-ui-pin-input-0.0.0-dev-20220810122556.tgz","_integrity":"sha512-JG1twJNMz62RpO2bQrqsMSKLVmvwDe3o5AeR8pBmMy48fS8OLIc7TJ7oUzPlp4NdJKNhc9v0yPRbsQoE88vl+A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810122556","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220810122556"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810122556"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220810122556_1660134398818_0.8672951555563253","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810124358":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220810124358","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"99e87a4725e7d35b0502f5b447a9462e549799a1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220810124358.tgz","fileCount":3,"integrity":"sha512-hHzDKCR0f9dNpnrpvRwLFlGCq6PwJOqJHORctWChoqw/Oy0HTTAoeq7eAyuPToIkGPMLv8Kva+WtZzTXCcoHWw==","signatures":[{"sig":"MEYCIQDQNB9XuwaUl4U1f+IjJnTSvaSdYJ1+RguzPYN6099dqAIhAKu3jdb+0ZQHpPTP0gsnKqeCnsXU8pOIXLtm/mnmrCec","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi86hGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqU2w/9Gd0BuNAzkNb/5mldduvsUhP5FjyOMNoBdL2gWo8D/9I2AsSL\r\nlIeoXHmFVleWXlhSaBxLEkYEic4C+6y1DuTE7NoLfJHMS86K9lezvjk0ajz/\r\nh1J9KKVK4SCmVlf2J3y06v4NUk96Vkyfo/l2K+vAsXUuGk50M6bVg+spdqzJ\r\n+g1zjIxhkF/WizpmN8ytqNGbvqqyrY9Z9u7UVNSnD/9kQ1nYLa7z7Nv5OQ9h\r\n0psoeTloPxAJOUcwm2lYnaJSjh4K/GGIqH8uF0BvV64VrGXo/cqR/EyTY63j\r\nlRNrGb9qdZ50+t+PqSDiyvbIz+OlIR47iQ6htWS4lZBuJTO4g60vhUh/WDyz\r\nCV5UX+iHW+psgw3Gqnh6bfdr4RwMlQtFBC1AG0ZH1NG6+eBWvL3gixY8cydJ\r\n4yfI/yaPYYdvNnJhH36AWb3XRLwuCAQNuYXY+TfTEoWB21HsPyPWoCth+iI0\r\nRYVBr849XFlUZnFiXA/7Q1OJbzGHBFhZRjpq6rQq9iwmarLCbcz7s8xajMkH\r\nnQ+3PkCOiZWXyBT+vhexl3+bZf0gJDkxPwF5zPRNbPepUMnUIlWbhSqzmjO3\r\nYqzZTYJKNqtVDXJkWHYiH3NJ3yeNkrf8XUodJRVkwzwNWS5d8f//6Km3Uojw\r\n2iYC3Q4kjLBjAtBGTQoq9phZY4DDl6T/NWg=\r\n=oCG6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220810124358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/575d78e8fcf2456ced89f367f98c5508/chakra-ui-pin-input-0.0.0-dev-20220810124358.tgz","_integrity":"sha512-hHzDKCR0f9dNpnrpvRwLFlGCq6PwJOqJHORctWChoqw/Oy0HTTAoeq7eAyuPToIkGPMLv8Kva+WtZzTXCcoHWw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810124358","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220810124358"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810124358"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220810124358_1660135493900_0.6721154551435577","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220810132240":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220810132240","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a6d4e7ff7604c89c92bfc60dec074970a8eebf10","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220810132240.tgz","fileCount":3,"integrity":"sha512-P+QKrHRj+xFrRv8zEK0vTg0/6tb3ap8oxJB7fgBY42JK5H2pVvV5YGg9NRHTwB7hpOEZPBEcPgE8TGTl9451zg==","signatures":[{"sig":"MEUCIQDqf9k+kSJEPak/ysms/w8xS8yWiymWQGH+b3ZxCqjAjQIgcNvW7pbn5CJVWU6EXZCOSVaB899ofBv5CFngqcg7Sds=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi87FPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnAQ//Z79UGQNDKsnKv/7dEra1J6DwZjiK8sPr2xv3J2l0elKaad9p\r\nOHF5FI2njqkI8CC6HwnBPaFLixWg1uZXofA2fP8mtgEz3RLoEFkRsUcpzggU\r\nuCW1OGJopQXOpkkM3yXsloHQgZuqGjTjYuHQt0gtY7h6PPBeYKsKKqhuLc6m\r\ngt0fQTXiDWP9modVLaip092aydRYd4GdaWPynbjzE5a48ai8bg2Sy3p9TC/8\r\nsyzoTNkhjopdvAkQ1Ms6C5nJhAatKf26Fh53UXNNMF27OtHQluuRhZD4TCg9\r\nan8QrHwLIPY6L4Ygaah28BsSnhgCZ6k+1Ugs058QvHIsPF6aE3IrELjgWEJ1\r\n9DH8DZxijZY4NRY64MhM74+cgNNz1X8/WFjyv1QPCT6Gu1P5Yk2ayhOW5GVT\r\nh4yFMoByeajatDNmtzB8cQZpOZBsskx6VYmxsyh5JwYlCIe3VQbFPSxPmuYr\r\nuG+Q79PNYgpbMuK2YSbCXkMf41w9Szxd49L92W9VxPbrtjOMd3TN+Pp+x14+\r\nXZyJw4/kbyCxedP7sd5sNK9DDJirtMD9mxmF1BYvmgbswPKz4jEu0JYl7m31\r\nkPF38hAPDCCbFbmhoJhD+z4VCNLMNMTRtwZkBwQz56G00KE5i7jtgMf47Zlv\r\nrZ1TkRY5hFK3h62B6su1rNUzwOQrhNAxcTA=\r\n=nycy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220810132240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/425aa548763860d4cb300ca218916114/chakra-ui-pin-input-0.0.0-dev-20220810132240.tgz","_integrity":"sha512-P+QKrHRj+xFrRv8zEK0vTg0/6tb3ap8oxJB7fgBY42JK5H2pVvV5YGg9NRHTwB7hpOEZPBEcPgE8TGTl9451zg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220810132240","@chakra-ui/utils":"2.0.6","@chakra-ui/descendant":"3.0.5","@chakra-ui/react-utils":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220810132240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220810132240"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220810132240_1660137807459_0.10098295801549262","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811084042":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220811084042","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"db8487cf1b781626ebce0ed3707800de39c00f3c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220811084042.tgz","fileCount":3,"integrity":"sha512-dtjjevxjhmo/hD2EcbQpfYVM9FF+iNrZApDmx3pFKzja1Px6CejtiAe8RY1phJxbfGJooIMFvxCe3W91aDZtEg==","signatures":[{"sig":"MEUCIFe4uChvREYRU2bMuZFaIj+w/FdoCYPBt1Pbv04giKdsAiEAvGRDxx6/AaQDfYIUvnQfVTTyfSSJuSZL8VChgDQ9B8Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9MDLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonDg//WUKo0nVwSVjnZKQT5HUaM6H3A6o3pYjKiGqAGQRQiDbWFCfp\r\nfh3zavPK5LxhaBPLsT5OdbaFXBdjz8BO2GH0uQQcnWqFduZx+oSCa5jvAkkW\r\n8AkCRh1CZmu2Dq5WkXjN5IEtkWUd2QuSa2X1jK5EevL8Sma8PtzxgFRyounM\r\nhAmZRjAsOZYsH9DSFOo8tNM3uPd+hakV6KS6mbaYGJZxUAt7633hxMO1zbQr\r\nvkkbM/E9rnspgf9xwYdu9WwxIGXinmeIwVx2SQi+F9p1MlruGNicJD6v4KVC\r\nP0L2jvni7z1uS85mHQZHG3mt+SSC4aKg68eYz+R/OTRUn8BQVOoZ04QLr2vB\r\n6ejXUu3FVNA4u3GoBgVnZCgy9HXa9OTia/1grd4DIl9TjJkkRU6v2dU/MQUv\r\nVNYefBTaunP8pj0OVV9sPwSNVAaqOCztzMPlVnsVI+is9BpdjXeAUzc/n3+c\r\n6yRVuQOunpRqovA9+JfpUlZirNYXblRXfvxHyUR8aFebQ3Ng6xeUgYMi99w4\r\n7C1VeSTOoTN7224NMXGRQMUbMWFFPPs/0Q7rvRExuue2A1ioJuwsXhDMEFtm\r\nxR2e60thqA3y23qjLUJYGb3SItNAB6lc9wRJX+bl3koQQ5kC9TQRd0LtHCeW\r\nx+BH1d+BftvDFYbDC2Yy+UNUlOdmTcBFPr4=\r\n=qa9i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220811084042.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0c9c7f6a9cfbca22b894b448bd6a6d33/chakra-ui-pin-input-0.0.0-dev-20220811084042.tgz","_integrity":"sha512-dtjjevxjhmo/hD2EcbQpfYVM9FF+iNrZApDmx3pFKzja1Px6CejtiAe8RY1phJxbfGJooIMFvxCe3W91aDZtEg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811084042","@chakra-ui/utils":"0.0.0-dev-20220811084042","@chakra-ui/descendant":"0.0.0-dev-20220811084042","@chakra-ui/react-utils":"0.0.0-dev-20220811084042"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220811084042"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811084042"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220811084042_1660207307273_0.7502411209816799","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811093515":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220811093515","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3c198effcd03a31995f805d69e7b3bd437b69d08","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220811093515.tgz","fileCount":3,"integrity":"sha512-CH+HRgRNnQVFzrmpA4YfaOu9gCdnRqX0+Ok693fKnqLBkWBAPVbipdkf3AHqzsaRL/DFfaBuw3uVZ0SZ80s4yg==","signatures":[{"sig":"MEUCIQCGOFz5cLMCleyuGt+Ynl0YAxQ4VurS14/fdLHUBF1NdwIgOpolfDgo+WYc9fXkhPxGbk9G0wwCWIEec7QaKGIfRYA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9M2PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIbA//QPy7LRQlnmtvN03rtUpUGN7GRSeHAXy/fo9W/VnwbxCcY3kZ\r\nrI9nup0F0OwWj1h3YtNQC+VuRRFNDHbkaGStfDQXPo7J3HdKsujyaP0qfq/Y\r\n4ZBacaZaEzDzUjgDaY8Aduqlpc4De3HQJQi638yNNue+vWJWg989h/N95TCP\r\ncyKvNt4d8f45TOmp4z5Nzl9Dvury1Hs6k1gd0U9z8M72wiMVOYS+oIrn9iPV\r\nnKyr7aPLTSU9KaYJRHpbtrsbk2lSG07JP0QHToOsxURd05+ERoGDXTE8MIZF\r\nuW3qqeN+YvJC9SNVSf1X4P7EWJC+VLV6flkYUw5WLxicA/SpOKthwqPHpDan\r\nV0jv5PCsPGVSBqUP5LCYxzCxdLI+Hk3HSVh1GxxrQ9fZJdKWKLVChH8rrCMv\r\nUBcJkSPz3WtCkK38h8doqXRtqZYQ+IlFWEMPYSM63OCO5bRajqV1OvWTou+z\r\n746pQoN7Qgi1gOlFBOgQe2+7Au6H7ZImVN/Jlk07DkVB6AWWaXHwDz4s/yzM\r\nIv7wiP7IH+wmRsWrbz4h3z3vmpvnNOnB2gKoV+wFBS077zCfADKeCrnVdN7u\r\n0OThyMWRMmZk3+Hx+M6zCSftmOtsmYjHl8zv7RQlYJJMvZ+HiQ6ZJnkjikPI\r\nY/qxZV1E/4+OZGAU39l0FyadRJoHcv+InmU=\r\n=84C9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220811093515.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1d0f6b627574ec34539ae7b3fe2bd07c/chakra-ui-pin-input-0.0.0-dev-20220811093515.tgz","_integrity":"sha512-CH+HRgRNnQVFzrmpA4YfaOu9gCdnRqX0+Ok693fKnqLBkWBAPVbipdkf3AHqzsaRL/DFfaBuw3uVZ0SZ80s4yg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811093515","@chakra-ui/utils":"0.0.0-dev-20220811093515","@chakra-ui/descendant":"0.0.0-dev-20220811093515","@chakra-ui/react-utils":"0.0.0-dev-20220811093515"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220811093515"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811093515"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220811093515_1660210575270_0.33794058862659315","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220811160709":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220811160709","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"ff1f93e2da6c78885781582f0ab7f65b9d01708a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220811160709.tgz","fileCount":3,"integrity":"sha512-Krtvtz3Ld9oLQaX7QWZ65ye8wsSrQJ4fF8skdlm9oYseFyTmls1bVRY9EJZidbV3POaiQNhnMvPjBPkz7l1GqQ==","signatures":[{"sig":"MEYCIQDbSt++JgUeLwbOx7/9SrTls5bE6+WcHY6LYs99/6zoTwIhAPzPrSNYXKVZGChFNkJ9LsapaY00+Hv6zwKfc1Y8Uv1T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9Sl2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtvA//VIX+5puAl9ghKfMSCCSySgH6cWcsxFvvcJHQSufTNuAxDnz1\r\nNn4afNzYpjF2yCb00/S7M9BVWMhLfu33QJUJpLYxoZaB8Jp4Jg5aqrYk/Ius\r\n9qsC8ZP5mw1m6ZWg/AaxrKsj+pk6f5iBPrzDBvjTIsNGrWWWLmKrVTc9co7q\r\ndQpWmdFTwhM8yKW4oX+sBbZGePwXWIwr58jxBfctYHsb3yi1SFfTRl1HrLUd\r\nqaO9OZ4wwshVcb6Uq5m9r8Z2kQWGAeV+R3Aacnk0omukprAgds/UQjsPZT2f\r\nDV6Yj3ZjLSiext3gQxIr639JqRUj3uO1WYkRVybo3YxA+uN20KGuVa3vAycD\r\nzTXCgJQ5aYz5YoMk4TZuZhMfcLhQS3neKi1MWEc53+aFNKJmaJhBDn0UjCC5\r\n247seuqJqqQ8twvOigQndpPKIB8JR2Urb8d1ucIVgfscp4i9iPIOOxmjID3p\r\nt/vW+wEBV/HnfR4WNyeiVkTBs8+KGlpvYw2RFOnaU+uunVFGVIsOltq2O4br\r\ngnfqCjedUHyGomqEhy+EU0CLz9C6ghzO7iMmToqP6kz+6Y240BYXUu/Fy6JH\r\nk8lqE7cs8SCg5uH1QhB9Pl2ja/plsAkmZ7ljxtzeVI0k0VD5OHOyR9GX748Q\r\n4+t7uuZ8VOotVEIBs59Xtzh6SNA/3VfFD7M=\r\n=9dBQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220811160709.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/19776270d7f781c3ebdc7d54ee711ab7/chakra-ui-pin-input-0.0.0-dev-20220811160709.tgz","_integrity":"sha512-Krtvtz3Ld9oLQaX7QWZ65ye8wsSrQJ4fF8skdlm9oYseFyTmls1bVRY9EJZidbV3POaiQNhnMvPjBPkz7l1GqQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220811160709","@chakra-ui/utils":"0.0.0-dev-20220811160709","@chakra-ui/descendant":"0.0.0-dev-20220811160709","@chakra-ui/react-utils":"0.0.0-dev-20220811160709"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220811160709"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220811160709"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220811160709_1660234102232_0.852698998303882","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220812060931":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220812060931","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"38c13feeef4c2b3dbffa3d8aeeb8998957f58115","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220812060931.tgz","fileCount":3,"integrity":"sha512-hknoTUjlGYlOEc2hO/Vq92Xo421jsv/wCa1LGym6KWuUuxKQSRd8d0GKrvZdteSeSDLhebj1ZBgyiEQF0MAzWg==","signatures":[{"sig":"MEUCIQDBXOsgLH/BbzE6U+0IL3phBKlO5nY0SCY2EVqIUqvkVgIgFQBlyTg1PyqcMINcnBV68Bo1946Uar1u9NhRfpeCOQs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9e7dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSpQ/+NEJZGgbmDSJyKZmybjWGGJ3xIQ3MPaOVTx+yIS1gwG1wa1U+\r\nnKPHzYzwRa2vnETvDqFkBBkwQQuOq5TR43kdf6qBN7Vo83hsupUUm6mjfRxr\r\nQFAvpVMDNdYk2jSMCdj15hPdX6vT0q/g6wFMnOJdg1Dd8OCVy20zx37K0ELX\r\nu3Tb4BaSPi9EBXmctbIvAI6sog57nHggA0lxZ2kJO43rAegRnoVNUl/oJPUu\r\nUreonnKXKoMiC5VhDhfzv/BNU7rUmYnXr5Yegs18e9SeEEXO10eZpvuXPIDg\r\nZMQkmBgIpu0IjG+WyHcMjPPKS2ibnXbmxSeeCugGYqk5EaCkHQG7oD/oC8t9\r\nkyT3Mj2+qtOzbH2jpv44nRgTbqkVXM6SErbgUxRkLuJTwa8u24j2//lIq26C\r\nSytnjL8e1Kw+aLi1+ZUa53/2fPsXQzRWtMSrG7YVVvWAV8Fzi9prX8MSBmg7\r\nZ4PnhbPZVHDjcglF2AsMqzcZuAoC9qwk9hfLoWFuO+rxhD2ZD7ikHF24rDhy\r\nvh9oLCCE0M+hqPhbTEub61g3Vli9GlhtyUPuUTejMprNoEg1bXmxuUdB2OKo\r\nXpv90kLa3BuKU9VMfmqiAbyXl6WHiEwndteMUVNpanBmOvO77NE4vufd9ocf\r\niGgKBWiQP5N1LV0NEN+Hbo5oW7SHabAwm94=\r\n=03rx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220812060931.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b8320bb99af6000a7c5a25ebb76002e0/chakra-ui-pin-input-0.0.0-dev-20220812060931.tgz","_integrity":"sha512-hknoTUjlGYlOEc2hO/Vq92Xo421jsv/wCa1LGym6KWuUuxKQSRd8d0GKrvZdteSeSDLhebj1ZBgyiEQF0MAzWg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220812060931","@chakra-ui/utils":"0.0.0-dev-20220812060931","@chakra-ui/descendant":"0.0.0-dev-20220812060931","@chakra-ui/react-utils":"0.0.0-dev-20220812060931"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220812060931"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220812060931"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220812060931_1660284637256_0.6643962703360695","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813051625":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220813051625","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bb8cb48afdbf4ae0f62f2459b13b86f2ac15f750","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220813051625.tgz","fileCount":3,"integrity":"sha512-b4E8t6WEt1VkCtbjg3FOqzY9yALLJqbLkbGpIFLqWg+KSD3FWvR5FjRpFoJYYYVErnMACGh8jrCzz4tPe3Zklg==","signatures":[{"sig":"MEUCIQD+sPLz3sSC19531EjBhDg213umxViQYFb8VLE9AJ6gowIgbrj4LCHntUQpQ70gz+LxYWc18w/F/tX9NXuPBn3s318=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zPrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr75w/+Jo4cqHOEZn6MOjT5yKZeiwR1CWGSlCbDtW7R+ASE24Zlivzc\r\nz+JpSOGldsz4AUTvkwESp4tt4W39Cz/g8Vje3VQbyJbbjtwy7OrzzrZFNk65\r\nxvswkvGhlVZBvsgVxPreHcCJ3+org4g/tLPbSzKHRHCBHv+1TZzE1GmA3CVe\r\nNExuY0wJl2Z3POSCjVNDuUsi7QucA8CPl5K6h2cy3kcsm3aRpa/Ru4+Z5o6X\r\nsn4u6dXk3qA6ASAoU72H/4MKF5qOMQ5+Byoqqhgemf/IACxvmTpOGfDqacFp\r\naHRboEJaXW/Uz5ozyigX+wnA7TNEin+xCC/kTeBO+u8layETjwbswsdIcdnB\r\nbfvx3WocL8hOG2EKnuDr+fy11yHiHPAgvbBoOmv2GsXyK1lQcgXsi6HU3a1E\r\n19wbOjpgPnVs2d+NSRPQu6d5hUBGe0jw+YizLwWswVfTDL9n9DUgWYv7aH94\r\nm/NAiiLZSRue2r4CXECBZtz3jItdLMcHSFapybaVACd17RKyyBaHPew9imJy\r\njbfRNVRIgWsRXOFljTlNEa8Ys+sDJUUJrQYV95tyF5UQw9jxdLe/oN5tCc2H\r\nzN3a/GYmUbHV61K0UBb7ejsq+1PzQW6d7LderdDPxJ84V0Kg/1gJI32H8uan\r\nWhsa5/RxYGqkVKwdfsJNOhqrB5sVHz5C2+o=\r\n=ao2T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220813051625.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/123a15a0e5d2d8caa2b3dc2e78e7299c/chakra-ui-pin-input-0.0.0-dev-20220813051625.tgz","_integrity":"sha512-b4E8t6WEt1VkCtbjg3FOqzY9yALLJqbLkbGpIFLqWg+KSD3FWvR5FjRpFoJYYYVErnMACGh8jrCzz4tPe3Zklg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813051625","@chakra-ui/utils":"0.0.0-dev-20220813051625","@chakra-ui/descendant":"0.0.0-dev-20220813051625","@chakra-ui/react-utils":"0.0.0-dev-20220813051625"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220813051625"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813051625"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220813051625_1660367851233_0.7356819033260098","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813052715":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220813052715","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"456a77237fbf8b8e041136f2cce88ff84a718032","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220813052715.tgz","fileCount":3,"integrity":"sha512-RKsXmgcKL6ENP7fsgYoG8FiAj7HlhmQ1QgPp9hjQHNcENuJQBteqzNTsG65RBHVnTwMyj4wPbgPn3JN+S45iQw==","signatures":[{"sig":"MEQCIBKHLQQIF7wYgRgCNCCU1tvfyeFnTG+CgwmJ2IvswGldAiABX5bxpwbIatyfAOn9kfalmjsQaaPlohmnQ2aoeNRqzw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zZ0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpXg//Ys41lOeUzSPkzn/XLqF05I5E81Q78txUXXLEE0vlvjQ8PJlI\r\niZc2+e5k3AC8XoL82p70/hB5qpbBslqnJbPYXiPTkmeflDV4lJuaWQYCVLJO\r\nQBGqaOuN2kWsb5e7xtZH83/lVUqD+JQvE7D2Q9hNHwG4R0H9P0F9sGJM5YyD\r\nsuF4wiPcd0n6o2/QQkDAB6OmHCHQ/y96JVoLxZrlFC1xjm7z7vgRpoT3J2Hy\r\nYWEthdUEmPND3cExkSW/7CVT6Eaaate4r7uEUXJ2Qsxgpg81/nhYCY30Gd6S\r\ndBNn35HpYY8yoNbeDuJ55elIgRBNlT8ysKAuHNq4ZGhNcOBOiVee8Tozeu/c\r\nvpICRGw5xLUDcNuOsClJn6R+u5XQzpC6z8s6OTZmHDfjgVGRHjzEm5DIVchK\r\nK3I3kYcvrLodPT7/RD1LECqLb+XkYo4059Wr6+bi25YCPFRX0D2tBN1cf8/P\r\n1jOfZjx7eqvYu75zy/ZkbPBpDPMFFa/P3ghAxXgfmtFMuDBvNsaM7FMvmZmP\r\n8E2wGF5FQRVpw8FiApkGHRk/+XFHemx3z2lqlVkde3EpMw/zE4SIa3zc9Jr3\r\nV6YCXwW17KUmO7PNeDY3mH1PW1b1TYtCPgALPyU6PdhQDonB7Hwon7aEX8o8\r\nZVd5ZJXEQ7Ju320vJA2v0HaEvamC0ZqjH7k=\r\n=wmUi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220813052715.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ca61e022f97009f3597336131e8b7a1c/chakra-ui-pin-input-0.0.0-dev-20220813052715.tgz","_integrity":"sha512-RKsXmgcKL6ENP7fsgYoG8FiAj7HlhmQ1QgPp9hjQHNcENuJQBteqzNTsG65RBHVnTwMyj4wPbgPn3JN+S45iQw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813052715","@chakra-ui/utils":"0.0.0-dev-20220813052715","@chakra-ui/descendant":"0.0.0-dev-20220813052715","@chakra-ui/react-utils":"0.0.0-dev-20220813052715"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220813052715"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813052715"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220813052715_1660368500701_0.48943942640645344","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813053727":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220813053727","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2c8c88419d7318531f9f8a9b731dee6312f3fb24","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220813053727.tgz","fileCount":3,"integrity":"sha512-lQ66Lf9qojBmIGw/bfaujfW+JqH/nf8A3CHOBY9eAHhMWCdDn/p+/Om+Zhu0+/EJzjeZBE/FU/oyOVQWMx74jg==","signatures":[{"sig":"MEUCIEJmx1ZjVrYXh92ZUBzMQ7zQg65i9qizUr3tmE6vYqVTAiEAh0I72HPd4UopptseISn/hIDvMHxc6eang7i8SaPqQwM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9zjiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2Pg/9ESBL4TxNckDseXw+K7FbPumGTrpfTAglQBnxgKYQEXqWYmsH\r\ngUGyn/y/rm+mbWCzC2VdMCeR9RCuRBptorOeZ48BTeytWAjYLOd2YDJoZwIg\r\nT5s6PX/NRNaDAFYufLG+mYdQyeWcTt49ZALRTjfZbG2u1rs82vNGXqRxRwws\r\nT43pzelAV/iPZ+vq5xs94tJVdKd4YiVotj5yhWo52lLbswZpSoJHeu4mdyRY\r\ntp+9DkOe8vur12vMf64jXGByaJvVdLbEexdd0HOCQoYfIbmsriMRq/zu4PNI\r\n6gNkzqsyQe68kGXiKfahoDYxRSIsoCY/wGYZeNXen9SlIXThqIa8+dQYalmq\r\nEyjhDSbtZ7oiwyR1kiTS0qy0mgxVhy1NR6E4RZhLZUJicu4u2EAwLECmoHWo\r\nkxJ2RHLMVGwnLuYjXLIKbyfiVLXKFWD51eiBa3p8tXE7G8tIh5Ain7BLbSWg\r\nuw80rIHu4iGfAwqQ1laSPxsKnxYl19p/kE9BTXOEcfIlHlBCdkYwViUD9Evc\r\nVYAoF1Us4j1I9FJTLXbR+zHRBOLb167Ee6kRXr5a6KULwiFD/xKAue9MBazJ\r\ne1UG8WWOd1mVzF0+xAjIF44agYUdfEruw1sA0kNkKEpaADqkrd2JYvWnGQS7\r\nsGldRsZut2Wm3Y0isn0ZnHlgL7W/VnZPaEM=\r\n=M0A7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220813053727.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/09e860251985e939f90c648668c234ff/chakra-ui-pin-input-0.0.0-dev-20220813053727.tgz","_integrity":"sha512-lQ66Lf9qojBmIGw/bfaujfW+JqH/nf8A3CHOBY9eAHhMWCdDn/p+/Om+Zhu0+/EJzjeZBE/FU/oyOVQWMx74jg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813053727","@chakra-ui/utils":"0.0.0-dev-20220813053727","@chakra-ui/descendant":"0.0.0-dev-20220813053727","@chakra-ui/react-utils":"0.0.0-dev-20220813053727"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220813053727"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813053727"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220813053727_1660369122786_0.06236911328362349","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813055957":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220813055957","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bf3d1876cb930cc9e49f3d733b1e0b3c949c8f72","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220813055957.tgz","fileCount":3,"integrity":"sha512-eekdovMnu1vhEiXdh1UHBBsxE7u8eWpmHiYQjOSmReFQyq/JPJmmHJtaSYhOTC3j9tTlOi3TeixOH3ReBYvfVw==","signatures":[{"sig":"MEUCIByqcPcyuvk+NA1/VlCPM92FBMKbAmCv2zz5hC+Zt/PmAiEA94XIqNBlITIJUwSq9IH0QAzmxU+FlvB3J0EKKhVJa1g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9z4gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrd3g//ZRwqMrnpsDDqgMR/bEUpcDMwr0vZRdrcc7f77IC/rl9jHfej\r\ncyl7vzlxjYNPhX4IlBAdi1oBP293jkGQnptfP7k3kIGTf3DHImkq9RuVyUUg\r\n4C5+hTZqw+nkXN9MEWZl+U+OU3OrsK+bOG+ZHNzBPW5x+sFv8jNN1MrFpHUN\r\nq53FKPEUa3SfagQZm4wnoSgf35AELRViJ80iTD2fsUC5NIXDVxTBbDMEOEnK\r\nAr/tX6fih6gkv23M6L8z6a/XAgPoGJKI1dNZaLbdBbJ5pW+ZJVgHHEgbGeEo\r\nAsiT8/yDLRoWSIBKel4JGROQhlMk2dhX72GcSMDJt4gXZhHFASciGdLasdY5\r\nnVO7gtqIeNxkE18/tl/QyI+UcFor2D1j9ZBBD/NjHCosHvdb4+5Ze636r5Ai\r\nmsMexD+a57B2L65wQNiGuXu0nF4mFVIu8jCObdQkq9buuggnzBLZrdO+bBtp\r\nm2e6EKoa/NZ80K4pMZJlAZy+ANT/RMPfWcFRE8jlOLM4JrElkOjMaZrkqr0C\r\nBkh9ds9oprvbFmXL//XfE/lDg6H90iQCGZbALrK0yi75Vrdx8SDTwRhUL5aN\r\nnVXfK8G2NwQq8bZrPhbKDKPe1CEwSwnEXuV+36hd2GW5Q6qkmVostA/JVh5d\r\ned8Nc3F5Q23PaJSg9KGFw7dJXj3jv46M+PI=\r\n=FD6f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220813055957.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e0e3b7ce211239df3efbf70b9f1d713a/chakra-ui-pin-input-0.0.0-dev-20220813055957.tgz","_integrity":"sha512-eekdovMnu1vhEiXdh1UHBBsxE7u8eWpmHiYQjOSmReFQyq/JPJmmHJtaSYhOTC3j9tTlOi3TeixOH3ReBYvfVw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813055957","@chakra-ui/utils":"0.0.0-dev-20220813055957","@chakra-ui/descendant":"0.0.0-dev-20220813055957","@chakra-ui/react-utils":"0.0.0-dev-20220813055957"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220813055957"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813055957"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220813055957_1660370464408_0.5565907267450283","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813063717":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220813063717","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"daae11ae9f703b7ab73480636e37aaad0db6a241","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220813063717.tgz","fileCount":3,"integrity":"sha512-ItG0rA0LI3ZmKQ/dLp4hDU29uAVYT9vq/BEUaK/CexAGu6x7V/wnBxa+ixvOrQiAK5Z4Nv0Hk9p5kfoPD9HAmg==","signatures":[{"sig":"MEYCIQC4IR/TQkXpF8igBqNQ63Ulok0qO2xg+e5HRXXGxEiy6wIhAPHn6IZ7tiTAJId2NQFatvm24raARmSERNQH1h/TGuv+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi90baACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpG+A/8Dz21xEeTjce/Fc1DqPnuCCnOBG8P9E3z/cqa+sz6E9aJISU0\r\ntQe8WR0PSVJ94QbCG/cwZiI+qVoEwu8rGTyGOIg+DISbASiUMlRmpA8Nco4q\r\nqdhlr5x6DYpfljx5DZ/asQQWg5BJdEHMwIuK1GrkdDbKg0gsyf5PfPtdF6PB\r\nhh+22tjsHjqP4FwvrWhg4Wm+ueYw8pXbs81A/61U53riZo4ehiotUcXqRBij\r\nstaN08eVOrZ2gRdxlfPhZvggxVGo9pDhe1p7+x6N+JxCjbG9oI3xWQ3PKQBL\r\noDbjiZMvMSmYMxLWwy+SmtyP5fVhvyo2MZ5zJvP08MwGWcD1qZFq9crgXuN6\r\nBT0r/qc0vuopGfXS2iogv6YkHSMdO4gaqg3RYhJiDNp7kvvCiQambHlMzfN2\r\n6/4AdAjlDxCmI2JCBUr/CajTsEs9MXUTAIBeZ/ca21+FJHhEdKbnqpd9zdTO\r\nt8VM9WxNTe1TmIqSg15boo3+XAaX4KKtWPmmiKCfam1iLpI3iBqaVPWdQVFE\r\neMmwbD73Py9B3kVOikdsDEcgC9KUfNiF7xuBvWe1WvQmpAyN88FHfCT5CPHL\r\n5fdItoNdY2w103m2ixIPunRS0WDCqWmAoc3sA0JJM64Z/z7iCQm4Dfe2YsAi\r\nt1luoQFusUyG0gx3XhCibwm1HLnhIgUX4Zo=\r\n=Ifmu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220813063717.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f566d2a765d1c53953747c6691b139a5/chakra-ui-pin-input-0.0.0-dev-20220813063717.tgz","_integrity":"sha512-ItG0rA0LI3ZmKQ/dLp4hDU29uAVYT9vq/BEUaK/CexAGu6x7V/wnBxa+ixvOrQiAK5Z4Nv0Hk9p5kfoPD9HAmg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813063717","@chakra-ui/utils":"0.0.0-dev-20220813063717","@chakra-ui/descendant":"0.0.0-dev-20220813063717","@chakra-ui/react-utils":"0.0.0-dev-20220813063717"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220813063717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813063717"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220813063717_1660372698155_0.5358920273839773","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813070741":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220813070741","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2d974c8c4680dd28ab1c810c5d59b3cc4d8ff613","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220813070741.tgz","fileCount":3,"integrity":"sha512-V8wSuVM9RLRBXmZHrriJwqvtBYMhXo1kFIG7WcJKoSCk1Mzt6pbnLVTZF93LTWTF9YrzRjBOuqbcYy7BxZXUbw==","signatures":[{"sig":"MEYCIQDTPtmmJMGYxRJM9v4zcHxv+uycPcadhGWtp1h3Qq2HRAIhAPjuWiJI4yuzgI5mYGSdMCDPkn5mjbMlK39H3FUYkOEo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9039ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppBw//WszcPjSFtTeu2uMMH4hGTSQilu0Z6iDZohyD2u0vgOGAi74I\r\nMvu6n0WcrNBBz2sfVKIjDxZ0xOEC8pGCkMK7/L0N2mfGKmfrAZSWfoHeaT4X\r\nPAEpNVdoBXJRgHBY5G31PmVZy7lloPtI6RTmcrHwxtkfVZc5yZLv3kvTow7d\r\nOEJCJBGBFJzte/UilF35KgjfoIoofmblbiXOSZeW/0ETYj7LcmJacFzJLJye\r\nlU8LeywImZaOFS/94wjbsv6NpPtH5IDVK/1fQxQ5O8aEQWXTUbIzENJ6BLAr\r\n76uI3F+VqICqPePJfyRKnu1oivt1k7+BZm5kBV3gG2sOpy4XSl+eIIzOLxl8\r\ngOVwBuAkO7YPVy9V5At9yC7lL1jI40xReer+tpC4jtWATJebx34IJSL12O7M\r\n8cgQt9VtA4E4vjBE2Sk0v3mnd5PX+MfJ0R25LgBeht8aHjiPztD7yiOHeZ6s\r\nzaVVbeIay+4dxSuh2/MYJmbDHRx02US4X8XvLZSenWoN+8+IZ6qPSytnfnMf\r\nlyamjucIMIQJFu3FR5NNunyvAdxUfaTANtMel1VembNcQY4AIHJpjCaFp4MP\r\njcDlC53wa7miB2HR31D+xsey6+x9JB/Qk/8XYdnVAqfXXVF5Ttywrh1r+bFw\r\nMJxnxtKYu7DUVhdxwKQV/JRqKhHvza3eixM=\r\n=OFNx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220813070741.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/961c2cc71c5c229e549ae1c0f1c80e25/chakra-ui-pin-input-0.0.0-dev-20220813070741.tgz","_integrity":"sha512-V8wSuVM9RLRBXmZHrriJwqvtBYMhXo1kFIG7WcJKoSCk1Mzt6pbnLVTZF93LTWTF9YrzRjBOuqbcYy7BxZXUbw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813070741","@chakra-ui/utils":"0.0.0-dev-20220813070741","@chakra-ui/descendant":"0.0.0-dev-20220813070741","@chakra-ui/react-utils":"0.0.0-dev-20220813070741"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220813070741"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813070741"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220813070741_1660374525092_0.23394122488475388","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220813083358":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220813083358","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"20e601b755f06dc48484d8c4a4ab86ef7adc7287","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220813083358.tgz","fileCount":3,"integrity":"sha512-aKzpw1v3me8f1Bm2lRhWlZELlhCuSdQsI6ib3qSZ8IoRTF2FKaFdREy+5Fz7pZ1YvDpOjtLG5wvYLz/G2dq4/g==","signatures":[{"sig":"MEYCIQCO+KH6TDqbn3gDX6sGlTvHyq/PzStBE1LzxgXhP9ahEAIhAI/vLAwEV9VcLIGv5bUKQAYvxVzvtadGp7zEqCcQd0BP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi92I1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEtA/+ItAI1MvaKdkzC6hVSEOUiaVgS11utRu+G6GUkhqmnzFqkyL2\r\nFj2iqvo3WtM6VUgIf8mNQAD3FnHU3ozqkzw9SvJHoaSQ+L9TIncx+62c5Wd5\r\nllF/XOg299Aw7NV2JOdYuaSKN4kpB1Cc5fK9efkmLiqXEMjf7OjWkGeGgKyO\r\npZubFq6glMGjqddtqqg+5DPxcJKUuGZ6oI1WR36O80Wkpm2KoWT9JGio4DEv\r\nUoS8ddSwnb3UjrlZhkl5dsXLWZu1BaSNmbDKGNKN6uHlLKgO/tXXwbSD3gbo\r\nXYVYjnE1px/pAETrOhvl/hMGFUsc1ZO2ZudxmYcoriU45Ah6ZhBeNVtSTOLf\r\noMXOF64G3YkjMRWAiEMJRwe28QpakIRhkSAT722/aIrixqta7cclAX4k0CFj\r\n29XN9rVRHsN7rz5QJFnXpO346PsRGcWi5BdJcHpCpYV1RWdzY++Xp0IYXaFd\r\nELtc9V2i8DjJcJORPNXVFbf0mlY8aGzZM8j6Nd/ApVDZNu6GK/sxtsYT19Z7\r\n+eaej6oFX83zXbtUNhp7Toe9X3bhsdX8Prgxrmcb5rv4A6PL+E6cbL/iGWSK\r\nd6qNXlzqcRh6BQiqW6XX93axYYNGJqozQu1Lb/pdDX64DAMSvwmyQAmg7sMu\r\nVuhw+wjtV/N0fu36kwWHvbylPm1HBVru/eE=\r\n=BXZP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220813083358.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/edcc483611ffb97d4f97de3ed34b66b7/chakra-ui-pin-input-0.0.0-dev-20220813083358.tgz","_integrity":"sha512-aKzpw1v3me8f1Bm2lRhWlZELlhCuSdQsI6ib3qSZ8IoRTF2FKaFdREy+5Fz7pZ1YvDpOjtLG5wvYLz/G2dq4/g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220813083358","@chakra-ui/utils":"0.0.0-dev-20220813083358","@chakra-ui/descendant":"0.0.0-dev-20220813083358","@chakra-ui/react-utils":"0.0.0-dev-20220813083358"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220813083358"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220813083358"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220813083358_1660379701710_0.39076839635067007","host":"s3://npm-registry-packages"}},"2.0.9":{"name":"@chakra-ui/pin-input","version":"2.0.9","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9d061fb5c3c2c112854b28b39f7e73e550baecc0","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.9.tgz","fileCount":3,"integrity":"sha512-kqgrLbRbIc6j1KDxee4jDSrV4L+md8ZLUt4OqYCVeReKILBLagps9EYkR+y/8PXI+RD4283J/jMVWxNxUnP7Pw==","signatures":[{"sig":"MEUCIBL4rRQkStgMfQr+Q01sx+Rq8BSJGbcnUm8zp1JuIXcYAiEAikgdy30W07/ILZv9hEzCCk9UaeuKUfZkR4S+KdLF2cs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4215,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi94HjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrdqw/9Gnoz+garn4AXgD9keS3rYYf3YRi8nF4+fC/HdL4//ikfOTj4\r\nV7XMooHUu0MQGan0lPAnEh54o1yXvkzdgrsjJL6vZdMEjSqb2lLrpIc4lj9N\r\nOpes7Ok+TqNlwwi7t/nuwUrHx+OZ/UDX2OvnMq383BWtfB2v5W6f/uoWpbU7\r\nUpnoJfx7XZSv6HDNJMIA6Eql4hdf2dcH6Y4ezyfcUuXcrkeAdXAL2dQE0EQN\r\ndktqr3SpBPrCgXO86nSrQrR/GttJ6I3ECbFeWWYgM1KVSQLe7MXwbOOJwrfL\r\nsyaDpw5KVZF0KVYVj5yhP3glIQZumCBJgH7SrSFqnHtFmGV8KTEJbPkcaJYc\r\n3KR6mczRdM2qhpoCwA03JoAuR8Fn9jG+P/dcDLg98vJgpL2ATb3neiW9c4CL\r\nlSOPXg0011UAOzJa2k9enoWXw8l2RMPqpRLRw3oYpSrO47qi8hW4/I79liuM\r\n4eVkElexE8mPOB+MLr6j5tRrVl9GxSJsTBrTvimxPQWLJIRnFR/OI6UBxmWE\r\n3r7oQXbF/HpQT2Pi7ytWpJz6mOuPGMhsagVBcEjuUkl/n8uPBidVYDeCe/kD\r\noAwjif1uQn9mjdw5AdhttvsoWFgXIG2Iz4DS7ANCgIJoMhkBtEc8v3x/g/O5\r\ncj41zBuw9Jttt5IgYy6T7b4XS4CNzIb0bWo=\r\n=HeCR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-2.0.9.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/77c806062f45472c1e2f5252d807b988/chakra-ui-pin-input-2.0.9.tgz","_integrity":"sha512-kqgrLbRbIc6j1KDxee4jDSrV4L+md8ZLUt4OqYCVeReKILBLagps9EYkR+y/8PXI+RD4283J/jMVWxNxUnP7Pw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.7","@chakra-ui/utils":"2.0.7","@chakra-ui/descendant":"3.0.6","@chakra-ui/react-utils":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.5"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.9_1660387811131_0.3131655788504697","host":"s3://npm-registry-packages"}},"2.0.10":{"name":"@chakra-ui/pin-input","version":"2.0.10","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9a9ccdba3cf5e1e9ad08944264f119aa19bbecf1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.10.tgz","fileCount":6,"integrity":"sha512-AO8lZdhdM9iv5iVZuTPj6ODPUpYsVR/bAbym95BJy1lmXHW0ZD7mtHeJQn0mdfz+j8ckjczg2kCG1ajNjVpjpA==","signatures":[{"sig":"MEQCIH8EZdvOCDvzUwpAgkFDOY6UO4914NPFtRm/vqVNfVojAiB96lQBiLOA03kK4X5J12oYN/NJUS3qVqOxkoGqYVG3Ag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28226,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi+KAGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrrlg//YcIuKVKafxciHi+3hXElUxEAf8wr7iz6R81M/CXNDpC8tXWQ\r\nRc4NhYjCq7KxI3nkWpj3avkgwu/+NxWgR2X3XQ/6vmo7seFMjT4ICfc+F/sg\r\n4/cKwln+pT6Z2OLR/ydia5IBMm6hPjGNveiZTQQoYZmNwVrYxC2oMMDSlZda\r\nbYaoS28fCYuu6eXmjyOlsQ2pEwm1ZwJuClijbhBjK4fuU6j//GuXG61Pkwd2\r\nrn3LvpS/c3kbi17autGPmv8mE5wMib2yWoeV2oKy2zsCYBH14qzMIrZJ6w42\r\nXTnCukx03k9uJ/o/O/VpDeo20DCrzEHwkd0N9spKupI8rg7xeJd9vZqURHrL\r\nMVDER/d7zj6EXQfS+GzJ5oChQDQtSkI+AvPleAVmdDjaZZOoreWNbWDWAFvf\r\nwnMEBjNbhBpkfXZmhRIF2cuQ0k2um6H0g4nixp6wOiPiU6XKdtXreofY1lqx\r\nKJ3uL2i2xxHGW3TiUuBiSXQMl609fhoQzx7ZwSutZLg3wToXoGVBPe6iC5J0\r\nQKLv5AKIi3y/k6Bz0fvkw4KtaWaMy3lZ1TVL644ZwL/JgqGfSvSQQit/7Hvw\r\n/9rGaTyEPhRow16swD3A58UEqSomUCr8fXGJv+W0MHBgbfI+orP1FYEO9Euv\r\n3YFTA5hA0ShFyr3dRt543rGY7HECmSUeCUU=\r\n=AVqp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-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":"/private/var/folders/fh/7kklt1bx7595wvjxfmcnvkqh0000gn/T/1cf78b529d74ca9b9cead0c8b4f02324/chakra-ui-pin-input-2.0.10.tgz","_integrity":"sha512-AO8lZdhdM9iv5iVZuTPj6ODPUpYsVR/bAbym95BJy1lmXHW0ZD7mtHeJQn0mdfz+j8ckjczg2kCG1ajNjVpjpA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"3.0.7","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.10_1660461062246_0.03304762794370397","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819090547":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819090547","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20220819090547","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"1f85bf835df89cc0e52d61ce55a02d26625cc095","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819090547.tgz","fileCount":6,"integrity":"sha512-VfDyyYs6JZB4Mi0tYNWrsd+BDPBR7Ln5UzO+9mo6Mqmk/jif5L6hDFRiz2vP5aey05pccbeAZql4098GtODVwQ==","signatures":[{"sig":"MEQCIB4EqQudpzDWhOSnxhyf2f1bqt30+dm6GvkwEmQG28zbAiAP4bPm28MYNs9TCvOfWqs9Bu1+yS7tdduF2/F7Oqh2FA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1KLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplUQ/+KLBQHMywsmn5DS1i0qoh/B7wuU8L6ozxeV/xBajMcf4x3lm6\r\ng20JpakuKW3C8RHXgmsqhjJfJi8jvhzySIm8VhKb6wtzZigfcgK1APWyIq2j\r\nTcdd1MvplQdoxlLBpX65AL9FQLETbnGV3v1jjXzGdb0fsVw1Ud2HIr09ledl\r\nIA0HPJbONO6Z4M6MLKh/4cTONHVbLcGVT8vlg4NoE7ur30OghAPjsGZgEELG\r\n0R6nS6duvErGu3zyIXBK4XeDnPHOg4rIGeyAwnqntauya/hAqgiDS+xuAqEY\r\nKl3KtxKlGjnnAir1aN/9v5FZoDy+34aEsLvOWcpL4drpKwV9Zv41PUjPtft0\r\nVY3N0qKGDG3lJJSkRVtaECd0/zNSfTziJ1THEZtM3D+5dp1R8+JLR5pKCR5A\r\nskGn7O6DklMRCK1/6jLz+PaEMO3H12aNyVU6xkkJoeUPjXMDt9CJYslDynKi\r\ncdh9kM8SgE2fH1BoJ7PC8uGAqjtQ+wQ7LWa/yk60tUtq6ef/AZOWcv08OYW2\r\nX5HLL4lfhL+859OBjkWVsqfAs3UaR3slR+HGjML//m5JGfsNRLcp66xuL3F6\r\n9NSZga65HH2EVvcay0t8S7XCe5d5vOsOfVeHE/TC7qmvS9TBUviJnIFxtlMd\r\neeX26p40L7oFMLm9tQD6Az4rz6hEMCSdR6c=\r\n=PHud\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819090547.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7c5c0c2a1c5369aaff100508beb90e54/chakra-ui-pin-input-0.0.0-dev-20220819090547.tgz","_integrity":"sha512-VfDyyYs6JZB4Mi0tYNWrsd+BDPBR7Ln5UzO+9mo6Mqmk/jif5L6hDFRiz2vP5aey05pccbeAZql4098GtODVwQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819090547","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819090547_1660899979418_0.39103461839189446","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819092119":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819092119","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20220819092119","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"fef9ca3b3945d32e2634c884ab34a3bda31a0d9b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819092119.tgz","fileCount":6,"integrity":"sha512-egwXl796DwenfnXzqG6a2xcqHgHr4xJZvfh5W2RoSU68jzWhmA9u9kWpUfLJ0bHpcM91DNZT1PnZ/meZQNibBg==","signatures":[{"sig":"MEYCIQDR6Q3bHSS/TCdaCTHGjICX5bIG7NK4oGImJlgVNhyvrgIhAO380TcmeWwWRRTSmemmFxCyZCdVqn4BCANPIUNrM13/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/1ZEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovJQ/+JJiQaS3264CcNwownCRVJCzgXTrH3rx0CSkNVmV6AZiQ/DR5\r\nV4PIzsFM4Cp48lfqC0njqB2JVidTqfvmTUWnAh2YyO1V5lJkeImt2kJK5Wd/\r\ndfHYqiD3ScM6HjOuQEoAWmtw4GmlxZ3+DjnYhhOyzM3y7DsggAlvQ7ivtff5\r\nIkkchUVSzFAkeULHQGEewohfyy/1H0CkFKgnsJ+o/4oY/17/7TDZUJxKbUQX\r\nP+IURRNTiSJ9IXaZWe7ppHhy6FUJ/+jaWtHR5Yfn3wJOmKpMRAREKquQ6FbU\r\nta669yfBbFQEut5zheGGcF8Albg7/R2FwdJN8cpIzcxYNFDnjACbweRw36d2\r\nj5or+l+Hk2JxPoKR0rQYgcmbbTrS1MCRpoyIJ1rjiZpj02AyLPf6IGwTC7jA\r\nTzMHndcJ6szVFcLwWWLXFt8dHteHK29xF5g/w8cS/AGLCSLgmgBcdaNByDvN\r\n79UrwKVAXhYjApmXCh1xl2o4+zpS37dLpbGlrPfYa+gUajDhtzdzBT8w/k+6\r\nheifvJBBv6P+yXhbfNZp/R5qcdGY/92UnBoUNF/wuszindKIRk43cZ4PA8sf\r\nXSXz+rUuxvauIm6bPqnebZazBG1poEkh5eU8fss8n0aXu6lntKsxMJJcyWMk\r\nB56gdrawXcIUiLFV7LWPVU5kq50IIaOWktM=\r\n=TQYK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819092119.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/14dbb6e8e78d17f2059ad673547a2579/chakra-ui-pin-input-0.0.0-dev-20220819092119.tgz","_integrity":"sha512-egwXl796DwenfnXzqG6a2xcqHgHr4xJZvfh5W2RoSU68jzWhmA9u9kWpUfLJ0bHpcM91DNZT1PnZ/meZQNibBg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819092119","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819092119_1660900932088_0.44268496430954984","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819114147":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819114147","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20220819114147","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"54e2a125856d00ab46cef3e37157fc61dafca36b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819114147.tgz","fileCount":6,"integrity":"sha512-dx/GEEpK2nOW/ImvH7ciUAhUNB43rnpuLFIVDZ29qUfUmXis2yLJ+4i7F79IEEGX+xnHEXld0j/75ktcIH/oLw==","signatures":[{"sig":"MEUCIQDfOf6R/akZblh0VlafOQg5Z9hvsEA7k6OyzUAJsSXmHQIgOKAjw4jOL1ZL6nJDUW59dMi0FiTMaQ5Z+1RnuUHisEQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3cqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHNhAAjHJTDOnc1PEP9UmbsH0iQJWHaJC+Ms0CqEwkMe5OutKkA6vQ\r\nhRcSEzncjsdw3Bd8dqK/YcYCy6QXJeIffmzrznvdo4vaJSajcu6jxccFTTH4\r\nnBHatl+09/FeqhN8v6sItHTMbpOKfZI1HYISijgiqg92g1GZ1x9+yzXiIyWW\r\nO/48tFQUVji4QKYwrPxGdB/joXmp8gut3p/2rUlboonTGVk0u38Corobs1e/\r\nVYOX4x0645fjANYAavsQSUWyRIDEgB8/fH1CIwHJ5lNDl5i2wYxqUihRlhMU\r\nWSsx0/Clib84PXOvk3s3ptZONlQsODz5r+kJJzQca0dEQrGJDQbg4Rhi7KDW\r\nNIQFQT7n+6fPMnx5bCYC0fZkBEnIQE5+hJl6PPx2s7yHKXmlIjOiwWT9GT4P\r\nIZRa8ri5+7LrRWBZQU6UXZ/itnOIj/TfQKcLMF2kaGf8TkiHm1RU8qgfNEp2\r\nDg9abj3dVL07AZT6fdKyRq1s+RQh50/usiFDPnK8HN85sJtcbpXXnvvZCRxH\r\nyDzdQWCX/XnIT5frKVlbB5LJhEavWTHPcf8JtwT3lLyiA2AIduuyfKQZDeLS\r\ny9s0iAT95cr97ktCon4AJ5pkpBog2lT/1ujD31J/y6AbjyG0Obloe6yd19K/\r\no7A8YxH0vAYdgrB/9AoIJfTMy2lst2Wjhqg=\r\n=LA0d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819114147.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/cc19525256846b91ffaf4e5e93ed4504/chakra-ui-pin-input-0.0.0-dev-20220819114147.tgz","_integrity":"sha512-dx/GEEpK2nOW/ImvH7ciUAhUNB43rnpuLFIVDZ29qUfUmXis2yLJ+4i7F79IEEGX+xnHEXld0j/75ktcIH/oLw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819114147","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819114147_1660909353835_0.08465484147272972","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819115812":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819115812","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9e310cac12fe062dfc093aa765e263607db151a5","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819115812.tgz","fileCount":6,"integrity":"sha512-6bp+CGHIPLjL+guC4oPrM0m0nSc/p6Jjxfk5sTU5Si9RNeaSHXt8/Yo/DLapKavk6KK5HhAvx8Qytl3pVjrnKw==","signatures":[{"sig":"MEUCIQDTrrRsiN1SFRrBD7JJp7mKQ0Lg0ipjfkrT+bc2StzAIgIgMZ5KV/caZC1+trmZGByy3PAC/FlAk/U7l2+pCnSdGVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/3sOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrSQ//WK0+UzZZaHLQJvol6qupyiVc11kEnL5Sa1lTcwQwM8jCJ88u\r\nwLxJGDc+J2KOnfYK9Oz7Bmdao4vCoQKEiRjUtAZrFl7c4iNdcVsshUx151eA\r\nJagRONtgcJXRyooLg8RtIKnPVS9qmgkHleFGUqJwM3vKUfCnWe0u9yIliDpf\r\nB4emZha67dR5fdMx5pQ/K/FfIo3xOBI4UK790I6EJmlvcwIagfw4uS1HR9Io\r\nFy9CzOAX51c+KQSclCIOZTKNAc1a61qRuTaguzeFH1WpMm506hdwctJQqfS/\r\nXoTXRuK5pq1JZkc1DImmSZaRSv2LsTqsad6AJizhM7w/gzZ+dJbl5vH3zyQQ\r\nhR7eFLudD1xlbsgaCJWecG8jT4ck0gk0um5K9KxiiiWAEL6/Gj4u0DDUKRXj\r\nDN3Itg0rhE6OlAvAwiSstwiFtHWutlPzjprqS3HraeIftgHJdMve12E7uBAr\r\nUin8P/fIE2HMI/nItCHWrSH1Pr6DmeliV0WnR+qSiw60g1KtVeOt8mjahycS\r\nUeXc03rvHlGjl0OxJ+wTyFtHiGp0Tda6Ai3iN2OwKJo0noIYMEMf/3p6jQuI\r\nJDU8kC1pDikI3EwmcHh6fvgA753q/719yloSb9/E3xqfuqkfvHvta1B28ABa\r\nxpyc5u3cmB4Y1ugbYt1psiplQ9X8AqwVLvU=\r\n=V0Wj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819115812.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/836b91385d98de7d511800ed3ab21be3/chakra-ui-pin-input-0.0.0-dev-20220819115812.tgz","_integrity":"sha512-6bp+CGHIPLjL+guC4oPrM0m0nSc/p6Jjxfk5sTU5Si9RNeaSHXt8/Yo/DLapKavk6KK5HhAvx8Qytl3pVjrnKw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819115812","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220819115812"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819115812"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819115812_1660910350641_0.12529110204597682","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819125800":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819125800","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d5cbf809874c828a6dcffc07139d3dea76335c56","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819125800.tgz","fileCount":6,"integrity":"sha512-yQfmcPtu33k76FVOffXFtZqAI5DwLww/FPNFx/cpl859zuFW+VL5wdMDr4bFJbtelfUhlKiV/mza273O1J/vJg==","signatures":[{"sig":"MEUCIHkKLTjpphhzQP+PFaobHhxr5zaOFYZ5PJ+a/OG2ZwdPAiEA/MaH2qlGoR7n32Ise3b60SNwxEARv8PeB60MdP64SgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/4kYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9YA//TkvqDRF4QoEaE4qJmY9DZBE6DIfbTtB1j6uKovSPimp8Rv+X\r\n6aWbDH0kLyCoPI2i4jhYC/Mer3KEG+nlfPAwtO/vFl2NaRNo0woWqHYp8Kew\r\nr/Xj+tsNdN/LDl3LNmjGgH0bUp1+1kvAueHYy7Sow+hy8G5Ml5P8+fhJ/S2F\r\nQCz2DI8R4NRu34pvSbMtxmgyAbtoyL2+4XCeJRM1Y2yxfYZGe4URPIbTGwOy\r\nIM28i3Tt4WXgz5O0zl+0VV7RXETq9WDe3Qtld9JrDfLVet8366XzTx/Ci3RO\r\nZMXc45l4emqHWi7L8PQ+K/k7HZB7iCeLzehz+1gHVaaGt/ueHYYtnLAsrkTu\r\nfHWfT8apYeMdY1UP8w9FVyu4+h8KCLmQH8/xOYHE12eQXtfZOMHoRpaIIsE9\r\n6XvaeuRNtyetriqRDhFKNZ8i5F394irGH5TO76rYeU+CSdwjlZlCl91sY9ds\r\ntIDGWeqp7JRifzyNUaitF7bC6SeaoA9BF5MfKdRtC2DxZX470FO7W3NjgcAg\r\nSOvpE+4UjPNsJA0ZaU0+FR77f7CqDV6QM6WAGW9KUftyNOvgRSZ0czneYD1t\r\n7IH1ru80oBnKRdYValKEkMm8tRlCVn54IdpAE8BSiQRYUSf1wkOMs98gi6jk\r\nW22SrwnLnU3qlrQ7QpHtvuhwszAc3NtA6yY=\r\n=G3Gs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819125800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/31512405448421a9677470dca0c13dd0/chakra-ui-pin-input-0.0.0-dev-20220819125800.tgz","_integrity":"sha512-yQfmcPtu33k76FVOffXFtZqAI5DwLww/FPNFx/cpl859zuFW+VL5wdMDr4bFJbtelfUhlKiV/mza273O1J/vJg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819125800","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220819125800"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819125800"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819125800_1660913943866_0.11927881439759824","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819132034":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819132034","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a1afb7ed7d960ba36e6706ee93adb03124b5f401","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819132034.tgz","fileCount":6,"integrity":"sha512-vPihvYvaHtSfzboIv7joB9wFLU5K9RFP4i7RkFh0Eeo4CtoGSsHSqKYeGJvVIVNqzETY4z1ocOIv8Vg1ZgoCzg==","signatures":[{"sig":"MEUCIQD8yODwCDkOYLL9GkXFoer5lR3OhTC7mNQtDg5KzfVhSgIgZ3QB+zL2CAKeCTLO6+TFFcoku8TpRmhngWtEGPdDg44=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/45WACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhWA//XMIOtkJ/jzGNTteAz35FuMiuBi23/U9exZW8W/JvLQ92edAb\r\nWHNcJpAHxYzhz8e239kN9jnPlwq7Xk6TW7KlkcgCGOzXZATX9roZZcMdlTw3\r\ndyxhOoJwBOga2ZqAUtmQVdhyfVNI323u9EgROBjC4NQXZgKegTCRpxdAzjLc\r\nM0ukNUCkiGKQyvk0GEIpoFDQjqm81YzisHIgEOy3zuzT299DjRrNa08Wr9Tq\r\nscx3SVcJc3ZTukuFC1Phcbc4L3ruNUW/lVC30Q80vQitF5nV9B7Ib/yvRdm5\r\ntJFQtwv8vd8kPkoTEupD3ebyWXER0Lid0dFH6WzjSLh8qIvF/bNxjAZIfCrG\r\n41AT8PsVmlIjuYQe066yo0FDfPrSXNbWdy0APpp4Je9atlXyEweZZwAmXBMg\r\n8Lq+HN9zAd08bcBkUUUcVm+TpP08FblhfH7xWMLhs1lrhiPtTjDfYKqBhghu\r\nbk2M9IteS/IkGpCWmyykCSCwxd6XXjG1/dHdpbjkZERrEdzEfInzdXu0qqkV\r\nixQhPcBl9c8O1pZyM0JbpGSoaPqj178IRJAjFUZL9PRoMK8jfVf+uEkplEJJ\r\navks/ggUzg+yEcOy3BcJic5wDU+FwAl5Tioi0GLH4XTRQG9IofEfI9NwRnIg\r\nfqYBkwngH63GRux6i4HD1xxDG7HK0I1JDig=\r\n=fDAD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819132034.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a4289571cd45711ad27aa5dc93c12029/chakra-ui-pin-input-0.0.0-dev-20220819132034.tgz","_integrity":"sha512-vPihvYvaHtSfzboIv7joB9wFLU5K9RFP4i7RkFh0Eeo4CtoGSsHSqKYeGJvVIVNqzETY4z1ocOIv8Vg1ZgoCzg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819132034","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220819132034"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819132034"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819132034_1660915285877_0.4263282111444249","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819142048":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819142048","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"64642c533387d7c9a11119bd54e95d43e1afe866","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819142048.tgz","fileCount":6,"integrity":"sha512-Ai/DwpKkoBsU3uk88VZ/gztMNOy1W5fAvsF9/iN6HIpWGZPQYTqYM/+63pG9IRhqSLTi9Ehs4VgP6RS5ehBbNQ==","signatures":[{"sig":"MEYCIQDARj4GlGio61E0SeQ1GB6hK1jt6q3LeBr8A2crOfQJtAIhAK2QQ7l6dNegqQ9x/R14xhBgvLUwWIlUBOzpMep9LTDW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/5x4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGMw/+Nfz5ojOs+xr9BDwYkKCk61/PXtI97YER9/58ZGIRYTKxUYj7\r\nJSQDEiXa0Lr6xGAFK14Nt9RyqtCBWCWFDHiakDiYhw6vreaYm4qv3xhiMiFn\r\n7VD+zLLB14VPrMarpTv7JlXqr9zxhCtzbsfYScEBbQ/a0zZF67Bo2EJ8vd3E\r\nKWtVjOFE97rZK+T25HaIVan4WKAvWUulefDTr26TGbBeL+oarw349Ll+AAKA\r\nXNvnWkZtKMXLF+vbS/wd7CCqMZ7ZE7Hm8u8qTBWVe8l6wQlqW+GpHpdMgxGn\r\nkVnKh9jgoMeKfm65BeRjyeBr5oHbm46QkDxbNInXm9pF4MRsZJ0A5JagZCwg\r\nLq4yy2wbk8lmyDRMUBE+K4allKCLVv2nFqMcH/E/Dw0EIezTi5039EJuYBNX\r\nZH+oaxuy0zv98MUhNYzB7ypdlPtJHqq2L/ibcNhZmQATx/VSWUNaSou4dX9k\r\nsLWp1+Jv3lmeD0pLGCmprImQbApJAZst1nq8W3C2kJ6iVLm6DIz4hpp9qDAv\r\nj5iqPeeN7qmyQiAa20nuwegBmKtS70ZC8o59pJQQtqMa6E3LFC5oHs33Lr2Q\r\nnkmTS0wKZxuoujEKeWafcVn2c858EE4tIzNFufqCJ+oxzjAphIzB9qDU0H0X\r\n7iNSJLQzvXvR1vpakJTRF0iZVT2U21syGTo=\r\n=FXSj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819142048.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d12eafacac1aae389a9a81c9ef4c263e/chakra-ui-pin-input-0.0.0-dev-20220819142048.tgz","_integrity":"sha512-Ai/DwpKkoBsU3uk88VZ/gztMNOy1W5fAvsF9/iN6HIpWGZPQYTqYM/+63pG9IRhqSLTi9Ehs4VgP6RS5ehBbNQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819142048","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220819142048"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819142048"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819142048_1660918903965_0.9243718930203628","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819143632":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819143632","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9d2b721b26eabb6a272204c06de2732430d5994b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819143632.tgz","fileCount":6,"integrity":"sha512-4fyIXWx1259vbhXWjU+U+NmQuwNY+7QE3kAOKHWFisGqXPS4cLT7ZDujqv9XjjCKjU6VYjuq46FfMtFQtAcxPw==","signatures":[{"sig":"MEUCIQCy04TnF97d9bYaIvPytI4JwNjaUhM4upLhuYXNNoUfnAIgWQH1Y3IpRAvDkTrdEjPMAsd88qc5NRlhf4zPArMx030=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/6AuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDMhAAkrrXktDw/tJ8PGwJCTAwiuR4SA6UFj9WlXwf0//CWfVPYnyv\r\nSl7Eno+h10jGj8XjOV36foGKEGoEokDygGefOy1y+N8pmbc4QMmxj20OXJ4N\r\nMO8v2rWPxT/HEeYJ9+I/RFjk/iTn8tiS+CaqoyqOX2/JHqEiBR+ZDm9I8htw\r\n/QLt39flo9yvuyhkn7Ygq4owBBfnNMJi+xHLsW3sGFa92RqVsQ5YWvZKCqwf\r\nifqc6ZtJ2kR5VpFpF9QRNpslL6BDJ0ClMXrRvEmseaJ7+I63rxHE+yQ0ZLe2\r\ne4S2WC4OU+6s/bzcRAfypddNguA9Qh6zB+mWycVLB/qNUMF0noh3nK1DCv5E\r\nAgjJCchRZ5uHWGQh17kUDlzCW3BBeUDvQKgClZ1kaXteZvczGTLTcAkHUZgd\r\n4RqHqfmrklz9S99KSWsvzF2jXQ1cAPaGccIIlh0bb93uZO1CmXmyImjTHIRW\r\n5StRtS3lWOWyFC9ttGMQqCWGYXZbZ8lb/IQI77mwXX4wzy7TZKjQJcRxqiau\r\nk3UxfW6QNy4deJjO9bQ03XeecIQyMWqfPvN66VtaiFsyIcgoj/nNm+ReO2/D\r\nzLhQEHFxtxnjDXLtC36QfJ3h0yofqmj3L+K/tET00ygiRfCXQ/6EMB1ogrWg\r\n1xPdZNo4+ZjjFJ6oHRfXCrNXfNJyJ5yU8BM=\r\n=6NzH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819143632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/69a3326d718e4f8f8f3533d164c1674d/chakra-ui-pin-input-0.0.0-dev-20220819143632.tgz","_integrity":"sha512-4fyIXWx1259vbhXWjU+U+NmQuwNY+7QE3kAOKHWFisGqXPS4cLT7ZDujqv9XjjCKjU6VYjuq46FfMtFQtAcxPw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819143632","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220819143632"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819143632"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819143632_1660919854208_0.148456824575534","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220819191103":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220819191103","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e64e92244a964ad98a4fb930cf3d82596b2186f5","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220819191103.tgz","fileCount":6,"integrity":"sha512-LAgQ9wL1SlqtGonvBbiLz7kUAqohBYIb1dU50xlz2oDvctWIKlsEN+mJDgUPisVOBqGYw3ejbqJ/uCnVd+VK2Q==","signatures":[{"sig":"MEYCIQCn/sv/PHzV7dsNNBEZdH+e3VrnvTezfsb7Fbg3heZ3PwIhANblXxkX29FcD0Olbg1onF1l8JQAJ7Tx9B2thngUPtkF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi/+CGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogYg//Q/dyOQsbtX8ZgeWRyPbjSzo/s16175FX4A/leqTyeSc6olmW\r\nJFa5hGrrIXkyT3gMvYVwOpM2r44eImlqhGk2CtI3S4pE30gDOmGqYbKOx9sw\r\ny2KHLxobgWweqgTgR1YcvYIpadgHXcerOXhRT70gBlKwtInPTp1h90XhnxUD\r\nQneP0V/cMLKf+hKe+NDcLODd7qolEnkzRZsvhCnw5g/S6grx03gcQensMYFM\r\n1BXPToT3C+cAQIf4+wyZ0JjReig0ApF1amPjGXlNpO1Q2BlJO9uthrre/xvk\r\nn+PucQ1qIkeRamAIFQmwRBVby0f/Br1i25XfwBtDjqpZ39GjIFFUr4JwgEdX\r\npXwpWFftjpGdYSAj6BpEfN++DOSnVetl7UI/9ABl5j6tABgwe9AhpHuKBO6D\r\nw99SGOBURl7srl0NFp59cZ6xou6JQuR2GPabyNiFYbIKEqtm5cDNIHRJk4FZ\r\nyeAE4K5pvZGduMy897T0582lhOXRQL/4RQ6c9i/hDuid9IKS4wqaE0CvNOXg\r\nWGc7wUUHAi0rTQnOsdxLFx4XDNljo9nrJ74j7bwyPMHSrScqR1gwV/WM8pKK\r\nAzlVHBTlkSWw7iQxF581oWlLKrPXamyjeBn6ISsZzldACcl2mWLye9qKDYzq\r\npU7eA8OypVIGtmTD2TLXOxGr8Ts7jqVXHk4=\r\n=eDzW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220819191103.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1c6ddc608d049bdb174fc56bf112a2ca/chakra-ui-pin-input-0.0.0-dev-20220819191103.tgz","_integrity":"sha512-LAgQ9wL1SlqtGonvBbiLz7kUAqohBYIb1dU50xlz2oDvctWIKlsEN+mJDgUPisVOBqGYw3ejbqJ/uCnVd+VK2Q==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220819191103","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220819191103"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220819191103"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220819191103_1660936326591_0.7667266461196838","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820120308":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820120308","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a3db37f5c968818148d36598c66df1ee30b2c636","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820120308.tgz","fileCount":6,"integrity":"sha512-IhXEQYvSGp3VA6xkHO7UcwuYisiZwJ+SwxyjIy+bCacl5bcQLM5lWMsf2oV8/tVuXc9gp4kznVsgjBzcNCZdVA==","signatures":[{"sig":"MEQCIHVY2Pkb5r7mC5hKAY+AxssCEZwlTs5znu0e1tUzAynQAiBWMrKeKgSjeVZJetdahQRkiq+kKGLf8HuSkGkzZWr2Fg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAM2vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpS5g/+Pnw9nmzAxrYE9cFEjWdwjdODIplgUpWdQLy8cztGOwgt17Bu\r\n/QW1lPwHb+4nlKmJdY6+avsSrwJLa5sLJALxuMseSMejo/h8bT69v+VJUZBY\r\nGCmnMIgw1MtH+CBrWKJoVgnCKEjzDOMIaqaXY6SyphWQomgk8m1If/TKfsmH\r\nVH8Gg00JHzibHNa3IN7kAqBn7jFxjEurKRR4IrC/e/f9RWzDBA1Hcd1TZZOZ\r\nK/7bWXFxqR8ul4EzzUVqnK0XLIX58TJK/Cr0r1Au9ZqoIBGwXR0O20CbODhF\r\nbOrXsXRwNDEaFrX2Dn3iQO2MSnCXVuVM1ecXO5m5vaXDUOuab/bh/iCPgfic\r\nH99v281KojxZ1mGRNKcwGMTpqWXiHSFJ2kappywpxKL4CVK9u5e3Yq51cRf5\r\nOO7EFbS/S4eh0roKkHHtsqRdHHfEAB3SXK1BpMRFMqVA8/k2pFBwkrWd0PgX\r\n0xL7VXKW0RNmbFnhSCvxP5VHu4v3qe63rccCMC3+TbAqTVKJRlKmkipAm7DO\r\ndz02gIOyNniDcoI2Ypr7qtSOvz2loFTFqSBMYlMqbFIVTWnqLMJfU1s4U+Fk\r\nMIUEBW0UFeQYB4DTQMh4rfgBhsmvbqnwDU8IoksSBVVTI1iLJFIHJU6pP7kn\r\nAInlLWlb2q2Pe1+wyvcoIChMxhUXErmu/sU=\r\n=dp1E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820120308.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3b36bbc7db1e1beb0b217601a3d47594/chakra-ui-pin-input-0.0.0-dev-20220820120308.tgz","_integrity":"sha512-IhXEQYvSGp3VA6xkHO7UcwuYisiZwJ+SwxyjIy+bCacl5bcQLM5lWMsf2oV8/tVuXc9gp4kznVsgjBzcNCZdVA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"2.0.8","@chakra-ui/utils":"2.0.8","@chakra-ui/descendant":"0.0.0-dev-20220820120308","@chakra-ui/react-utils":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820120308"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820120308"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820120308_1660997039649_0.6051978830936382","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820124231":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820124231","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a284bfcb540f6f2c17fe53dc91457e7eaa99e43d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820124231.tgz","fileCount":6,"integrity":"sha512-Xvn50jObfQpUpmBnAjScHIAnrjDcwJKXaHkZ4l7xoe5nAcf+It/6GVWRJSzCOvwgR8ONq7aBS7eN7BfSBevJyQ==","signatures":[{"sig":"MEQCIAXhTRrnHh/XdOCeOzG8NSRFAnmr6yaGZRz1oXTqCzW+AiABNJVZM/trI3blXzGwxcQbGAs/Xxm5NvxpYd5j9muIuw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjANcHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZqQ/7B14b8d6N+7iU47HOJ7WYoWwDCkgZ+W4F/omrlP1KwOeppeLO\r\nZK0J3y/UvKRG2XuYRlq79hkytA7GYbFtQ4L2MnnwPdSK+DwOvWDQp26mZSig\r\nVCbFD1U6xseje/sJWlSGgU1HeQznXNpst6llhRTfcc4wS/C3wDDHR0GEOT+0\r\nlstV2BDG1+bkmMzVLKQOQc6QSg8RBffYR5vxcbhToLYB7Uyq/D7ED79XD4S5\r\nuMJb8Wwdlg/Xhsxo3vjyCjYc/Wfzq7bgyAOZahlzmPh49oDC3CG+vbDUGkls\r\ntYQy36i3G0rb90z4KhIz+rYX5ZiXgfVY3Ugl5lziBSIDKijPlbzKMzg1/Mle\r\ntvoCtdjKH5wP7+KS3iA0HzdesUQkooclvWFeUvDCgCqLAGbyeP2jva+bsUsz\r\nslY7IdOJkRIWvzxb2nnNvGBx0XJVe0JdsJGGYBd/VLVYS+pkmdscFs1XLnrT\r\nRgj0I1dZqv4fUoTz+MAMyDagzuLbZwbrYklYBqsNPMgv7eh0YViBf3F8QwlA\r\nk2R0XdQTFicqrcS20NxTOYcYIysXB07tYHA3gBgaytoE7xbD6E3j/2sD/NFe\r\njlRPYghRB6Y/2HEKUkaC1SVibrMKv6jG7G+IT2e9qC7gOcxxveckDVMonJbF\r\nZyrekoe/O1z4QNLVBUsN56f7A3XTFWdYCFQ=\r\n=4p7J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820124231.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9bf2492d09422021bf4f1eda82030e36/chakra-ui-pin-input-0.0.0-dev-20220820124231.tgz","_integrity":"sha512-Xvn50jObfQpUpmBnAjScHIAnrjDcwJKXaHkZ4l7xoe5nAcf+It/6GVWRJSzCOvwgR8ONq7aBS7eN7BfSBevJyQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820124231","@chakra-ui/utils":"0.0.0-dev-20220820124231","@chakra-ui/descendant":"0.0.0-dev-20220820124231","@chakra-ui/react-utils":"0.0.0-dev-20220820124231"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820124231"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820124231"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820124231_1660999431034_0.06373512504796519","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820152257":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820152257","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2fa1c3b4bcd8cd6efad5defd687af84c69ddee65","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820152257.tgz","fileCount":6,"integrity":"sha512-+oSn4KG5OKtlQ8kXf6TCFGxu4MmmHapL/ytoBzIwe6/xMGSQjuF1osRb9JU4G8VDIOreL5OAuFOHocwIHBMNEQ==","signatures":[{"sig":"MEUCIDpAvWQ1EyUzNNz0uV8XbK8iKoxtRMwWDIT6kirk+rwiAiEAhGsY2LvzqVKQtrEeYjKmSEn7mT/cigt3qPiXlIm6nok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAPyaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoCBg/+L/pWzw8yu/Dp/NQiEPPXFzFHuqAvapalV8TA4qNCPp9DWNJu\r\nCTBoTHy+P1X6y5Irm367xkdN5CGFBadCp9rXJCQRhvWsF3wkeS/GijpgNdnY\r\nCqWQn9f9g8JyGvEqSjlj2kAsPGpUSr+M//JFMCnOusXNHsSKP6r7o6y8xCL/\r\ndfHT/7R+Yg1XGZHaXVVaPuQ6RtptNtddi+KK07aIaG0p6Ur7KYVaUhx6RoIN\r\n/d5zqh9WwCGuOZkWRg91a45EOXFHc9/8dQR/0sPsFlE8hTdld2iQV8VfIEKk\r\nRJCDgkGXge7IJRJLUE6zuJAgsFHyvpaPU4GEWn4pJOPWijjeIEQHIYNiKY+6\r\n4SaM6dpWQvie1c3lo+xtVNODRPpBJqnkvKPNqzd9d1vCuB9LU0U0eMJB+/+h\r\n1vo6HzS9NZSDRXfDxMeMYed5303Nl+J8oxEhnl8d+oGxU/tjMK/t6LJNhn0m\r\nFT+SHGynWcx7gdBb/7y8aZBMDZZZUKFs4NvenLWoZqrXjTTQJpLHAIRBua8g\r\nESfpRyTPGsTlKddAjjQD/0c0wi7kou0Uf4ZLLvaV5b9l0lPwUqU6saeXi7kS\r\necqimj0zRl2BDOpDuh2YmSGWfhdbqYtglv3bUSInT32wIdZYgkeA+5HL0eNx\r\nIyyGwb4BZ3pRdLz5fW7dFz/3/JUjJN4pOr8=\r\n=uxbL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820152257.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8c985b300e4483699a8c26612b3729d1/chakra-ui-pin-input-0.0.0-dev-20220820152257.tgz","_integrity":"sha512-+oSn4KG5OKtlQ8kXf6TCFGxu4MmmHapL/ytoBzIwe6/xMGSQjuF1osRb9JU4G8VDIOreL5OAuFOHocwIHBMNEQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820152257","@chakra-ui/utils":"0.0.0-dev-20220820152257","@chakra-ui/descendant":"0.0.0-dev-20220820152257","@chakra-ui/react-utils":"0.0.0-dev-20220820152257"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820152257"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820152257"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820152257_1661009050289_0.7382975929912858","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820165925":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820165925","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"27c72b2c89b3b3f6924c79f65f4cc015475826e2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820165925.tgz","fileCount":6,"integrity":"sha512-mX5irus9QEsknLKgzEyCLmuLc5xmRDXjTNp6zJJkTpamkDb8fgPBqD6Mou5ARYeqExVcGm04G66lPNDxt1vURw==","signatures":[{"sig":"MEQCIEXouysxAS+NLttu81zTBYTrvQAFbsbFH1Hsg1MtNrkeAiARQkVM+mOKKhhdaCKfT+y4CcOcc8WxhlZKzhL3Hd00Wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARMwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmocrw/+KN3k3SQctBspGjswNnmQPazpGl0eUd5vDoQ0aSeJqg5zglBY\r\n0moFHO4dL9eQD5WtlX5W6ptWSEkJpw5fEGP1+Ffjf7umDMzdoDvnOh5BHv8h\r\nrQAAl6xws6/Usamjp8v7+GwLmThK5KYsxioLxlBPn2+3AHW/ho1L/zhuU9Uv\r\nxqwLlKH+kmVwRCvpcUdLTwtdGLirHx4LVYTduMx7QEBiincHkU3Ejyn/KTJ3\r\nFFgxvghVb7RvamsQ727z2yNa7HRqXCuakv1y3U/E0xcSIYcG6hc/sDcbf2at\r\nk5t9zBvkBbPNC9bE3uiXI7hBOOhHbaznUmdZn0RGrIGlp0g5pPwYi11eEewC\r\nSHAy5F+ozRf0FXXB3Z4i51Wnpjo59BSqShxGvYNHO0cKGXYPZ5II0gwZf0mP\r\nq/3O75bEl4YLwEWIHNJHG/AnRKlIJ0Ev3mKM5vwmH/8udtP88bVpEXkEajvV\r\nScKXq2aVif9voDxdCoKkeEwJ+FTNX2tj+JRyGhQPt5YT6KYAX9voIKGLUIyX\r\n+f9Ry7PVxAaIc2i3hkxtph4AYjwWAY3qvrH1jbFNFxITrYvpvBKdOSMsAQAa\r\nuoiwyMXH2LGxsZKryEJUeCga4x/5cUzeOBIrQh/N/2Px/HePLzWkJ9ivkmfS\r\n7kyP6co65nVzyQo5bFJeCWrhU0uhsLVvQGQ=\r\n=y5CE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820165925.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/9a4538053617e67e26e51ae03a50c591/chakra-ui-pin-input-0.0.0-dev-20220820165925.tgz","_integrity":"sha512-mX5irus9QEsknLKgzEyCLmuLc5xmRDXjTNp6zJJkTpamkDb8fgPBqD6Mou5ARYeqExVcGm04G66lPNDxt1vURw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820165925","@chakra-ui/utils":"0.0.0-dev-20220820165925","@chakra-ui/descendant":"0.0.0-dev-20220820165925","@chakra-ui/react-utils":"0.0.0-dev-20220820165925"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820165925"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820165925"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820165925_1661014831851_0.8124302399304035","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820172220":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820172220","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"923fef82a9580055a59e16b569dab2758740f4cb","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820172220.tgz","fileCount":6,"integrity":"sha512-gHRjYLwUE42290K9qJaq/JorbYUqYeO7cARWWheNZ/PvApPKFAMadt0Av+1A0p9esg0jdIVWbHewFB58IIHyJA==","signatures":[{"sig":"MEUCIQDtJZH1n3N8OBuBJs7yMNbCPQJtv6v4dXe89eulpPy/BwIgXVRhhjGBFt9nQb9pxuWovp59OEXiJ59CA+Sv9t17sd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARiSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVzRAAoDxnB2bpha8oBMYOsWpvUbOqd5dpkZcZRZKSxtsfr631Cmu4\r\n/j8jF5rTQDphhRIVShZj/T23+QS360e923nwhnfJizP6l2BOfka/NJGTorrM\r\n948aNTOoahTH5STLA+JxKvkcE5zTYA1zWUcpOVBQ6/OIdDSxtw5DmUep6olg\r\nc8fXVnjzkLgQgyLeclBhfynLsBSEcLFBDqlGMDiB46cMs+JchwwLg4KzFPus\r\nWhoIUVyI7HylDKr1RFjl9IHqWwBt8tczwPDFhjKXHRsFkdYaq29lZoQQD8fE\r\n0O+P3H9FTci6w8YIX8/emTc961WeTpIXRE1tJzJy54gxPAUzMBcGMEH3pMip\r\nZtEoCawX5/hprnV8F1nHBvhC6V9JJ0r47uFy7ZeojD4NTtwmN1s053TS2knt\r\nev+pMsafWqt88mRq24UwuMWa5/NyMecfQTR7jOYjHCreGgGfI78unNQfnv91\r\nSrmxEDCVNoehlyviPIF9BJ+dG2dPGXEK3ayXTeKnd279FStZXGWGqDQAunLW\r\na++eagE1+IgAv2P1OEMSbotXOrq/GWfl1DvlacicUuK6BAP6JDAyl9hOWrw6\r\nyxDPQKaQMSg2gB2wAYrFBPSE6DUo6qZozP9V4u9xgWSl9/UJFQir9R2Bfl+e\r\nNBvejRTU6g3fmd9B9gOFsF4upPiZLu9W4TU=\r\n=MmLQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820172220.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/09102cfcbe0d511f6a03356692fdbc20/chakra-ui-pin-input-0.0.0-dev-20220820172220.tgz","_integrity":"sha512-gHRjYLwUE42290K9qJaq/JorbYUqYeO7cARWWheNZ/PvApPKFAMadt0Av+1A0p9esg0jdIVWbHewFB58IIHyJA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820172220","@chakra-ui/utils":"0.0.0-dev-20220820172220","@chakra-ui/descendant":"0.0.0-dev-20220820172220","@chakra-ui/react-utils":"0.0.0-dev-20220820172220"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820172220"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820172220"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820172220_1661016210648_0.3876196676197612","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820173639":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820173639","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"463a9dfce3ba7d5fe8d4f71210ff83c6fb82e3ec","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820173639.tgz","fileCount":6,"integrity":"sha512-MCn0Y4WKce+Ulh6K/EQvShwICVBtrxpHwVZPzP/eYO3EkWaH/pkLjEs1ecqOvqUuCcL448QRppDYtD3HdK9vjw==","signatures":[{"sig":"MEQCIGXgTJQDAbhutAwFkLOEDY37nS1tmleVaw6HVBPuhIFkAiA/2pg9VeDgKgGVb7hE2K14rE51l9b6P0cX24Bu+vhVbg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjARvoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmogTw//VgEOaB4jf9UW+Tcd8I6xskJeXZ/v5VMNGsam++7X41Jukiig\r\nkHvisT112wQpXJi33xFx25+hOlJP7Ny0pOBmQHsp//ncVYPwKdoWqg103AMI\r\nASmzr1a3Kc4zZc1DSnkDh1+9+ZimQcD7WRKGKEngrwn80uXn+kYFsMPdNRd/\r\nM8S+X6rroj4R5+ccAZL+UED1rcxEtETjXK+bltOjjTZ3W4tF1OVoqzxHaA7F\r\noPIoitps7xNZ7WiFtE7eAf0n0j6wTqr0f7sRhWAqc18imhboVq7Lywqi49PM\r\nWMBXvD4yNo/DfTLDoIiuj6tNHlviOZXlmT9b3Ajixw0YmGQ4yqyi1WiBgAf9\r\ntQQzjWc5aSvnH5pMzJOr+n4XASWYGFNGzTsXuQ30HWXXgmDr5O/4I7NKKGcv\r\nRgfWg6I5ETsF82yTgLwG9+VXNfCvEXMSqor7V1A6YPl9TvLEmTiEPFUpoLNN\r\nzCwLxPxtr1tXHTHb08FUtWpVuzKR25+0YZTjjjg51fyf0BrxJQBl0nq7YE1Z\r\ns2XCNka8KH8v/GhK3vn5N9BLt9m3xp2iHsGGFEUIgjCGSfgiGLTjJ/zQyI9F\r\nsyxqppNKHzX8ryf9aaKF4OFDBGupy7jnINbIdl2as5QvL08Rp00yo6XBPJmn\r\nH+LhsLzI+tE320C2PgEU/iejjf59+OhsUjQ=\r\n=RPTs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820173639.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b5cd0bc10339954dedb8fde51b143959/chakra-ui-pin-input-0.0.0-dev-20220820173639.tgz","_integrity":"sha512-MCn0Y4WKce+Ulh6K/EQvShwICVBtrxpHwVZPzP/eYO3EkWaH/pkLjEs1ecqOvqUuCcL448QRppDYtD3HdK9vjw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820173639","@chakra-ui/utils":"0.0.0-dev-20220820173639","@chakra-ui/descendant":"0.0.0-dev-20220820173639","@chakra-ui/react-utils":"0.0.0-dev-20220820173639"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820173639"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820173639"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820173639_1661017064374_0.01777716549915831","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820185458":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820185458","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f95ea8567a5c9295f7881ca2ac3eaffe236d4f26","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820185458.tgz","fileCount":6,"integrity":"sha512-UeKhgKISUv87SCaUCscisUcqnxSQ908u3wR4IpIwjW3MAvHbjEhx0yVoGdrqfZx1juH49MM4J6uhOOClc8m2FA==","signatures":[{"sig":"MEYCIQCXs7WO+oJQu/8CRPKn4HrS6kRguGd2zubUG+S4oRa2FgIhAO12HOsBZRZKsoPeK/gTNuI4yxHoVjlfxbKKEsjzvCFc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAS5GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrOnA/8Cqoy6aXCfkG+ty9V61gNJNNoS8184/o9yQO/69AayXXu0ymS\r\n1RUHooiVaP7XuSvGhvKo2bVoMMbMYo3OmwJoPYeTzSSjkR8sK0n/QEkSKIqe\r\no5CZxx7OljDRt+uHZWJSu8cz6zvWsXTrHhEc0IKVtLnDG3xWuOWH1B/pD3yh\r\nlamugseHy70/1gpQ3+7wH18ctitUM+blK3jlgjQcNF3OS0ESLDWbmvfCcxes\r\nNRtgw+FcSmYANJ1m6VQxEI5QGvLm3ebKwbZujgpmD257n/qpLrGKjvHODv8b\r\nDMEu1Dry3IlKK6xPRwvYLtnOUsanAMCPiy5N53jwRJi4Lisf1l7uUoeNe+c+\r\n4J0K1Hfyv8XN5rzPSn3ovU0kXQKQwA7EpIfcdjvJr8G9FfHXKNr6Y/tLHwkx\r\nozV9YkiAqMNvIXzMEEbKU0gbWLc+PbeS3hrAtRNwn9zeHhgsfLZFzhk5J+1V\r\nIkbrAMjDloAA51zduLK+s3exCYS6Po1A2eTo2yw7kWX/zS4khaiKt8bwSJsT\r\noSu3+ECZuDmKv+vA1KHkH4hTKMczRlwKx2eQcq/yiCuiCEf3kSoWdgBLB/tf\r\nmq3pTq++3cH2KfCw7pGBMvbs3SddLNXQJL48h6r+dl67mQJm4NRaBeHgP/fb\r\nDebO24ZoxYH5npybBU3cUZv3vUlpLpjEKpk=\r\n=RWr3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820185458.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/404748904a2c9943a9b2e9be749a37ef/chakra-ui-pin-input-0.0.0-dev-20220820185458.tgz","_integrity":"sha512-UeKhgKISUv87SCaUCscisUcqnxSQ908u3wR4IpIwjW3MAvHbjEhx0yVoGdrqfZx1juH49MM4J6uhOOClc8m2FA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"0.0.0-dev-20220820185458","@chakra-ui/utils":"0.0.0-dev-20220820185458","@chakra-ui/descendant":"0.0.0-dev-20220820185458","@chakra-ui/react-utils":"0.0.0-dev-20220820185458"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820185458"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820185458"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820185458_1661021766000_0.21352198272419276","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820193723":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820193723","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"aa6dfc0fb8f40cc6583d350d6ec3795b6a554a6e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820193723.tgz","fileCount":6,"integrity":"sha512-OKusbOhT9zvWo2DLrzpYei0yK55+DBs6eqGNCk46Z5lPQO4hJ/o8NRDfh/RIiu3Oa+gZq4THLFQFDSPo+TsWnA==","signatures":[{"sig":"MEQCIA/ZS4JALhOAndWA9rIkdwfZ1UOVUtl5pLwbT9qGKXUhAiB+wFB0yNJZlQsw5SaDQaToSpPq6vaSj/7NsF+w5MZ1vA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATg4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpP9Q//X+L0sJVxLV2gSaedJnCVAV43MkTxyzBLL+PBv4xw86S8dg3q\r\niZK+0CPnY4NNYUcUV7F6QJSZfh6RWeS5crHzTNKq93X3PUBmjz95WY6l98/u\r\noj4jMDwkpICMUUtUZ2aky+nZrvIWOnqqPJFHNRCEFRzY+tfpUcCwxd+GN7dJ\r\n+B8PMiONPgP15SUN+y+RDFX1/7Ue4ctvbmxMVGxLPHvtqIwMbwi3nk3BPo8v\r\n4f5T01+gkVX6G5RVIL34W+3piOpZwbMoWaWyRdFe7u32JcwE8t9FD2bcBZS7\r\n4vicYMoPcm/xUWYNXt2djDJLChVNVuX0RY+lshKW0xHWPW1w0CUPVkoXEAsA\r\nZYZ1QV7YWgKf/GpPYVa6jEzwT0pezo8e8UJfKfJx67kDtS/4tRIPBtqTzt+t\r\njKbQUPfVKnhY6R+u84UqWUmdCzsaB//BS7F35fiLJac1vRa2DfzRxeLr07W6\r\ncePeBuz7dvP/pR1xml38Z2cxCvEWNILK+6/eI4rEiPVFp0i6FFacQ7gKzkOm\r\nSNCbrWlSfXcg7VZCpdMg3Ja6c+1Iv8K0inkxdTo8b8AXGAwV3dd/nc7tVuzJ\r\nOval7Ezv3DASx5iGbDcV1TSaqyNIlKfsrtYKjDTXeg342kVU/xXvLQ3F+tkq\r\n4Nm1ibrcbyChDBZayZ6F6Grqgq6MzYRisOs=\r\n=9i6m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820193723.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ab203b02cc18c61654b80d06f3fd97cc/chakra-ui-pin-input-0.0.0-dev-20220820193723.tgz","_integrity":"sha512-OKusbOhT9zvWo2DLrzpYei0yK55+DBs6eqGNCk46Z5lPQO4hJ/o8NRDfh/RIiu3Oa+gZq4THLFQFDSPo+TsWnA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220820193723","@chakra-ui/react-context":"0.0.0-dev-20220820193723","@chakra-ui/react-children-utils":"0.0.0-dev-20220820193723","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820193723","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820193723"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820193723","@chakra-ui/shared-utils":"0.0.0-dev-20220820193723"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820193723"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820193723_1661024312568_0.9078596146001281","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220820195548":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220820195548","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e5c2487dba83e6b87a0e41e1086ba0c324555455","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220820195548.tgz","fileCount":6,"integrity":"sha512-tX+K/Yl6KYlROdvTCgCfkESI3rb1kMJfXt9gDh+H9IeK5D4KrPAo411dOiHhpEq6t5uER8ES2i9ELzkEe8F25A==","signatures":[{"sig":"MEQCIAnz23M2MuIGUe8lDZ53qx8o6MPqPU2cNvdrweKRc6nYAiB0rAMusQL6up2eJLu2jj30w/exeWccCGFmOzj84ZbHZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjATyJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq8eQ//ehz4rfwSUljb3l6soeY/YHTPQfQdZvQQm3B44inZlOiebqAI\r\nxbqUUSbP/HiOvNzRSR7ovEm2r1q2ICd7ftr+54tDxVn7777jPniN3j+i3mWB\r\nKtyaOO9gC2D882dtfVLAVcYeBF+ZJt5B5/xRVyK2sXp4Eg3e+BmLGYjkxtYo\r\nVVQP0+aP9b8vIX58QgZsc0EBhyu3HqEGk3ONMT5wojihAmsSE4o1adwgr7Hj\r\nvN2GeF2O+ZBix6ta1yzJ1ESHYxLCAFQ4CBRMdxZy9rEJu3BGN6+uLzxxVMCr\r\nLblB213Wvi22vrxYlELTVBoHtc3/HXcPQiy7N8AqHOWsTxv5VYRXuQkIIk6v\r\n9dDa/n16YINh5cFlf4zHTOCrFOUL3S32hUEQxENmu9aByHDzxi9vTym6bo8h\r\nMp1bDMq7wxmOB8yK6vl1Oes5W7o/ZuHpVPgxcgV1B/3KmuxYpYB+9dMkNwJW\r\nw3KWLMR/a3rdic8t4un+qNcSD5n1KqLNtNFOSPQSUmOceclDksZdP0uTYXHg\r\nA7Oc1eT9ZjFp2nJ8NTx2UcguElfilOeMbAhyrhBkRqNnOZZrvzicA3Tejcw/\r\nQXuUMRPE66T+SVpuly5RKG01AUv4TX7p5+tqeV0+ZV3naYyrNVMX84fq5+1W\r\n5r5h6ifw+frK4cvB7jL2FZ6UNPRAT2iHW7M=\r\n=7RGp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220820195548.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/baf1cb1baea2487b865786ad51492b13/chakra-ui-pin-input-0.0.0-dev-20220820195548.tgz","_integrity":"sha512-tX+K/Yl6KYlROdvTCgCfkESI3rb1kMJfXt9gDh+H9IeK5D4KrPAo411dOiHhpEq6t5uER8ES2i9ELzkEe8F25A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220820195548","@chakra-ui/react-context":"0.0.0-dev-20220820195548","@chakra-ui/react-children-utils":"0.0.0-dev-20220820195548","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220820195548","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220820195548"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220820195548","@chakra-ui/shared-utils":"0.0.0-dev-20220820195548"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220820195548"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220820195548_1661025416944_0.884030659545282","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822051456":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220822051456","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"368108cc260bfa80fbaed2cf9138d15c044bace9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220822051456.tgz","fileCount":6,"integrity":"sha512-D31jYjuyN9awUnUF4tLooRN9S/GAT9M0CRBw1evFWVvQWUMndpPsRyN5xpv3j0I9iXObsuBmqjtLfce14VDsWw==","signatures":[{"sig":"MEUCIQD5GmX8hknytJjgy1Kv73wwz1+JvzXzKRdEkK5DGpYhMAIgdBFqL8yhOA8PDuuj1oo2+/+ujh/+Zba6bl/JgU3tLgw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxEcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrzwQ//QWf2hoPg0VKXZpphm5QXfVotM5F3D6YzfsZrd9NT8fydna7i\r\noh5MNAQkgQajKY/EQ39M6DESWAu06LMRb6g9mRM6JNLGP+D8A0uI9q15o6kQ\r\nMQzD3Z+/+jg+OYKdEAz4XIXLTG9QoxNsx+/F/AlLds/gUJfBO2t2D7o6dhVW\r\nET4QPHCalI794hWjnhsHLyUd0w8/KQZXQzxvc0NDw2VulSu9pKC1ErJ3C9Nf\r\no36UenAaF46sZi0njY3TxQ6516iRucJ8WZC3NhYfxFV5/4+0fi1HdGNTh6U9\r\ne5d1l4OXgyh7of/O4ktjJkzdMG8U+AjedT+nbUoeHqVqf5dcZPK0WLAGPPS8\r\nldhxBSdDwUqelvrYfDGowDnk06ITG2FrMNHWrRPwZEaUtJIuYbVuQnuEApKy\r\nSN63yH2Hj8CCyxk8H185sZZP8mko8hn8mcThyE3T0sYkHKdU5SmVv4SYjaqS\r\n30R4VC88NjAAaNEf0kb8b8FCIA0c0VpbGA4aNHgQwI5ddy9rVkeotob/jjKN\r\n6qlvP8wbqEL4wgM/AWKOm7PPeCFKZsbUc2cuIP9XxuDn/wxMXZNEMq3IH5/o\r\nVPkjFasdMzwIMzh0SUx79j4KC4xgRZDnECNqOpK7LB64eYV3y2X5ArKXUm4Y\r\ngQWUKzuy4Szaf+fviKswTWmYZBtoCO3YB0s=\r\n=7gDb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220822051456.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/152cb45468f7e6b1c0ee9e51c780c45f/chakra-ui-pin-input-0.0.0-dev-20220822051456.tgz","_integrity":"sha512-D31jYjuyN9awUnUF4tLooRN9S/GAT9M0CRBw1evFWVvQWUMndpPsRyN5xpv3j0I9iXObsuBmqjtLfce14VDsWw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220822051456","@chakra-ui/react-context":"0.0.0-dev-20220822051456","@chakra-ui/react-children-utils":"0.0.0-dev-20220822051456","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822051456","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822051456"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220822051456","@chakra-ui/shared-utils":"0.0.0-dev-20220822051456"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822051456"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220822051456_1661145372000_0.9378484020351567","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822054045":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220822054045","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6308507919c9c1145bea863cd0eedf0b2300bfaf","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220822054045.tgz","fileCount":6,"integrity":"sha512-vc8YVgs4wj5iaj/0zqFXvLAZJCv0rU598T9dunM+JN4P6dSgxRlpp0uR2k0xwv1uWzevD6k6NbhPash+EJD36g==","signatures":[{"sig":"MEUCIQCdy4uaj7a63lEGZCJXs1u7YqFJ+rspUMPtS5BZXloE0wIgD8LEiHSKX7Q+iLOgznyq+FOZVFCc1z7+U+08s4Iagv4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxcjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBaQ/9E83ATRGDE53pD7/u/0JnrPMDmO6GQttghQtZhvHfNmVLoRvp\r\nFW9S/bSDoxj/IeWzCE6J9Swno00auHdCTXwsLH1EV4Z2LrT/nEByDyfzZLKn\r\nNbUQwklYeacwMegTJ2FljnUMRUtVFfq5sTH9fpQVo5I8yMko4/6fHQsHp0oR\r\nqVyUXVS4CNag//1XvE4UFF7sSiB6J7GRIVqpt8m+cXTFb5ScJpyzgnY0P1z2\r\noiWC91YS/oP/nby1KRzZ5Fh/4M3dSx5D4pBxlot7neIr8K6C7wMZvWpAXy5q\r\nYqMKIkm4l8U1EiFWAn7DOOOt5gljnUjoRpX8efyrbEbcs4EpwIJM1+TIvij/\r\nVJ/c/fh+AfAn7EMiPepYGzSu7h2Bflb7H2XEs9oX40F/uTvcjHUHRShOjTlD\r\nJ6P5YYOHHlGj+Dp1FMJMWU2gS3jjcfv/iudI1v2DONAnBmsWF4xxLC7SypnY\r\nO6VXN+0/tEVKvvvb7oaEh7YQWAlo1ve6lqF2QRcBHzXcQ+SyWM34kwRidFcE\r\nNhExp6EPR5gkER8MQh5EhbWKsRxxxwbVsU/PNvzZ/MD5Xav47zkOPzoKl5R7\r\nWXb4otdF5rYoVGef/bgvd+VTfOw55i23uQUrphCmeFKHKxKkIl3886KWA6rv\r\narh7HrbXolmcQTcq/xKJzCSlyC/xmdES/os=\r\n=Q/ri\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220822054045.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/08fa15f5651a49ae91ee5044ce7e9203/chakra-ui-pin-input-0.0.0-dev-20220822054045.tgz","_integrity":"sha512-vc8YVgs4wj5iaj/0zqFXvLAZJCv0rU598T9dunM+JN4P6dSgxRlpp0uR2k0xwv1uWzevD6k6NbhPash+EJD36g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220822054045","@chakra-ui/react-context":"0.0.0-dev-20220822054045","@chakra-ui/react-children-utils":"0.0.0-dev-20220822054045","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822054045","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822054045"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220822054045","@chakra-ui/shared-utils":"0.0.0-dev-20220822054045"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822054045"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220822054045_1661146914930_0.5005016516861267","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822055339":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220822055339","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b1e367d55535cecb5ee59a1fd5783e48c6d995e3","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220822055339.tgz","fileCount":6,"integrity":"sha512-B7IZ1CeNV0VVVPYqb31x2FicYBYsZUcXy2M7QJg/dSxzRzga4yZMvt2oMCKFlJzOzRcWj33LX7N714f8LRtFMw==","signatures":[{"sig":"MEUCIAl9YYFPXUQqeR7jo7H499RLw9nAW0tFapmZdu4el4RCAiEAzDD+a52PFcADxDW+7WeTCH3Ajb4yGXe8rgPbGCrkayc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjAxo5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoydxAAmPlGaZU33evIwoa1S+i2GsfPvlcblGAwgAtDpM7LT5xBLR0n\r\nXUuzOUnqhxD+xyyCfqb3xw5/+oN5qD8y89Wm2Np0ZTH91YS3iauS4M/ic+oW\r\nG8IKuG6LM8jy0C4zSFlycUDosFWdexyhx/d/rL796gcRXnjhyrsv3qocs1jg\r\nRiuzvtzksjGhZR76HPxlYU7ws3EStHDSsjBUOwehZMhrkomBMXAXKHQh/6AF\r\ndXhFCw0JK3bmfZIRIWW0ytMRaYBYoRj6/62lGV7qAgbUsIEBMJQxskGlLm7G\r\nf7ba8mnD8Ao9AhC8iqZn20x5QjSGOPFSbL1VXn5LophIWVGX1HyoJXno+90z\r\njBQjQp245QNObTuhwjSHLfuaH6692XgDwa9o2Kqjc/tCOJ2/Sqi7o81XsWKj\r\n603+7SWaFjh+YwwMXKnDep6I2qvrN1FpRKbTm6wz1X0YDDYewoF/beTmVsAN\r\nq0dQivBlir6C7NGaIap3r10OeFTmPKOJ6IoaP7Q1xIduQrxsPOVyIWD86YLD\r\nP/7awMeVwKWHaGk4vQDojk2uW4IH/yLyCz1k7COl2/htYEHd3eJwKqjRPJg5\r\nRi96MOqXH9mvN71HTMfT3+8O5hA7Y1sCeLk0Zdvc+rGymGNjGS9lW1Ybd1UX\r\nKLrfhTN7WXezp9BCH39ExrKNjtls2ppAB7U=\r\n=wL5e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220822055339.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2f4e684e6416c9b5cc2989aae68141a5/chakra-ui-pin-input-0.0.0-dev-20220822055339.tgz","_integrity":"sha512-B7IZ1CeNV0VVVPYqb31x2FicYBYsZUcXy2M7QJg/dSxzRzga4yZMvt2oMCKFlJzOzRcWj33LX7N714f8LRtFMw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220822055339","@chakra-ui/react-context":"0.0.0-dev-20220822055339","@chakra-ui/react-children-utils":"0.0.0-dev-20220822055339","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822055339","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822055339"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220822055339","@chakra-ui/shared-utils":"0.0.0-dev-20220822055339"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822055339"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220822055339_1661147705475_0.038395830402753406","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822103611":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220822103611","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0ee83c4fd93eaa304239059c17d77c6d4fd8f2b6","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220822103611.tgz","fileCount":6,"integrity":"sha512-e/7rD13pqmp2XreRT7n4hwxQQ8SWY8Pf5iagy1jPHwsrc+0lS/7+Wx5hzmknGrwgAXMqPzzxFgkf2mljb5ZG7g==","signatures":[{"sig":"MEYCIQCuiQIbYj6J/Rp98TUJhj6pf9HJqTJleFgCUVu2AQYR+AIhAKcRlqYLp8gP2GRifYck14PSqo5UtKGHL/U+YuiEUV6+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA1xvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+JA/+MJaR6p3MuAzPjtFnWRNFzo6+ycRTkviwhlrwDZUtlsJIQf7t\r\nFooAbht2Ip1B637eBWK2/J04vdwqYsn/CezaQ93qCrEjDfAVL+/ADi66mRY/\r\nsWxOn3M2c+lIz67H4Z4lo0ULUbDSS7JvrvPZJd6qCqs1s3TnD38SDnGyDYvH\r\nsXluyaCwlyyD4S+8Oeb7MLU9p7gwHyoBAXfBkzWv7e5lVZwns1iHgKfF4l79\r\nxqRGkfCTS2v7PUMAuiXRXrItQUZzdLjpLAP7Dq8ufwLcSj+RKCzcpSSTSKlM\r\n5Q3ZFRTKZYdUwwlS0ab9Rs9QZ5Yfwg/bgQ35607p3MAbkvHvNnOGlEbo/en/\r\nVWGU4nBbtCVPH1izTcuEOwdiEHhvDy38hmpWJKRi16Da4qIHRsQmFC1Bo637\r\n4JtL8to6xOapgGg3P9gUPB+WG2IsbYWeHWr5nC0rwakW/4tbd7NgYHSPkVol\r\nKO4obesHvASstzumLVmNHzRFM90KScHPIt1e3ATyjVwocKJfVjEp8ATPuvWX\r\njXwOR0CeU0Py9VzItCG9CG8K0x1DP8XlO2K6xDTvqsx1RCf42mNNN9deCFk9\r\nKSwWkYg63wbhihXSiOs03e/K9iZUt8iO97mIT1cAtyj4KW6EQiSEnatuH3nl\r\nwLR3gngoybq9qjRBdjwp6HdJH417+WUoqUI=\r\n=J2CL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220822103611.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0efdfef4c9fb88c5288043e9e0d2640b/chakra-ui-pin-input-0.0.0-dev-20220822103611.tgz","_integrity":"sha512-e/7rD13pqmp2XreRT7n4hwxQQ8SWY8Pf5iagy1jPHwsrc+0lS/7+Wx5hzmknGrwgAXMqPzzxFgkf2mljb5ZG7g==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220822103611","@chakra-ui/react-context":"0.0.0-dev-20220822103611","@chakra-ui/react-children-utils":"0.0.0-dev-20220822103611","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822103611","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822103611"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220822103611","@chakra-ui/shared-utils":"0.0.0-dev-20220822103611"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822103611"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220822103611_1661164654918_0.007906028618932748","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220822184448":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220822184448","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"54d031410d18281a8f2ce5ad6b6b99939c2c794d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220822184448.tgz","fileCount":6,"integrity":"sha512-BJWwunqlyvLiF8Ozm38Ih6dHYgE4Kpoh4CyChy6eHXnubjg9hoaW2PMAsTBoTJBN0kSw0TGY1+57BCzpg3xy1A==","signatures":[{"sig":"MEYCIQCNxUQaL6L1zAod8CC/Zc+0dqesK3aTdBK/zbhyRoPdfgIhAIjEzmeLbKWaNqYvYD8c/yusMmEPHSZVzwwGVwujZnLG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjA874ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpNeg//ThkjPMGkRzMbvCQHUjD6lyGRYAZXa8+umgQ3PgoswyznyYvN\r\naoeheHxKd5H9bUnJcj52nhgRwToBJQAg1nmzhJR7XrFotsDG71ekXhNFEB1y\r\nRWjgzrAXEKvvhRBr6XcRWauhOzLd4fpuLSS85b+XJnEaFxxR+N+8fPZrNEAQ\r\nIBKxNF4xcFLkjrXqcOt/Msv+VJ8MkB4dFhhX6qrSPitsqd6OsvNIUV+0SYB8\r\nDzHfum/MssZEuugNf6bFGPtVZIPev+eBHWnLLhI6tUg8flO0t65ORmC13FAB\r\n3IQdTu/d6H4FMCy+0P0BZ1t51yp//TGyNLC/PREz95W7uQDZ1o0yZpgU+ESx\r\nXR+oTuUpRHV802ItkENztQ2nB9Bl1pwnz+Lvg++yk5cflREBFy1cJ+nkXaPY\r\nEdUN9u0UJKbV3eL0rFwG7C9hFOLSt3oocl/S1Sx4Z1Uk+KHeMuuE4zPRIqQJ\r\n6PwqrQLNSZmDLQdB0yPYovWEoJalPz/qdKZEtkGkqgAvTXioDkIV4lt8wbqW\r\nD1iXn7QCo90ue7E1mRzczfhkcLfha5PlsNvRksSM+liAc/9Cgw6aVobCQzRB\r\nyw7wOOO/3Led93aYXnpjnLYhy6tjKbI0H31bsWBSRdeBADv7vcfbdZYJJkYY\r\nLKPPIWBqoOgq303RLAs4aeCf5UL9uADFDac=\r\n=Y6hM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220822184448.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/fc4988b423a1c5b38d68e21ad547b9ad/chakra-ui-pin-input-0.0.0-dev-20220822184448.tgz","_integrity":"sha512-BJWwunqlyvLiF8Ozm38Ih6dHYgE4Kpoh4CyChy6eHXnubjg9hoaW2PMAsTBoTJBN0kSw0TGY1+57BCzpg3xy1A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220822184448","@chakra-ui/react-context":"0.0.0-dev-20220822184448","@chakra-ui/react-children-utils":"0.0.0-dev-20220822184448","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220822184448","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220822184448"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220822184448","@chakra-ui/shared-utils":"0.0.0-dev-20220822184448"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220822184448"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220822184448_1661193976099_0.3883645559279083","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823150801":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220823150801","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b8ed1d8575711573c6d1c694b597e6b86c6b11c1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220823150801.tgz","fileCount":6,"integrity":"sha512-hMZBJoyTTjaPwf03By1T4PqdzK9tWb0CFqtcxFf3yiXSDYAGIYTlouYMEMAf240oiT56fIVyIlnl4/tWRWAMJQ==","signatures":[{"sig":"MEUCIQCN5WHbPI4oyW9iRAgNNaE5iM+2njegOf9lmETab7q2HwIgJHEYbgHiPculRYvfieqN1101dO1UntFUXyU9TxnAKso=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBO2dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr3TRAAgTpC6vH06b1FeekHlNdE96+ZWN4fKdQReo0Up+QcCv+OGZWy\r\nnolPCmbRm8DFmMxpam3T8peEcQajiF40VqcEspeTM/15r0RpU/nBcdvOOlEq\r\ntWTh4kJwVUhPVHbiBeoQtwSYp3J8NzWf+wYzcKyYOJiT5X/W++zjzFWGpY5y\r\nKLlgZ97wE2l0wrgF2IX1+eysp6YfaMd6N0ER30A1rfqsX5/45Jj3eNLfvi+j\r\nBQyKN+IT8/MxYWXLB4oRWSSH+Fy0PYVWkzUDzE0o/bM3YlLZF+2ntVxbKLR3\r\nmARnS0be7RJ+vT+WcbAiqXrchH6sTfoMuW46xxoEPs/tLLOiXdsiVlEBMg/e\r\nKnbRhLDys9LzFMTnX20mrsLu+CRLs6Bqn7GbmWuMscT3NR8wI+WPS0BJDgV8\r\niE8kqgBqZBjiNqBr7zDgQy6NwtdpFgd2UZFWo8uWceMcYC+s9RxDsnpbHiGm\r\nSSZxDoBqrHUGD2gfJYYRL6Nqo5X/h+O2b3DBKLwIliL6EmmBdd9X32VzTZZX\r\nyx/lnbLCpOziPF/0LVQM+kaqPYQ9DCDGfUSRaO3gzVJgDuUxsG4ZO6up07v3\r\n/wPd9oL+SxOWC0kpERwJQrtVZ3h2fYYozZqOlfdUxnG8SUxmozPq99AUBrD1\r\nADdupy2TIEVhnxsxk0+h2t6btUJr+cnfRh4=\r\n=BlXr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220823150801.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/b2772f788405d38f90a52a367ea6c8d4/chakra-ui-pin-input-0.0.0-dev-20220823150801.tgz","_integrity":"sha512-hMZBJoyTTjaPwf03By1T4PqdzK9tWb0CFqtcxFf3yiXSDYAGIYTlouYMEMAf240oiT56fIVyIlnl4/tWRWAMJQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220823150801","@chakra-ui/react-context":"0.0.0-dev-20220823150801","@chakra-ui/react-children-utils":"0.0.0-dev-20220823150801","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823150801","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823150801"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220823150801","@chakra-ui/shared-utils":"0.0.0-dev-20220823150801"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823150801"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220823150801_1661267356903_0.21617980607169085","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823165602":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220823165602","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b51267ba7ad09f916c06600d4a66f5457661aa14","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220823165602.tgz","fileCount":6,"integrity":"sha512-n6cahEzQ/yU5agXp4MG8/g0uN3j2jgPeLvkrN6rdDm9gQLZVfuYJK3afJdLBoRCaiVXrSx4e1YfJwPwo7i+jJw==","signatures":[{"sig":"MEUCIDG9/GV6Dek5u+IUCeQQ6uOEajOl1jkuB7aqi5Xa0UAXAiEArXwsoU10n318p19E3cRHgyWuvyteCVetaOe2xTx25yk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBQbrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqdAw/+KHxYgAN3LDZptLdh9euFYylBE/3O83kkIYq9d5KLNdz9ZQ/m\r\n1vyJ7lx7AzHLda+6KtIkx8MeJVoPG3zfeeH8uXjwT9ggvydsTt8wotY5qw77\r\nGyXksLNAI9of7V+gByjxpOp/eYCLurc8BguAUXPhRQadKei41EwcS6gPu4Yy\r\nYftW1HTaPtPQ5FYWGtXNHXLz7fZT57TF2MGKycPtac3ANKgXHCa5Y0HctuCV\r\n2ezvMbDvjpAqvFQo1y99KYTM0TUOGOPVy9VcmyuhS2jx9v58hJxrPxcX7xx/\r\nzIwtjs4Z8SIXLO4If0K8mrvt8/WblsY9LeGspbTyr/nJ8eCj/WIIx3jZQxEV\r\nsAJfwxHphax3zX2YwFnR4hq54xD0QcsDqOtZnBcImCQEx5w5Lnqj2RHYtxqN\r\nK1reCi5/0dzfqMgUGcUCAtDs5qtP/bnOjIwwuAhvUEyE4mPWBGTJlaN9oIOE\r\nnz3XC40JAFWwxjIz45i/RvPIItGW609EltWRIgpZ7S0ofdZIwXoaNQJdcRxt\r\nHGdXZ4FJAqkYZjxN1O+jj7Mbp8NKacoV4PQfnSwfPl8GKYrCKsmJ0H59keIf\r\nktcPCVSCVA/II+1aKUXPNW49rp0hvk7Ukk6hVY7JWXqhRAYF+GNS0CnaLRoj\r\nZZhyhLe/kSE2R+NGYc1rYx2FEKhvYA1XeFw=\r\n=CKX5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220823165602.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e739eb1c22edc992f72375f04d8d0a0f/chakra-ui-pin-input-0.0.0-dev-20220823165602.tgz","_integrity":"sha512-n6cahEzQ/yU5agXp4MG8/g0uN3j2jgPeLvkrN6rdDm9gQLZVfuYJK3afJdLBoRCaiVXrSx4e1YfJwPwo7i+jJw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220823165602","@chakra-ui/react-context":"0.0.0-dev-20220823165602","@chakra-ui/react-children-utils":"0.0.0-dev-20220823165602","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823165602","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823165602"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220823165602","@chakra-ui/shared-utils":"0.0.0-dev-20220823165602"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823165602"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220823165602_1661273835747_0.4590858601838663","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823192757":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220823192757","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a80fc1f3444371b50edbb8a93097e82ca077ebf1","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220823192757.tgz","fileCount":6,"integrity":"sha512-xc6QreNxIZ0nHkq48lI8WUs5Z3EQ8xFoeCK++OuOpA2jIELC7tNly0Yg+sIW+gf4o0XeWN8iVwhTw4x2mLyaRg==","signatures":[{"sig":"MEUCIETJX1x6iskNYM69sG3r8cVDAEnDbDDSRfJk0VDwcUSMAiEAqbhBIDrGY2nAL36yvoUTR603l4dnlCO9QklzEmMhtV0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBSqZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/NA/9Hm3ykp/78weE7XaAHuHTb6mZXjyEdsbMIGqWJUugUjCP03G1\r\nZC2g+zNSuGxYT0psmoF++CZjrff8DA/f7AxIa3q5KCMdN5yIVC4l5xWtI+XP\r\nXRz+WClxfkXJpJz0v1RbrIG9Y5XoSISG4NTC8qUDw9KJyyvJVGlt9cwqw2sc\r\nGwQWLtXKEo5dIc7Gd/t0nFPtfiXWEIdvxT9luwZGOnSRT5ysBS/7DOHoBpi8\r\nwMO+XuyeRwMrubnrY3S+1pdpcnmBVAQM3TmUNPQ/0NmddqgNs2xwZ24xyt3Y\r\nr2OCSAXUuINCQzMAPw9iqYv/X/ez5VcdPfGrqADkuS38yTy/9MG5SOjqoOSE\r\nidzvkR4wYOLIwEbwvOs3EE8+nrv44qLRSdwIjC0Or51/E32wI+FqfHTFxhN3\r\ntr+MSeycSpImwL2+ztVH6Lb02xguixXp1kD7HZJYOb5ngKbCo4Ha9X8xU5pU\r\nJmYPuvTFeeeUmmkKtVTF5qqhLF0YH29IaKpPK4Pu6IRx59S5Plo8OFatHWUx\r\nH/7zcEDuOpxDA8fxTmwTlkOmS6KlV/achwer8CCmm/5Pnt9tNiVahn8MSDfw\r\nXTIlElee8DrqE2ogfbMRlKi1itlqjNoSG+/I9H1Yt1EIFaNzuIoXDD7SGDWp\r\nLfDMc7fNR1dkia7TU7pE+3CSREfYzhOe3CA=\r\n=4Npf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220823192757.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3f6fc22839a6b19e24218d32bf2142b7/chakra-ui-pin-input-0.0.0-dev-20220823192757.tgz","_integrity":"sha512-xc6QreNxIZ0nHkq48lI8WUs5Z3EQ8xFoeCK++OuOpA2jIELC7tNly0Yg+sIW+gf4o0XeWN8iVwhTw4x2mLyaRg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220823192757","@chakra-ui/react-context":"0.0.0-dev-20220823192757","@chakra-ui/react-children-utils":"0.0.0-dev-20220823192757","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823192757","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823192757"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220823192757","@chakra-ui/shared-utils":"0.0.0-dev-20220823192757"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823192757"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220823192757_1661282968897_0.4430301579238889","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220823195046":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220823195046","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b6916824ef2fae3ac87adc61e52abb66375e9700","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220823195046.tgz","fileCount":6,"integrity":"sha512-DAmRHbpnN2WAW7TdmZEsq0neR9Wn8hI0EM3xKl3qopYtyxMDVX6LRWU5/v3gOcbNm754MkQCxbshvuF4LRCrAQ==","signatures":[{"sig":"MEQCICgsiGsoaitvFlvJTjIap752ooCKv2BiPOkFUcG9oz0DAiBeXm/THPSNjtoGRYcNFN8cDeeGA7jVBekHzkV7L4AKQQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBTADACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxyQ/9Hyut/Yw+3CS/DV+StsLJj4gsNEPECTV2zbU2w/p10WcEcZw1\r\nSC+BYNKbDFuveKKJ3bmECnyGPesIsd6/7wQCjkYkvkhYAm/1SpfcL1VeOihC\r\n5vWDCqc/hKybx7MNM1Yguo9ARNGOqkMiNvLVnt3rHQ8jdHCQI1BOhjwv9W6o\r\nIey+acwz38uZlxpA4KIMjWLPEk63WaksqIirIliKBjJQg5n2uQrMxcXN9uxy\r\n0QRQ2Tgo/m+sPPJzdEbWJTIFrZkb3M5PAE5DFetQIjiq8RwSoqYZeQsCtYvx\r\n223PIrd/136Y88FNzQD4hqKB3820ECv03VBT1Pgq9QdvzuynI1gmsCqmBoBK\r\nskPZUAr+BWsYCgoLibGzm43VLVMwn+RGOXJdTDhwMT0k7qtcgsOvmTuSWBNt\r\neaYoChwq+siQyKhpfyLuEJDm0wmgF62yXqAnLNaKPQQueU1HXgI30y/8Z0d5\r\nBWCOdhreeoXF5G1r2vZi4WO6etwft3gPG7use5Vuj2ynPEZ2Cw6oeEn/Z2f1\r\nbMfkOzSmtnx/v0+w0qozc2A5pz68iQR97/xIwoZV6GFaP2syjZ3Ql9wlh+Ij\r\n8pCusvinX8ReTbsEQgUe18jH9x5b3NUjBMHbiVDxxrJspXsgnjLgxH+NVU+E\r\n4Im6p2YkI3dhy08zlThR8ViM9eAq6+H62bs=\r\n=cr0O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220823195046.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/595496609004d45cba3e6cf750d2e4ad/chakra-ui-pin-input-0.0.0-dev-20220823195046.tgz","_integrity":"sha512-DAmRHbpnN2WAW7TdmZEsq0neR9Wn8hI0EM3xKl3qopYtyxMDVX6LRWU5/v3gOcbNm754MkQCxbshvuF4LRCrAQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220823195046","@chakra-ui/react-context":"0.0.0-dev-20220823195046","@chakra-ui/react-children-utils":"0.0.0-dev-20220823195046","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220823195046","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220823195046"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220823195046","@chakra-ui/shared-utils":"0.0.0-dev-20220823195046"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220823195046"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220823195046_1661284355030_0.810217070597891","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824074122":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220824074122","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3f71ca5b5814e000c6f4682d2ed8d530d0ab13e0","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220824074122.tgz","fileCount":6,"integrity":"sha512-yNKnvixhCeKdKs+EcIk4D3bB79taPLgvXufPxqPVdG0MPQZye6fOcC9HOBHly5GDNxaQAbjd5BpK2yP5TnZpeA==","signatures":[{"sig":"MEUCICJ48QEVwQzndPiviu7TCvqB6eNynkKFpnu8RvAMohBPAiEA3eYGoeQ+lyviu/Xsx8QgWWN7RWT/aQShOzaHMcf49hw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdZrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFvBAAlaML07GiOTm1sCliC8GuUeWjesucQkaia3na/iS+u1dwCFzh\r\nvJ87KuTWksPipvi1Rs30Ti0mnhZfiPXdGWIh9xUuXL4fUs3IPDgXSJR4aIfw\r\nAnGXYONu2nMxXfi5yzcvePIvMYGCSeWAE1VqMgqLNDxr9I/dKqvQ1KnHiRHM\r\nMo1MigmrWmc3t15KzZZl5ceJJZncZJxmKlGoTG222W8jHGF7C5hLc546mOtq\r\nBh4CtxRWK2dIYceuorSfCNjxVS9zBrU8JHmE1wlY4ejji8IalyfEoi0b7Gu0\r\n/TC/9UGDs15GuHK1A8hSeUaGp1wTozBq9AKcKnPlBeQYXr3R+R+CUDlgW+Ag\r\n3SAynUWlMr/6nUfHm3WaEdNpxg6pLplwcwQtbZbEmCrLZoPISHf7yQfrRIXd\r\n2F6qovE/ckNljXjwJexYyIydKazUUjwQddx2Fep8VAcbeQa1wPb+if9rMX1B\r\nthFWliqR+wZGXPTXsEhrsfJHq62S8ncKYZQyoC0sQT5Ydsa1LQ1KrwhHNtM/\r\nQGXdTRSF1nfBH3HkksAdJnu03JPKL4Pa0DgCNgOxn98q6fTdXh9lrI1djUVK\r\nwkPmArtRB2Zhm7+IrZ7UihS1fasf4V3xV89Wu56gMNdS56XC0mH8rQ0PGFod\r\nfPmzlxhSwJM1FV5RoA/WQj0KM+7IenrgEGo=\r\n=oBZU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220824074122.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e077c7b6b896b349713ff528e20440cb/chakra-ui-pin-input-0.0.0-dev-20220824074122.tgz","_integrity":"sha512-yNKnvixhCeKdKs+EcIk4D3bB79taPLgvXufPxqPVdG0MPQZye6fOcC9HOBHly5GDNxaQAbjd5BpK2yP5TnZpeA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220824074122","@chakra-ui/react-context":"0.0.0-dev-20220824074122","@chakra-ui/react-children-utils":"0.0.0-dev-20220824074122","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824074122","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824074122"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220824074122","@chakra-ui/shared-utils":"0.0.0-dev-20220824074122"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824074122"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220824074122_1661326954861_0.7402201449881607","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824080240":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220824080240","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b0607dab6be55680af900070d2555b0e20e5d42c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220824080240.tgz","fileCount":6,"integrity":"sha512-6MasbAlVwEB+02rkmUASRk1mbPP2oxkuVsgRmiER00pIaI5wiQa3hRcJ1XMg9m9YCIosCa/S6ywZnYmx9k0hGw==","signatures":[{"sig":"MEYCIQCe0ti4mNBJf7ccWwPDPcLEKajT62X6rX1ApbApJ8JfFQIhAL3dg2Ro6SQHsdkdIGPsDmEDcd4tsTfnKawxkqagYIMZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBdtpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmIA/+MOYaJmfg6YF8axwU2+revxKRn+elCSttgGng4sfKIxrJTzC6\r\nwWYkMcsXrZU8mmE5d7VShhk/Z8dwNENsuQW5iMLERQSR9ekuFzZr5JVOyKhP\r\nUKTaCkPv82JOAwIpgARC9m4PY9mpmysTBk7nBiQtuVYAkM1jGmhUDufZ/pje\r\nKCvQNmtkCbB0mAyF4WJvp+awx98Z8ph22cM5qbhaoHE8T71FtmYjMFYWR2W4\r\nbuM0DtQprvqs7lioBk9OCA227VZHIyKcjX4A2vBbfnwzu10GASj94AexfqV6\r\n3g/3LFzRsJiIPuMgj+c/Z5aN6bM2PXp2cEOww2sVxt5h1hUsTcDFKzeBzQuP\r\n7hm3oXTmGGyZ5yOeig1TUcQHrXUlFacDO1fIYKuE205naOlLDM7mnVcMQKpT\r\nlTCWXNZvsR7q+8gguS8CA5DOws2VEh6qLP6wjSzSkwTszucOPca591KuOIf9\r\nBcKpA8/Z8iFeaKot8jT3JXFcjltqho/9P0ErK9vqkwU9w2Mxx45SN/W0U3/W\r\n2ejnWZDkbVkNq6BZ/iGLiefmHh5KYeN5H0vsBUgtoGQhY7t/B969eDVfFpVa\r\ns+VIUukPN4xWFEwylgYEun1UoAKviHHMvla+mQyM9vtaLJinZUTg0lMAf38Y\r\ntgS8ZRJeHWN32LJIG+AAd/FSx3+dBdKSEkg=\r\n=h0l8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220824080240.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/941127ce087c75c1185d2ea6183604bc/chakra-ui-pin-input-0.0.0-dev-20220824080240.tgz","_integrity":"sha512-6MasbAlVwEB+02rkmUASRk1mbPP2oxkuVsgRmiER00pIaI5wiQa3hRcJ1XMg9m9YCIosCa/S6ywZnYmx9k0hGw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220824080240","@chakra-ui/react-context":"0.0.0-dev-20220824080240","@chakra-ui/react-children-utils":"0.0.0-dev-20220824080240","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824080240","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824080240"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220824080240","@chakra-ui/shared-utils":"0.0.0-dev-20220824080240"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824080240"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220824080240_1661328233335_0.901078057129046","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220824082222":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220824082222","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b7688579c8eea46772defe5cf8537c16e0da18ab","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220824082222.tgz","fileCount":6,"integrity":"sha512-3h3R0XEC2889Qj5qtbQIhHx71xRpalvpzIyO6Y3aF8hrd3/kRt16awmPM5c75AXbImh3UB388MZMfJ2PlU22Mw==","signatures":[{"sig":"MEYCIQC+yJ+8XI8xw5dClpYUjDUp+1M5MJCZjg868KJSm9DO0gIhAJMZcR84GZoADihMrhY8RLL+i4Fk4247RCrSkIQIBEjS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27540,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeAhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpZLBAAoZAlxt6z0OymgmARS7QQ+1DPCu1Anqt9UZ8UqN4LEa+AqGou\r\n2NST3wDxM0ni2yb8zAF3nFXhVd2GYFfpVvDVeXo2MHDxrm1OoGzPrt4gLaS3\r\nFYH/l0xiEZQ1YzAW3UI4wJefeLLZh7gYUSzpSlGXPdOfp3AJ1LpKXEDJWHsu\r\nzvH+s2PFFP0AHR54DuB9Lrb9Yat5C3hWqznM7QYvx1GOrJMZBHG3dYHTN9up\r\nPdZkEno9hjRL+H5YHpvjmae+ChUbLTbtsfm9oRF3YVm6OKzIbxYaYWHt+nRl\r\nU/itfdWYtf5Jxp23oTqJ8Z9s7NiUdmxp8C7nFE37wby+Yb+hBjiRVw1krAlV\r\nU//L1cUdEi34FdU6m6AeGn5UEu/DK/2sR3mEim2juZKq3F3spcLe+ibLnC22\r\n3BGFi1zgZTT0m9qzaO4h8VinvhGNK9+eGT5tWFQ/7dYSYDvv8ReE53saWRBY\r\nuoVgxVnytMQ6rDA75CO90FAA22ttYjkmZisYHNR4et255mz2DV28kRms+7pH\r\nuDinD7UkfwWH+0gDsftuadZsV+1euNG/3s7x3BTQz4I4hitf+qdNcgJMv8DH\r\nTbMrUxl1OTBb2f6fw/ZYFPTzIjr/+eiZB6kymJkvXzkqgc3Az1itJOzJNmMx\r\nskSCYA41Exgd3OuL1Kb9FVh/0z/BC7CvZZI=\r\n=K/4D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220824082222.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/49be52ee178cccde12e0fd61d2cb5325/chakra-ui-pin-input-0.0.0-dev-20220824082222.tgz","_integrity":"sha512-3h3R0XEC2889Qj5qtbQIhHx71xRpalvpzIyO6Y3aF8hrd3/kRt16awmPM5c75AXbImh3UB388MZMfJ2PlU22Mw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220824082222","@chakra-ui/react-context":"0.0.0-dev-20220824082222","@chakra-ui/react-children-utils":"0.0.0-dev-20220824082222","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220824082222","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220824082222"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220824082222","@chakra-ui/shared-utils":"0.0.0-dev-20220824082222"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220824082222"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220824082222_1661329441296_0.8547551033665475","host":"s3://npm-registry-packages"}},"2.0.11":{"name":"@chakra-ui/pin-input","version":"2.0.11","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9f11dafd65b68d6e2530862422a61d314dd1c1ec","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.11.tgz","fileCount":6,"integrity":"sha512-Yv+RFcuRCLYhBGRv9JI9IYekD2qHCZh2WOQMutF0sqhDCoITkVelaiBxErENYSPXL2+eBJs7rZAEXulPMVS7pA==","signatures":[{"sig":"MEYCIQCVEM30UsX6vASoRebAcDz/g0tT/F+wwOPenS9IcWpwUgIhAKmrJZMwxbZJYIdS9VKCX2dNpWVsCpuD/61mJwhnIrbe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27372,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBeWKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqSjA/9HD5102flmogPtUhYIn+9g2pkr92Onz2tA7N1KHiGXoKN9JNc\r\nTHBLCcW1M7jnOkY6LlYxvymU251nwzf/9+NqMRqu1Py13AgSpqifyuh+7Nie\r\nqD4bziQSOSmHF4mH+rjgwomuWHOZk23HU3PrXd35/8OBLo7tG911Ge/qX3/v\r\nTRfRcBKZJ0Mu9FTXmYC5zanAw/m4VUtyI081s4Bgnxn+W3c1+c2wDqeUrk++\r\njeiBadUvm/cjm+7OLDFqhsVRYysjdMmJEA2daJCHLNdJ7shqGX5aXANgCAEY\r\nEeJ75YorUEmRoyjXzGZmxhxoGqf/5qxGCasDQzV3Fn4c8zBevWlBjdYhZF4H\r\ndlIcVASY+KtddX1CvwlAbP7rfbwojpC7RbtFUT7RjNVk2l91/wf3VIGl30+f\r\nmGXWLnrDodIhh2Q9HTEexzSmoXnFNtX/rT6UAed7Cx7d3OuD7H2yLvXIdVjm\r\neIuwgtdsciR1hzoTE7Jia+zo8K8HsLvSVoB3+FqE7aK3zQzON1QswTWrACci\r\nQls1ThPDW+zXjT8whAzyXdCmhlC9/5uDf489HlIfK3hZa+uG3Zb31rKshPFl\r\n7wSSCO00iFNoHefrUzwh4VzcG07y58xH/4NLeuyQrB11ODatWp9dHtV46Flx\r\nXIdUDGHKwx8HhlhyjcZqqMyCNsu7Q3gxuxc=\r\n=8NB3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-2.0.11.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/e664407ead69b7d136e48f2a90ec31e9/chakra-ui-pin-input-2.0.11.tgz","_integrity":"sha512-Yv+RFcuRCLYhBGRv9JI9IYekD2qHCZh2WOQMutF0sqhDCoITkVelaiBxErENYSPXL2+eBJs7rZAEXulPMVS7pA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"3.0.8","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.7","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.11_1661330826277_0.27329879318740957","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220826154141":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220826154141","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20220826154141","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"c43e5a1dd3a19fd3328fc3d4feeddf18523f2a6c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220826154141.tgz","fileCount":6,"integrity":"sha512-W1fTZanSi/IqZCdezRqxAzSd7yiPmvtKivApszVEgAoSPQ4iHXCLyJCEsvQ+7oKP66nR0ZubIbitxjOgO+npfA==","signatures":[{"sig":"MEQCIGtRm1ITMRVf0luNConbzA2G/ONiCrQagHlRVX9CsWZJAiAEOZ4IBwZzZWJqYPhyXPCyob/Rzqu+FUhNgUF6SaLw5w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjCOnbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQTw//aqOqz2vx+RlPpP7jl+gZidKYX+TMuELE3N2KNEiHVUKzGa8S\r\nmR/xGcknW1Xjw2KqfMo0rXzGOfEQfy6R+js4j5lkrYvRrI37lmdztHEKXfHs\r\nRUnzSAaJ7QKoV3ol4yhmSxZYm2F4WgHKD2mFl/7CNlHs1uU4L9tOR933UDIr\r\ntJce0ud7vjcYg9+XUNYtQs/eICfxicvq3F/VD5z89exqFMdvgsiTyixNwcXF\r\nm6PSmHQSW0Lj8QQTBu1SPh7h7Lgk7pHtojnwNmWXKCycxo5mWv0dwmJ35JOD\r\nskdLB1PpCG/n2fksCeUdb73p6XDhXHOf8XUd6wfxhreyDxajoNFuSCxWF7a0\r\nZb4m4lBNIjwOTz+PibfaZwyziYU2JkN6jLfgv/tDjpjf5FMSdKvOXiVD4du1\r\nN6Pu5hN46QqNp7vJFfxoOYR+0chQY7D4gPiihxkNtVHPs8J+MndNSVokNzkD\r\n4Oe2TD/HP4+k2s1cOXjYB+dlKVZB1e4OhcCMLTRSvNtbtfrw8Wo2gFbPVzWZ\r\nxcvBjNVFbvgxHlafJtxyRIpcowPLy1bhT8kwohbewk1xhVd7vPQBhq5stTBd\r\nBuwfWzzkFPUYBLJgieC86lXGn43Ud5dbCzwxa1UjI745z1FRTg5H1TgQjGH3\r\nXors7s8kWgtTHVKJ/sUKm1KfzPqNet7nRZo=\r\n=hUOF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220826154141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c43ab3a4beecc0d79dccf68ff6a19ba1/chakra-ui-pin-input-0.0.0-dev-20220826154141.tgz","_integrity":"sha512-W1fTZanSi/IqZCdezRqxAzSd7yiPmvtKivApszVEgAoSPQ4iHXCLyJCEsvQ+7oKP66nR0ZubIbitxjOgO+npfA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220826154141","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220826154141","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220826154141"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220826154141_1661528539321_0.6864792177921228","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829120312":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220829120312","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20220829120312","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"94b9ae955ecb9842d12fc333c8a7880bc64403fc","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220829120312.tgz","fileCount":6,"integrity":"sha512-w6QE/mEn4UKc0wtyJxMS7hNBRq9+sKiI/lMtNRIAndAVAW+SlXGS48BBCam0026iU/1K8gBoW30VbRT4k2xlrQ==","signatures":[{"sig":"MEUCIQDx6Au9N5/LQDT6hWJDPTUP3SHjkFIRXOtIFm1K6ch8fgIgJ5X3Ph5Y4c8zoPyif50XCPFj6fI3lJ1YMzS4oA4nRPE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDKsyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKVg//bz9QKN9pTjXO1EAgSxIAHNYoCL5eexpyRnzAXENl21xlUonq\r\nPJwS+5g675JNncw+36k8Yee0MdOd5bSaLmdIVY8gZFRh7gcBeM2CEBC9JEq9\r\n+RklQAylrM/U5PKrN/UMeit7R3fmGiSZcVCZ+qIDP85r5PGWZxZQ7yL4iK6d\r\nsumVeECGWnCKRWwJFfqFowVUsDn0iZlaL38DKOse/hmgARChxsKUsWrBtN6M\r\neLtogqqxkakDbyzoB1SkSG7KD8SMr5tpfku68BWqXV22tsz4mc+i+TRYJWJ1\r\n+Mra3oz2OBjwV+J6FVF2JcCyvPdSTqQ+NgUttQ9llPQCyTB8V8+PKQX4MZoP\r\n4Nsq1f62VGPa6V9bgj2a8Ad+oe6iFqYi/8HoLsE0XOHwWbaRV0ftkmegcFe4\r\n2Z82NXqryFqNk9oTPtLCtA962z7u6BhJRWHXSa83WAOg4UyKrptTYh40PAMP\r\nfXZK8uxftL7eNA/Ua5l4VdfMBYKHlpUrlrYCYfn1uBwf+LZfxMohDLyuNzlf\r\nhkmT2+4KGHHYo8NqRQrtIUlI+Hoe09WmsrkxExcBS4CygOljVXENtcien/37\r\nZsoqeknY8nOaXmx2lFXYWua88i8HOSZX+qVcJD0P1YUAN7zONKLw6eoJuC06\r\nxI2fjuVeWYEbmVGXMSbLNt/prBi+T4+nfvE=\r\n=37aw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220829120312.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0e1f3fa7cf12ad3cfd0756674d3cd5ae/chakra-ui-pin-input-0.0.0-dev-20220829120312.tgz","_integrity":"sha512-w6QE/mEn4UKc0wtyJxMS7hNBRq9+sKiI/lMtNRIAndAVAW+SlXGS48BBCam0026iU/1K8gBoW30VbRT4k2xlrQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220829120312","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220829120312","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220829120312"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220829120312_1661774641824_0.9802291078136227","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829121234":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220829121234","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20220829121234","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"3be620338132206570be34999c13064cf46b17a9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220829121234.tgz","fileCount":6,"integrity":"sha512-ZwJOA6mgUfgaL5ud5KlEsa0kirooTeW3dzgGE+rsSBfUJWMg87V/PG/vdC/H7IToOcESoMi26cqHA++7SNY2Tg==","signatures":[{"sig":"MEUCIQDpdrjUG/BOR+et50gd9B5dXqeLXLPfe+34rQ34TIecEAIgHo92BSCBogdcLoKyEaf+i5IxcOaDiO1AFAtxc4VcwZ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDK1YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq7LA//Qzn2XHiW6CthEp4dJ6OaccEHgO1R/X0xfMOgSts5K62mEDUX\r\nx/MqFNAio2l1QePlntCGPK3am5cohociw/wIl2gwlGbBrw1kWxh09WR/IrLL\r\nhk6TUXWfoXzL/SqWvVi5agyIZi5qjdSEYz3mpnTzGDPMYpdosdwaCBsfBviJ\r\nxSBoKY1JnGfqDS4FBgnRXHxk5sfmWsYaheFimBt5OFUG71DufnMaR6SQS23t\r\nZrTIH7bF2M3E4mWoQ+g8kfsnDIiBVrbfuM60VyFp61PT5IKqFaMOe+KWclr4\r\nh25kklhHjri/11NxbzqfH/cXRpYBNleNfnKjyH4bDCLc2t45chL5AkHwDcbY\r\nqImrRQ9ZfTIOWKZfWA6A0V7tnNIuHcSy24DsxDWI3bq+aOxtEDpSoSjxNNAk\r\n/y1y3sEsBEbRgIW1O3DBmr4e8rxBmxSvXMQyGxrwdtB6QEgP5vdXnXsJet9B\r\nMOlB3XarEfYOUdQd01mfdATjTbZO9pSCUhISpd6zuwvC67UIwXu7ECI50oP4\r\nihPEuOQk39WR/dzRmvGIctw/6A9zjhfNhw6VcxK6ciLhLUe6FlIej7r0i/ld\r\n5PLrIgfz4laneOHcycO6BFd4K4z8pTHdLjOBDN2wWXeJtAJZBio2z2K+Dz/B\r\n3zGpZgxJD8BONAFTrOrfb/XjNfF2CmQMbT4=\r\n=jfv5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220829121234.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2d7906e4d55ca28792503c1a74390802/chakra-ui-pin-input-0.0.0-dev-20220829121234.tgz","_integrity":"sha512-ZwJOA6mgUfgaL5ud5KlEsa0kirooTeW3dzgGE+rsSBfUJWMg87V/PG/vdC/H7IToOcESoMi26cqHA++7SNY2Tg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220829121234","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220829121234","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220829121234"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220829121234_1661775192504_0.3348971622428123","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220829143113":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220829143113","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@0.0.0-dev-20220829143113","maintainers":[{"name":"timkolberger","email":"tim@kolberger.eu"},{"name":"segunadebayo","email":"joseshegs@gmail.com"},{"name":"_codebender828","email":"jbakebwa@gmail.com"}],"homepage":"https://github.com/chakra-ui/chakra-ui#readme","bugs":{"url":"https://github.com/chakra-ui/chakra-ui/issues"},"dist":{"shasum":"e44b56fc09cd98c60492d4817a5212c5f6be1913","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220829143113.tgz","fileCount":6,"integrity":"sha512-O8o5L2NX1cV7HO3JB8pocmQ8Ys8BONdprx4eCtnRW8pd5Dpt/kAP9Hr8IejsSNrRM/6kG9TPVYPrYmGF5VBFng==","signatures":[{"sig":"MEUCIDk6WiDubIInr5oYAVdyEGQz7oExJrQflWlA0SzgbPvcAiEAzSw2wFDERmPubOgUJZ8WdjFcLdh7ns7fz3Ka1G4Yt50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDM3ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo5A//cBsIhGcl3CA2svSJlh7XERVloM0Fc0VFrrOUw7wOcK3DmU98\r\nA0PRwe+nFkGjWfAEheuv+FmzMIZ9HFHHQVD0yiszLVSW55P2Bukw2VXFyFCe\r\n0b1p80tSZJjKZcQvnW26yNt7CRfxKakO25BJgc2e7eHczJxLvjRXD/RD1HR5\r\n/SHX/sWwgLw0+qFLlWC0h8b/KOaEk8cTIsAcRcQlJqoqjGYmWiO8mmSFjbTn\r\nWvKUA7jztm8f2eHDFA45H+YLpPsoumysoG7DWkgwlA8v0r3UolAWSpk+1dK4\r\nNhvlxNf5cCEZNJUrK2W3J29NDY0jyz+tYEPUAimGSLANbknBvFOGtfyOnTbQ\r\nBNxT/BGrZSALOfqqLrrpT5+1KfhA+8/wXQZImS2T9ZWpEWjBbQFvHqxaYurx\r\nD1HS42JtWx1QBTDRZCmurk3Tv/8KEITPi33HA0C2X2QGRHpdDrdAUMD+ht9B\r\nVdb1ChdEQwhk/xyDjQYWMW8hgk25/bbs5TdXoqqjpxSDpVyjTjlV2gMwe0IW\r\nL8UcFCyIloAlhQI8Mwa2o7qB3rVb0ZIOQS1CFhEDxts8EMgSuhKfyrQfDuiJ\r\njyzUs/nF2pvuLA1SkkkJOWaybEqRUXAF2CikwijIvx1/KYkCOwtZdizVVak7\r\nUXQOMxSyCBkg+meaouFaFv3N5kzuvwSv5bU=\r\n=gIN5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220829143113.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5544404a4ed1371f8e6f6ec3293df371/chakra-ui-pin-input-0.0.0-dev-20220829143113.tgz","_integrity":"sha512-O8o5L2NX1cV7HO3JB8pocmQ8Ys8BONdprx4eCtnRW8pd5Dpt/kAP9Hr8IejsSNrRM/6kG9TPVYPrYmGF5VBFng==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220829143113","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220829143113","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220829143113"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220829143113_1661783512718_0.929731806845042","host":"s3://npm-registry-packages"}},"2.0.12":{"name":"@chakra-ui/pin-input","version":"2.0.12","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"1ff927fdc61433a7b9b4421ceafad5674299e91a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.12.tgz","fileCount":6,"integrity":"sha512-gaMRp5AFW+qAJCUj93V1WluuYBBZ/5A3Wy5q796g8Auvw7vufgkVtl6EBznwvtynZN8gJwbRFpMtJxQyXCkUiw==","signatures":[{"sig":"MEQCIEriQqFGCjFYB/RTvlMZmk+zSZi2ukY8/YbGmq1A/LCUAiAXrdZJT6YfogzdXIXtmdcQQUqWzvvA0D3eU8sslcK5mA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDNgDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMtA/6AuyHMERUoVgnk7N9k82tDfYv8LEMH5ED54GqGlrS0T7V9slS\r\nMmwWwCx/Raf9pfj50nA6uGqEnbWe4wbaMSYmDDHzJdwpso6XNsRrKeXp2m5v\r\nxUb58FCPFAEL/EqvJP62ySvZ5cm3jIGReEuTxSjPOOxk7qIX7/0r799p9wEU\r\n96QnD+N3BnJVgrXdC7/BAE2yWwRtEoXeAuMmaQW/Ql1ZQv5puoi67ktXBYBa\r\nMzcw2ufYfNGpjNs8wP0Y7yGXO8Q+yTC2W0dF4szQ2NtSVTyamcQdAYAmZOxI\r\n2h1An1Fp1NaW240GJHsXcWBPa9Mz6i0fl3izrj1NF2fw0jSdYKMvRokSrOau\r\nqjy8hTqLkF8o8kIghWnjCwDJH7QOYE9QYTPL8q8IdIhp0i899MH+n7uwrriF\r\nNYYWYfe3sHHN7CcUNcsFEarQjca9+zm8fXnasGMUNrlaz/FJWrYWINJc2CtT\r\nsfRuGRY3tmaCh9pvWcuPvdGggnPb0hE/vciksjbvYl8sIQ57Hh7UMphPdWy4\r\nXE6rpudR3XBNWQXMVudZizKDRX5Y5uvZrWZwaKseXvMlIlaHtkf1F6q05Kh2\r\nkvscK3JNqmbkUsXE0iUFDGk2D4wq6F2jbUSTLA0faiENXfgrolZSl8QTHXyG\r\ndcnu9fPKn9h+KfoTd0Neon+HLMy43yICGT0=\r\n=vJxY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-2.0.12.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/8aa29d8a811ec65a6aa9fc69359f15c9/chakra-ui-pin-input-2.0.12.tgz","_integrity":"sha512-gaMRp5AFW+qAJCUj93V1WluuYBBZ/5A3Wy5q796g8Auvw7vufgkVtl6EBznwvtynZN8gJwbRFpMtJxQyXCkUiw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.8","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.12_1661786115736_0.13111244055265092","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912120959":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220912120959","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"544d91d94ca05caf7912b4df1c099a9772245bec","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220912120959.tgz","fileCount":6,"integrity":"sha512-o0RvyvxyVAI4BY4MC45YuO+bBHrTdpcaTLys48AUf/xoNhcAVgKZ7tlLC3yd1XqSLwabwm/fKmvmWVbU6NVCUw==","signatures":[{"sig":"MEQCIH/Y32WA6e43yxf8ENwiyHi8Y5p1SCA6TyjQ4odGbwKsAiBs7GbHKWtks/9vRLgq00hSfgrujkTb4aW1LWJjVjZJPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHyHTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoPpw//S9UNg3dvtPqTupQFdoza0n0QBPd2mBzswTJiFa2m9AFS1BD3\r\nh7KJUeVsz9rtOKj4mx532vuwXJQlNEnDYvt+8s8ToOgmqj0eE4xUK+I0nvlh\r\nk25GjXY9URoipGEJf7Ju26oJgQWPM6DkLdOGviN8ZIGIO6d+mDuYE1v+e0uQ\r\nsZIij/s473w5zEsetw0M/5dNpU909K3NPvzuZ2mlp3B594uUjy6ggfX76VW+\r\nREQYDcbBkeSFRTxsOh8mVJcbnpH9kNb5yOy13fLe7vC5JmYWaJwwP8W5PHAC\r\nm9NVuAmxchSiZwTHiUc396U67h9D3sVBELv4pUEg9hpRQMpD93l/dV00u7xT\r\n6pq+JnaKLjN6u3Y2CZnVYJJ9EHVUAhAGcshZNomvJxdi4sGl/TIhe/tKGn4u\r\nLyDkHwZ9wROk3+tWbewX92OB9ZUeXTti26wEgbrMXiN6HvKRyub7Iamp22KE\r\n4sCVpiXyvHWyBQNBa8bEf33tijOn3J7j/vLOWSDC/UEh6pKc5qlwYkcNWtpd\r\n/bidEPYsWknj3mqyEWy+0FW51Co0HIiBjYcqgCTfzaZ8tD4qdRSJHG1ekQPD\r\ndJESnZ//HJoEqOMFp+s8kqa3oos/qUlUXul51zsjV3jY5a95urr4S0zyo8Bz\r\nipZey5055G0TukK5lD9GOd8FdOpvzrdNmWM=\r\n=BCYY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220912120959.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/bcfde3f96aed72a4c041b973a5ffed06/chakra-ui-pin-input-0.0.0-dev-20220912120959.tgz","_integrity":"sha512-o0RvyvxyVAI4BY4MC45YuO+bBHrTdpcaTLys48AUf/xoNhcAVgKZ7tlLC3yd1XqSLwabwm/fKmvmWVbU6NVCUw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912120959"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220912120959","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912120959"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220912120959_1662984659230_0.18822418070466562","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912132201":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220912132201","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f3ae9f7c79931805a3511c6dc0346427d8f3527c","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220912132201.tgz","fileCount":6,"integrity":"sha512-Lk7Kqm1Ed36m0uHYeSsp5NROFCahYiEpYHcUVbp2XwVW6Jo1XbuMfEj3Fn7eXeJiOgc1JO+q6eoMPk0iturJCA==","signatures":[{"sig":"MEUCIQCcsU1y1ewVG4gU4wvsFPexehuWoukoMH/WS8zQRn1tvQIgQOVSNtYo5/gqjLV13eaWxgAlB1y8+rhg/2Dq3ZZWfEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzKyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs3w/+J04wngKT15FztfjW8EJA8786VWVEQ7QtIN7L0YE+6MfpzLNc\r\nz+9EjN3v49SWdLB+kDgf1037Q0zKGU9l8M5x2iQMNOvDraT0qDc8dNiIVLzi\r\nn9VgJFK1pFadficDMuzktvueYslzXMEIGHHoXR23sAJK444CcjkGCoPw4rlB\r\nZ+RM9W0+PDGu+bHGSaU1RaCSA63WfLoOnJQmb5bNjQIllw1Bu5WNk3YbBmD0\r\nYusQUAXhG/JimRNYkhFdf5xGXxcHJOqxlSJ9uVjhNf9AOLNyfw5qidUrDKr0\r\nggYF1SU+LPvXMBELEbwPbx/Ld23Lrg2sFOAq/7PKojnMHBo7oCtiN0tGMrK1\r\nWxmxEjm2lkvhZWjX8IWb/apfsKnutEzfQqVHgFgiKKUPsUhU6uUqVyEdb8Mo\r\nECsd1JiBh3n9OgNoXwOcA8UdDkeGbQ/J/PB4TrSvdcxj8U2VPUo6zF+GPTZF\r\nATxwHNZr/b9dVqeHU77TMpUbjyAOXUemopFCeXidkczIKvqOUPgXWwMNSSMH\r\nqO60kCWv+I9pHE1I1eXFqRwRPCWwfaxLC+1MTIi3bVj3MzFvrwodu1SsKZB6\r\nPRv3MJijSXu9AhLiOBj9ouIgvIHwCt7Fh87FoiGdVcHWcoJPDGLsxtKpPIXy\r\nRcaX2MS1nMdgJcMchhAY0e1tziaH4sCuLrI=\r\n=UlSj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220912132201.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/565df29277f9f14e402a585f5ab642db/chakra-ui-pin-input-0.0.0-dev-20220912132201.tgz","_integrity":"sha512-Lk7Kqm1Ed36m0uHYeSsp5NROFCahYiEpYHcUVbp2XwVW6Jo1XbuMfEj3Fn7eXeJiOgc1JO+q6eoMPk0iturJCA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912132201"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220912132201","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912132201"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220912132201_1662988978104_0.48561381247262214","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220912133211":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220912133211","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"60b3ec955a2561107c417e9367f5e425d375ed81","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220912133211.tgz","fileCount":6,"integrity":"sha512-od1VkbZENo1c0W9jgjMW/uY+d+5wFjF7ITLdySV0XYgBMILYYeXLuPaaJ5xa6xr7o1WBt1AnHeTfT7PXOvthmw==","signatures":[{"sig":"MEQCIDwPaAOF4Kbk3ECo27AYmdFudmULfPyGBebwaUHYpWShAiAVnBwjvTEF+gkuz1t1T3CshD+dvriOj7SSF8/sWFUJjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjHzUYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqmmw//eGFfxiKjWullfDcg5Th6rVI6WR+2RzFr+9i5dt+LkDEGr1Gv\r\nz+d6Yd0urPMot0YJ9dqWaywGGaOcahUxZ8b/E8GZoOD/56xv220pFlpzOLat\r\n5pYhyPeLoUtusnjlyATPw+AyQK3610r2eC1FopqmcXfcLxRbx4jbhm9Rp9Jj\r\nyywPgApI2rB57DMhotu6SoMlOq1Wxs2tQjMf09Jw5YifBkN/0IFUlEfGw/tz\r\nfOlPKFXJwTAEzhcHwhy74A9c1NB3QqWU/hVNmyNooMDaius9Cmh5VXJFpI1v\r\nkfBAQKY4iutkcYk7D/WSBz9J4RiZSYUDm+1Rgc8nHjk1sUikAOnVZc9Odbg6\r\nT5A6HC6cUtlIPg4fDcWDVN1JjDbaKbKHw1A0evD+Con2Yed7l6Tmw+CrhHYx\r\nVGzQl/JGCN7itXsOzbIqHih5apAdkaF8J+Czc1WxSNNB1m6LvHqoY92KHyUh\r\nNEwtMRQPTXbUe6nuex50dCASnZi6rzP909rLpn8ZkJ1w5n4v+2omiR8RGuhV\r\n1v4ve8+JgkCo0BMLkwaDNkvuawRKbo33CAjQupFwqh/E8ao+Voxp77k/h1Uu\r\nrurV0tuMUkZgmnnoE2soA4QMwYiI0yTDEmwKlS1ThML2p2y95hfGqhi43yef\r\nyCtrfxvKEmywT/Vgr0TEpTBxp76MO76/Sgk=\r\n=v2Tv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220912133211.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3d84287c2f13c6da01711f726bdc3a48/chakra-ui-pin-input-0.0.0-dev-20220912133211.tgz","_integrity":"sha512-od1VkbZENo1c0W9jgjMW/uY+d+5wFjF7ITLdySV0XYgBMILYYeXLuPaaJ5xa6xr7o1WBt1AnHeTfT7PXOvthmw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220912133211"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220912133211","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220912133211"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220912133211_1662989592562_0.20797962056354247","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914090509":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220914090509","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"33f6e05f8b46d2c581ebe2c034a9b7b0fdbf4e9e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220914090509.tgz","fileCount":6,"integrity":"sha512-VwelA99djgJxBpP0e9c3ab4SaaZ2fOl5ZRXEmQAjOkcciYj4LChgz39i5hGh3kJzvykKUhXex4uuK/b0ZxuFow==","signatures":[{"sig":"MEQCIHv4UpHx9EXfOxAEVEnMSqWzUftuwe78YDUHCxQyDKJJAiBLi6Gex9/vXbNS80fusG/nGO2pVrmziDlgMGneJ6DQRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIZmLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdTw/9FI5Y1ckqfGtRMxdPIozPaXpe0PHqZRjchon5Y8Vi24mhg9sg\r\nNdXvTMkmaBUWuulEOsg1vF4uzwthcgtN3cnSX5soCrSAq5AxoWbnqN3YXVlE\r\npzW8f/3I3LnfXDTtXDgwegvFUP6HjH9UBfu2SeBdB/G9zZXL748M1uKiTMdN\r\nV1rJqtNYD1k9GQjpJBvef3oAY3g5+a8eb6zVP+jjS44jCVLodckvBJU6NzBG\r\ndL6QlbF1QZcwgAN8C05SSG5g7B3sY1RTaW9vgQYKuQnb0BmThM7etrmGM16M\r\nLSXdU0ZnHTDcp/iFOOlIo03FxdBB4mzxjUjVSo0ckf5HgFqA1U+EUgUrSQMR\r\nBAUHf+WUeA8UUkoh70RxKvMK2caV5jnN2sBliqVd7qFN+77t7m/UW4+KWm9g\r\nd141x2cGe/n1jLPePq5LolKO1MucLyvtbQ5E1dE2AOIE+K2Mvm2eNDphsISS\r\nK3opOm+pJwIzrA+8Yhyj1JgrQhxnwy+yRlR1hk4WfqiRBwJxslqzwzsSLyWl\r\n50vNwnA5PGcR9hNrxqItwa4XeiSy3jHI+3enV7I4Op2SLkg0WsFd1jexBQF2\r\n4VrL/5iSG7+byLHOuMmdu3u416Pse3gRAgYMoZL3Zqw0mQMiSfZRgV10ypLb\r\nPCSkZFGVyLNaGkl47Ic+3FmTsjT6QANkeYA=\r\n=6az1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220914090509.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/32cc18ebec286c10bad513265f62a63f/chakra-ui-pin-input-0.0.0-dev-20220914090509.tgz","_integrity":"sha512-VwelA99djgJxBpP0e9c3ab4SaaZ2fOl5ZRXEmQAjOkcciYj4LChgz39i5hGh3kJzvykKUhXex4uuK/b0ZxuFow==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220914090509"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220914090509","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914090509"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220914090509_1663146379412_0.6603629264488542","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220914105014":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220914105014","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2a864dd05456102003c5ef113e00e9ce246f7089","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220914105014.tgz","fileCount":6,"integrity":"sha512-eQB2PX8EI6AhcTWSIlsDyzau9dQ9TUyb17nwowIpUpGpo8025vqehGjDpHDa+aFUZijZTO/z429UwJg/VBNvpQ==","signatures":[{"sig":"MEUCIG+SHPaJ7wwi22N9rrBseySj4sPFt2ig0OPpgp3fiW8dAiEA6ZWlH0P+tOUWZB05bbHA9MeXRYiloVRBetaX5BPiBTc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIbIfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrp3A//dvSRw+l7Cw/znKIVRRYAogQgNOcOenGF4WCOi4SkhW9Gpe2r\r\nkdsaWPpIkHM957if4k4hm6Rp9nH0UZSduCHpTPqIjABHiU0NxydVIaRst5Jb\r\nf/Hv5vyVGtqpN3kFcD584jwI1lx1RJL7DU7u+QbTW0PsJhHxTunvWeJMh5ug\r\nEZeKEMlxcueefcMiW/laF81/g6XrtzmIROSKUSHlxVZblD7GjXNYhe/kyaO4\r\nGX3qhILvtxCa8cnHhTKQchJymCN9it0BDkxFzwZHsnGxAx7O4NIiuKpgqIBx\r\nyvQ/GFaGsn9TVU/U0IDQldkPSQjxA/AFc61D4xacHs+9dVVZnntB3wpwPr3+\r\nlJmN6R0dQYp0LaAOsLy6Ntz7RgDpMcxPY24pWoPizsRJOVxOok6+aibDoO19\r\n9sHO7gN48moWkaPk5/Yg6+zWBT+lmo8WkuRbReIZnEQVfAr54rEk/Ev+Mb1Q\r\nyW4njcrwmldq2rc91dF03gllBgwtdR0p+3gQ1Q6vwgPtKWlFROEMlVFHeShr\r\nSQ8JKlfBe/fv0e+EJm5NmYBwGxdKSvdj2YwQHkeeGFkNspQOZtOvZIPpfrjX\r\ntrlAIG+KF8Hmet0F+EfSh3bbBnFLwsXraZjJ40c2w0A21Am98ME/6i1kPx6V\r\naMohqPViOaz1sGazN2UHZsiaW0OW6FlYO08=\r\n=dgQ+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220914105014.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/7d11bc0113dd5f9111edae01a35de553/chakra-ui-pin-input-0.0.0-dev-20220914105014.tgz","_integrity":"sha512-eQB2PX8EI6AhcTWSIlsDyzau9dQ9TUyb17nwowIpUpGpo8025vqehGjDpHDa+aFUZijZTO/z429UwJg/VBNvpQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220914105014"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220914105014","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220914105014"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220914105014_1663152671070_0.18872813181143822","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916140800":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220916140800","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"edfb281db47965d77681adda692e9c9f154fb22e","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220916140800.tgz","fileCount":6,"integrity":"sha512-Ln1zReizh0588Lwk7vaaKtyXpYyDrrYqdeVG5E1pdHVqLdsDfUne9A3HYYPNjbgVs+R9ccJzKcW1lHmLtmuhgA==","signatures":[{"sig":"MEUCIQD6VViAH30R3Vlx/b69OuwpKxzZEPmRWjdj6LbpgNnbjAIgUes/aD6xVpk1yjadZtAq/MUWFNXJZ2Clu9yxiq7tnl8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJINyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoa6BAAjjhobcSMdDieTa0sgkY7jZXLg3i95NPE+EIPOAcTsxx7bndQ\r\nXHV4rnSOPZEnCZwMQ84VGz2RBHJAoH79H6FI3EoSDnoiesMJ3BX6nzG/RsEd\r\nwam6Jgmdk6wr0YuBF7rQv14jTCuxP4fSz57BzRq5M9aKtnniXyl6vKDGsXcb\r\nJpvKPbGmPqJx99Q9EgExGd4EO520bxksEPDX0UmYbecv5U14sRMatSNN+0xE\r\nhLBVyZh1z6Gn/pa1P2bUDq5+ojI+hecxANtRSLNaAbJxTyZMpsqJshSYd1WF\r\nynYqnisCM1JdIkImh1cUuD5VcyD9Z4TcVnQdhwQd1RTAda2NLCSGhnqjnJzt\r\n6UMQLzJMDRv3pSbxMEh4srMMxW7xJLmqKMivLULLwst6JdGvS8PX14P8Gt8L\r\n6gI/lGZBJDqJd+wABMKrATmhdJrW5aMFcwLMoTwl7tTanIyhPZripa9RzCFU\r\nqhQwa4pKhXvJFCr3hwv4FSvgIU9g/ztyHQTA5/HjTCBVH5ARDpvon/2oQ2Xc\r\nbutL6lOFW13LoYu6ERfYVdV76pgmEb9Hk9w2AEX9oUKZwQAsh/dRtb56MYE5\r\nFgWnmIO2eVQYoArcUc5cEPavOBrqtpeRPSJjHqaE2NnlrH1ylu4zJQc0WquO\r\nMVFL5gbOXwhaXgIwtHzgEmFD7tpb3Knmt0w=\r\n=jd9g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220916140800.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c49c897f684b25254cf90624dbf461db/chakra-ui-pin-input-0.0.0-dev-20220916140800.tgz","_integrity":"sha512-Ln1zReizh0588Lwk7vaaKtyXpYyDrrYqdeVG5E1pdHVqLdsDfUne9A3HYYPNjbgVs+R9ccJzKcW1lHmLtmuhgA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916140800"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220916140800","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916140800"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220916140800_1663337330573_0.43243071619656837","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916141616":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220916141616","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b373bdfd82552e3ffd481fdf4240c5dcd77c1904","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220916141616.tgz","fileCount":6,"integrity":"sha512-Sad7UF7PltftG4utlkbXeB7xPcu5XKI3iGqjiDfRljYQm7WX471oP/TTx4sOsSBED9EeRkC3E6DLEQQMXOZ2nQ==","signatures":[{"sig":"MEQCIG27oVPP3OAuCWaDlxriQFNjhrvUzJ0vLyCin6K2prk2AiBgCrqR8lkWdK0bFNMT7re3jFfp0rNoyBzP2Ne6CpdZfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJIVkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDoQ/9Fv2jmGn3No0Hk/sTWOKI6SumHWI6sFl9/St6anBAVD9AOoDC\r\n6LitP2sfSFpkHr5kFcvgl9TN7Ri6fR9z2Dg2gRKzFsnOgIMHknULqXuZM6K+\r\nq5hWe5H8a4TwU2FF5LToCYwq5XsBxWUG1Hh8qTcnMlev4hEhj2Qcpg6HLLSU\r\nigioldA2GHKKtGXZ17kJt/Je0LG0KJYhrteGbZlFSn6qfWo4H2Tg1WM2W29n\r\nINJNMDu8e9z3aYxEMEsq6Fq0W6i3SPGMqeXYjZNWl7bNZOyirWE0lJf4b1kq\r\nF4uGmgpUgStKYA5wA16L/MzSOXOOVFoKkHtRkdOqG2+V291/vphYv5IjLye9\r\ndopN36ZSbBA15WvDharhRr24hOqwQJlPeoXQxJ8IPeLe8NyT7aTyq2cV2L5W\r\nWKH8g2WcMaLFrp3QUebalyij0gyLjwXvzp5HMxZ/aVBQB5AdOonKKaZNQpCr\r\npkl1dW4VMdA943CsjxM8nDN3O9152yKRfjrGWwV1BkvEax+F3v+56pcmCIng\r\nNLl8D7oqb+cVxgYjmCJw+eo9Y/ZhJW5Y/X0OX11TtzkcsVSoJ3eQbJWofuk5\r\nVKZJ2zg19EbCyjMMjj1ewG+9TvMuqYkTKcfFVMLMiXODv+B2qArIe4HmFVn3\r\n7bwJlg2ZmP6SbS+YbzLJGQT4d8+S4KDr6DE=\r\n=QVbM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220916141616.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/dddfbcfd8f3e2fe109da20fc2c17109b/chakra-ui-pin-input-0.0.0-dev-20220916141616.tgz","_integrity":"sha512-Sad7UF7PltftG4utlkbXeB7xPcu5XKI3iGqjiDfRljYQm7WX471oP/TTx4sOsSBED9EeRkC3E6DLEQQMXOZ2nQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916141616"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220916141616","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916141616"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220916141616_1663337827796_0.5648909992488715","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916144141":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220916144141","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b9497728dd29a54286246259ab5e62ee861dd5ff","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220916144141.tgz","fileCount":6,"integrity":"sha512-uo9E77LwNc0K8Fcj3ZRrIHA9TDRmED91/2qRMS43/ZKJyMzFO2DXOUrw6jA6sLa1e2ROACISExVGr80uNk/Z9w==","signatures":[{"sig":"MEUCIHeDbo32IHcGiX4d2ZZiUDAEHfNQ08Tj1mZdNQAT1i3gAiEA+xayxGqgK3A42VJQR+YR596+oplXig8DUqah3KQi+8Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJItgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovhBAAk1qX7XsudrK5If7E5VI8iZhAy5ZtDMMXaylVwGZd1CeaDIPg\r\nQeTV3J4Y+I5KByV5clJnYV71V1o3SB86VIveaK/73faTeZ4hHnlacD25Fa+B\r\nZM/JZkdCQA8MDXBf7bg2sb8OeAfSrKeXV7AMdONZU4DXpCrdo0FZvn9nov0e\r\nDeMiMPfPtWt1h4zKy3VSpgt8Zl5/xFVjJrX3yeR3hXXOLOU9EwWCAtI1Sztf\r\n8HAjg+wQIsllR4i89qbxjY7J3tKhBKNoSx9SxsqgSbzd86qfxNFr5CSZjF11\r\nRt1Joa2rE453dJ5yNZ5BMpXJk6mDbbJABg3FIhBr6ty6Ba1SeLvQBk8bJ0JY\r\nrh80pyw+d/TlZrkOJTS3v/M0xj0GkNk/dhYRZUO45LNiuB6ZaQOH9sZahQD/\r\n7ul3jRlPOjCnAox0xQyLSuyJCpXgkXf4bc8ai8C3dSQZfVU3kFD69glqTASj\r\nF4BpLjJbEMLT3ENHU/13red0ZIEa06v9S6w6F5Pm143r3O6Ff4vTG4Wl2U1K\r\nKgowLieUcVd3VDT/EEDPQur7ycWQta/qGzOHckuzVA7Za1pqnauPNXGFbg4i\r\nsom5iahbrXktgv6VnWor8VZzSphSFBvWboJ3GGraGSmpDh5XpSlocc7NnE48\r\nIgZ/wMIJjadqUQLkCpJ7ekeL49X+KCoXTFs=\r\n=vU3N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220916144141.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/467280948987357f95c30eb6d889c4e1/chakra-ui-pin-input-0.0.0-dev-20220916144141.tgz","_integrity":"sha512-uo9E77LwNc0K8Fcj3ZRrIHA9TDRmED91/2qRMS43/ZKJyMzFO2DXOUrw6jA6sLa1e2ROACISExVGr80uNk/Z9w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916144141"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220916144141","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916144141"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220916144141_1663339359791_0.7597702131692303","host":"s3://npm-registry-packages"}},"1.7.11":{"name":"@chakra-ui/pin-input","version":"1.7.11","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-input@1.7.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":"d2bdfc29b10293efae35f6b35203d05b57ab29c3","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.7.11.tgz","fileCount":16,"integrity":"sha512-KEVUHHmf22tI4F7gzT9+pHi4E5cCyte6M8rPEwRyuc0kUBo48D8OW0BJwGdESWOKMkQXazDF6Zg4o32t45tbpg==","signatures":[{"sig":"MEUCIDSokEQ2y/Fm4zHL7EynrjEB6KQOXHtTdIQlp5aG/MFfAiEAwtmBa8XHezOwGfeG+G/hpoEEXrDE59iUlBulnI+loCQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":57438,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJJRoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo2EA/9HYTilQ6LbQGRuhgCrzi8x48NIsHfEBPckyhecNxeIyM1O6R4\r\nt0mOPa5uIJTf2WM+QA5/MdjRMcETnpGhdeKK9Y1TzcGCw53zD6hKcbh7MMgq\r\nRZfkZ2MZYtvj4qQHMYE8+NEWBf/HkImi9fQDNXhABfT7sgQ27sdexPkAgHpN\r\npXJx8hpBFEfv9kb8/nLFcd1LT/KY4OCyORFbNrSg+t8+kgvo3UT+doAgNr5N\r\noJsj7e2bboU5cG75plidQ11BdPQd1ZZiWl50szE/vEZ0xfwJL/CHdirvbBhh\r\nNq064crAk60Jn+ZncIyYhJMz1qnvAJ3eOK01z1SKL19h/dOlEtxLQrNCLPKU\r\nAM5JqwrGvLTVFVyDgzivdABK/t7REsDJQRL803422gGDQXGaV3yackiJgwAH\r\nbSICN1osccv/xr0fRl94Z8lEarjrw4QkbnShVyUs5FiVjNVjoxEU9lcq35ZW\r\nfs00eZjtai0fVSz5CaKh8++p0GHaDf//QzHa24SI3sTh22rfK8hPe7/5NaxT\r\nQUOOFdY2qsxLPUavuuP5WIaa2vhnCR6MhzHAB5/XUxfj343uONRy7nCLB6vv\r\n+bOz1p0Ek03Z5VhSLRBFUElzAeRrs8d4afkZ46V9epfV4kQ+H+djRoLcIJLl\r\nBGEdpZFSaB6fU65pJixqTpYxk5jCLWQRW/Q=\r\n=vvO+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/chakra-ui-pin-input.cjs.js","types":"dist/chakra-ui-pin-input.cjs.d.ts","module":"dist/chakra-ui-pin-input.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/pin-input"},"_npmVersion":"8.11.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.16.0","dependencies":{"@chakra-ui/hooks":"1.9.1","@chakra-ui/utils":"1.10.4","@chakra-ui/descendant":"2.1.4","@chakra-ui/react-utils":"1.2.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^17.0.1","@chakra-ui/system":"1.12.1"},"peerDependencies":{"react":">=16.8.6","@chakra-ui/system":">=1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_1.7.11_1663341671866_0.7532108751776074","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220916164745":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220916164745","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b1afd6342ad64dc74075fabdc0238f4da9380ba8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220916164745.tgz","fileCount":6,"integrity":"sha512-gbLMbxksvc9KLHc29/LxRDMk0cDpwWURXKAyKloZFW2IrDU+27xSRXDk9jLrApoKL1wzOslqCcyGgVM8wjI2dg==","signatures":[{"sig":"MEUCIQCZzGPXC9sd0a68/NE9ctfo2o05J7gFi0OG8sht9qTgZgIgKtV16W0aqAgDpG3MKTpI7PDrSca6IyIVLRgdziK0pMU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJKjsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp8Bg/5AHvHJPADWmNXXS/hazQw2dGAyIAg78wzAo4uXCOJ0WMF2VWQ\r\nwOBth56LAW+sxmzij6c5qujdNHJSWBEZRroEMcF5UNrgmkZj0YMbALvlO4vc\r\nC8laKoNXN0rsGbrY03kJjKrq7QLyItO+JfPuO4L/qZG8EhuKS5ciQorVLgjp\r\nNA+djtgVdn6+XWdow9cljdMaQ5n20AvrSDKTvgrZ3KpcBETKAu5Um+c1vBcK\r\nnAjwD2drNlYy/V/49gzWy2p6LlRQ9uS77kbtxZlTSzvbq/RIMhC8Brfp5UKL\r\nMNiOYWGP3WqdEY+bxpm+5zLHiRJ59jv5bFPNoYx+JDReYVd0knQE7IFqNDfK\r\nQI+DGuGCs2xvwjEHn9Bo67e82/3m40wHuXRRT7is/Ltu1pwxO83Hg8hdiPbb\r\nsfiqDUi8cUqPhayM8pVAOWobAFFO+bvI4uZM5l8HeHhBISyiTqcrIqvhOhIF\r\nGasr8gJEm/AfFuf6QhYVlWKLHaO/q+jkVFFOhkYT2jGBx4MR7MW7frUad5lc\r\nEL7fuNRhoS5nVbCunjOr1b24AphHEEQQepWWPSX2kN0/XVMpKDp/vbC2Qz4R\r\nvZo6I1JYlxDZw6i+fFqksVHcPfAuDXfnYRRN9YX5Q/4hW8jrf6+C5yP1NyFS\r\nVjJGwbVAW9bcd3OYxNgtpql1VHl4upL4+s4=\r\n=BBtR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220916164745.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d35e88801ce7fe74a52a4355d9e21111/chakra-ui-pin-input-0.0.0-dev-20220916164745.tgz","_integrity":"sha512-gbLMbxksvc9KLHc29/LxRDMk0cDpwWURXKAyKloZFW2IrDU+27xSRXDk9jLrApoKL1wzOslqCcyGgVM8wjI2dg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220916164745"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220916164745","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220916164745"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220916164745_1663346924269_0.7283358187833164","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220919061024":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220919061024","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"9ac79ea7dd5df337be445b25b33337c638b4d968","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220919061024.tgz","fileCount":6,"integrity":"sha512-hxO3GohPBehkKS5H5alk3xLJBhJSKVG5BTjUs1NTlTKjzqkYWHC16upHGH8bMfVvKxQhEnURbfZTW0nAsrLipA==","signatures":[{"sig":"MEUCIQDeJkCOZq0lYADerm0ErUhJ/8sU5LgZgBA+cL3Lzx7HcwIgeaclx9CRAUAvtroRwnhNOGq7/TIL6y8zcYkL7Ve1qVU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKAgLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrm1Q/5ARp85aPyeLR7GOTqIQuZCaiFdcxaLS6kLqQrZ4A2RoxLCFuE\r\nCE/Sho47Zur4Xd4vIjmLWJ9wuz5oKeR0ASrb+/Br0+Vazass+u820vZxUd3W\r\nPcV+H9mmoYulMjVHhQrNaGiO2SWhwkBqtd7sLiI1Qqtr/ZXvkhNypMZ0SLYT\r\nMFiTw7RRyZtKK9yYJ12CHub/FM1i+C8LGyEuUsj5gxx7/pcYVkTcYNyf5uCs\r\nSZcmTvfHw/Vf1229bB0nUok651VcaO2nujpr7eaNjMS9JpMDyzgK+jBfa8WY\r\nyVWQCD5p5G23qvkOmtjj9glzOhayzZg8R35BSlzsL6KjpEm9/hHrzXLSBo7f\r\nw+uXsCNUXfKxYi62Dy4QdRsu/HOtN4ZVcyCg5o1K1T8jKWeq5eMzuKRV+zSn\r\nwDedHEmXpe0GAvP/XDeBAfKaMNFK/Kizl4zJ6unVZKoIBX+xqQDg1Jtbk4/Y\r\nzSOA65hEyTiloAy0PMACBLRRlmkTqsbWe1TGOcnadOEQnnaYmCj015mZLNSw\r\no1E7MT6aKmAO5H4dPWzsywKG0IuNf99b90GhqIUiU2mf3lM7HdIAJS915gv5\r\nOQvi7YY6FXaDSRFtE7bXp8lDV+npP5qWVNvlwIkxrHwqY9IYsDY6ovOaC3wT\r\nni+Z34InOj04hJ2YrkkHCq5m2fi7LDa4EOo=\r\n=2zOp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220919061024.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","scripts":{"dev":"pnpm build -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1afb5f0cdf106d7a645b2ca3fc7bb8ad/chakra-ui-pin-input-0.0.0-dev-20220919061024.tgz","_integrity":"sha512-hxO3GohPBehkKS5H5alk3xLJBhJSKVG5BTjUs1NTlTKjzqkYWHC16upHGH8bMfVvKxQhEnURbfZTW0nAsrLipA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220919061024"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","@chakra-ui/system":"0.0.0-dev-20220919061024","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220919061024"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220919061024_1663567883350_0.8526152810257537","host":"s3://npm-registry-packages"}},"2.0.13":{"name":"@chakra-ui/pin-input","version":"2.0.13","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2f2c168066eaed63a100315202be97a6a1e60271","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.13.tgz","fileCount":6,"integrity":"sha512-YpO2dyrTv4yskuEFxxadCjSIwhDcqtWOmx9GyQohGECKMjcQA8GW5d0F2XOu9P31MNaCO0+xJXWBF1z9PLEZSw==","signatures":[{"sig":"MEUCIARWUDnV/ao38Ohe+yNXts2cbtMLHQ2fFtlx3DAlWPVdAiEA7zkpbAmrDXYP/aOd1lyRcMgtBICZ1QmZQOenY9kfN/A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27711,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKBwxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRPQ//S4wDGAqUzSr+IGmAOdlSO27YdsgpY0lDSPpf7LW87FxhefFK\r\nvXcWqJG0xha8tkF+GSt5VXvW/o7yKOmUSHivSM9uwlqPp2jy9iHPgjVFBFiB\r\nt0XTZWBPcvrR9bNVHRUgTIoR94yjE+TrF2tVOHuuODDlO6W42cVntpV9CuBi\r\nf8hVexX6DZ/K+rbHSegeAsJUpVodmcykdoSsPInFLEVnDjBRw6ktIzxeEl/f\r\nYVhHPwu8VFOC3rQ6fY3nCOpCR1op2zgj1b2OYiAmDzoixUK+e2LCXGIpQHim\r\nEzIqIx5CYNLweUKTISyysLApP5dAb9sKMQeYuvi73Zzsvukle5QTHG5q6XFg\r\nPiEiccCY+sHLW0omMf+m1jccUZc+Pv4m4aLoZII1y4YdJMxvue7I9FXP/69x\r\nZanS+COYNhwyPLXQV8If0pYhe9U75bCR8q+rQ0OGhl3//S10xEiR7mhkJAh9\r\nt8qBBLqIP5HEKl/wQX334frTdGCPuqzv8MUyywZELl1ZZctwFHUFxDTCNkoe\r\n4Wl5UP/562ub1UByhhTdUFXQiouDhUKbGnd1QUJRc5nfgOwSVd25/e5szDyL\r\nRhNWcMWf0tIrxbf7lluPwlf8welNAO9DtwvLrT0Z3F6xDUCLGlvWXbOVDsHw\r\nFLLTcYvrqr8EDF+QBSY409ZDaD5ajdK+ra8=\r\n=8B+j\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-2.0.13.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/d5d80a8bcf221a07b04d46a18d4665e7/chakra-ui-pin-input-2.0.13.tgz","_integrity":"sha512-YpO2dyrTv4yskuEFxxadCjSIwhDcqtWOmx9GyQohGECKMjcQA8GW5d0F2XOu9P31MNaCO0+xJXWBF1z9PLEZSw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.9","@chakra-ui/react-context":"2.0.3","@chakra-ui/react-children-utils":"2.0.1","@chakra-ui/react-use-merge-refs":"2.0.3","@chakra-ui/react-use-controllable-state":"2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","@chakra-ui/system":"2.2.10","@chakra-ui/shared-utils":"2.0.1"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.13_1663573041562_0.2401652812279218","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220920121057":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220920121057","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8712485e1fc6af71fcae7254a3b21e0699a17bc5","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220920121057.tgz","fileCount":6,"integrity":"sha512-8XlF3AWoiE1x3GAMgiZhKUeRHjfnRWgsAd+UElhrzva41dXEbHP7XvNUT2PskMyNX8IEklzKkk2wN4elOTKbQQ==","signatures":[{"sig":"MEUCIQDWwZ3gpXshg5LNkrp+DpHHorH2py6OSLRXQLCneGKhFwIgRcuZf/hyKF0RlANUhZCZ3iRC9SW9G34jJWxAATNMZPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKa4OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrs+RAAizFrIEcddidSo5l2C+4Y62oHn7aoTtqHMmaFD6N3qxQuQrTM\r\n5djBXImcCeQUI05X9o+lW0PdQEpsCLpLcIkXHtUFl8i+BdVznzOoaQZT7S1u\r\nVO+5VJp7VjA34/bwHoCklPbNjdiuX4St3/ckTUmS37nEpmhTZAbBVQ8o0en2\r\nuTGq6eVObrkTvDHVajOAO3X+RmY2veHuwpFDJ5hjCOBWAQfWdXZihuSqmPR7\r\nr9To80C74BeVb/iVfG9V2Ngujbi3vKlDTzqKBeZz3IM+dWRJlr9ZUkj914XH\r\n0a0hpDuU02t3rWYH8i3Mhk6mE9SAcjRTRji/LJ+duDTftEkApqw0JTyPYabh\r\nx+ihvDPVgsjenPkcs57TUsHhRMkKgInoBi6M3+psqQAgxqA2mCJW94Llle6U\r\nwNEwMcWvdANXganJBQS+9M5BCzs6W6Ujf4gXmHbpeYKQJ9EKuIWcT/dk/pib\r\nZ+FPHdnqnZzLSI4YuJV+KG4Z2XLYh5c0ZPSKfW11de7uX7ppzY8tWqpggHnf\r\nkTTO1vzJJdTKrRnrPO0OJ5AsLS9fw0ioXUXpd17a0x1JuBo6Nh8NtqheBtaf\r\ntAnHz0UnNpnGv/Uf3R1WLhT24Q6/ak81VwVKFFTmB5LUTBo7UuSzjvapEdnM\r\n2bg0Fr/lVJLZHK/XLBdciyrl78P6fMzjUEc=\r\n=7Pqz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220920121057.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/0ffc5eb020fb9108336d32a6e6ed53c7/chakra-ui-pin-input-0.0.0-dev-20220920121057.tgz","_integrity":"sha512-8XlF3AWoiE1x3GAMgiZhKUeRHjfnRWgsAd+UElhrzva41dXEbHP7XvNUT2PskMyNX8IEklzKkk2wN4elOTKbQQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220920121057","@chakra-ui/react-context":"0.0.0-dev-20220920121057","@chakra-ui/react-children-utils":"0.0.0-dev-20220920121057","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220920121057","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220920121057"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220920121057","@chakra-ui/shared-utils":"0.0.0-dev-20220920121057"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220920121057"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220920121057_1663675918485_0.3702878507088614","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220921093814":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220921093814","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cae2efe5e228aa04a8b3923a18d77b2c7eb5ba42","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220921093814.tgz","fileCount":6,"integrity":"sha512-Ts53t6q4UAVAPiGwfD+VClo92U1SHYyjTceV9RhQ7g2t9jkcMxu/iB4c60ycDUHTFcVyPr3hKzWfO3grow2DKQ==","signatures":[{"sig":"MEQCIHlo9rxT7ic0YLCoe5BEc5+7hc4SxpRjMBUbcbkcshIEAiBKAbVeR3l+Q44mzJJ/WU3U+H1ZASqq/scKF9Fd4zravg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKtveACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPXw/+KmpbMIuV8hZE9v9IOgDcwlgD55bNSw45Ul5x9J6ZhFyyD76+\r\n1fz1JpcM72oLGdKAlQxseQ18e0vNhom3VXeIRh9UjpgLRAVpAiuFKIfO8Lo3\r\n98CK0fP1Bqo+8Kjv6V7LTwtoHAIY97cZ9baYB2NAOU1xPNdMnjsL0y+lI4Nt\r\nxvqqQBMipcio15u2ag3hjDPzF5JGsPrKXYGzUEalUFK7gM0IsTV+ual8oECZ\r\nt88OjFXkzdnXD4/kPUS4oAZeUnKxdmpHIxm1ZNC/CUZc6wzH9pI7rnhlxeRk\r\nYrgU5UO87ybwFw/OoNhBs3jFNDRr1Da5nmvyBItFbLXK0xZk5BK6N4qL3p7Q\r\ncMzjfZc12FbagCBEVpWzKYnYL1XRFGANe5LkL5yZVgJvSkoS5r0csGGQHJVb\r\n95pGV7gzcJQ1v5y21zvGymAOpqL+puSg2g85Hcokgf5w/QHs45bE/q09bgKq\r\nIyuCFmagPfO1iTYvAJ8W6tRNFeSQII+xqyPI2vK8tUczbSWjDXLlkSGfKE0X\r\niqOsMBAwyVhNdHBYUKJlC54Il3QF3a7lZ0vr8xKx91Ga7e6nIsx+qDXVBLIF\r\nMtOh8xY0jwQEX9Hq4fq9lVCZPC+pYS6SryFbiskwX2xiHBTPEpPm3G4XZTLe\r\nR8DB2N1cfOyzExrkfbLo6ne4h54mUAxfWX0=\r\n=kLHx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220921093814.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5556a2f9af87622dcb670fe3f297f6ba/chakra-ui-pin-input-0.0.0-dev-20220921093814.tgz","_integrity":"sha512-Ts53t6q4UAVAPiGwfD+VClo92U1SHYyjTceV9RhQ7g2t9jkcMxu/iB4c60ycDUHTFcVyPr3hKzWfO3grow2DKQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220921093814","@chakra-ui/react-context":"0.0.0-dev-20220921093814","@chakra-ui/react-children-utils":"0.0.0-dev-20220921093814","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220921093814","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220921093814"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220921093814","@chakra-ui/shared-utils":"0.0.0-dev-20220921093814"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220921093814"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220921093814_1663753182208_0.2651950177074769","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922114557":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220922114557","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"05863e2681316274c44dd13821f5ac4294e6054d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220922114557.tgz","fileCount":6,"integrity":"sha512-FNaaf/5xoeuPMuesEleiQOsxB4iytej4ozPQjz7KPZLEtF5XzRjmDxsko2sdkA4A9V2oV08VzHAgh2m7zNJ4gg==","signatures":[{"sig":"MEQCIHH8kqDeQmk6p8UCdZvBnKSHQj/Y4qxWKNNn+3gtB7z+AiASLtOfnh2qxeS1aRwYV3bPlqjqE3qOlhqCpy8v7iAwnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLEs0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrEvw//YAULlLh22fqZNAgHL0Lwv7FIJMCCEISav/gOzbc5aobxeAS/\r\n4czdzPVEHW157mor9mh80ETHK/lByWnxaF5r0ykethRXULsNcIjmytUe94aC\r\nmuf+Me4UTSIbjZ8DQuIR6Agl7Km0+T9LfHo1yrmVHB+o0Hs+6svXjrwW1XwT\r\nSEGHRnM3rGhz0YqIjpyRvBxnzP6xkf+IcDyAS0yZrlZ8eWYWQo+Nzo2LRe1g\r\ndR/5O6FXJwO4gu8hCOm9mystVTrK2lKZ27IqDOPqwwfL4C5EiteXZKah+8Vy\r\n/IQg9dZMO1V31VWdnRtKfpCVPIKzmTgZJY8JMCARCKl+fLm8wePnOa951PVz\r\nPTKRcCEqpmw+5Rux3Z0GxMXQDIrwqzPyq2dDkZo0diAFRgYJVOKmAo/MZAx0\r\nor7V4ls1PUWsGKKnaA3o47fNHWS4uwJBAQMAbV+JxqHmUYEef3WkTNBRNjUz\r\n0VoWXjFtbXAX3hihSprO1pMnOjYT9RH9W7B68H2trypG+mCvTsi24wzWx6oY\r\nvzO+1DQbgBWWXuchW/446myPFdfW+DNAwnHW7K1XSWjVXLG4CxzMALdq+luJ\r\nXvN8GOAhZmsGHD5WXDcr08uMNCWW04srlhQQA8+Br8le248VsBjc+wyUj8d7\r\ndCviX+jnF4ru2U0kITC/pbVbNo3w3UWnYvs=\r\n=EvTj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220922114557.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e3c2f74eb28d31827a87a8c9c6dd6c42/chakra-ui-pin-input-0.0.0-dev-20220922114557.tgz","_integrity":"sha512-FNaaf/5xoeuPMuesEleiQOsxB4iytej4ozPQjz7KPZLEtF5XzRjmDxsko2sdkA4A9V2oV08VzHAgh2m7zNJ4gg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220922114557","@chakra-ui/react-context":"0.0.0-dev-20220922114557","@chakra-ui/react-children-utils":"0.0.0-dev-20220922114557","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922114557","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220922114557"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220922114557","@chakra-ui/shared-utils":"0.0.0-dev-20220922114557"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922114557"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220922114557_1663847220064_0.7359356989359516","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220922115811":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220922115811","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"050cde9a4b078bff1bea0255cf498ea9da4442db","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220922115811.tgz","fileCount":6,"integrity":"sha512-H4+M9f/nysiY++qzY9GckKPyRdbUtHLZSI+UVFoOWOLBTIoXu6Wv+3pZOxx78f0UigcNhTR8hHrzBmls9UwRGA==","signatures":[{"sig":"MEUCIA0MpXY+/12NWKmKJAdUG8yn+M+a0+Emy4Ug2u63wWY0AiEAtXsdteEiI1kyH0sVgWI6GEZcpjsMt9RY0fgEH3m45Bs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLE4UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdNhAApL8v2LCCWR9UqNkTbrUMnQovW5/Krl/S6nLfYbJdBfEAuEAK\r\np1tcz0vZa/dHJ1xnSp00TA1ZLM603jpeqG6XQWZIGZv8s6lvcOMVWd/ne1Xf\r\nX8pST14Yd1vfdY2S6Awt2D0WEKMfcF986MzCNj3bBBOqJqrve5FDAEBPtNbi\r\nOvqri79u2t0wPPdQ48D0Jf4sXU5nZIyBHQdsIZNEV3okG48H7JONUfqYmC3s\r\nEH6cykUFkX4hWDxaMy9jtP8rVGSorINjp/TJXVe59bt+FBtXlFjQrED37aMF\r\nAAtPRMjo2dDIGMH8zXKKWBRfEBCemzzZYbdiAyK5IVjjQrRIJehirDwYRP4Q\r\nlVytvBYiGQe7f6FXERNzdkluLsK4AnGluDRnEk3+LjrGy3Xf8ldTY7BFQDe+\r\nDU9PN4allnfiskGPdifS2bvqungURlU/0DE2HY0QozI5xKmEZ3XmKlfopSkt\r\nkCM54OyeNNl1DqChPcp3v4DnDaDBudaL288+TifMy0LbSCs2h2/N3Vm3az7H\r\nEup0XdPk7v8qzomEkRLB0OFdq9OSZQaXhc8isX3BZfTZMgoa5Qx2xzDEnAvb\r\nhBznRBxD0mI8xKLozV815baYHlcFzjPHfjl+xgOub5vCtGEvmk92qgJhyN6O\r\nHIdIzwegy121pp99LTtmEoKCor46YJtMLwg=\r\n=3rua\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220922115811.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/55625f3bb5c51cfedbc1fc24e0ba2503/chakra-ui-pin-input-0.0.0-dev-20220922115811.tgz","_integrity":"sha512-H4+M9f/nysiY++qzY9GckKPyRdbUtHLZSI+UVFoOWOLBTIoXu6Wv+3pZOxx78f0UigcNhTR8hHrzBmls9UwRGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220922115811","@chakra-ui/react-context":"0.0.0-dev-20220922115811","@chakra-ui/react-children-utils":"0.0.0-dev-20220922115811","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220922115811","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220922115811"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220922115811","@chakra-ui/shared-utils":"0.0.0-dev-20220922115811"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220922115811"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220922115811_1663847956444_0.01314688824255228","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926164115":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220926164115","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0f584e390c893af5d34ed7210fd81f3df8fcf2fc","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220926164115.tgz","fileCount":6,"integrity":"sha512-GfPMGB3FDV5G3MHAoxdvZ9MxG+YQnVGIlCTe6ZeJ/u8Pdyv8+jwNHd9U3QGUUqY84LEWx6+X2upwysvd1J4M6A==","signatures":[{"sig":"MEYCIQDJXYCIlt6tnM5RcpR9PBco1lQo5RmkteMiCk7jx/zRBQIhAPJyYgn9eB7ZSnGiAR1gPucnf7uP7F7kTnhixhhge/ii","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdZ/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpseQ//bh2yMRvSVfHpiX+WTaKFKsVQFgZhmImvWkYU2QmVBikTX9BH\r\nFATeMNKxh+84PUayy868YLJGGZGc7ky10x1NMhx5v62R9NpAAJP8cBUwHN08\r\nEH/ZI9W566oh+5aOX73s0/tsfLOXwpAGD7WMcH44xEdujvT8vkpKE1HzJ49l\r\n7tD8jyxLx8ocY4kigvZ85LWnaVECPeLg1lB+RpbDrq4l4iYqs5B1Q3HjhtoJ\r\nm0tMXu751zWaxmOJXyFdCuJn6juP7za6NO1IyR6+D1wWskI5AFn7iUE8P1J5\r\nvfLXONE3GnVF4k0Kn764pZ3NVYEmb/BqjB6+ejt4VGbRdiCMjVSM5eBnauaG\r\nFjJfrSekR8woe3/wT7IS6CICq8E4d890DX7Azz1tQaGnfMTI9t07+jgkue0L\r\n8E30EAFQn7UEVUFSibRZQH/89Wx5LYxwgNrbE1lX3RyKUwrgruWuIfFHoiya\r\nt7CKsjxtNeZvWBBfF2364UqeKZRnAy5ICBJs5qJTt3I08C6GvvoiR8rgftss\r\n9ZAt+Yx5ilMtx/j6XtdOt+NP5b1R356RbyPMihiHAT/VVkCDlMDi3oL/LkkE\r\ngXYYyGQoWo+N0mvN67mm+boSlfEoEgYtskkEQo+naNeTadz4XyjvEsmf5ibG\r\nFqPc2dyRCPg3/IIudrxprOIrRgss7LSEeU4=\r\n=hcK5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220926164115.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/44dfce90590260ce66ae41162f29b2fe/chakra-ui-pin-input-0.0.0-dev-20220926164115.tgz","_integrity":"sha512-GfPMGB3FDV5G3MHAoxdvZ9MxG+YQnVGIlCTe6ZeJ/u8Pdyv8+jwNHd9U3QGUUqY84LEWx6+X2upwysvd1J4M6A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220926164115","@chakra-ui/react-context":"0.0.0-dev-20220926164115","@chakra-ui/react-children-utils":"0.0.0-dev-20220926164115","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926164115","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220926164115"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220926164115","@chakra-ui/shared-utils":"0.0.0-dev-20220926164115"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926164115"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220926164115_1664210559638_0.3274891189969804","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220926165450":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220926165450","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0de40e1270a1123651c6859cd7665ac309a1db50","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220926165450.tgz","fileCount":6,"integrity":"sha512-kA0Fh9U2fWSw2ouJCDGft0fsXRFmSGsc4FAZW4gZyphy8BVoJYrJnzMAiu5FCctxKDRX019epEilSM2MU3a3gg==","signatures":[{"sig":"MEYCIQDdq3u5Bwv8XUZ5dHa46/vJm3Tx4cmy0rdBKJoWNwemdQIhAPci03Dq8KL6tqzML8l3+HHti0eo2rO1IZjdmU2jnwsC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMdmXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/Sg//dG+Qwf1jafkRVKXIxXi0qfqZrsweuDpjJGUZn0xNnhPlQaa5\r\nnV3TX/ZRUKZKi4bcbmmpHyOqqG9jQSLo4FsxTnyRAye6gYFSKM+mFksv7hhm\r\nBHMcTize+4CkMy/zSVGWygVLVVEhxNYEcxtNIpCD0P2a3knG0RunEHoeRuXz\r\nvsYir5BOdTQGR6VAcM5bfLCQuKxNG5EizksS7f+6C1IFRWvYNY3zMbc3W0tK\r\n7dNljBR5nE0eYPZFnnibfD1xVD6fzKNhSYpv4ciAP46XncDW9MXXhE9FvtgU\r\nOXYneeCP7owYhqA+7o+bY2jA+wJ84cNv7a5Lx4FV4E3mUgs0GnOnsGWv4Eb4\r\nM7F75BindCL649rX6gnzH/Ro5EFT9lSYQD/k//4mP7X/c+3J1lwqEG0V1kfS\r\nJHQDTSzGwbaf9vbb83Sq8vXQptuAnsp/yFYReBShWIoKIRVv+UuURt1qVnM5\r\nK/6ja2Ejd53j40Mig8ZD/VMOHFIuS245KDCmzeG+ZsJ9dkd9bh//zBLhCvHV\r\nBvp2PDIvbEYxpoDHtb/ie9rSamT4b+Yht1GmdnInr5PQkSefF/pkE5nkEUs+\r\nh1Y1ou3mr+9vk8NCkgMgWwFdpRAYkY/wptf1P7SUthFcUWVGmU1BpnQe0BWp\r\nXGGu/gfMQxux6Frh1lt8u7Za1jvpI5wCYxE=\r\n=Tmgv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220926165450.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3ed43541b7d2119af342b2c217ed9ccb/chakra-ui-pin-input-0.0.0-dev-20220926165450.tgz","_integrity":"sha512-kA0Fh9U2fWSw2ouJCDGft0fsXRFmSGsc4FAZW4gZyphy8BVoJYrJnzMAiu5FCctxKDRX019epEilSM2MU3a3gg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220926165450","@chakra-ui/react-context":"0.0.0-dev-20220926165450","@chakra-ui/react-children-utils":"0.0.0-dev-20220926165450","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220926165450","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220926165450"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220926165450","@chakra-ui/shared-utils":"0.0.0-dev-20220926165450"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220926165450"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220926165450_1664211351556_0.9263931473249447","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929105632":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220929105632","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"76fb3dc1f4560f1b3e775e1e7199b116303a8780","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220929105632.tgz","fileCount":6,"integrity":"sha512-QkxZB1TuTb/btBiT0gk1uM1YEhZALtNov1cB2x/b9ZIKrcyd1spOag9hg+23M2nMDTJ1n8knXRvs5PBm6F808w==","signatures":[{"sig":"MEQCIDIdePuBJ1eFgi3dzZNP7sctcIPHKzslCRgKCG/VJmCQAiBlDR7urBSB0J6PBRvdaY7gJKLQYnJDEj1yseRV+OQMyQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNXohACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4Pw/+NptfRNYdY67ralR66aPIlM0GGBtqpRXlpgMfqPAJ1r+A7GlC\r\nVQTADbw2AxoHgLs8bx2+nD1cjFVChUknViDLZJh8sda5/Lw0PJRmvrNuERvE\r\nc99xUKZctW8VtRDpm58Xi5vTGqJEo1kO97rF83865DYB64gIG5uaXLrCNucG\r\nf6agdjN4GBRDg2tzzLgwHwptESofbL5GIXQnsiYBNibY8Nyl+i+T0MZ8BWjZ\r\n3SaJ1SEx60dLYb1qm3brsi9lBPehnv3BqTZs4b4dducMNWOunONQYRomMRHd\r\nGeXxRTbaQIVm4+xTXYiOqb8syNwX1Ym+9ZqQLxza0Gh3ys6n7WDks+3Nli1P\r\nbwMIjBBS4Aj15iLyPCkMzXKT1g9YPVdq4RDl9O+44BeWYJAA13ikWkEjgWRz\r\nXP83o2CVtGigsvjcfMiqo7gQQ46bLTioaGs3qzlaRhEt48F0zK25JJuof76r\r\nH4Xwr20fWaVMQZtx3TUfxy3xI/Ce+qdUWKvMbjIXIvl4t2/AeWLu1qFB3gI4\r\nWoUsxz//1BCjTSHNqoV50TvF7w8HbrCrbiktjy92ve+Vt9M1iSeEGVYFjYK5\r\nzB+h00RB1o8E9OccKG/pP3LJfTTr4Kz77UTe1LxmnwANZ5nOjUYKN/syjBrL\r\n6ZkeEfZEbJgKWqy2asNvR4UibeqlpLi6yDs=\r\n=IFpU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220929105632.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/380214cd8830874d7b817bfe45a34b9a/chakra-ui-pin-input-0.0.0-dev-20220929105632.tgz","_integrity":"sha512-QkxZB1TuTb/btBiT0gk1uM1YEhZALtNov1cB2x/b9ZIKrcyd1spOag9hg+23M2nMDTJ1n8knXRvs5PBm6F808w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220929105632","@chakra-ui/react-context":"0.0.0-dev-20220929105632","@chakra-ui/react-children-utils":"0.0.0-dev-20220929105632","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929105632","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220929105632"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220929105632","@chakra-ui/shared-utils":"0.0.0-dev-20220929105632"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929105632"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220929105632_1664449057629_0.7721722700886686","host":"s3://npm-registry-packages"}},"0.0.0-dev-20220929132459":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20220929132459","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"2f0e39dd2eba9b0207613a8e7d5c6f0191e3810b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20220929132459.tgz","fileCount":6,"integrity":"sha512-rkp4jg0+vflISXT6PL1ode8xwFH4eCweis5vEayFSi/vM3PCPfSYcknvDxHakZf1uAPIefm97hBskgITC+SR/A==","signatures":[{"sig":"MEUCIQDMrumszagkDFyNxZdB8myy/O1totqsrzR6YDauahDsZwIgE5hp8x8M6nFbBSfGbsuAxqR3GoOdOq/UNNGHG7v+FB4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNZz8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFuQ/+LalkGCxdgASUU3WcwFphMJycF7JghKfMRoux+MX1rWyicXci\r\n+QqBsyF3kPji0GUSHcXDzikZKllvWLxv8onU5Ua1fEv4u2/KmTXW7XOefENH\r\nZP2QBu3eDzQzo3wMIDZQjbIAgEw7s0YTPAghHDsqvuopC4qmIqUQLDUAQWyL\r\nWDzqASfhWrpkm0vaPMujs7SGiB0ipHDQnkSrQYwOI7V8lhYvUplOj+gbq7to\r\nzF5Ig7ZDhlZMNP8yVw/h7VD3faj5Nf/MCRenttM5R2f88r55XQrAJ/zJBw/5\r\nvtICFWiOnNMzUOeVvxwlr9QsaYgc87J2Bjk+HYmlDE8sXUwTqQU/K98Oq1gC\r\nwhignqrktTZxT2vN0/vC8GIgqXHUFwPLTKlhgVhodne0b1FzBy5hgAwARkxd\r\nIYcQRbNW9NsTb9bXTu83/S3jTbDIOvrPgB7+8qLwoPqHHcgVeCdWHuqrVrhh\r\nWUg1iB9f2i9K3Ll4TnNvKqRDwPTru0Axbv5CZ5C8THIKXzrMioNRe7iCyjkl\r\n1UIIe/sSdfu8OxOyUu8ReeIe0x9a28X4YunsIPIp2ib4upfSvK7k9AQnScu0\r\nUeMvBrn3Hu5JBrkj+zq8U6srBiDBO78YEXtcd38RUNi+skOT5oXXyzVkH7f1\r\nTvr88Ahu0bXIxo6Z4qxiY7tE0m8t+7dTCkM=\r\n=yA6z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20220929132459.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4b3528e4b44c787b8d626c7df57bc326/chakra-ui-pin-input-0.0.0-dev-20220929132459.tgz","_integrity":"sha512-rkp4jg0+vflISXT6PL1ode8xwFH4eCweis5vEayFSi/vM3PCPfSYcknvDxHakZf1uAPIefm97hBskgITC+SR/A==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20220929132459","@chakra-ui/react-context":"0.0.0-dev-20220929132459","@chakra-ui/react-children-utils":"0.0.0-dev-20220929132459","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20220929132459","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20220929132459"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20220929132459","@chakra-ui/shared-utils":"0.0.0-dev-20220929132459"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20220929132459"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20220929132459_1664457980131_0.5740382809023359","host":"s3://npm-registry-packages"}},"2.0.14":{"name":"@chakra-ui/pin-input","version":"2.0.14","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8b5a1817c508bf0c986c6855245b0dc516a14df8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.14.tgz","fileCount":6,"integrity":"sha512-gFNlTUjU1xIuOErR/d/HrNNh1mS0erjNJSt5C6RU/My4lShzgCczmwnil7TuEx3k7lPqHKLEf/CGeCxBSUjaGA==","signatures":[{"sig":"MEUCIQCFIuP9LtkWiAX3u/NQ76PiZDZOa7pPzBqaEH+a6646LAIgJmlwV12dwdnP8VBJM7RS6hE+BUQKvVXrawoRdgnOozA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28028,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjOqeEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6vA/+OaCCc6sQSrT4Kc1cD7Bs3O0r1VKwuRDBXy09l75iWxh+LL3s\r\nnk67ydQgvjBC2Yld4pIfdpdOxEhuxiLbVxSRWwyfADbVM9XIiqBmbMiNjOXa\r\n0Voo2dMMrthfjQuzkRBZkal7hOzEfg4r/iainDjx/PfztpFctCaWP4PodHbX\r\ngmdkmgbryGU1iLw8thIPqpSIPdVXopsHrS+q/9JjsBvnqPaNRAsFc7lE5FQe\r\nEZkOm+lCF2w5g7rH8mv+HxwutFudUst4Pv2Vy0nv8aTAYpCn/g/xk2K/2Pnx\r\nhPsLqO/mqig3RB+xd3x8T3VZXAGmLukXMjOhyBkFlDzFSACM6bhqKBQGuvmh\r\nPHZOAymEOz5SS4vx2dZqTwy3dQNeVQLZX1EUFLMoxmsQAHgTI6EXkeO1kZrE\r\nUNRETrurqXt0TZyolRLKgqqee5923xK5G7HITCI53LwynmvrFFj3wulb6/Jo\r\nHvkdefpENETue61EfjCgiq/5MjPuuDKlWYKUpoUrkys2eD/9gjFWyhEDt6Mp\r\n9uxFmySO930tvnzElpPmYH9BXmtLHtMHa/QYDuQGyqpk00Vzbj2bcDtGTngg\r\naty4e6gArfhjPtW4iIih+JaNKX1evpQRzDZzBCzezLh5ZpfNYd0DsYBSmANK\r\nlez/wn6v6ztohRwuAIPg+NUYT0v0lY2MDuQ=\r\n=Dg0k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-2.0.14.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/fbefa5153514a49a55c1e99b36223025/chakra-ui-pin-input-2.0.14.tgz","_integrity":"sha512-gFNlTUjU1xIuOErR/d/HrNNh1mS0erjNJSt5C6RU/My4lShzgCczmwnil7TuEx3k7lPqHKLEf/CGeCxBSUjaGA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.0","dependencies":{"@chakra-ui/descendant":"3.0.10","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"2.0.2","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"2.2.12","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.14_1664788356564_0.466004538739877","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221017063840":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221017063840","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c564ad314716c680a47874c8cd22a7502e7e652b","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221017063840.tgz","fileCount":6,"integrity":"sha512-DpjWrJ1g/WS6ffFg3S0tLhQnrFU6qu5u3Va8pTYKFykWXGo4HER2I2KnFJPvy9SajPvYn9V6NtBTVo/p2PrpMg==","signatures":[{"sig":"MEUCIQCQUPebIFUlxJ+DpVbT2qm88SmTwMC0MwmC5WesvhJXsgIgGE5A8m725PS1kqvMxf7Z1LxQlhXWKgZ5+IjVg2NyKUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28100,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTPiaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBmBAAmw9t/mKT+aHCe4b5d8eQC3IrFSO3fgZvPyX73s5H67W1307s\r\n4lhFBwuTtEBdLNuoJfkIxooJiNfP+9L/Ff7Xv9ga9mC/aD1lxDzs/B3Ehshc\r\nGgafbBsUfCNkZ9MsvTgksZPxOQ5nVQA985XtjovqFhZ7yZt9YN6p+qBcP44E\r\nztwXoZ8fu0oGZa/25kgLVrm1uPpecV7Ht7dTHhA4N2okkHZu+AseVkw6qXR+\r\nEP0Fd/A1O64bhxFQamHIgBZlRAqAD2ZqZ0v8/vWLAeDlvstklbNWL4i2X6Hl\r\nlmcSQfGdXnNw565Jqk4d13gqposadoaau6wDYzDMH4wkkHKVbI8moCg16DUe\r\nni/2+FnGf59xxlJym3zcOV2uvsI5gVroWip/Ckq1tUE0P7bqoJskWlA4Y1wV\r\nJ9l5kRGoSILew/ij2mnXEROYMOEf0TfEm70nUDuVTKAk7P85T2n1tVFb8GGt\r\nbxt8ETYtIbJYxX596b7R3uozLPSl1RyaWKiprHdwLxCecyiR/ej+cVlhD2E1\r\n+Qrkg21Wkrk0jucjIG/JlzhkCdke0weem1m0yz61jHeU/xy9xrHTIOg6Oxvb\r\ntlGa1d66A8OxojuX7JvzJtsye/q/stQLkWqHz9uV0l3zKnPaHjAPcw7C+DZM\r\nekiBXunvq5P/ZZ0rWRYUeG2zEk9ZmeV7RH8=\r\n=M2dS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221017063840.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/dcacfbea99b7d876e508896cb0537d2c/chakra-ui-pin-input-0.0.0-dev-20221017063840.tgz","_integrity":"sha512-DpjWrJ1g/WS6ffFg3S0tLhQnrFU6qu5u3Va8pTYKFykWXGo4HER2I2KnFJPvy9SajPvYn9V6NtBTVo/p2PrpMg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/descendant":"3.0.10","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"0.0.0-dev-20221017063840","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221017063840","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221017063840"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221017063840_1665988761998_0.7472867307480595","host":"s3://npm-registry-packages"}},"2.0.15":{"name":"@chakra-ui/pin-input","version":"2.0.15","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"08e65c5e8468cef6192634a53859169b51c2c4a7","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.15.tgz","fileCount":6,"integrity":"sha512-Ha8siSZm9gyjHHBK8ejwhKT6+75U12I/hNiYFvl2JHhc+Uh8tdi7+N+9SILO5vqbIv9kb+WGitvZ67I0cHjSfw==","signatures":[{"sig":"MEUCIFmoBzbUzyDevFU6yGQXLuI0ZkgfieUFzBffmt54VEkjAiEAltVQVaQsA6T1muxn3YAUGaUJtpJaimX/zuX39nx7GiY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTQK1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZOBAAkpThsGSZB7/D0cJp7tyOzogVHJXZpODAVkFO54Hw8KkotBNd\r\nnTF+nsbjLYJbLJ9MysjPgQMzRVhw7iBWROz2gS6YJIJZzpnZF+JrBsDqYBAD\r\n9jzGxEV1nMAxOHwwbBpYgwhfPPnYQnyqkHBjGgT+FV99nWx2cqNNLIgKcEIa\r\ntw1jn5mjWcmJNZsC1k5gxCrNexAmsAuCV6iX0oXVDDWFzZMi+d8ZetYMhc5S\r\nxGe/ZOsdB4iQsACB5bbXky0qJISKFfg4CxeaWMD3a2HArwxspPvgAexPltj9\r\n48RPF0Chec1X9sifU8Nyh3CC7x3yggJjgDLnXopmXGbzbxcL8tmtn8UtcmNg\r\nFIUuSm2XcRawz6Y3lJPuTj2hCocjdA3Xx/xzFXXi0dBWG7GrAeXJQUdMTIgP\r\na3KI+0xRPNr/l4W91dE36gnVk7FHY3Ugnu3S19AS8aqaK/ix4QiOa+mVcoVc\r\n7oLJqS05YOT4EVQWG+PxWulWs3ETlAEkRS8BEc5DG9zoFSyArihZVkAyw09e\r\nWYHU1ZhBi0LiP5wm/Ex/4DjckCrjttmeYYmFOP7PZb+FdP4qDwZcDF3Wpq0F\r\noLTtsDgA++1Yd59L6uV40pBObHKfI+zbeD46bIslZBM0wNL6TLnsoxSRVf69\r\nURgeodTsGVYoEjwadcR0xzUy63R/0GqVxbo=\r\n=JIf5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-2.0.15.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/81e588f5069678b6bc066f64dd2d99bf/chakra-ui-pin-input-2.0.15.tgz","_integrity":"sha512-Ha8siSZm9gyjHHBK8ejwhKT6+75U12I/hNiYFvl2JHhc+Uh8tdi7+N+9SILO5vqbIv9kb+WGitvZ67I0cHjSfw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.15.0","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"@chakra-ui/descendant":"3.0.10","@chakra-ui/react-context":"2.0.4","@chakra-ui/react-children-utils":"2.0.3","@chakra-ui/react-use-merge-refs":"2.0.4","@chakra-ui/react-use-controllable-state":"2.0.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"2.3.0","@chakra-ui/shared-utils":"2.0.2"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.15_1665991349528_0.6144173925565315","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107161407":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221107161407","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8bf95233d80f84877bf3872883fae001e3728d31","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221107161407.tgz","fileCount":6,"integrity":"sha512-SaD/troiQSPUGMYBcYyemxjIPzwGGo4/9z+Z+3cSIXKcm5ZgFUZIkAX1kRJoTHC9n9wMJbe5eD8dQEUFt0aeTQ==","signatures":[{"sig":"MEYCIQD5TpTCoVAztnay6WrkWt9GaVIGGJ7cZdovAnWE1FjyxAIhAOfXi2zOOWWioyyLWKhPM6d6WqS14WlAM/E8zvU6E1e9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaS8ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFrRAAhDUC8Ont9wQK5MAyl4HghosTOW2Z7aiP0aFM2u78JXxatPgz\r\nL53h4kFikR+tmB7S1S94hhXjpEmlb7IDEuPePsNq6p2FsRnfGk0LAIfdq+0D\r\n4J/Wx1ADbzTev8Hz2DWUxY8O1okFzXXvg+Sk513fnxagxvYKyZRdfHPAq16g\r\nISpCDbFiilGG5H2UKd3G09PMgeN6A999a4uNx8Zjh9O4MT0ziWDvvamtaxs/\r\nTOleLeHYsCUq6gp4go0YE24T4cmDmZbTr61fQuNSYYqKLP4ttSjv2x/cUmHk\r\nVwHrxcMxQqbSllMDvb1zOexkxAMy0aA5rTKrOYWiEkM3nBaQ7TbRrvj35GZa\r\nHiB4E75lskM38YyYp+46SverdDrM5HplgnGtx4rgxD1dhEY9ybvbpF1AZ71x\r\nblZITMZy4292p09eLOqQs+GQqFwvOEOE9ibCgFh4jeFcTZLW3cDg6efgj92/\r\nR2YxGthYJRnCii9u3/c3tiYFk3rL8zCKxiZZtC8RPlbNLYIzUJrnYeU7Jppo\r\nEPz4yb2fs2snaL9Z5yccTS5SHW7Id2d4MQfxGBLbAcJ9+zj3+sB2Qn3xfYw+\r\ngjfrTTyBV7d3eMSgHxGcVhykVnTedNbNJbPjeVj3dhe5IwuLKlXVZrZMK+xc\r\nM95793Pqm5UswFl/lugP7mKnKtdK4X3xshg=\r\n=zRy5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221107161407.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/aff351d1b639c109806b155212722ce9/chakra-ui-pin-input-0.0.0-dev-20221107161407.tgz","_integrity":"sha512-SaD/troiQSPUGMYBcYyemxjIPzwGGo4/9z+Z+3cSIXKcm5ZgFUZIkAX1kRJoTHC9n9wMJbe5eD8dQEUFt0aeTQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221107161407","@chakra-ui/react-context":"0.0.0-dev-20221107161407","@chakra-ui/react-children-utils":"0.0.0-dev-20221107161407","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107161407","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107161407"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221107161407","@chakra-ui/shared-utils":"0.0.0-dev-20221107161407"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107161407"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221107161407_1667837721622_0.1089980225908258","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107181117":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221107181117","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"a162b6fd3a2c8b0bd0a5790912279e165a7c0ee9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221107181117.tgz","fileCount":6,"integrity":"sha512-eporgY8KN/7t1HKHen6vGglXMuMtaw7wFyuHm+sqWrkd8bT7phIotNmMjx3utGrEYle3XkuPGuSEELg7UC7wNQ==","signatures":[{"sig":"MEYCIQCJB9wLE3hFokngkOQcZGhFZk65q+xStgI75hsnGlaI2wIhAMru4d5GnbvavPP+ZvCpwircRdURLTOrFGKF5thjma2d","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaUqFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpc6RAAkop37+fg+eWKDz8ww4XLlZ3mdLEk9OpbZDrHOP+0MYTx91Ie\r\nldqfFUw8QudiJZc7vudkmUtcz5nh7PLHsq8C+XfW0iEnYxzT4EQuble1C7+F\r\n50YiQTpo8Z2DUmVodPoOGjay5WFbIYpUTO+GNbg0bDSNM5fvtIWY5jdvP88f\r\n7k/2+dOXoP1XpkUBmqKT3AaM5Jkt5n+b+QMjDQTIhW62s5x3m2JZalITXWRl\r\nayca8aAEEMjxYFy0GDRCGsNxyQX5h46C7/eFkqdbL7MN/XQNF9uGBo6Hm/Cb\r\n7kVG6rw5/92tScAsQoh4br5B1lbmReNs5okaMtJXEqe3whnpbM+U9d3BDArv\r\npng0O6qSuftRnYqmDo23J6xvk06BJ8LxDsBW/jMiF4vwVwwSo2weU5Nqitmb\r\nqmagZpZhNTcwLED4AVUz4JJZl3I2rTP6+Tzzqa0/FjKcMDptl4ON4QiLr+Bt\r\nU8hQSMA1rgdxQv1p9c9ICNTNrSk8sBiRoEGjkE1akJ/uPzIT3cgZgY3Gf5J2\r\nCp4k2EAdCyipfB426CakTfLIMFbiV1rRegJ4injZ/+S/spf1ssCGErX4I8M0\r\nvdQQ65ubpnzMj6wplQuiqCf/70z0DJjEHGq0irDLwHpYqspXPHRSrRFc5x1K\r\nVMhB159tOctJj/6QfPdmiv78QsyR1dt54+c=\r\n=V7Ga\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221107181117.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3b5f242de718331e19960f0d9ebd86b8/chakra-ui-pin-input-0.0.0-dev-20221107181117.tgz","_integrity":"sha512-eporgY8KN/7t1HKHen6vGglXMuMtaw7wFyuHm+sqWrkd8bT7phIotNmMjx3utGrEYle3XkuPGuSEELg7UC7wNQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221107181117","@chakra-ui/react-context":"0.0.0-dev-20221107181117","@chakra-ui/react-children-utils":"0.0.0-dev-20221107181117","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107181117","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107181117"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221107181117","@chakra-ui/shared-utils":"0.0.0-dev-20221107181117"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107181117"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221107181117_1667844741267_0.7279539678707327","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221107182607":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221107182607","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"6207ac6596fcaf8b968de4cce3ccf920d7b67842","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221107182607.tgz","fileCount":6,"integrity":"sha512-spN/Eb/utVpr+pl27+rwVsBIH2AKsVMK5HNUqQAcKCUKZA6ucyfG6iPrm+QvaoNm6FbuUdVyZOTZG43ouP4skQ==","signatures":[{"sig":"MEUCIFTuSfTVkTDn5sY/xbSARU3uG9Z/ny0NtRWr8HaTOLlGAiEAyZPbgTYlnSdtHjYJOIQ06hEAezEURSEWk0g4EfKrBRs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU39ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqzpw/6A2umTSPYFoulLajqmNi82iG1x0H11Q0P5nv4Ad/KVM8JMecI\r\n92+u/+PEx+Unwrws5deU2N7lqQLy0SYDscj/jcS2agL6jtOfzmWlaPg9++E5\r\nZ6I6rN7m50/2vX8pgUJTwSauzs2Hr0WAFumW1w1lyBHx+/vHu/P+tmV1XQWk\r\nlsiE4Afo5nk3LM1T4bum3iWGNOCKx+JBaHcFNAGZ4Ils228hAaigYshzpST7\r\nENW9cegUUU0WVb9a427UxvAelof/33HzGpLXFdn3eSwOsKDfLINwMVToUl8t\r\nL1vR9igkA0TDn7bdtd/HqaWIYhIcz+aluswwPvNSKlaGgZhCprO2Pnas6qoA\r\nY/C2wLPWEIWpNHr+vhhDCEbZCFLNA02dt6K1uQJQxgtWF+Y5pVeys0hw1hgm\r\nS+VRHVKYg1VSjkBTFwAw/5HHN3a3oUU55yAZfSCoXjzw23TAgD/Wze+isJMv\r\ncYGzo59aFEu7nncwEVoLV3wuUfBbSqhQVDBbUBesPlisKFuWDrDbjRBvQfM9\r\nRxsVy2uJPOgeRdTRon23Q99zID9TW69/sFnrQDL6jpysc7RDD6PoFu7/QT1j\r\n1GygVYc3N4ghWebKFYIO6x8a1xzbayceocbPiABxnf+ZUdMKgW+LVR1rtL+7\r\nu/AaE7QRJBSIOk6WKlPQNSBD5QokLAcuzaY=\r\n=k1/B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221107182607.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/06283b880c3b6272830698223f51daf7/chakra-ui-pin-input-0.0.0-dev-20221107182607.tgz","_integrity":"sha512-spN/Eb/utVpr+pl27+rwVsBIH2AKsVMK5HNUqQAcKCUKZA6ucyfG6iPrm+QvaoNm6FbuUdVyZOTZG43ouP4skQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221107182607","@chakra-ui/react-context":"0.0.0-dev-20221107182607","@chakra-ui/react-children-utils":"0.0.0-dev-20221107182607","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221107182607","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221107182607"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221107182607","@chakra-ui/shared-utils":"0.0.0-dev-20221107182607"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221107182607"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221107182607_1667845629222_0.8755709596104286","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108071844":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108071844","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f85235b0ae3e15f3025c99200fdc4aad7e296731","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108071844.tgz","fileCount":6,"integrity":"sha512-lU14F/kXUtHJ2yaZJXIFleZns9XbA6TmypcdsiNNWQVMrPSsfCFziyi4SqAnygjoxt0RD4FU5bdIInNkQUFnJg==","signatures":[{"sig":"MEQCIDpI3sddTiLc/aIZvL7xdSWnBPSr1oixgROsxQgto7pzAiB4+6eYDXUwitHeiWSPVk1VDDKetb6iplQhHgJov6IWxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagMWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq12A//QmuPx6MpSaxMgYb53JCyTXhAwWqwitnUpaynVDblId2vY8LN\r\n4BAb8XxqSFtS7dhwvcfuGSbqYT2lH6YkmEfg8KdeGrSWMxx8+9W1vBT03AC8\r\n1ZTz7xc+pNt6vYKIRqtTBaWLY2usAVa973m1N4S2UuJH5CFrfvOEHm6Gxg3O\r\nJMS9pjVgavN3NFV/JZ8bjO4YZTcWF6teHf6YySLwZMCF3KEsC2XypzCgjKy2\r\n/ycyTM901F306zS2hne676i/pa6EKArUcrYwCCeshgT7/s9DmdA0Zr0gLiKm\r\n22JvNTdW/IT61T+uUaRVQlJsk/R3OK2YrqZU9BS1+KCI+7/hLmPrsBtE5TUy\r\npL+I2lr6osNM9kF/Mhk4+z/osLc905cjWWn6XyWStedoJDRdN4WAmFMVlHVF\r\n86nb/A1V00687IE1d8NYODlyOCT3u7BcXNAHJcEtdm1Q7Rv8fphfhcXVlIH3\r\nIqje+4c65QND0jBydaHkWMHdqWGG8p21dhlj/XYOSQ0LgMVGbyUZitc5YxHG\r\nnP6phlD9l6P4pmoPUQy+88Y0fFBC9Lo0c/HgINthhqIA4aUnwGev49ah8uMg\r\nOyRf9NnnLkCF0ywg9vxcBFthXXPVH3nr6XnFC2MUwj4++wcwRcRneNfFznCa\r\nFpjVEhDSy07l+Ap+kebc3N5v8IdjPfvTPic=\r\n=Ifbt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108071844.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8600c28cfb1edcac41a9c7887e2c39f3/chakra-ui-pin-input-0.0.0-dev-20221108071844.tgz","_integrity":"sha512-lU14F/kXUtHJ2yaZJXIFleZns9XbA6TmypcdsiNNWQVMrPSsfCFziyi4SqAnygjoxt0RD4FU5bdIInNkQUFnJg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108071844","@chakra-ui/react-context":"0.0.0-dev-20221108071844","@chakra-ui/react-children-utils":"0.0.0-dev-20221108071844","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108071844","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108071844"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108071844","@chakra-ui/shared-utils":"0.0.0-dev-20221108071844"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108071844"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108071844_1667891990342_0.9685184266008986","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108073543":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108073543","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"1b12aa8f1a28047a09bea152c81d78be695b47ac","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108073543.tgz","fileCount":6,"integrity":"sha512-kcchH1J7MF2K2Iw+AhN6/wAL+GXWBfGLmPgpT9XgU4HtfoOoz7mw+MErZpuEbgIIimguxKFgEMWCo5Z5eUnQNg==","signatures":[{"sig":"MEYCIQDxAVCGo7EqD2wQVWdIo6vuXNlphqJrLVRI/4u0y6bOQgIhAOm1lsE0crepPyBzt8RUs2O0GW0kmXYV/RG3fsa76mL5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagcaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNLw//buuTJTfFjdOc6BaK+I4PrzuQ3BDgtw1ryHK0VGk1Oxp0toJO\r\ngkFLWxOkvWXZudw8pHB2Wxgjd4xWMD1ugfx6+2L32xCznvXjn80IfuDC3tPe\r\nTmQDPVtWg0+TIL6/c9kRgBRX45sb5K0a1DMwTPEhb46xjM7Uf4fzUc4sunW6\r\n6GkI+csStCFwVOYyi6mIQ0Gz1J+44415J+JxxmtPTmfLuo2hGW+rbCmUEKug\r\nBjQJVQ8fRmUvhofS10oPPS8U8OT19mSJ6vx6PHbxebfE1vd3rrETZDmqEHbs\r\nXkF6QAjGlRAdjMr3xh8zNQ44qpUK8s4mP6doaXCt/Yi4r+jGL/2EetF2p7+V\r\n5e0mEm0lvgFCeq8aoVmcy5iHLmDZTNKmX12jxlNzDjXxByzZ91+BmT0pydsX\r\n2I5FNqXwhmnk6RfC1PsmtMnkdcsfCTh13bShfAS7VP7/PHjDd+ua6WwmvlZQ\r\nWJtRGifU5IzSnaPWOvj2WaqN/D1KB+v4vRzzFBm8yrfOmEI8Tys5eq2KC7uW\r\nH/nxqRIxBfslosgoXbToREQ5ZDf6kl12jaDwTqgUG0CFMG3SFI90312VMmGg\r\n7InRxUMx1JcluP/5PLZU8SxqCkZ3NQ9lgV4q1QzWmlyLzX/2jAepfTPBO/8l\r\nICSVvWt+MlgN9Ey46qApM/yqBaHgo9nYoyo=\r\n=xHxb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108073543.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/6135a6f63e31226f270d0ff2b823f58e/chakra-ui-pin-input-0.0.0-dev-20221108073543.tgz","_integrity":"sha512-kcchH1J7MF2K2Iw+AhN6/wAL+GXWBfGLmPgpT9XgU4HtfoOoz7mw+MErZpuEbgIIimguxKFgEMWCo5Z5eUnQNg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108073543","@chakra-ui/react-context":"0.0.0-dev-20221108073543","@chakra-ui/react-children-utils":"0.0.0-dev-20221108073543","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108073543","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108073543"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108073543","@chakra-ui/shared-utils":"0.0.0-dev-20221108073543"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108073543"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108073543_1667893018104_0.9041622469619979","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108075029":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108075029","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"24f1718dbe01b8c725b11159bcc325e077010737","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108075029.tgz","fileCount":6,"integrity":"sha512-kXlTUFoUdLjmrEjTOJLGszkND5H9Dtb3ZJvZ367W9KnyVp7Q/vb75sg6NBgm9vIzjFqktEHq1i7aB3mGaP2bBw==","signatures":[{"sig":"MEUCIQCgJxDxU5zBzxv6hLE+vvf9wbwdYXRneE45sA+d5ckvnAIgMlamp9hJQt/EHONSk69IwOul6YAas06r+jFl+qTZuwA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjagqLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmof0Q//SIX/AxdyLmleJZa/X4RwJGkd7d+QpLCjJuJ38B6XaADh8JT8\r\nVlmUtBhQ6UgF9nL85VF8r6VmQSDiDhLZGr0i6+rbBpN4M2ioNioBdT/NqNqF\r\nX0DVZYiyR+/3m2Yy1/CZa69JJUWCyvP1sWWezTgNUIH2t6a4p9hAGxTuIeVB\r\nUFJTHT9Q2PVUS7Wd3bIGClvxIwQgANonRchypzppbgM//+LC0FFTPrw9kq4w\r\noA4lw6RhG9eysRXWFARHXH25WJ7tGPfQDmQKf6OBhL8BZhwr/52Bvpq/cAnT\r\nJxiHNjcSKdq5gIbp/PgQDV/fsCmuIlxUBybV/jA1i9n4PyyM3YMkcNdXeC+I\r\nZPw6hAgQsfJ6X4OclrrVZRpwpsXoVx8hSW2DkPRgGf1YReRDGEl+WB6x6pdW\r\ngWuk2CaB4LnRus3kTz9wPossOBRTrmY+3kaEEElOdkFGVMNkOdW1L+oz892s\r\nf/9YkdDrYMEnHwHFCvE6r2SM24uOBB1el+c+rDVveQ5emu60seKzc5UevRbW\r\nuRMJNQVSLp/PLjLfrlJxc7knOZB3wkynkurCyf0InVj02oSjzaKQgTjxXmab\r\nbHPbM+pdE3pERg0a+kfbVlgGRrCCzkfoaG7wYV0lK2hodW1JdEjJSzRBFl8+\r\ndb0LqZ9s3Y2bomXVZeNl8twNUeyg8JwJUio=\r\n=p023\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108075029.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/e50360ccd70443924a35c4c3ac774035/chakra-ui-pin-input-0.0.0-dev-20221108075029.tgz","_integrity":"sha512-kXlTUFoUdLjmrEjTOJLGszkND5H9Dtb3ZJvZ367W9KnyVp7Q/vb75sg6NBgm9vIzjFqktEHq1i7aB3mGaP2bBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108075029","@chakra-ui/react-context":"0.0.0-dev-20221108075029","@chakra-ui/react-children-utils":"0.0.0-dev-20221108075029","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108075029","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108075029"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108075029","@chakra-ui/shared-utils":"0.0.0-dev-20221108075029"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108075029"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108075029_1667893899625_0.8751067201270455","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108083411":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108083411","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"84d5a20650e49f604e0c9aa57f47e5b508e81829","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108083411.tgz","fileCount":6,"integrity":"sha512-DiN8iDfHuy+V9LivA2GR4K/w6BWuRW1XcUNTde6Nd6TjoqtRUGiJ7hDtOLwADzGIO1cegaEKRmZ7OuRBkFZSiQ==","signatures":[{"sig":"MEUCIGTGqr7b94VW7nYVO4Fcr8+1m0rU88Eeue7/qItf3MypAiEA91ighi942bYI2Bx+jnLfORcSmmLlZVqT4HTY3P2j3kE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjahS6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfWg/6AyWUp6sH8hQTxg4qPYFSRKj3mwCMcK4HM0/4FIyHp2PTFCmY\r\n/O7+TwF/lCkt1w+RfVJpT0vz6Kx+PCG9fQL/6MXC5buz5tCIcOy6NftNnyzq\r\ndh7Ik1xgn3ce44JYcUqaSOHyIMOJtgMtEg3s2yeJxm1dCwCds4txgZLfknqx\r\nlpyNR7FfSnUghiJmuSIKSzghcQ5Y3UfcvK6RpoxH2CZKtNEqIyF2pgttUPoN\r\nFPEcFkJvwwj8lX4rsjPdsey4vgi8Pjk2DAi3A4RMI8re0uEfc/u9+gVaJOWn\r\nd9t496WQFYNhl0/5K/qkkUEgm4cmFCtRENtk9cXi2jaS851Iciqeey1qQpAT\r\n6wSmM2YlT3l1MRuU2C9iMLU+m9yUJvK2G0A1wRudZoMy2D83P89xuHJ9rCN5\r\nVyaJjAuqNmnLb9WkRz/M5wHsTGA40yDF29nAFdE9BLvz+m8tV2EXV4g22WtN\r\nDPVcGNqnnQ6oLNU8IyRj8tCly6yY69s/0R/5dLKydwt76LPffdqTRhv84vtB\r\n32Vh8V4qHBElnMUvkaMmZYIQLh+8GlFIWbw1pJu66lQMsNVdZeI058dOahDm\r\nA5ofqsMAAvyHoO9kyhBIyrvI3TgXVTQv1G91A+UWFFQvNHk7GR5CqsZsoYdR\r\n0hs0v4Ebe/2g1jRTUyC4w55RR1Zynnq5KYU=\r\n=oluo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108083411.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/c5e7800998114a417bb550a94ed288ef/chakra-ui-pin-input-0.0.0-dev-20221108083411.tgz","_integrity":"sha512-DiN8iDfHuy+V9LivA2GR4K/w6BWuRW1XcUNTde6Nd6TjoqtRUGiJ7hDtOLwADzGIO1cegaEKRmZ7OuRBkFZSiQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108083411","@chakra-ui/react-context":"0.0.0-dev-20221108083411","@chakra-ui/react-children-utils":"0.0.0-dev-20221108083411","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108083411","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108083411"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108083411","@chakra-ui/shared-utils":"0.0.0-dev-20221108083411"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108083411"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108083411_1667896506125_0.03499463815935289","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108090938":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108090938","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"01d0d0c0ea86fa66f17c5f0f2d46207ae190ee48","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108090938.tgz","fileCount":6,"integrity":"sha512-WdnkmiddLhYPLi3QIhLLohT2crCRZnQZx+f4s0sKWLSHFL4e8MiIrLgETYpvEQ8ITASbi8ULCBL3F+8cepHuuA==","signatures":[{"sig":"MEQCIH+MvjZMMP1uHawdmfu+vfWXEurqvk5Sa/zT7qfKNmcVAiAfObsEC3vba86nR1U2a6J3vAuSWaWuzWcwphXz6UxlVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjah0ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpEXBAAnx0mcrB9P48f2IHvTEo9WB3R5UWUB7K29pSOL0XqDsPHxqaS\r\n/1Q5crAwmyFUmE/eVejIZnRn719srOp+Rz7XsMJAue2W+j1WTyLIvzcd/05Z\r\nso9/bJUdf5RVUGXXdRWYCuf7xgGYd0E+vy7eheYFBQNawEria8vgVdqCj0a5\r\nXfylhTzNh6Y76ABha1R41ayo/5fPKt3P71YlymBubeuGxlBA8ZZ3xiXz6vZ/\r\nG4rAcJ47o0LBfE8HEUVh2XuDLxB09v5QKUNRsumlv67hFsMuB/UKJWOMV4kO\r\nHSS3M/d5yW9eXZE/i0Ebr00OvLpMGXCbZYm7soGw77Qo8VE9RRCUJqbN6dZn\r\nt1xxf2n0VBk6bmH8SCPD05kGukjvLmo6p2OoGUHciRuOa6t0Ugjr6j5j7laE\r\ngWpZ1M7GQDgdW7qdUNF+0ELvat7fnJaSoxrLpfFlrSmJZnwfO6w2quV2t04A\r\nsaE7936KpKqal3aGC+/TzPDTHo/oRvkrauQFrGQrDEIdDV/hbb524rHpa+MA\r\n/kS9ooujlwqywbE8pcEVhCSECasZtBtp99jjM37qWsq2XMsgmrLOzt/F2HIb\r\nYFxpn8nOcXDHj2xEznVflr2JNCnRJyK1mxwYoZPfMZdawXeX/gbTD19KIeKG\r\nNvfo6O2BszThZILY9X02gXvgvtJMKMQc/Po=\r\n=QUnU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108090938.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1b7cae1be0a23db9ae58c0001c4f8adb/chakra-ui-pin-input-0.0.0-dev-20221108090938.tgz","_integrity":"sha512-WdnkmiddLhYPLi3QIhLLohT2crCRZnQZx+f4s0sKWLSHFL4e8MiIrLgETYpvEQ8ITASbi8ULCBL3F+8cepHuuA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108090938","@chakra-ui/react-context":"0.0.0-dev-20221108090938","@chakra-ui/react-children-utils":"0.0.0-dev-20221108090938","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108090938","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108090938"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108090938","@chakra-ui/shared-utils":"0.0.0-dev-20221108090938"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108090938"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108090938_1667898649695_0.006476685094546131","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108093520":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108093520","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"92eb18535aae8b11c6cc920a261fc69183068b23","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108093520.tgz","fileCount":6,"integrity":"sha512-37wsF5mPhCh6JE8cy6BVEmjpuIQygSPGcMDDyRx1ym+WHsgNPdIKDwwzSxW/IyjidwZrSw8TTT3GjTi/TJANvQ==","signatures":[{"sig":"MEYCIQDwcbXTQpuDpCqzODNZCcOgaKSZW/SuHODBjF3oCgXPNwIhAO5MtehvTQfnFVFFh6eYARThgBCYvT1JPgsW1LV+Qb2Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaiMpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoM5A/+LfDwnSyaZYf2Vfd1LrbF9p9WzCD0TywNTafiJ2uQ6o/S5jLv\r\nhKJiGrg/5001xlqTc5h0cFg8/MHP5IqJuhnOU6RQw7YyKcuPbgOtNS7j9Gs1\r\ny2PXvbl1+6OyXvjeXX2TA2J0+5FMHLUOw+FOBHpKQ7qm/CnxeB1AF8Er1jwA\r\nHA5h+KfbBLyUITgJBmm61EziE64ox3o9ct1oIX9++BiTxhrYcMwrw7Gy9Kz8\r\nuYdlP61ntc8GGmXrQQ+mgtGNM0Mfdxw5hNmW55vyQmHHef4OXjbnL8+R5VMT\r\nH1Z/W0E2+evxQxvid4pOcynV9REg30FzDWJzaIEB0NwbSgvQea7uK0pZ3wxW\r\n/Mk35+5Suc7i8oNQU57z5FB4tyzgUvbExMPuCwE8JgYzOkGhgIiWdIePy9nh\r\nhmQuUMcjhAQjaIeLKA3RKT92h4I99GvmE5/VngFNJ21x5UCkclvIImUFnQhv\r\nyO7yw3C94MNpii+2WDphPkcOhq8Q+hqpYOF+HsYfvqlTG/y47jE2qcoYLHlc\r\nTbaQ36iSgYVSU2cT4EqNMyhShoorepILKlepPUCI/iLz6VFxaIgKnAIX04J4\r\nghxV2/JXNvlUqS1F+zdwq3XdvAUZZtgK/nxBpDdTRxScadvYuTRHeSbLszem\r\naVvrNg3TslRvH+isAAhZwr3/PFwVjekSMAk=\r\n=srNb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108093520.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/035b3da9b62e887f89fa23406b4c6da3/chakra-ui-pin-input-0.0.0-dev-20221108093520.tgz","_integrity":"sha512-37wsF5mPhCh6JE8cy6BVEmjpuIQygSPGcMDDyRx1ym+WHsgNPdIKDwwzSxW/IyjidwZrSw8TTT3GjTi/TJANvQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108093520","@chakra-ui/react-context":"0.0.0-dev-20221108093520","@chakra-ui/react-children-utils":"0.0.0-dev-20221108093520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108093520","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108093520"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108093520","@chakra-ui/shared-utils":"0.0.0-dev-20221108093520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108093520"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108093520_1667900201632_0.02668919058699859","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108100218":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108100218","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8d881c079f97f5f3875ec4c90fbd4311b9814a32","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108100218.tgz","fileCount":6,"integrity":"sha512-t+BasAuS6gR4LesVdBxPOW09UBB0AAnx+IO/l8IH9Esh5/71UrUZ7DJ5a6Tl6Wr8p8gzCmhKiNfM9O4Y11vKhA==","signatures":[{"sig":"MEUCIQCHuH8ehrtvN0fMLprNZWoNMQnMfUFAyxpekUbjArfXPwIgN+ca/MQkuY2oODiOF6RZEHowdYcuA8yug/tfk8upJ4k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjail+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGeg//YPYwIKqaOjD/ovLBR8uZ9xZqklS6XWacuPvt2xqDY1KaYeVs\r\neydkbo3VZK1tVEQc0/lTw8yJZ0P9gk6LoMQbq6EI3Xd/WpFSHCBAeoKwJRYj\r\nqFFU4Sk4urqCaxbscpqsvmlj7+CiUr0Y8UDXSMT1RI7mNoywCX4I566k5tiC\r\nPzzhGPHZv4szl5Zclq4jAMfZtV4ua5D0NQNljKmqawqQhUSJbyHicW2WMp2O\r\n3oEhTZ0TOw9nf0GQkevZAGLU7jOYNOMuDyS+2OzOshHGz1/pFtNP6n1bSFUR\r\nqcgho8R7lp7rxoN2GK1xnvrP+H0/lFQuKQilary62QOkzsqY2CHl2jHNmfuQ\r\nlWAVPrSQVGsjS8Q5nmH9Oi6kfoZw+fBz2v980e7oprBdOl+A9g9NxJ3ycZFW\r\nkgpJTmHMei7JSFkEvUk/sV6rMG9CbxUv7JZDwl/FAVDlaU0PLdipaAVdpC2h\r\npVjGWM38VyjBiakb+xUWys6Y68tfWfYyCS3yJ5f/WfOpRoL1W1Bjy/ikJ9lW\r\nBaX2/oJ2HM6qJGSVNeA6jndF74+SXGXa2VeTuq+wyMETIfQJ32EBRUv0Z1wZ\r\nFizdYxiQ8HOX0jNa+bZgUYPQF+ZgMc5oOdm0KFEGujM/00ftx56skGk6PTSJ\r\nxPiKtnLnXv6kG9hej9XXWwQ4bxyTxyRNeOk=\r\n=DZHZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108100218.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/792641380aefbc6faf86320852213351/chakra-ui-pin-input-0.0.0-dev-20221108100218.tgz","_integrity":"sha512-t+BasAuS6gR4LesVdBxPOW09UBB0AAnx+IO/l8IH9Esh5/71UrUZ7DJ5a6Tl6Wr8p8gzCmhKiNfM9O4Y11vKhA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108100218","@chakra-ui/react-context":"0.0.0-dev-20221108100218","@chakra-ui/react-children-utils":"0.0.0-dev-20221108100218","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108100218","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108100218"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108100218","@chakra-ui/shared-utils":"0.0.0-dev-20221108100218"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108100218"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108100218_1667901822266_0.7195657390097763","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221108124603":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221108124603","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"46ab88c628f890d2bc44980d4bed37b9d40eda34","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221108124603.tgz","fileCount":6,"integrity":"sha512-X66OUFUO6VHxAIvgBW86Dz29FuxxTUk6VSW6gjEqgcYSAxePOTOYTvfI2/jCCrxaGMAg7NhHV2/VsbZ+X0TKBw==","signatures":[{"sig":"MEQCIHPYkUSQsXFeKNWhO65deUCpvcS0LCtY5XqucGzz3HWiAiBaqEMqJ+JdTiiXZgoULM/eGye7XzSxw0XfnL7gcBD0Rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28230,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjak/KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqvzg//SfIuT8FVHoTT/9wMH0SYiepGN6nUUsHBMaeKm8BlQpnRKxEd\r\nD2TVH8O1YeIKZW4Wn6pX/xYdnF7r7w2KVetMPKogQMAaUilRxaY+lnWqcQyR\r\ngmf0eHIAVjDPe+q8LLplbZTz3xbrL81KvL5bCgMT0JglLQz8GnaWk7hXCh1N\r\nGFQ9P3zzD4nN4ALfPzcaALjkUsubCeV/9Sr1RoihTZoBOLrTmosK3mXH1s/7\r\nrkXc7Y/6+1t61tn7WarvwM2pkucA30TRoY2SKKtKTyxK+EOgxH6K0VAWjFhe\r\naU3d4wKs2p3Nvs9851FJwgURe3z8pWdPZwlAeOBYA4Lp1BT2yPtcoLUbuUWU\r\nozw7/v5mfYLR6hVyR8TScWQuTM39FuaPJetbUlN51+spAl10NxMl06GUR08W\r\nrEGZ//AdBfLsxIKkEaDOaoVwXmSa4CMdrV5DN3FdX6HQ2ggVeUm1iL1vtm1+\r\nVwI0GJRLYdk4VkkDv22d23Lzb9bQwigqtYBu6CJ6UIZ4pzs79p6/eFIV9cEp\r\nsJjWX+unYtWZNmHL/IbA55DYj7rsb0+kb1YUX+PXyIIQWGag2Bm3FyQPt4xR\r\nmkwLJpa6kf/38oqB6IOSBIRuvS+SMpGTrOKyl6HWwkf60iSpukF6TC8MRkZw\r\nEW/ZE/SwgkNEm1Ctmly3jDXrp9hCwV3sDSA=\r\n=sjCJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20221108124603.tgz","types":"dist/index.d.ts","module":"dist/index.esm.js","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"JSX=1 tsup src/index.ts --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"JSX=1 tsup src/index.ts"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/f74ed3239aa031190eb6dc0f26172e04/chakra-ui-pin-input-0.0.0-dev-20221108124603.tgz","_integrity":"sha512-X66OUFUO6VHxAIvgBW86Dz29FuxxTUk6VSW6gjEqgcYSAxePOTOYTvfI2/jCCrxaGMAg7NhHV2/VsbZ+X0TKBw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221108124603","@chakra-ui/react-context":"0.0.0-dev-20221108124603","@chakra-ui/react-children-utils":"0.0.0-dev-20221108124603","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221108124603","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221108124603"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"0.0.0-dev-20221108124603","@chakra-ui/shared-utils":"0.0.0-dev-20221108124603"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221108124603"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221108124603_1667911625945_0.06153573188270389","host":"s3://npm-registry-packages"}},"2.0.16":{"name":"@chakra-ui/pin-input","version":"2.0.16","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d31a6e2bce85aa2d1351ccb4cd9bf7a5134d3fb9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.16.tgz","fileCount":6,"integrity":"sha512-51cioNYpBSgi9/jq6CrzoDvo8fpMwFXu3SaFRbKO47s9Dz/OAW0MpjyabTfSpwOv0xKZE+ayrYGJopCzZSWXPg==","signatures":[{"sig":"MEYCIQDA1c697CP1gKho4ABqEvo6G2XFoMGRrovNI27ovcWASQIhAPBjcMU04AU68zP5WWiew08r9Sm+JUsh3TlwwEZa4gzn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":28063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjciwpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpi0A//RqUWmz7VRjSKxEBojQLkN4zf48AeCFVvt8yDvMjlBN2zigod\r\nSK2Wuc68dj604thsq+9sWgW4a+Jef9t8m95XRmZ72aDWn0fKRIXlFOfKmUX2\r\n+WTBrDvIEsrX1h6F02aSPn5VjM3rnEGSs0yd/n1NvtJRGxsIKxDIv8MyXHmp\r\nxCSTFYDyI+wBc9Ci9q7iKZDQvp3SARs3tVxL6KoqGUblKf1vJm9mBcGPmIh9\r\nx15aLmPMHjqZS7eR4pDxGjgUa/mDKX7qdBerMbhTbPBS+bUxGnz5iNO6uvJ1\r\nzGDKKJgG0jcviiNZQdCjYH/gIpCKV9py98lYa7bvCnogUcPA8OSpcdzvvnK3\r\nyuPdfCODf2za6tKUws7uiMfE6hq8/wSrTcxtObhNYhzj+3TZ4wFtpcE4KjN9\r\n9uzDXbd81mx6+R+VY+UFvU5M5BlHHRx+F2gCyODPrsZBWiSUXn4SA7wDFSOC\r\nRk57m6VudQ4h5kWCHAQ5j+bt9IhVyRnCG3OiMxm5w5Jn6M0BR56J5mkA2h3I\r\nOcor6lwItnD2wkYLFN4Yd52XcxCGzXyaXhAvBC1YSJC9ARUqWXZFg8HSGj0d\r\nTwV/kzk795GOGunXTQEe9zVYx6rSpWhEIh9GHZ7dXGmex8cgWL405U1lmwLO\r\ng5EsfXuoZszkWYOtX+aR4gHO0/Dea7NZ5Dc=\r\n=CtOp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.cjs.js","_from":"file:chakra-ui-pin-input-2.0.16.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/838fbc54d22d5826b60a0cf56d81be9e/chakra-ui-pin-input-2.0.16.tgz","_integrity":"sha512-51cioNYpBSgi9/jq6CrzoDvo8fpMwFXu3SaFRbKO47s9Dz/OAW0MpjyabTfSpwOv0xKZE+ayrYGJopCzZSWXPg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.0","dependencies":{"@chakra-ui/descendant":"3.0.11","@chakra-ui/react-context":"2.0.5","@chakra-ui/react-children-utils":"2.0.4","@chakra-ui/react-use-merge-refs":"2.0.5","@chakra-ui/react-use-controllable-state":"2.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"2.3.2","@chakra-ui/shared-utils":"2.0.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.16_1668426792835_0.674096422788248","host":"s3://npm-registry-packages"}},"0.0.0-dev-20221223180742":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20221223180742","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bc1be2ace772df810b3f5bc3ed5b3ce1d37a7839","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20221223180742.tgz","fileCount":14,"integrity":"sha512-y/juXKg2U6Abz54TXr+iMqfJ2wJtpu7T1QvEszOJunxuBdjm9uv1DOhWOwoyUjgdzUtFinYw6BrQUIAsYSrHdw==","signatures":[{"sig":"MEQCIBlqNhoW7E0Xm4EsAyctiy9pBpUY4UhuA0cSs/Pg1YUKAiAkgCOlU84v1aTuc74We7tqVnt4UZAIqQmAxV/AFbMhaQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":48028,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpe6zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpz0g/+OEJ4+FiHq4TnC6O4qLv2bhizKI3W5zBrKtaFstsCjN0msGEK\r\nUWwDEMuvaaoyzKoonDHP7Ut9stQSNqKWspTISHXKdf8jXXmh8392rBfAshP/\r\nvVp2PRcgRLSFfMOD6Vq5ECFUtlltiUYj+PdPMSLdzAdZOyAEPX8IRWmtX0LO\r\nTs4QUHMDMawH44C7WgeNOZp/2OdTF3+UOqe9qbmlr6wOlPgzKhBZPSXSYr1C\r\n1Eyp3TPN7D9DNPLCYC/w7D+k1BBy/Q7BamVaFbNc3lf1mgZqsX6kPsyGx9sK\r\nIgx4u1KDNtU5lgLx2hxJ4tPFHtQGtG3pgqPMjEEv21qk6RQPthU9iLV5swNI\r\nqVR4zNt4T0dlWP7W4ciOt/sjbtQv3AmB6zXyK+pEwcI6vsYV6Q1e3Eni0cy5\r\npBNen9oJ/VY/+zD51RHTeOb2AobmoBzjHgI6M/uZLXXSNi3rO75eMF8eJsvs\r\nQVoXgPLVpoqIzb0/8wN9mxmTrdGibHM4Jq4D/ZllJbtidhNOQbHvyqm1BzCb\r\nXQyfxRnBI+aCpNCb3KIbNyNJKFw4no5IeeKWqpdIumedhNWegVkhg6rQQ3hT\r\nuaX/+Sy6D91IDKBVU2QGw3WPv8yFL3B3RlI9KFNCE5KGRGdSziNqJdVjBZbt\r\nAemYII3os9Q5zYIGUc5Mby+v3lQb6r5ELEM=\r\n=bXgO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20221223180742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/34a0cc00f1487346dab6b97a5b359af3/chakra-ui-pin-input-0.0.0-dev-20221223180742.tgz","_integrity":"sha512-y/juXKg2U6Abz54TXr+iMqfJ2wJtpu7T1QvEszOJunxuBdjm9uv1DOhWOwoyUjgdzUtFinYw6BrQUIAsYSrHdw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20221223180742","@chakra-ui/shared-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-context":"0.0.0-dev-20221223180742","@chakra-ui/react-children-utils":"0.0.0-dev-20221223180742","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20221223180742","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20221223180742"},"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/system":"0.0.0-dev-20221223180742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20221223180742"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20221223180742_1671818930837_0.3114331442263185","host":"s3://npm-registry-packages"}},"2.0.17":{"name":"@chakra-ui/pin-input","version":"2.0.17","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"d1151c010e2b1600d0d5b17bfe79543b838c3a5d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.17.tgz","fileCount":14,"integrity":"sha512-uDL8HIjuvvcEO9YBiAOewFtlrjPDqF+xPIWBh4hetDVt6Pd9XavvuyRJjsogjAZt0FsweUg5sF8g/iVLAihCAQ==","signatures":[{"sig":"MEYCIQCC4UTYRhS/WiMJ0ww9kAH/CU7yrikscXal+gciNv/v9wIhAOGywGQDCvIN1TTYCsI166nsYbzSDawzy/2WKAV5PvQV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqZ4aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqOmw/9GwsNYgKevSSTlNdXLoXysyXjhLHbJ0T1fstNoeVsgh09mh9c\r\n+xqAh28c40b1w+J2IZkQQVQNm6rL6hchYC4bWANYfOllDheLv6SgpPxsinsf\r\ngOVpJtlP7SkVjBkI5hY/bNdzS/uPXIAmdxEX+BvnoJuJsnEgrY7p4zCGjuM0\r\nHxtqq4dW+Cjt+FrdAAQwhjNE5UgZ5wuIKMlaRtuYhYg0E1qSIW2R949pHFbd\r\nCeIj0cijg3x3D8LlSrLZ7fsRuB7R0rnY3QF6DuusjMO+8v4sJKbdPh4pwTzr\r\nRn1TrMC3oXMpst3OR4EZaRRLs2vWwjdL2zV2vKCjDoK/zyxtUhPXCzvkEHuQ\r\nldPLaPhH0neaVT+IxI7rQT+4i7dsrD8teJZ2JSKPwtoWuJUusPGbmqJVO/ZB\r\n11Z+eaOnDHpJNJWoq15OFK2odjEwm/OrnFT4haxEevG8AworjV7Q8LpkQJ0L\r\nAZVPY4tR1rpUbAdV0dUW23SejOXQQy1Tx7hKX6aumCFHbkkxb3HKndtyO0bJ\r\nHI5H63Qi3fjA04gQKn0L7aSi0PPvwr9ch7BB28phab4FE0BxcabyXruI6rX3\r\nLI2wcYOMemma9Tl14wH35pzwGlg9qk1ym9lapVKT2rny9QV5Gq2j6PGTuFoF\r\no9eVtmWIRNisv6Cbz+j9qm0voohhJxsUs3k=\r\n=hQzS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-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/50648152e349e897ea68c350a0f824fb/chakra-ui-pin-input-2.0.17.tgz","_integrity":"sha512-uDL8HIjuvvcEO9YBiAOewFtlrjPDqF+xPIWBh4hetDVt6Pd9XavvuyRJjsogjAZt0FsweUg5sF8g/iVLAihCAQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/descendant":"3.0.12","@chakra-ui/shared-utils":"2.0.4","@chakra-ui/react-context":"2.0.6","@chakra-ui/react-children-utils":"2.0.5","@chakra-ui/react-use-merge-refs":"2.0.6","@chakra-ui/react-use-controllable-state":"2.0.7"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"2.3.6"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.17_1672060442747_0.04364945869516035","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230111211417":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230111211417","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0a608445ae38c56b68c1a3af3a48572ad4f05adf","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230111211417.tgz","fileCount":14,"integrity":"sha512-EA+6pcRXOA2GO84FpNx12MjcHd5FBekysFboUByL7eFItadAcdNhl7ymmNNEeTEUm+4qBu0YpLTLARZYlCDxXw==","signatures":[{"sig":"MEYCIQDXmlcNZYCJgP/1+t69vcgeT/FBzSqfRxUO59nnj7sClAIhAJxwtmwtjWrPp3mQ3gEzCyTgngmtNokyd6tP0x3c1X++","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvybuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqFDA/8Dp8wab45UOHHfnS2mWYrdv2JsoHjOtaI1YUUUR8J/ozuczl5\r\nG0j+a4IK62Rx3GfSGnyGo//DNLJfSRktz5E1wz/HxZju6WDgEu6Bhxh2SzpD\r\nbl9M2obnyib+zxzdWtYMoGNNUdcWeaLKeKoCT2WtG1fdZ6kR7r++Fs1dzUdB\r\n0qf+xTID/vxUYH/3JAPf4EM/h6dZq/25vzvZw4Chy9nET4eOapbeg/7DbgxD\r\niQ564BQ94wiPNAQgJQgDIkiKzBsqktW/2ZT3EmHABVwXsWTV3EJ111NSECje\r\nLD4bpMAxPYdhD8boILlLGLqAysgJjEDwFMXeD2xcSJ0Oe+vRNQoo74m0oiyW\r\nR/Z+YPICm2PNyZBypcgb+uAvuJtSXacb2+7p6+4fHIs2N76B18I6ybR5lBW9\r\nGPtPIH+bUGMM+fgfHZhxf3D/P1RnI1+YAdJKwJOV+6dn0VreXO4yVVS3BI0Z\r\nigfwkgNR+4bvIWtb4G8imkvZpV+hLGXlcaX1wPPR+clLsPcL+vygMm0sR6vo\r\nFB/Y9k4Mx/tTqwpswM0FgzNxUGE+HDUrTY1V3dN+j+i0Jfu5ROBuA0cZKo/p\r\nKFSLEfs1lDBBPhdTzD5AfwqXtYNFu2vXdnPkIGklNOWy6BgatJYdl29R2IVV\r\nz+mhknOUeC07iuP5Fm9TUpZAQ4tacxn88Nw=\r\n=4U0/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230111211417.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/63764b93f814030d500dba3df7416b55/chakra-ui-pin-input-0.0.0-dev-20230111211417.tgz","_integrity":"sha512-EA+6pcRXOA2GO84FpNx12MjcHd5FBekysFboUByL7eFItadAcdNhl7ymmNNEeTEUm+4qBu0YpLTLARZYlCDxXw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230111211417","@chakra-ui/shared-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-context":"0.0.0-dev-20230111211417","@chakra-ui/react-children-utils":"0.0.0-dev-20230111211417","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230111211417","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230111211417"},"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/system":"0.0.0-dev-20230111211417"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230111211417"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230111211417_1673471726233_0.6204097406243867","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112113621":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230112113621","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f6f89b5ef82dd37d1551395471f7a2ef4083866a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230112113621.tgz","fileCount":14,"integrity":"sha512-93DcG4jaNAPtFgJY/S32VQRYb4TrCSXpsp5wqxpsIH1sfptS5vGY0gR8ATOwQ4yl1y94Eq53Z3YTZuWMiOnirw==","signatures":[{"sig":"MEUCIBsvIHHN01oEI+Svj05wsDAcV1+xvD/Q0LLLHW/OIBQOAiEAgouE2U77dHlmzJY93UUq+Vs6xawPBxFD5VF2KGYRtoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjv/EHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomMBAAnP2MywKpJ4fx+pMTQDuVL+OnmIm46HnNLiaWQhgz3Mbfva3L\r\nmyITEHDl89/GEtEHw48e1l2sTyJ9xdqRFcqjSQNkBuEr+qpKPa3sSMVa/OOu\r\nSX8zOX8Wzolm51suqL4OCE/ilvuYfkiYIAAIJIBIHaQt+SbccJcinsFg03lT\r\nUSz4E6jeVTxG34sdV9f3aftu0uGz5dBZPawpRvEqBhgEiEmUCkOjXQHHp0+U\r\nkgkcfsu9tbprZcT0HyOUtz+lzkK5Y/l+6g3PyIFR1KLoJ8kjFRyZpCdU6eiD\r\nAIYiwXfW6pqSJv9znWnaA37rpBAIxwpHoKU0xNq5XhzjwvUgOF/XF0MwVFny\r\nVEAFN2NdlPXAmfYd4HCLh3ijkmoV5mKpadym2mS0YJnKmjUYNFzWbOhvXsiq\r\nw3YeakP1nvn7ZGLGTYtx7fN6q/5gNMDSutWGcd8TapxG/cN0pcDAZ706zc+G\r\nEPvszmy990T8sJ46CPskm/I8kECqcI85r4gkp6pImfhD+J3kZVnZYhOpb9SN\r\nhc77O4Zdtzet8YKZowxd2sC7I2A0ud8YkPsRpga+IqqXhap11RX7SST9H8AI\r\nBDP37zmZ0M175NtBnxhd4yScIRbq4jvuKFH289mix22T6cDj2FRgfePK1kiA\r\nTAIS3DeV9vIBwhDkiWLdzMRO+3BUt3qXpWI=\r\n=C16g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230112113621.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/1115e1f484ea78871c729c1cd1efdc7e/chakra-ui-pin-input-0.0.0-dev-20230112113621.tgz","_integrity":"sha512-93DcG4jaNAPtFgJY/S32VQRYb4TrCSXpsp5wqxpsIH1sfptS5vGY0gR8ATOwQ4yl1y94Eq53Z3YTZuWMiOnirw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.2","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.18.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230112113621","@chakra-ui/shared-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-context":"0.0.0-dev-20230112113621","@chakra-ui/react-children-utils":"0.0.0-dev-20230112113621","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112113621","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112113621"},"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/system":"0.0.0-dev-20230112113621"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112113621"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230112113621_1673523463488_0.7977013341819053","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112141201":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230112141201","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"cb36c730be2a6aa8f3bfaaed7eb3a582c11dc5c9","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230112141201.tgz","fileCount":14,"integrity":"sha512-xgKFaJekiUBxJkNNkKL7EVK7mMlN2HER69SsYeVX1uFurGr0mxBDVBtCXbuAkq/9VeD2VwbacEgfjgl0yebM5w==","signatures":[{"sig":"MEQCIHACcRmQrClmReins50EbUFeleMOO5EkPVxZxa3LvI+SAiAJhSOw23FAspL4Bq123XQFAzYY8X32Mqxd93SjmQpvDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBWNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+EA/9HzW2H4Gsp9xYFgvy3w1si1d7HWGP6e8KmwSvjj+Z2A44Ui3A\r\nY7phw3BUzUsbwrhiUgtuVNmeAZAe19t5jwJa4ADY9Px2D7I/Hp3ct4Eaw15s\r\neXK+irRy2/HQXnaOHoTrbiqCb7LBEitIi0jKNfYdcqW2CYaFa4YcNKQWFtQ6\r\ndOJueZWvZuTS8o/1YfP26OVPQ7UxFlYMJjI3LMrvuHqR58/2QMZ7l8cAlwiW\r\nCeQFylHkUbmog/vEs0lvdcaf4xCAfLTcVeREag5SMsjOMOLIIcTz/kOUPCR8\r\n/95my/mlGiUQNjq38NKGsthq5t+OMzvHf26i1nnubCreY1kGHW3BKBzGMdSb\r\nzMvXMFLPAmUjXmkfgUb2q8LPMII6sKZ9JtskP9gc2ot0qh/m76MK/B86pZuw\r\n2748XYtRMgaCp7ENAiS9Scq6QFqyeVrx4GLpOCKF0tERwg4Fbsanjiri/a3p\r\ng8OF0dGinTMr1E2F8GNvtj4xV5dKAjHn0TvmAF0vEyGxWs1FhU0MV6kKTKHY\r\nH+8to8b83k8B6nCy2CF4eX/swPJ8ANAFEMahWyb6/3r9ClOyyolHVNWqk149\r\nGXnBMLzx8nHTHQ0wSBGbqH5ntc0pEpVEcX6WeGpfFS6bfl8zj8jiq7Kl2mhL\r\nVsXRX6JMkjZxrn4JSrSiWqSE8ufbVflhFzs=\r\n=fL/i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230112141201.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/becbf8f89785e7e4dea4ad31334b25f5/chakra-ui-pin-input-0.0.0-dev-20230112141201.tgz","_integrity":"sha512-xgKFaJekiUBxJkNNkKL7EVK7mMlN2HER69SsYeVX1uFurGr0mxBDVBtCXbuAkq/9VeD2VwbacEgfjgl0yebM5w==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230112141201","@chakra-ui/shared-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-context":"0.0.0-dev-20230112141201","@chakra-ui/react-children-utils":"0.0.0-dev-20230112141201","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112141201","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112141201"},"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/system":"0.0.0-dev-20230112141201"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112141201"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230112141201_1673532813130_0.11541085238836657","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112143332":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230112143332","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"b67e2de9a8e512c462499b5f6e791d35da6754ba","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230112143332.tgz","fileCount":14,"integrity":"sha512-I0XFP3p68prI0Qs2JeYWL9ILFq44hKMIgMm0YFuEFPLxRk+aFtlI6CZU+DZt3qY6FKRYMvy/7FudawD82wTVfg==","signatures":[{"sig":"MEUCIQD9X6PorsYyy+CsiVmc+bD8HNgX+m3gFjYetkCSEGbJfQIgKrGHEwItr6n78+ADwyh4QiSzfB2mCbCa0ZN1LtsVhpc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBqdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtqRAAmmuJpNg1s6dCgxTYqfN8iJiquArfvVzQkLY5Baty83AYsFLu\r\nZGkKbCibGrcfiiCETMMfZ3Udw6an6gVJ4yFxY3wj042kyn2Ao4okfmmAC8Vg\r\nTMqBjkeQO4/Clh07yAhVm/f5ZDR6fmTNHCl79A+NXRrVxVUkRPR8ws0+So4+\r\nW0uD6CeOlhZLtR3v+v8QvebncuiJinVlWJBXDNlV0ksIF+KG8u8LRCQg2vkV\r\nwN8t+0e5eY1F14jKsgMFihuK4DIG81TDHgIIqW9weTPZvo3GTf+7iEsXaL9U\r\n/eQ/4ksQUCjCQKdCQJMiQJJsTsEiGlK/Fx710ngnkjukQ8yRAS9Wqa1bFlAn\r\nV5F6mwMdYeJNKL5aF1lD4RbZtK0IFBloqGkT4F821jc26sMZHTukJ4OyQDu3\r\nOEknFPsK9/b/OZv+nygKM8W28Nd3e4dG3RotgCLpp9A+As8tnPxmuuNLsE5p\r\noriH7wluthuDA1RXraNUoYtJykFEXGSqe7Fn306p2/AkFUobW5t25kiqnUWk\r\nJRUkhnLx49d9+NpmvrgPQrvyXf4MjFE7GG9PevD/sg5Z9Tfzr8vC4cblpjYz\r\n5u6Iiqww4Igf5UmdmWbKGSRfLAzgWht21WxmIb6XB3pI1FGY23KG5fkp5NkF\r\nqcM42WBELQk1C9aY3DDbZ/QAMtDnpUu8UD0=\r\n=U65d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230112143332.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/78bd3b3851390205b75aa45ccc763fa9/chakra-ui-pin-input-0.0.0-dev-20230112143332.tgz","_integrity":"sha512-I0XFP3p68prI0Qs2JeYWL9ILFq44hKMIgMm0YFuEFPLxRk+aFtlI6CZU+DZt3qY6FKRYMvy/7FudawD82wTVfg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230112143332","@chakra-ui/shared-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-context":"0.0.0-dev-20230112143332","@chakra-ui/react-children-utils":"0.0.0-dev-20230112143332","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112143332","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112143332"},"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/system":"0.0.0-dev-20230112143332"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112143332"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230112143332_1673534108994_0.13820861562617037","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112145104":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230112145104","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"7a6d00d9a15c6581a43b437c121e835cc13b589a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230112145104.tgz","fileCount":14,"integrity":"sha512-US20XATeFNuOZCYtINLQ9LQdfZWGt3AW4oD91l6EB+CNherxrF/lrqVADClBmGwANbkDF/5aaq+mRhNqjNLhHA==","signatures":[{"sig":"MEQCIA8+4Ywci2JMvLILoFq7scFUJot7lM/H+9LTOyXCPbKWAiAf0M5uNcoQotZhcSEq/VofmR1njGMeIIgGSE2KPMvy5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwB6eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpImRAAoDubjo0ZMXsp5Sq9IimTTL88Cw62PpkXLLqnjlcAuXVX6plq\r\npfq+xu1aAQR6yBl6g6GGx10RSvjRWpon4CAmynZi7O9e9muI+ITB8qBnjWdm\r\ntTQgCUezgmVnUMcYPxJx+Hr+4T++ssDu8fl3/7wFviNKcyDWZzip4gT/3jio\r\nM3vISXPtjDO5dISkvvdzGcZAcynb3cjjeC96yIwAzf56jmWEeVR7ySCjbD6F\r\nxFf0IiU2JkIcezV17nd4zNM6IGv6Woi6+BLKtj0vlN16d3G2BjKW60nqKszc\r\nxfINPnn1onCT3nVQvHw2VPJtbn8woG7Zp/i5cdOE1zP/UYmNrTtdRRCmvDsi\r\nE8cUITL+tK/k2JPoLs0/RtB986W1vUW3VHRrT6FT1MHTkwQERp9VjaH+U9g9\r\n0gSQ6YgHgr4hGKuZHE7H6NfOrOzWnWWGWZCXsYUuPJkLQHXppFZjfhK1otrS\r\nJWEkuehL2yyMlOS8VZ7XbDn4XUmsJGgvbj/L8bLwyoGs7xi57cEZckICc7Ok\r\nt2JLbPH1LPmZtXTL8UPUR9+TUjiD05jVQjarRyF/Zacu7+cTVM9ZHBhZ64EV\r\naILl3PKPEu6sFY30zulXuQ23HhpgSrgwxe1P/7ZJ20iHkMQW9BcWqo4Brq5E\r\nlyRHRzQiEl+0Ubg1hjjK5uxHFyVJR4gLRxw=\r\n=T0OQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230112145104.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d34d178b754935ead39f1168ae0b996e/chakra-ui-pin-input-0.0.0-dev-20230112145104.tgz","_integrity":"sha512-US20XATeFNuOZCYtINLQ9LQdfZWGt3AW4oD91l6EB+CNherxrF/lrqVADClBmGwANbkDF/5aaq+mRhNqjNLhHA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230112145104","@chakra-ui/shared-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-context":"0.0.0-dev-20230112145104","@chakra-ui/react-children-utils":"0.0.0-dev-20230112145104","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112145104","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112145104"},"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/system":"0.0.0-dev-20230112145104"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112145104"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230112145104_1673535134294_0.9079310910843466","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112152756":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230112152756","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"17bd2eea71d1836f0f724387e8fd48348cffa983","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230112152756.tgz","fileCount":14,"integrity":"sha512-jOSIe/rTHpQH/6CMJRugTV6r7HCEI5QqsbpMF96E983w1k/d0ecSaDLzSJMobilw1nh2pccn1knIoJ0JwxU1kA==","signatures":[{"sig":"MEUCIQDbtD48ItYmfURlhfPIH1O7RfJj0RzWabsKUsj144RfhgIgbYUKya6ux99V0CHVCBmUfj39VuhE5T5XBx8vnGFIyVU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCdJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBCA//S7X/XVfHYz2HcoJBmdFW1bNYAawT3q97NJSvgciLEqjsIsau\r\nvm6OshV+Vy4r8AFYm823JGHZ/KARNbARQdiPI7wdK/i3ygS9aLyTJFo19zQZ\r\n0u//0xgHC3on9SisqZ5lJCF0h86dF8p3dRF8hAJ0ebONpfakxDHQy61X930G\r\nPb2++GgZQVahFPBr9RInMWyBz5PvWbLMBkJR7T3MzlvfcMxb9vD/NOVPxcCI\r\n/WVWbjmN93XEO8GX7bNiK/WQqF9VQQeAn7fi3MkBmlk7/QeCvXQvDC5WkavM\r\njrt7Pf5PbFqMcjfLbePsgkRvhRZcVkOONaOaoIpfoS9bvh63hmEsufvhqRg+\r\nvkcQWOcje4di21BWQtf23pO95a1BDAM1Giam/8pav/eTtP9jUsJDuuiIVGwS\r\nkeapqLHzyPDJgYtbcCRKU3mKOmY7dy8y8kmpl7eqwVqg5RVmnKqhAboPsj/A\r\n//3DPKTGm3O4KopCx3dyOWxXRORl0848KX643rkTfAU9AmFm1opaNCq5Tj0V\r\nt9F68tt/DnWz0h1zGepyhBJZpEztFJvbEy83v9u5MfB5Gs7ke0a+CYKkj8/S\r\n13oDCPo5xeue8ihPbOy4O4sWXnvRZxRz3uOwmvJhkX2Ar4C2vJhcHI28IoTB\r\nl0oKgX24k1Z0MYK+2WZysBjPFQFpdInWtJk=\r\n=PU1R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230112152756.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/3812d57c3515551669a2bd336112dca1/chakra-ui-pin-input-0.0.0-dev-20230112152756.tgz","_integrity":"sha512-jOSIe/rTHpQH/6CMJRugTV6r7HCEI5QqsbpMF96E983w1k/d0ecSaDLzSJMobilw1nh2pccn1knIoJ0JwxU1kA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230112152756","@chakra-ui/shared-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-context":"0.0.0-dev-20230112152756","@chakra-ui/react-children-utils":"0.0.0-dev-20230112152756","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112152756","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112152756"},"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/system":"0.0.0-dev-20230112152756"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112152756"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230112152756_1673537353591_0.013574024595324197","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230112154520":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230112154520","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"3fe6fbcb75b5532ef7621a8137f2b5f8264b7516","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230112154520.tgz","fileCount":14,"integrity":"sha512-AyMvxR1n/owU1qN/petyK+pHRF1IbBNJl/9M+quKy1Hht3sDzst+E4BxlqKciV4/W8lARzxbKgPJ9oyafbIrqg==","signatures":[{"sig":"MEQCIHavMqKXem774aCW9MHeqv3iJ3YgOqft8t2/2q8PxOlxAiAFSn38e2KU3SoVD8LMGCUTrePEW5hvBiRfapoUP4/mng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47580,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwCtTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp65A/+MpcUvponAcfb+spRNl2OAXPIp38gGu4P8y4//+/qU6aqQLOx\r\nxwj5l7oc9aLOOb4vB15F1uW/zVRp7ziN2400Edvpq/QIYFsCoPXdYd246+Wa\r\nN6sBiXxAhd+elpMbo+ZhTDoPyVV74Mm8qKkUVQ4hItgk0dvpgMSLhxf62Lr3\r\npCDwCGC9NZu5EaPM8tPYwDS44rsoIiZ6/wcbiX8RDiz5dyfhWNhV7yYg+r+C\r\nFrRRmGHpov9yl4LAtMQJRwBQOJKLGe0RJcGgcdIvZxpE54eNYtFaBhTMAL3J\r\n6/BewDeEHL4PfrjPn7AK8OVagQflSCkLu9RZ2nn8bkMlAEIdrf06OZXLRcLh\r\n7cHwPIAbvaGC+7LWjwOWIy8RO8waft9KLLYy+Gwfmlrud+63Ei3A1yuVl31X\r\ngJIE9R9oNn/TvQMrq7WAUNwift257W3fWkG+CI0FQe8CE+VteLhJJus8gUb0\r\nSMxW4CMM7w4nP5GQdkX3bG9qKXIzYGQ6N+5xXYH135YyccaZ5yKFrQ9EtfpR\r\n3Qypi00+akMmaEVvirulN8lZhYBI4dlnjoOzoHYIp1UzCxR+RAyphjt33+Gj\r\nZlnI4AfgUMf1GbbZwwBultzuMCrU6fJB9klhRYx+w/zRGix4sqcertfrcSA/\r\n2vPPkB7Rf79fkAWDUqOW+kJlx7BxJSu/x4U=\r\n=v2Bk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230112154520.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8a807829ec437fc697ec73fd389c059c/chakra-ui-pin-input-0.0.0-dev-20230112154520.tgz","_integrity":"sha512-AyMvxR1n/owU1qN/petyK+pHRF1IbBNJl/9M+quKy1Hht3sDzst+E4BxlqKciV4/W8lARzxbKgPJ9oyafbIrqg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230112154520","@chakra-ui/shared-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-context":"0.0.0-dev-20230112154520","@chakra-ui/react-children-utils":"0.0.0-dev-20230112154520","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230112154520","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230112154520"},"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/system":"0.0.0-dev-20230112154520"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230112154520"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230112154520_1673538387633_0.19182100942504765","host":"s3://npm-registry-packages"}},"2.0.18":{"name":"@chakra-ui/pin-input","version":"2.0.18","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"bac71c4cc2a849284a44b65dd2613b968b1cd33d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.18.tgz","fileCount":14,"integrity":"sha512-+s/xOfCHzO+lA3FWPUXMYk7DjrpxwWGvMFsOqUnUWgSLZ6H7Gieplp+/qkXWtDvTZ7gfOpFsMRVsuA3LqeFPpg==","signatures":[{"sig":"MEYCIQCyVK7c7oPiJz6nV319s7S2dLnWZZ7kDGD1k4EqaOIdgAIhAJXYukUNvPp9IpRfqM8S8KNppObrFblnJf5iHeaagrSo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwC/lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVlg//SeQp+QpIfq8PK/Pa7GGAPhefXpznTt+CbL0eipvOpqIB8/tF\r\nbvZGod2CJEBLxas/+Mjs3Jb/6sfTnJ8qhYqoaS2YKut/yP6jZP7h1ZJ+jLSp\r\n7XHFeme38hVEpjweSYLgSdSXU1F2gRLbQ1m5PWpS8drDcxGjfcGltMI4ZeIB\r\nTiyIxn4LVaGv6PeOOhBnESoBIydai8aokPVyMamhnx1HrC4AWaFHGe+Z1jf7\r\n1t37LgWYxqxwWRSKIBdPCuhLX0WwlDzNPwJwZaoFoQNl46ZrgBfBtpeeZ5+/\r\njPe+5GA/lBumhm3dTP9AfmsXCvlVLWQd15gF/RDBTzGiOyxzUp9PBFBfS6gS\r\n5/Q5RfyQa+A+hEYCARG1UaroIWUxE0RPOaBNp1NCq8xf83GHDpN1k4XpiJqE\r\n/IK/P14csfrnGyXR2s93LdgNwZJGwCCGCb93003X12Hr17PBDNGqLX9rSofj\r\nVRm7ymuYULRrE9/vfkimbFk0R/nzxMYpT6Nq93Juh+N42+BR2NSJOFmuLDQL\r\nZOAA9u2TdXWAfZfohodQ5fJipkQftmUWYaZsrfLz3OwVc4W7D0j2/v+IaIoe\r\nd9w1a3b+V/D73ZpOBOwwWdwEeuHjb4X4O1YhZF4/1eUo2PhrCuJvaFffY1F3\r\nr10kcqkC+id1sFdzw1qjctT6ZUlm09oAG1M=\r\n=1hgz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-2.0.18.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/66171c2fcea9765653213c492a597093/chakra-ui-pin-input-2.0.18.tgz","_integrity":"sha512-+s/xOfCHzO+lA3FWPUXMYk7DjrpxwWGvMFsOqUnUWgSLZ6H7Gieplp+/qkXWtDvTZ7gfOpFsMRVsuA3LqeFPpg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"3.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"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/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.18_1673539557218_0.46836521271699927","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116120206":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230116120206","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"0849257bba0357fa4a0dd011a02ba0ab120cf584","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230116120206.tgz","fileCount":14,"integrity":"sha512-Bxt+fWhvdnghWt0l7T9AiioZnBMRhn3Bn1hi65ml5kYsZQm2L627PgVxIG3ZPPB6SNW4/Yg1g3CJ2Gzl8nLeoQ==","signatures":[{"sig":"MEQCIAiujf5rdlocXy5SH80y1HIIvhGAN/mv6c5Pps65OQIoAiBf0zcCyi5mKd1r2d1aFcpLB8MH0QjlEjJMwXg5A3S9OA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxTz2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5BQ//Z/xKkcN5h0aprjr9+fv0S94JirRNBPZ885fJJuOKI/qpg3f+\r\ndAdVdHVzsIRME8qRCymYzLn9EuInOM8KQ9zOdD7AwdWGTFwGxonAO0hesnRx\r\nMPvvq+kfNQbEhhvcAl1D6jgVP9WeyizyEbmH89npkMeZ/DeI5glN0vp3792x\r\nqqYyLSTmdHms3JsNF2O5bpiNI2oHeIt/FFJqEm8fg3rKkCuh9dZkOeyeOqY7\r\n+TaMWdd0ESM0En73Nyf1V6L33ZoK2hT4H46TFrytnExnTfnJj6xZJ1J6F/JP\r\nEta6mdTqfXVGbZhalHQN42sr1/KpNiCkPLTutIbTzDFNRPjq6o0m3D+Bmqzx\r\nTOHr657zE8nyhreVZUNTGYluokdCuh8/oT47cq3LGoLgAnFvqgq0iqVbiAAb\r\nSJNqqO8STNboVlHsUNqi6+Dc84UoQUYIK3rZfVkzkLfzMIgvCP1H/LlTLNP0\r\nm1tyJxJSwFL+WTrzhduM5bhrHOBOBKHeQDvF4wWn4hPFTJrp9Ve5xVxImtFw\r\nb7+VUMyhd5fbAuITFz4cliJbfx8OiGnNAwOcOOG44DkjBAs/qNtJmNcsxmMf\r\nEmkq5XYWDtae5cDVdvT3R7bqt2SYF3XlqqW4+O9b58xgKjmyMAP5S8uac8fT\r\nEW4ELCHXkmV822b4yywVB5Nar+UpdDOHSHI=\r\n=WgOm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230116120206.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/4053f4276009bf73dc096f477ff59174/chakra-ui-pin-input-0.0.0-dev-20230116120206.tgz","_integrity":"sha512-Bxt+fWhvdnghWt0l7T9AiioZnBMRhn3Bn1hi65ml5kYsZQm2L627PgVxIG3ZPPB6SNW4/Yg1g3CJ2Gzl8nLeoQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"3.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"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/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230116120206_1673870582206_0.18130957678095827","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116122157":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230116122157","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e4db8267a85cb2f23a53e92a9e1692a205865c2d","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230116122157.tgz","fileCount":14,"integrity":"sha512-BNDVozQ48u4hcZZofJs1WQBSKJSXaCXLG35sh7bx3GKX3sR0dcpWs4sBAsmXzx+XrmuNf1+jL57iRe6gBhoEOw==","signatures":[{"sig":"MEYCIQDYy4hBZbyxT1maSNw7ChFF1RFnLggpLCctQrRMD0vk4wIhAO8bIpe49psReSHL7aflFSXsvjsCGhxO1uf9jVR50OjM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUGpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqL4A//ezwW6JQzrjzbn/me702QfHH6SZIUathI491L+f/eDj7uQoGj\r\nCIYKIbvsUoIUwLKUsteo+PeIrnblXkSX9jdaMt3yfTmFWj8FUQII8WELDQmn\r\naailutfx7ZLbph+nrwZfP+unOZA+C//vJuXeOEOjz2YJpWtQVF2HqtrugnTk\r\nY+SM9B86ZF9BLjKe7BFUbaWtORzej4hXCWtzQ+tzEc2CCKg+2o9Q1Cq3alDi\r\n7ZP3qh82VQR7VySU4+8K3dT/OTM87EcYSVtTdx223sW19TqDqhrrdvtpEcCp\r\nJeGYHRz1nMha6BHgSRhiEF5DsNwwKR2RbIxnj7oW+dHNwjnNBHNVqkoL+I70\r\nqIv93pVDuSGBbLQBuo+stor6B7Fj/foq88Yqm/FbosJJu6gq4/XK1vCyJkun\r\n/8nakHQ3m+g9dD34kEJwnF+paJNyIbBf5fk98YqJ5Ot015qgk9+nZEyrUNQG\r\n7HFjCpas6vNq4zmYxxq9NjjaKAzk6ANTpmKU7a1HW3l9Cq+S0wcD4SAAWwTv\r\nvVx2E/YmzEEQs1gBkwaKyl1bkW950eLojimpDPzRrjfgpEAPsMJJi/4M5OOJ\r\nKcauNwK+rG9Ow8CUno01DUe4MWcKo+zz3HOUB5gTpp/g7ztRiTNtTOhVgAk2\r\nUI3ZirxHgBSUIE2dAqvjrtO1zZX0k0zlHSs=\r\n=1eFL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230116122157.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/ac4fcf06557c6696e7c137d37d25abad/chakra-ui-pin-input-0.0.0-dev-20230116122157.tgz","_integrity":"sha512-BNDVozQ48u4hcZZofJs1WQBSKJSXaCXLG35sh7bx3GKX3sR0dcpWs4sBAsmXzx+XrmuNf1+jL57iRe6gBhoEOw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"3.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"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/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230116122157_1673871785644_0.563531539274899","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230116124502":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230116124502","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"13383d1fd99050a49df4e5b179e47b4f21718ae8","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230116124502.tgz","fileCount":14,"integrity":"sha512-TUi99RvfmMwgm/Fr8ej+EW8M5rm+uynkB4wQnVPsqFQv5Z71A2uW204hfgVFU5kY1x1X/2hY1XXVbhiApfAVPw==","signatures":[{"sig":"MEYCIQD9PactSVtNgzlCGH8r9xiEE/OA9Ckq4/OX95BybmaQJAIhAKJ5wXrrfdEChTDw1zK/jiQ7inTIE4elBbQMwW8IV4ep","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxUcHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpkeA/9G7cvTFADoQ3UbuVG6W6zUecK5I17E3vl4ZXMU/0vPFZP8G1F\r\nJgsSy/pynH4enb4FOv6KXQ2UvPBdXhUee2RavbbRXz23DIeW8WkvIxzOGpk9\r\nuRedCcMcxkoupmC3QZcMfwd5Y2N4vvbtsh/FnzoFS1/vtfezpqssfHGTX7GG\r\n/MlTecT9ryRSwZuCFvy6PmeAIzwCP/tfgqnukPG5KuZ88Mpz1kntV1toIrlu\r\n3Mi/Br1oU66IIt8uLKRkvvCJCK8iESajQ9KAHgZral3N4FgegZ8z9v9apV8u\r\neIfTl6JNRbOFsg2SR3Y8NzGjNezNy1VKKn5HhwdR6jlw+e/pQ3usIfk9bDPP\r\nZkhCxj7DKxq8pGMSGe6dYacZfu+R8V1/D7AFE2Jk+VJxHxJixz2uf5hntXks\r\nOP28oaNy4deXJINghcQTohJhAI8Vem4Q89Gcd4xJi/EGH1vj19Hf5vF+O5Xm\r\n5JlTi/zdE8M+x6Q2fa/XuCSF53QO/fxL82vKfrBtVPzcIGFPio0j8Ki7RsRh\r\na4eqp6A4+yWIVBNZDdcZdjDskzHkg1BtpE0rUzqQys7CzD2KmxMR80aoLI62\r\nUXkX6/fpFpBUTnZP8c6vBaa2kuHfr46aNbeu0+rE8OIPtvNnyguGjQPF5vCb\r\nuQpPq8/sn0VyKYjFv5peG9/tkJaB8xgexWY=\r\n=Ew1G\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230116124502.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInupt component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/5f2bbff3b25e652fd2d10fb44bffb4d7/chakra-ui-pin-input-0.0.0-dev-20230116124502.tgz","_integrity":"sha512-TUi99RvfmMwgm/Fr8ej+EW8M5rm+uynkB4wQnVPsqFQv5Z71A2uW204hfgVFU5kY1x1X/2hY1XXVbhiApfAVPw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"3.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"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/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230116124502_1673873159314_0.5289020810297524","host":"s3://npm-registry-packages"}},"2.0.19":{"name":"@chakra-ui/pin-input","version":"2.0.19","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"f9b196174f0518feec5c1ee3fcaf2134c301148a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.19.tgz","fileCount":14,"integrity":"sha512-6O7s4vWz4cqQ6zvMov9sYj6ZqWAsTxR/MNGe3DNgu1zWQg8veNCYtj1rNGhNS3eZNUMAa8uM2dXIphGTP53Xow==","signatures":[{"sig":"MEYCIQD2CguYHEeQ79/ziCwNh4YydIFPCSVfMxbXEa5ssLdHjAIhAKwxFFuzl0W8ACWb5X7Nq8YdAoMa1OZVL/MR7MbswWET","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxWggACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqAXw/9G9/iG7CVTTP/uOL9J7TWy31LfZr2DUyrrwtqAabXWOYalf/o\r\nTXfj6GK59gtkBTCL1rtReuCNs/IQe90lqoJpPCZjkEm3P4Bb85I+C4I6ETDx\r\nBDFm1YlVUuUoGBTVZuiM3Pj834LYchhgvd7lEpbpTZOw3w0miJQg9jEj+RRD\r\noSh9cza6PZELiPT4jldntJ438GtUAUoHBMA+TFsh4EMN+gfRzlDEgsL1z5Qx\r\nTAdKK2pZ9sdU/y/4peeMZwsmVlt7FUGpLyzH8bvYxS6RIw4cYJ6ASq/Lnevq\r\n7NscC00cV6pjJOyi1ZOfs+78eppjOvPhrlARyzls70gOyjqQIGkfX9c9pBMe\r\nbKbvjvtKAuQIWm6S3Bu9w0cANjHmBfQQJGbO8WinH7MjJo8W0J1BU0nP8P0J\r\n5jh0RkCreJebtpRsY+mbKL5AJnGeUYUIGfFdq5gKQQvEiXNTBfZyvxQmdSg6\r\necHb20mTC5OgGXtzL7whIg60xi8dMsGnmXx5Eguzsfq+axX1e083FiDSbsRi\r\nD8tteTcs5EQdsVnqRDC0MJLSWVJmL1khb8TX2lkukbKmwy0XOqi08nlYAHIC\r\nbA6mkftlDfbVTTybwWnTtqvYTs5wrFjV0BBNxLWojKkIxIrO5za340XDetWD\r\nu79LaFKNVMh91CncTMtOsO63nV/rwr3XZos=\r\n=NDNu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-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/7fea2a1917c5cf37b0d6d688d6980f0a/chakra-ui-pin-input-2.0.19.tgz","_integrity":"sha512-6O7s4vWz4cqQ6zvMov9sYj6ZqWAsTxR/MNGe3DNgu1zWQg8veNCYtj1rNGhNS3eZNUMAa8uM2dXIphGTP53Xow==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"@chakra-ui/descendant":"3.0.13","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.7","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.1.1","@chakra-ui/system":"2.4.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.19_1673881632631_0.7776408183061196","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320183136":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230320183136","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"11513c9399494757ebb6f8b00d1c59a85b484a9a","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230320183136.tgz","fileCount":14,"integrity":"sha512-lTapZ/5ObxaFRME0bAuRogn7aC0OtPxetuoZt5jECMf6w+nv6VbBtIU6z6RzcAEA4pUyj3QrKGQR7Ln4JdcGGQ==","signatures":[{"sig":"MEUCIQCqXIvhD7axwuOsGN6EizQcxBfcE9wzqt3nr96JU16E4QIgXYbNCnPO+eBrr3S9ZhJBsIRDqjy9RZh1sPyH8KGGdoQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKbIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmootRAAnR8R4UNQxFn2HkdSqyoN6pj6aneZH6HOuE+LyuMFG0my0QxD\r\nD8a7fAButWKTEWszmBU4r6JtZntEB++8bAy4J2a1RSQOK11DSpxPsatXd8LX\r\n2QJvkhCzH25Vhw8yQl0XFUruBCOOQ++6AGd2MyGju7ElsnV76NDXVT8qceyu\r\nnShac9hl9N4nDVUU7EWrctpJDWfaamqrl+OgPoHkNSa7ch88mrSUmxFYtrTf\r\nx4KUyXLL7A1aGCvReXdnjey9fyVEA5cxjtK/OKOVjC2/MMsNms6XzLuVTMTU\r\np+tP0zVbW3A+hd1v9GRQ134tWKrKSZk92sfbgwK6ixxhHDWHZq6210+UpdRM\r\nCZ9poErLyfPLXeB1ub3zhxxHadubGdCRSu6rc87ZTRrGTAMeyS2XAjP8HLxp\r\nIK2hKcPCwonSts0Aeo8UuXIUS70NQViITTjIau01Pdn+J3djdPk83BtPYZG8\r\nL4b0WJ3H31f4LoSP/VuxYBQ0kWOpmshhpFS4s6KZnZGZPsAt7yr/Yeqak/Xb\r\n6hJ28W2GBliCRncR9YNTMfkg7LmAOwdYM0PcV20Sa7GNDhp4xVcGMtM8hzDX\r\nyk3MtTpsIdfOS9D0Z7MH0On/RY40K5sA3o8EK9AJLLLFZQ7CaGP00IqMHvvA\r\n9yNr9UvhoaTd34wC3gqeRmMi6dikFwtqk+s=\r\n=J3Bj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230320183136.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInput component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/8a94c3f1c41788650d31b481059cf612/chakra-ui-pin-input-0.0.0-dev-20230320183136.tgz","_integrity":"sha512-lTapZ/5ObxaFRME0bAuRogn7aC0OtPxetuoZt5jECMf6w+nv6VbBtIU6z6RzcAEA4pUyj3QrKGQR7Ln4JdcGGQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230320183136","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320183136","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"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/system":"0.0.0-dev-20230320183136"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320183136"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230320183136_1679337160121_0.3267103572979635","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230320184810":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230320184810","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"8ff446546fae82e8acb7864269e88f75abef9329","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230320184810.tgz","fileCount":14,"integrity":"sha512-e0+YTxRPB8jR2ROiaHSQ+PfGCqg+URjR43Q5NZleNnTgI2bASuUKQa8kR0t/cvYyOkFwfU4yFhheaH/xiqqTkQ==","signatures":[{"sig":"MEUCIETaBIpQT6AUs12zK8PE4tJVB1FLmEfX+/LVHOMe+VESAiEAk0kXS2HJf7sETpqP8HpXAcSTZBVjo3l4nfl/K76104U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47504,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGKqgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmorQhAAk4cHoq+Fijj8WtNdiCD6ZRHLJICu8Tt1aL7hJC8fvea8H4+Q\r\nvcmd4zvWB5/GdekiX4v2CPmrH+QSRwDKj8iUYwidP1/p+dRdzydTLAbBr3Wt\r\nQyzDMJ4wNG2S/UQPHOWC82GmWvtiw99s+eJQTQ/4cgfxeaflao2ObajnnKXr\r\nMyfesTseSoE3if0wDh6l5iHtXId/VbI3dNz1GwwfBwCey6A87Wyi6AOhOx3g\r\nky2n1etjL0NrfhYR9NxpZybKmaBQlCp6Dzm354vVrVsde5RGlnjsTySxF/V6\r\nw/XsTXIxbochqSWxfFsTnjp8FRyqk5pEdiCRgbpkYxuz94+MsaaU1yFUdU1D\r\ncbzmsFdiJZS8IKMnj7mfwpSZCFWmXZjhmoATLqBNQtbtSqDEaqYF5L3UceA3\r\nX04POCCYq6CdtzQLT6txWUc0dXLfGGaRpvqSmFYUm8SFDLZnKtkswCBqqNfo\r\nB4tcEbSKIoMFLuPNNUnMLZVK5xMXtnAvGHVhHhvO6QfRx7q019OGeIW0ClY2\r\nLKKHDZ9WL6Hz7C3abFm+uB9OO6QVpI8GzCrJvzyZzLjiJnK9Mv3IRiTXoD9a\r\n1Ve3VvC82yxP9EvumGgkAyFFEmvKiySmLZ7So+pkBJp6MRhnG1f+dfqu7NFv\r\nyOyw/TrLU/jv2lBCO0C/iMZzqvJkVvMo+Uk=\r\n=0Zwx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-input-0.0.0-dev-20230320184810.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInput component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/75e96f642d1dcd3f91a41d4fc40c6a35/chakra-ui-pin-input-0.0.0-dev-20230320184810.tgz","_integrity":"sha512-e0+YTxRPB8jR2ROiaHSQ+PfGCqg+URjR43Q5NZleNnTgI2bASuUKQa8kR0t/cvYyOkFwfU4yFhheaH/xiqqTkQ==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230320184810","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230320184810","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"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/system":"0.0.0-dev-20230320184810"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230320184810"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230320184810_1679338144425_0.23344036379903743","host":"s3://npm-registry-packages"}},"2.0.20":{"name":"@chakra-ui/pin-input","version":"2.0.20","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"5bf115bf4282b69fc6532a9c542cbf41f815d200","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.0.20.tgz","fileCount":14,"integrity":"sha512-IHVmerrtHN8F+jRB3W1HnMir1S1TUCWhI7qDInxqPtoRffHt6mzZgLZ0izx8p1fD4HkW4c1d4/ZLEz9uH9bBRg==","signatures":[{"sig":"MEUCIFXkswKRMJ1PQP6ELjN9OTfH403EoVA+5ypk8nSETlpNAiEAzpKQKHaesV3IY6T86IHANHP+ZdfPEzbHzxrW+pgQvbs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":47413,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHCcrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpqkA//S9sytDtJXB3jcbV7Cwan06mFqC2cLJycBGZ1KVJdOMb9wqu4\r\n3x9KYkDrlfGBc3FQjoRkviMc5hPXC32iWYAJEPIMkk/KBDPq61XRr5aP8s5n\r\nMxTq0+Ho4w9L8cAaoklmOtC+N93hcXDJikiHxfI+cbkqvpaC9I/9qHweJyhX\r\njQMjxe4azdIDF9L2LaxEe/xM6QcDmCCH0o7Bh3frsr9RalAXcNa5VvfocHly\r\nK7TS/UQgWKm0rbmNj8cH5n1lUv95rtzGXGR/vghWq4+GnoM//Q9T2Tk1b0Tc\r\nmbUnQ7hqTSDniem9DDQipUI7DqV/+G6Eu1Fa5IgA6d2ZWVeu/bWeXe2VAAHE\r\nBVpu5UHfFTJFf1ocYKb/sLn7tXXZe/4T6v3IHpl8rG5fjWSdTIE+AL04kUh4\r\nZC8Ozm91QBOAezy8dFn7f2jAU7H1yvTetvTrNt2dTx8a4c7X9y/Rkpj6FjGn\r\nwJtJ1QcQ/QbUI9VcIvoZj1FgzIS3hFHaC8cRyH9Y6gPZweC5DNdLDDcix08A\r\nOMdTOMh+Cr89I8G6C9ztFSIXQJWjO+dmh0HLsZUgdgzeZ686NPnelrfDu6DS\r\nwj7z1YApUXx6yzSDDFO+XVOjGMlaIZ+/FeAnd7uvpApFxnZVfW/lAXX5Rvh1\r\nLzwZMizHk2s5gRaGcflZg38NKsUCRkceqY0=\r\n=Ezqr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","tsup":{"clean":true,"format":["cjs","esm"],"target":"es2019"},"_from":"file:chakra-ui-pin-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/d8248d047ca9d521c2d659d3110007aa/chakra-ui-pin-input-2.0.20.tgz","_integrity":"sha512-IHVmerrtHN8F+jRB3W1HnMir1S1TUCWhI7qDInxqPtoRffHt6mzZgLZ0izx8p1fD4HkW4c1d4/ZLEz9uH9bBRg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"8.19.3","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"16.19.1","dependencies":{"@chakra-ui/descendant":"3.0.14","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.0.8","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.0.7","@chakra-ui/react-use-controllable-state":"2.0.8"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/system":"2.5.3"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.0.20_1679566634898_0.7010980932689601","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718122336":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230718122336","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"716404d72ea68e7c44adcf8cad9802f360f1c038","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230718122336.tgz","fileCount":22,"integrity":"sha512-iEYYai5Is+m411WG8XpyxBjI1YEzvPun5HlBKc+k+M7D61he2Ta964vaMRq8qKugQ+VIgwvfd/j/9rSDkdJEvg==","signatures":[{"sig":"MEYCIQCOzLWvUpux/QW2amC4gy0kHeM173ThJU98iObaBn5c4AIhANDyLoQDoc53k0Hg3KS5Zu3HcHYmHopwwRbsODyX/hK1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118641},"main":"dist/index.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20230718122336.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInput component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/2a2e94c5cd0f83d5d3020a51164bfd46/chakra-ui-pin-input-0.0.0-dev-20230718122336.tgz","_integrity":"sha512-iEYYai5Is+m411WG8XpyxBjI1YEzvPun5HlBKc+k+M7D61he2Ta964vaMRq8qKugQ+VIgwvfd/j/9rSDkdJEvg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"9.5.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230718122336","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718122336","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718122336","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718122336"},"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/system":"0.0.0-dev-20230718122336"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718122336"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230718122336_1689683116740_0.8697088114428186","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718124717":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230718124717","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"c35de40cc8dc8678af8111657c707752501bc4ac","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230718124717.tgz","fileCount":22,"integrity":"sha512-Khfr21jFif/ZTarKGMhJopqan9sDbaLvx2tiZ7yb1C8XGJwAieetAF0CAdOMR9Mb5OISdYC3hCc4ZDezBkjfzw==","signatures":[{"sig":"MEYCIQCI10MwMu9jbH6ytP4fwAx1J5kFdY8bI6cgVk/OFvcGOwIhAI/ZkBWOZqqU7MiRwZqptvPPPLSokqDvcUdwMdQGuDoL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118641},"main":"dist/index.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20230718124717.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInput component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/608733e53f3db57d5934192b6b7c0dff/chakra-ui-pin-input-0.0.0-dev-20230718124717.tgz","_integrity":"sha512-Khfr21jFif/ZTarKGMhJopqan9sDbaLvx2tiZ7yb1C8XGJwAieetAF0CAdOMR9Mb5OISdYC3hCc4ZDezBkjfzw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"9.5.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230718124717","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718124717","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718124717","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718124717"},"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/system":"0.0.0-dev-20230718124717"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718124717"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230718124717_1689684537010_0.09792831638669552","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718130742":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230718130742","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"52705d816cec407981f68aa155a079d0a9747a76","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230718130742.tgz","fileCount":22,"integrity":"sha512-reCo03MS044/EJLBdhwTrZaYAXecQak1xkGwZGulFgygQVk4DMnYiVFj2olJTd1j6MiuNkqrpRmo3dESr+tIOg==","signatures":[{"sig":"MEQCIG5IkAG4lGp8IkTDumuScN/0F/nD7JoE8W3Nrd0d/cgBAiAx0WmxvyaUU6QGQakPkzPUVMKohtjln3m4/JUidP3SQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118641},"main":"dist/index.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20230718130742.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInput component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/a284ff59e668cf946f9e5e29e71dd365/chakra-ui-pin-input-0.0.0-dev-20230718130742.tgz","_integrity":"sha512-reCo03MS044/EJLBdhwTrZaYAXecQak1xkGwZGulFgygQVk4DMnYiVFj2olJTd1j6MiuNkqrpRmo3dESr+tIOg==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"9.5.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230718130742","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718130742","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718130742","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718130742"},"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/system":"0.0.0-dev-20230718130742"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718130742"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230718130742_1689685742492_0.4289464866374484","host":"s3://npm-registry-packages"}},"0.0.0-dev-20230718132637":{"name":"@chakra-ui/pin-input","version":"0.0.0-dev-20230718132637","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"e42cf4b1b6fc24ccfd7e439aea9c147c49dc29e2","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-0.0.0-dev-20230718132637.tgz","fileCount":22,"integrity":"sha512-Hcq0V2LSN6QpxQ+9R8D9gT88MV+j30tYjldL6Y9cPa0ScZMrFJHgir6CV73YLz0YhdWEVXVYrXJ3jXqOdQwdgA==","signatures":[{"sig":"MEQCIA6bHGXO1bysqtadxRsTPmeXEH+knHk6j1qsGfEomhG0AiAiUdiZxeF5tPsDSj1A9zwTtSrEJTYVU2FEnT+BhQXQYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118641},"main":"dist/index.js","_from":"file:chakra-ui-pin-input-0.0.0-dev-20230718132637.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","readme":"# Pin Input\n\nThe PinInput component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./package.json":"./package.json"},"scripts":{"dev":"pnpm build:fast -- --watch","build":"tsup src --dts","clean":"rimraf dist .turbo","typedocs":"tsx ../../../scripts/generate-type-docs.ts","typecheck":"tsc --noEmit","build:fast":"tsup src"},"_npmUser":{"name":"segunadebayo","email":"joseshegs@gmail.com"},"_resolved":"/tmp/d46602f2f3dc040b4827650eccfeef42/chakra-ui-pin-input-0.0.0-dev-20230718132637.tgz","_integrity":"sha512-Hcq0V2LSN6QpxQ+9R8D9gT88MV+j30tYjldL6Y9cPa0ScZMrFJHgir6CV73YLz0YhdWEVXVYrXJ3jXqOdQwdgA==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"9.5.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/descendant":"0.0.0-dev-20230718132637","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"0.0.0-dev-20230718132637","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"0.0.0-dev-20230718132637","@chakra-ui/react-use-controllable-state":"0.0.0-dev-20230718132637"},"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/system":"0.0.0-dev-20230718132637"},"peerDependencies":{"react":">=18","@chakra-ui/system":"0.0.0-dev-20230718132637"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_0.0.0-dev-20230718132637_1689686887996_0.8398116056960616","host":"s3://npm-registry-packages"}},"2.1.0":{"name":"@chakra-ui/pin-input","version":"2.1.0","keywords":["pin","input","pin code","ui","react","component","chakra ui"],"author":{"name":"Segun Adebayo","email":"sage@adebayosegun.com"},"license":"MIT","_id":"@chakra-ui/pin-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":"61e6bbf909ec510634307b2861c4f1891a9f8d81","tarball":"https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-2.1.0.tgz","fileCount":22,"integrity":"sha512-x4vBqLStDxJFMt+jdAHHS8jbh294O53CPQJoL4g228P513rHylV/uPscYUHrVJXRxsHfRztQO9k45jjTYaPRMw==","signatures":[{"sig":"MEYCIQCGt9u7YGpVW/5CTTJObITpA23NEQx6p5NNQyAEdRqhYAIhANVCIWovaSBujdMoQTWWHjg1RoslENFOH/cYaJmQCAvR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":118510},"main":"dist/index.js","_from":"file:chakra-ui-pin-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/3126ce786f1f267d5a8f893b98cbe6b7/chakra-ui-pin-input-2.1.0.tgz","_integrity":"sha512-x4vBqLStDxJFMt+jdAHHS8jbh294O53CPQJoL4g228P513rHylV/uPscYUHrVJXRxsHfRztQO9k45jjTYaPRMw==","repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"_npmVersion":"9.5.1","description":"A React component optimized for entering sequences of digits","directories":{},"sideEffects":false,"_nodeVersion":"18.16.1","dependencies":{"@chakra-ui/descendant":"3.1.0","@chakra-ui/shared-utils":"2.0.5","@chakra-ui/react-context":"2.1.0","@chakra-ui/react-children-utils":"2.0.6","@chakra-ui/react-use-merge-refs":"2.1.0","@chakra-ui/react-use-controllable-state":"2.1.0"},"clean-package":"../../../clean-package.config.json","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.0.0","clean-package":"2.2.0","@chakra-ui/system":"2.6.0"},"peerDependencies":{"react":">=18","@chakra-ui/system":">=2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/pin-input_2.1.0_1689721254981_0.9311289233578448","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-06-20T20:43:19.343Z","modified":"2025-08-25T12:24:46.350Z","1.0.0-next.0":"2020-06-20T20:43:19.740Z","1.0.0-next.1":"2020-06-21T09:41:39.710Z","1.0.0-next.2":"2020-06-22T15:36:22.951Z","1.0.0-next.3":"2020-06-28T16:35:57.920Z","1.0.0-next.4":"2020-07-01T17:42:56.079Z","1.0.0-next.5":"2020-07-15T10:37:17.103Z","1.0.0-next.6":"2020-07-15T15:35:42.440Z","1.0.0-next.7":"2020-07-26T12:55:57.579Z","1.0.0-rc.0":"2020-07-26T15:58:13.240Z","1.0.0-rc.1":"2020-08-06T21:14:55.182Z","1.0.0-rc.2":"2020-08-09T11:32:45.195Z","1.0.0-rc.3":"2020-08-30T15:30:27.927Z","1.0.0-rc.4":"2020-09-25T14:09:23.439Z","1.0.0-rc.5":"2020-09-27T20:28:08.736Z","1.0.0-rc.6":"2020-10-25T15:43:26.348Z","1.0.0-rc.7":"2020-10-25T21:39:15.839Z","1.0.0-rc.8":"2020-10-29T20:25:03.555Z","1.0.0":"2020-11-13T10:21:15.857Z","1.0.1":"2020-11-20T19:50:04.560Z","1.1.0":"2020-12-08T17:34:20.939Z","1.1.1":"2020-12-17T21:39:22.706Z","1.1.2":"2020-12-28T20:50:22.498Z","1.1.3":"2021-01-11T17:01:51.785Z","1.1.4":"2021-01-17T19:43:35.546Z","1.2.0":"2021-01-24T15:01:00.777Z","1.3.0":"2021-01-30T21:52:39.125Z","1.4.0":"2021-02-06T11:40:49.953Z","1.4.1":"2021-03-05T20:00:32.155Z","1.4.2":"2021-03-21T06:35:11.006Z","1.5.0":"2021-03-30T12:25:31.509Z","1.5.1":"2021-04-07T15:07:24.597Z","1.5.2":"2021-04-13T22:12:02.177Z","1.5.3":"2021-04-19T18:37:26.238Z","1.6.0":"2021-04-23T18:03:40.991Z","1.6.1":"2021-05-05T11:12:47.960Z","1.6.2":"2021-06-18T17:37:56.034Z","1.6.3":"2021-07-08T15:05:28.298Z","1.6.4-next.0":"2021-08-05T21:11:20.218Z","1.6.4":"2021-08-09T10:27:14.988Z","1.6.4-next.1":"2021-08-14T15:52:03.413Z","1.6.5":"2021-08-29T11:52:34.403Z","1.6.6":"2021-10-14T23:33:40.234Z","1.6.7":"2021-11-03T20:32:59.108Z","1.7.0":"2021-11-11T16:56:47.700Z","1.7.1":"2021-11-12T19:51:33.736Z","0.0.0-canary-2021118154929":"2021-12-08T15:50:15.549Z","0.0.0-canary-2021118164051":"2021-12-08T16:41:36.221Z","0.0.0-pr-20211191288":"2021-12-09T12:08:40.912Z","0.0.0-pr-202111921327":"2021-12-09T21:03:58.659Z","0.0.0-pr-20211113195848":"2021-12-13T19:59:13.907Z","0.0.0-pr-2021111320052":"2021-12-13T20:01:17.028Z","0.0.0-pr-2021111320117":"2021-12-13T20:11:33.775Z","0.0.0-pr-20211113201444":"2021-12-13T20:15:10.743Z","0.0.0-pr-20211113202333":"2021-12-13T20:23:58.210Z","0.0.0-dev-20211115102948":"2021-12-15T10:30:18.087Z","0.0.0-dev-20211115103018":"2021-12-15T10:30:49.436Z","0.0.0-pr-20211115103050":"2021-12-15T10:31:29.288Z","0.0.0-dev-20211115103321":"2021-12-15T10:33:55.457Z","0.0.0-dev-2021111913282":"2021-12-19T13:28:38.313Z","0.0.0-dev-2021112024830":"2021-12-20T02:49:02.486Z","0.0.0-dev-2021112031456":"2021-12-20T03:15:32.315Z","0.0.0-dev-2021112031622":"2021-12-20T03:16:57.987Z","0.0.0-pr-20211120212826":"2021-12-20T21:28:59.613Z","0.0.0-pr-20211120212927":"2021-12-20T21:29:58.821Z","0.0.0-pr-20211120213315":"2021-12-20T21:33:46.669Z","0.0.0-pr-20211120214314":"2021-12-20T21:43:49.351Z","0.0.0-dev-20211120215621":"2021-12-20T21:56:58.926Z","0.0.0-pr-20211120215645":"2021-12-20T21:57:27.582Z","0.0.0-pr-20211126151058":"2021-12-26T15:11:32.284Z","0.0.0-pr-20211126153437":"2021-12-26T15:35:17.376Z","0.0.0-pr-20211126153854":"2021-12-26T15:39:30.547Z","0.0.0-pr-20211126154235":"2021-12-26T15:43:12.594Z","0.0.0-dev-20211126154241":"2021-12-26T15:43:16.083Z","0.0.0-pr-20211126155055":"2021-12-26T15:51:27.357Z","0.0.0-pr-2021112616030":"2021-12-26T16:01:09.508Z","0.0.0-pr-2021112821613":"2021-12-28T21:06:54.271Z","0.0.0-pr-20211128215540":"2021-12-28T21:56:16.792Z","0.0.0-pr-2021112822349":"2021-12-28T22:04:27.597Z","0.0.0-pr-2021112822415":"2021-12-28T22:04:48.145Z","0.0.0-pr-202111299618":"2021-12-29T09:07:00.914Z","0.0.0-pr-202111299647":"2021-12-29T09:07:22.208Z","0.0.0-dev-202111299720":"2021-12-29T09:08:00.972Z","0.0.0-dev-20211129982":"2021-12-29T09:08:44.839Z","0.0.0-pr-2021112991213":"2021-12-29T09:12:53.818Z","0.0.0-dev-2021112991233":"2021-12-29T09:13:13.436Z","0.0.0-dev-20220114234":"2022-01-01T01:43:11.467Z","0.0.0-dev-20220114728":"2022-01-01T01:48:10.665Z","0.0.0-dev-202201134936":"2022-01-01T13:50:15.078Z","0.0.0-dev-20220281628":"2022-01-02T08:17:06.786Z","0.0.0-dev-20220282224":"2022-01-02T08:23:02.356Z","0.0.0-pr-20220282356":"2022-01-02T08:24:35.187Z","0.0.0-pr-2022028277":"2022-01-02T08:27:39.501Z","0.0.0-dev-2022028387":"2022-01-02T08:38:47.734Z","0.0.0-dev-2022028457":"2022-01-02T08:45:39.412Z","0.0.0-pr-20220284534":"2022-01-02T08:46:10.799Z","0.0.0-dev-2022028579":"2022-01-02T08:57:47.043Z","0.0.0-pr-202203225541":"2022-01-03T22:56:22.191Z","0.0.0-pr-202203231241":"2022-01-03T23:13:19.637Z","0.0.0-pr-20220483049":"2022-01-04T08:31:33.434Z","0.0.0-pr-202204173424":"2022-01-04T17:34:58.566Z","0.0.0-pr-202204174042":"2022-01-04T17:41:22.341Z","0.0.0-pr-202204174930":"2022-01-04T17:50:10.958Z","1.7.2":"2022-01-04T20:36:23.177Z","0.0.0-pr-202204203645":"2022-01-04T20:37:25.177Z","0.0.0-pr-20220421928":"2022-01-04T21:10:04.647Z","0.0.0-pr-202206185910":"2022-01-06T18:59:58.174Z","0.0.0-pr-202206192031":"2022-01-06T19:21:12.583Z","0.0.0-pr-20220620149":"2022-01-06T20:02:27.817Z","0.0.0-dev-20220620653":"2022-01-06T20:07:25.443Z","0.0.0-pr-2022062070":"2022-01-06T20:07:36.075Z","0.0.0-pr-202208163634":"2022-01-08T16:37:14.225Z","0.0.0-pr-20220816386":"2022-01-08T16:38:45.891Z","0.0.0-pr-202208164521":"2022-01-08T16:45:59.408Z","0.0.0-pr-202209205059":"2022-01-09T20:51:32.398Z","0.0.0-pr-20220920538":"2022-01-09T20:53:42.921Z","0.0.0-pr-202209211330":"2022-01-09T21:14:03.205Z","0.0.0-pr-20220921590":"2022-01-09T21:59:29.347Z","0.0.0-pr-202209231642":"2022-01-09T23:17:11.995Z","0.0.0-pr-202209231818":"2022-01-09T23:18:52.028Z","0.0.0-pr-202209231927":"2022-01-09T23:20:03.866Z","0.0.0-pr-2022010134944":"2022-01-10T13:50:11.759Z","0.0.0-dev-202201013510":"2022-01-10T13:51:36.376Z","0.0.0-pr-202201013538":"2022-01-10T13:53:37.479Z","0.0.0-dev-202201117413":"2022-01-11T17:41:30.734Z","0.0.0-pr-2022011175644":"2022-01-11T17:57:18.045Z","0.0.0-pr-2022011182024":"2022-01-11T18:20:58.722Z","0.0.0-dev-2022013185957":"2022-01-13T19:00:29.249Z","0.0.0-pr-202201319022":"2022-01-13T19:00:55.774Z","0.0.0-dev-202201319130":"2022-01-13T19:02:01.005Z","0.0.0-pr-202201319211":"2022-01-13T19:02:49.028Z","0.0.0-pr-2022013191557":"2022-01-13T19:16:26.112Z","0.0.0-pr-2022013191627":"2022-01-13T19:16:55.851Z","0.0.0-pr-2022013191632":"2022-01-13T19:17:06.302Z","0.0.0-pr-2022013191659":"2022-01-13T19:17:31.820Z","0.0.0-pr-2022013192043":"2022-01-13T19:21:25.642Z","0.0.0-dev-2022013193154":"2022-01-13T19:32:25.465Z","0.0.0-dev-2022013193526":"2022-01-13T19:36:02.250Z","0.0.0-pr-2022014102532":"2022-01-14T10:26:05.328Z","0.0.0-dev-202201418849":"2022-01-14T18:09:26.609Z","0.0.0-pr-202201418280":"2022-01-14T18:28:43.416Z","0.0.0-pr-2022014183133":"2022-01-14T18:32:20.058Z","0.0.0-pr-2022017182645":"2022-01-17T18:27:18.551Z","0.0.0-dev-2022017182859":"2022-01-17T18:29:35.522Z","0.0.0-dev-20220209527":"2022-01-20T09:06:03.287Z","0.0.0-pr-2022020961":"2022-01-20T09:06:50.740Z","0.0.0-pr-20220209192":"2022-01-20T09:19:47.861Z","0.0.0-pr-202202092345":"2022-01-20T09:24:25.610Z","0.0.0-pr-202202495259":"2022-01-24T09:53:44.488Z","0.0.0-pr-202202495536":"2022-01-24T09:56:21.024Z","0.0.0-pr-202202495553":"2022-01-24T09:56:29.859Z","0.0.0-dev-202202495727":"2022-01-24T09:58:10.393Z","0.0.0-dev-202202410017":"2022-01-24T10:00:54.930Z","0.0.0-pr-202202410034":"2022-01-24T10:01:20.854Z","0.0.0-pr-2022024212254":"2022-01-24T21:23:34.797Z","0.0.0-pr-202202423375":"2022-01-24T23:37:42.832Z","0.0.0-pr-2022024234531":"2022-01-24T23:46:11.707Z","0.0.0-dev-20220258423":"2022-01-25T08:42:46.197Z","0.0.0-pr-202202584437":"2022-01-25T08:45:21.349Z","0.0.0-pr-20220258462":"2022-01-25T08:46:40.560Z","0.0.0-dev-20220258486":"2022-01-25T08:48:49.512Z","0.0.0-dev-202202585455":"2022-01-25T08:55:31.716Z","0.0.0-pr-20220259146":"2022-01-25T09:14:45.700Z","0.0.0-dev-202202591453":"2022-01-25T09:15:34.450Z","0.0.0-dev-202202591937":"2022-01-25T09:20:17.407Z","0.0.0-dev-202202592640":"2022-01-25T09:27:27.821Z","0.0.0-pr-20220251866":"2022-01-25T18:06:44.507Z","1.7.3":"2022-01-25T18:07:24.076Z","0.0.0-pr-2022026181758":"2022-01-26T18:18:36.007Z","0.0.0-pr-2022026182926":"2022-01-26T18:29:56.338Z","0.0.0-dev-2022026182947":"2022-01-26T18:30:19.702Z","0.0.0-pr-202202618407":"2022-01-26T18:40:36.014Z","0.0.0-pr-20220300344":"2022-01-30T00:04:15.549Z","0.0.0-dev-20221152957":"2022-02-01T05:30:30.715Z","0.0.0-pr-20221153122":"2022-02-01T05:31:56.087Z","0.0.0-pr-20221173228":"2022-02-01T07:33:00.192Z","0.0.0-pr-20221173648":"2022-02-01T07:37:25.799Z","0.0.0-pr-202211224055":"2022-02-01T22:41:24.255Z","0.0.0-pr-202211224227":"2022-02-01T22:43:00.650Z","0.0.0-pr-20221263638":"2022-02-02T06:37:23.895Z","0.0.0-pr-20221263715":"2022-02-02T06:37:50.886Z","0.0.0-pr-20221272130":"2022-02-02T07:22:09.943Z","0.0.0-pr-20221272450":"2022-02-02T07:25:31.418Z","0.0.0-dev-202213175727":"2022-02-03T17:58:04.236Z","0.0.0-pr-20221462931":"2022-02-04T06:30:20.813Z","0.0.0-dev-20221463045":"2022-02-04T06:31:31.380Z","1.7.4":"2022-02-04T06:35:49.749Z","0.0.0-pr-202214171317":"2022-02-04T17:14:03.019Z","0.0.0-pr-202214173019":"2022-02-04T17:30:59.521Z","0.0.0-pr-20221417318":"2022-02-04T17:31:53.156Z","0.0.0-pr-202214173148":"2022-02-04T17:32:31.120Z","0.0.0-pr-202215111823":"2022-02-05T11:19:06.016Z","0.0.0-dev-202215111945":"2022-02-05T11:20:30.740Z","0.0.0-dev-202215112739":"2022-02-05T11:28:18.055Z","0.0.0-pr-202215113521":"2022-02-05T11:35:59.715Z","0.0.0-pr-202215113950":"2022-02-05T11:40:33.762Z","0.0.0-dev-202215114149":"2022-02-05T11:42:35.602Z","0.0.0-pr-202215114422":"2022-02-05T11:45:02.228Z","0.0.0-dev-202215114442":"2022-02-05T11:45:37.351Z","0.0.0-pr-202215114917":"2022-02-05T11:50:04.572Z","0.0.0-pr-20221512346":"2022-02-05T12:04:29.055Z","0.0.0-pr-20221512130":"2022-02-05T12:13:40.191Z","0.0.0-pr-202215121320":"2022-02-05T12:13:59.799Z","0.0.0-dev-202215121353":"2022-02-05T12:14:28.794Z","0.0.0-dev-202215121428":"2022-02-05T12:15:01.068Z","0.0.0-dev-20221512173":"2022-02-05T12:17:39.352Z","0.0.0-dev-202215122415":"2022-02-05T12:24:59.882Z","0.0.0-pr-20221512359":"2022-02-05T12:35:48.745Z","0.0.0-pr-202215125733":"2022-02-05T12:58:14.908Z","0.0.0-pr-202215132532":"2022-02-05T13:26:11.274Z","0.0.0-dev-20221513279":"2022-02-05T13:27:55.103Z","1.7.5":"2022-02-05T13:36:26.804Z","0.0.0-pr-2022114224724":"2022-02-14T22:48:12.486Z","0.0.0-pr-202211594731":"2022-02-15T09:48:07.563Z","0.0.0-dev-2022117131714":"2022-02-17T13:17:46.709Z","0.0.0-pr-202211713187":"2022-02-17T13:18:47.022Z","1.7.6":"2022-02-17T13:22:09.790Z","0.0.0-dev-202211720414":"2022-02-17T20:04:47.979Z","0.0.0-dev-2022117201925":"2022-02-17T20:20:10.637Z","0.0.0-dev-2022117203714":"2022-02-17T20:37:55.045Z","0.0.0-dev-202212083710":"2022-02-20T08:37:51.222Z","0.0.0-pr-202212011232":"2022-02-20T11:03:16.936Z","0.0.0-dev-2022120113958":"2022-02-20T11:40:36.370Z","0.0.0-dev-2022120114012":"2022-02-20T11:40:45.018Z","0.0.0-dev-2022120114225":"2022-02-20T11:43:05.941Z","0.0.0-dev-202212012129":"2022-02-20T12:12:47.621Z","0.0.0-dev-2022120123118":"2022-02-20T12:32:02.538Z","1.7.7":"2022-02-20T12:41:04.625Z","0.0.0-dev-2022128214753":"2022-02-28T21:48:25.737Z","0.0.0-dev-2022128215052":"2022-02-28T21:51:22.538Z","0.0.0-dev-202212821520":"2022-02-28T21:52:29.716Z","0.0.0-dev-202212822477":"2022-02-28T22:47:39.485Z","0.0.0-dev-2022128224832":"2022-02-28T22:49:04.324Z","1.7.8":"2022-02-28T23:07:14.513Z","0.0.0-dev-202221417325":"2022-03-14T17:04:49.453Z","0.0.0-dev-202221417436":"2022-03-14T17:05:08.151Z","0.0.0-dev-2022214171014":"2022-03-14T17:11:31.000Z","0.0.0-dev-2022214195434":"2022-03-14T19:55:06.335Z","0.0.0-dev-2022214195653":"2022-03-14T19:57:18.113Z","0.0.0-dev-202221419595":"2022-03-14T19:59:39.224Z","0.0.0-dev-2022215181125":"2022-03-15T18:11:57.902Z","0.0.0-dev-2022215182043":"2022-03-15T18:21:25.706Z","0.0.0-dev-2022215183938":"2022-03-15T18:40:31.654Z","0.0.0-dev-2022215184036":"2022-03-15T18:41:09.219Z","0.0.0-dev-2022225182931":"2022-03-25T18:30:01.770Z","1.7.9":"2022-03-27T11:35:21.679Z","0.0.0-dev-2022228155140":"2022-03-28T15:52:20.623Z","0.0.0-dev-20223215463":"2022-04-02T15:46:34.753Z","0.0.0-dev-2022349032":"2022-04-04T09:01:11.932Z","0.0.0-dev-2022349233":"2022-04-04T09:03:12.797Z","0.0.0-dev-2022349957":"2022-04-04T09:10:26.544Z","0.0.0-dev-20223491859":"2022-04-04T09:19:38.863Z","0.0.0-dev-20223655213":"2022-04-06T05:52:44.522Z","0.0.0-dev-202236131344":"2022-04-06T13:14:22.793Z","0.0.0-dev-202236132312":"2022-04-06T13:23:41.742Z","0.0.0-dev-20223614103":"2022-04-06T14:10:37.957Z","0.0.0-dev-202236141416":"2022-04-06T14:14:48.506Z","1.7.10":"2022-04-07T15:34:32.198Z","2.0.0-next.0":"2022-04-15T15:22:20.424Z","2.0.0-next.1":"2022-04-22T06:05:30.412Z","2.0.0-next.2":"2022-05-05T08:20:58.819Z","2.0.0-next.3":"2022-05-09T08:41:09.932Z","2.0.0":"2022-05-12T17:52:16.663Z","0.0.0-next-dev-202241614737":"2022-05-16T14:08:04.727Z","0.0.0-dev-202241614743":"2022-05-16T14:08:12.540Z","0.0.0-dev-2022416204849":"2022-05-16T20:49:16.234Z","0.0.0-dev-202241784047":"2022-05-17T08:41:21.728Z","0.0.0-dev-202241794553":"2022-05-17T09:46:20.220Z","0.0.0-dev-202241710143":"2022-05-17T10:02:11.234Z","0.0.0-dev-202241710959":"2022-05-17T10:10:30.804Z","0.0.0-dev-202241716586":"2022-05-17T16:58:32.674Z","0.0.0-dev-2022418165624":"2022-05-18T16:56:46.155Z","0.0.0-dev-2022418173331":"2022-05-18T17:33:53.984Z","0.0.0-dev-2022419101754":"2022-05-19T10:18:28.373Z","0.0.0-dev-2022419173934":"2022-05-19T17:40:14.148Z","0.0.0-dev-2022419174740":"2022-05-19T17:48:13.926Z","0.0.0-dev-20224205231":"2022-05-20T05:23:40.181Z","0.0.0-dev-2022421153722":"2022-05-21T15:37:58.350Z","0.0.0-dev-202242121518":"2022-05-21T21:05:52.090Z","2.0.1":"2022-05-22T05:41:26.697Z","0.0.0-dev-20224239149":"2022-05-23T09:02:23.104Z","0.0.0-dev-2022423113827":"2022-05-23T11:38:54.449Z","0.0.0-dev-2022423121532":"2022-05-23T12:16:09.371Z","0.0.0-dev-2022423121615":"2022-05-23T12:16:52.166Z","0.0.0-dev-20224248246":"2022-05-24T08:03:22.700Z","0.0.0-dev-20224248516":"2022-05-24T08:05:50.816Z","0.0.0-dev-202242481651":"2022-05-24T08:17:28.333Z","2.0.2":"2022-05-24T12:28:17.009Z","0.0.0-dev-202255105723":"2022-06-05T10:58:02.395Z","0.0.0-dev-20225517307":"2022-06-05T17:30:52.103Z","0.0.0-dev-202255185818":"2022-06-05T18:58:47.883Z","0.0.0-dev-2022551939":"2022-06-05T19:03:39.924Z","0.0.0-dev-202256151938":"2022-06-06T15:20:10.343Z","0.0.0-dev-202256153840":"2022-06-06T15:39:33.132Z","0.0.0-dev-20225619634":"2022-06-06T19:07:03.300Z","0.0.0-dev-202256192154":"2022-06-06T19:22:33.384Z","2.0.3":"2022-06-06T20:41:34.783Z","0.0.0-dev-202257113227":"2022-06-07T11:32:56.127Z","0.0.0-dev-202257113310":"2022-06-07T11:33:37.871Z","0.0.0-dev-2022587541":"2022-06-08T07:06:24.574Z","0.0.0-dev-2022511155212":"2022-06-11T15:52:47.903Z","0.0.0-dev-2022511155356":"2022-06-11T15:54:31.635Z","0.0.0-dev-2022511155428":"2022-06-11T15:55:10.151Z","0.0.0-dev-2022513181240":"2022-06-13T18:13:11.977Z","0.0.0-dev-2022515163532":"2022-06-15T16:36:06.490Z","0.0.0-dev-2022516122241":"2022-06-16T12:23:15.719Z","0.0.0-dev-2022516151633":"2022-06-16T15:17:04.928Z","0.0.0-dev-202251616831":"2022-06-16T16:09:10.371Z","0.0.0-dev-2022518113258":"2022-06-18T11:33:32.673Z","0.0.0-dev-2022520143145":"2022-06-20T14:32:17.285Z","0.0.0-dev-2022520163758":"2022-06-20T16:38:46.563Z","0.0.0-dev-2022520164715":"2022-06-20T16:47:48.642Z","0.0.0-dev-2022520164752":"2022-06-20T16:48:28.618Z","2.0.4":"2022-06-21T07:47:56.407Z","0.0.0-dev-202264144818":"2022-07-04T14:49:09.656Z","0.0.0-dev-2022659325":"2022-07-05T09:03:59.744Z","0.0.0-dev-2022659431":"2022-07-05T09:05:05.975Z","0.0.0-dev-2022669710":"2022-07-06T09:07:51.951Z","0.0.0-dev-202268163535":"2022-07-08T16:36:21.314Z","0.0.0-dev-202268165050":"2022-07-08T16:51:24.648Z","0.0.0-dev-2022610103716":"2022-07-10T10:37:53.265Z","0.0.0-dev-2022610103924":"2022-07-10T10:40:02.750Z","2.0.5":"2022-07-10T10:57:16.654Z","0.0.0-dev-2022612222012":"2022-07-12T22:20:53.457Z","0.0.0-dev-202261316456":"2022-07-13T16:45:41.783Z","0.0.0-dev-202261317818":"2022-07-13T17:08:56.050Z","2.0.6":"2022-07-13T18:44:10.210Z","2.0.7":"2022-07-25T05:10:41.666Z","0.0.0-dev-20220804193103":"2022-08-04T19:33:04.882Z","0.0.0-dev-20220804193815":"2022-08-04T19:38:57.639Z","0.0.0-dev-20220804194739":"2022-08-04T19:48:50.870Z","0.0.0-dev-20220804200605":"2022-08-04T20:07:14.446Z","0.0.0-dev-20220805062318":"2022-08-05T06:24:26.908Z","2.0.8":"2022-08-05T10:13:07.385Z","0.0.0-dev-20220810112922":"2022-08-10T11:30:04.102Z","0.0.0-dev-20220810121727":"2022-08-10T12:18:15.451Z","0.0.0-dev-20220810122556":"2022-08-10T12:26:38.981Z","0.0.0-dev-20220810124358":"2022-08-10T12:44:54.020Z","0.0.0-dev-20220810132240":"2022-08-10T13:23:27.599Z","0.0.0-dev-20220811084042":"2022-08-11T08:41:47.420Z","0.0.0-dev-20220811093515":"2022-08-11T09:36:15.443Z","0.0.0-dev-20220811160709":"2022-08-11T16:08:22.507Z","0.0.0-dev-20220812060931":"2022-08-12T06:10:37.443Z","0.0.0-dev-20220813051625":"2022-08-13T05:17:31.376Z","0.0.0-dev-20220813052715":"2022-08-13T05:28:20.862Z","0.0.0-dev-20220813053727":"2022-08-13T05:38:42.954Z","0.0.0-dev-20220813055957":"2022-08-13T06:01:04.559Z","0.0.0-dev-20220813063717":"2022-08-13T06:38:18.289Z","0.0.0-dev-20220813070741":"2022-08-13T07:08:45.247Z","0.0.0-dev-20220813083358":"2022-08-13T08:35:01.851Z","2.0.9":"2022-08-13T10:50:11.265Z","2.0.10":"2022-08-14T07:11:02.366Z","0.0.0-dev-20220819090547":"2022-08-19T09:06:19.569Z","0.0.0-dev-20220819092119":"2022-08-19T09:22:12.219Z","0.0.0-dev-20220819114147":"2022-08-19T11:42:34.027Z","0.0.0-dev-20220819115812":"2022-08-19T11:59:10.797Z","0.0.0-dev-20220819125800":"2022-08-19T12:59:04.059Z","0.0.0-dev-20220819132034":"2022-08-19T13:21:26.021Z","0.0.0-dev-20220819142048":"2022-08-19T14:21:44.113Z","0.0.0-dev-20220819143632":"2022-08-19T14:37:34.406Z","0.0.0-dev-20220819191103":"2022-08-19T19:12:06.755Z","0.0.0-dev-20220820120308":"2022-08-20T12:03:59.841Z","0.0.0-dev-20220820124231":"2022-08-20T12:43:51.251Z","0.0.0-dev-20220820152257":"2022-08-20T15:24:10.487Z","0.0.0-dev-20220820165925":"2022-08-20T17:00:32.026Z","0.0.0-dev-20220820172220":"2022-08-20T17:23:30.790Z","0.0.0-dev-20220820173639":"2022-08-20T17:37:44.541Z","0.0.0-dev-20220820185458":"2022-08-20T18:56:06.177Z","0.0.0-dev-20220820193723":"2022-08-20T19:38:32.752Z","0.0.0-dev-20220820195548":"2022-08-20T19:56:57.134Z","0.0.0-dev-20220822051456":"2022-08-22T05:16:12.240Z","0.0.0-dev-20220822054045":"2022-08-22T05:41:55.080Z","0.0.0-dev-20220822055339":"2022-08-22T05:55:05.636Z","0.0.0-dev-20220822103611":"2022-08-22T10:37:35.091Z","0.0.0-dev-20220822184448":"2022-08-22T18:46:16.427Z","0.0.0-dev-20220823150801":"2022-08-23T15:09:17.082Z","0.0.0-dev-20220823165602":"2022-08-23T16:57:15.937Z","0.0.0-dev-20220823192757":"2022-08-23T19:29:29.030Z","0.0.0-dev-20220823195046":"2022-08-23T19:52:35.249Z","0.0.0-dev-20220824074122":"2022-08-24T07:42:34.988Z","0.0.0-dev-20220824080240":"2022-08-24T08:03:53.555Z","0.0.0-dev-20220824082222":"2022-08-24T08:24:01.471Z","2.0.11":"2022-08-24T08:47:06.522Z","0.0.0-dev-20220826154141":"2022-08-26T15:42:19.480Z","0.0.0-dev-20220829120312":"2022-08-29T12:04:02.006Z","0.0.0-dev-20220829121234":"2022-08-29T12:13:12.605Z","0.0.0-dev-20220829143113":"2022-08-29T14:31:53.051Z","2.0.12":"2022-08-29T15:15:15.920Z","0.0.0-dev-20220912120959":"2022-09-12T12:10:59.456Z","0.0.0-dev-20220912132201":"2022-09-12T13:22:58.281Z","0.0.0-dev-20220912133211":"2022-09-12T13:33:12.743Z","0.0.0-dev-20220914090509":"2022-09-14T09:06:19.577Z","0.0.0-dev-20220914105014":"2022-09-14T10:51:11.361Z","0.0.0-dev-20220916140800":"2022-09-16T14:08:50.764Z","0.0.0-dev-20220916141616":"2022-09-16T14:17:07.983Z","0.0.0-dev-20220916144141":"2022-09-16T14:42:39.975Z","1.7.11":"2022-09-16T15:21:12.179Z","0.0.0-dev-20220916164745":"2022-09-16T16:48:44.487Z","0.0.0-dev-20220919061024":"2022-09-19T06:11:23.519Z","2.0.13":"2022-09-19T07:37:21.760Z","0.0.0-dev-20220920121057":"2022-09-20T12:11:58.665Z","0.0.0-dev-20220921093814":"2022-09-21T09:39:42.330Z","0.0.0-dev-20220922114557":"2022-09-22T11:47:00.235Z","0.0.0-dev-20220922115811":"2022-09-22T11:59:16.604Z","0.0.0-dev-20220926164115":"2022-09-26T16:42:39.823Z","0.0.0-dev-20220926165450":"2022-09-26T16:55:51.740Z","0.0.0-dev-20220929105632":"2022-09-29T10:57:37.779Z","0.0.0-dev-20220929132459":"2022-09-29T13:26:20.302Z","2.0.14":"2022-10-03T09:12:36.741Z","0.0.0-dev-20221017063840":"2022-10-17T06:39:22.185Z","2.0.15":"2022-10-17T07:22:29.700Z","0.0.0-dev-20221107161407":"2022-11-07T16:15:21.763Z","0.0.0-dev-20221107181117":"2022-11-07T18:12:21.446Z","0.0.0-dev-20221107182607":"2022-11-07T18:27:09.415Z","0.0.0-dev-20221108071844":"2022-11-08T07:19:50.502Z","0.0.0-dev-20221108073543":"2022-11-08T07:36:58.284Z","0.0.0-dev-20221108075029":"2022-11-08T07:51:39.835Z","0.0.0-dev-20221108083411":"2022-11-08T08:35:06.247Z","0.0.0-dev-20221108090938":"2022-11-08T09:10:49.867Z","0.0.0-dev-20221108093520":"2022-11-08T09:36:41.784Z","0.0.0-dev-20221108100218":"2022-11-08T10:03:42.440Z","0.0.0-dev-20221108124603":"2022-11-08T12:47:06.100Z","2.0.16":"2022-11-14T11:53:12.983Z","0.0.0-dev-20221223180742":"2022-12-23T18:08:51.040Z","2.0.17":"2022-12-26T13:14:02.924Z","0.0.0-dev-20230111211417":"2023-01-11T21:15:26.427Z","0.0.0-dev-20230112113621":"2023-01-12T11:37:43.696Z","0.0.0-dev-20230112141201":"2023-01-12T14:13:33.285Z","0.0.0-dev-20230112143332":"2023-01-12T14:35:09.156Z","0.0.0-dev-20230112145104":"2023-01-12T14:52:14.456Z","0.0.0-dev-20230112152756":"2023-01-12T15:29:13.779Z","0.0.0-dev-20230112154520":"2023-01-12T15:46:27.841Z","2.0.18":"2023-01-12T16:05:57.378Z","0.0.0-dev-20230116120206":"2023-01-16T12:03:02.371Z","0.0.0-dev-20230116122157":"2023-01-16T12:23:05.786Z","0.0.0-dev-20230116124502":"2023-01-16T12:45:59.473Z","2.0.19":"2023-01-16T15:07:12.757Z","0.0.0-dev-20230320183136":"2023-03-20T18:32:40.246Z","0.0.0-dev-20230320184810":"2023-03-20T18:49:04.608Z","2.0.20":"2023-03-23T10:17:15.071Z","0.0.0-dev-20230718122336":"2023-07-18T12:25:16.900Z","0.0.0-dev-20230718124717":"2023-07-18T12:48:57.283Z","0.0.0-dev-20230718130742":"2023-07-18T13:09:02.746Z","0.0.0-dev-20230718132637":"2023-07-18T13:28:08.168Z","2.1.0":"2023-07-18T23:00:55.176Z"},"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":["pin","input","pin code","ui","react","component","chakra ui"],"repository":{"url":"git+https://github.com/chakra-ui/chakra-ui.git","type":"git","directory":"packages/components/pin-input"},"description":"A React component optimized for entering sequences of digits","maintainers":[{"email":"joseshegs@gmail.com","name":"segunadebayo"},{"email":"npm@grizzly.codes","name":"schroetier"}],"readme":"# Pin Input\n\nThe PinInput component is optimized for entering sequences of digits. The most\ncommon application is for entering single-use security codes. It is optimized\nfor entering digits quickly.\n\n## Installation\n\n```sh\nyarn add @chakra-ui/pin-input\n\nor\n\nnpm i @chakra-ui/pin-input\n```\n\n## Import component\n\n```jsx\nimport {\n  PinInput,\n  PinInputField,\n  usePinInput,\n  usePinInputField,\n} from \"@chakra-ui/pin-input\"\n```\n\n## Usage\n\nChakra UI exports two primary components, `PinInput` and `PinInputField` to\ncompose a PinInput component. Chakra UI also provides hooks to can create a\ncustom PinInput component.\n\n```jsx\n<PinInput defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n```jsx\nfunction PinInputHookExample() {\n  const context = usePinInput({ autoFocus: true })\n  const input1 = usePinInputField({ context })\n  const input2 = usePinInputField({ context })\n  const input3 = usePinInputField({ context })\n  const input4 = usePinInputField({ context })\n\n  return (\n    <div>\n      <input style={style} {...input1} />\n      <input style={style} {...input2} />\n      <input style={style} {...input3} />\n      <input style={style} {...input4} />\n    </div>\n  )\n}\n```\n\n## Sizes\n\n```jsx\n<PinInput size=\"lg\" defaultValue=\"234\">\n  <PinInputField />\n  <PinInputField />\n  <PinInputField />\n</PinInput>\n```\n\n## Controlled\n\n```tsx\nfunction ControlledPinInput() {\n  const [value, setValue] = React.useState(\"\")\n\n  const handleChange = (value: string) => {\n    setValue(value)\n  }\n\n  const handleComplete = (value: string) => {\n    console.log(value)\n  }\n  return (\n    <PinInput value={value} onChange={handleChange} onComplete={handleComplete}>\n      <PinInputField />\n      <PinInputField />\n      <PinInputField />\n    </PinInput>\n  )\n}\n```\n","readmeFilename":"README.md"}