{"_id":"react-mkx-components","_rev":"28-f9041b1dd85bbf5d45f1239a540f6144","name":"react-mkx-components","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"react-mkx-components","version":"1.0.0","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.0","maintainers":[{"name":"mkxreactjsdew","email":"manikants157@gmail.com"}],"dist":{"shasum":"c07c13d202f266c24fb2d488f3e152a588a90898","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.0.tgz","fileCount":7,"integrity":"sha512-tTqs9fwIfqPpvG5fQg2bcwaVk1/iCqDYW43A92g6YwqK+p0b4CXAA0/nN5zYYuOubfV3MCE8XxWBmBo+PbudwA==","signatures":[{"sig":"MEQCIEArFMhb9k8NMLx9/etm5Q8/EtC820YxMnC5qXrtG6RzAiBUAeY6qsHAnXf98glkeo5xU3gXLyvxW32lcOUhl6FSWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4335},"main":"./dist/index.js","_npmUser":{"name":"mkxreactjsdew","email":"manikants157@gmail.com"},"_npmVersion":"10.5.0","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.0_1710909792564_0.37112759521630734","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"react-mkx-components","version":"1.0.1","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.1","maintainers":[{"name":"mkxreactjsdew","email":"manikants157@gmail.com"}],"dist":{"shasum":"2dd49bb1e0d609dca75d5aceb3db58b7bf51f8dc","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.1.tgz","fileCount":7,"integrity":"sha512-NE3Lkg9b2lR0xYveyiisJKRetJnuCalauwszpGi0WlBP0VgULGOmMetDH6yFv2mNHjDvp7HGlPm5Ytzszc/m3Q==","signatures":[{"sig":"MEQCIBX4vG5f7FZFmov8gnIHO5JWT1XaDCGqxLwkMN8kWLRSAiASujc3+iqRuqcobv1UVgC8tHa9ssL6OkJ4BxJV1tMQqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4344},"main":"./dist/index.js","_npmUser":{"name":"mkxreactjsdew","email":"manikants157@gmail.com"},"_npmVersion":"10.5.0","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.1_1710909857077_0.6772335144654433","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"react-mkx-components","version":"1.0.2","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.2","maintainers":[{"name":"mkxreactjsdew","email":"manikants157@gmail.com"}],"dist":{"shasum":"789d37a10e63c4f82ba2772494f24a07dffd30ec","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.2.tgz","fileCount":7,"integrity":"sha512-I7QiKF/jOJ0layin1z3pX6B616/sksc74W/qdMIXwI92x6nKQ+O0LoGucrGFeUAcj1spZSyDHNCN6DNvf3MduQ==","signatures":[{"sig":"MEUCIDDLDfxOD4WQYaBkUXFY+pHoMedPmaLKQc52ClC6GetkAiEAtNazIDGDTtFXMfZ0fVyr74eKLSFxGgv5jn3wYlREdPE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4329},"main":"./dist/index.js","_npmUser":{"name":"mkxreactjsdew","email":"manikants157@gmail.com"},"_npmVersion":"10.5.0","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.2_1710909946382_0.2749774428731042","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"react-mkx-components","version":"1.0.3","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.3","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"626e73e4cd30eaa47393d87776b8554def7f1f1e","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.3.tgz","fileCount":7,"integrity":"sha512-ImMLJme9Ih7wfxjfQKhVnTT1dJh7JHNF9P6ODIYLdfTZ535lh5MrDzHsv6REeTrcyVleYqk3Mbe39mF/RloydA==","signatures":[{"sig":"MEUCIQDDOhD8OX02TBcimBypWXNOq12g2NTmLZx15NXqh5o/7AIgQRffU73ZhxMat9f4op9XMrpqVYDKDNMoJvqTg6Ll6E8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4329},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.3_1712982307121_0.8957786471433926","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"react-mkx-components","version":"1.0.4","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.4","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"be617e0f099e29012eec1cbaa446b4dacbab8339","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.4.tgz","fileCount":7,"integrity":"sha512-HDlR/tTO6LfXYqsSTP57WUBBbgASfQ0yM8+pRcM9Ufc72F96qn2aR0cUy6ZaikuJjj1rlAnO/4wUcGis73P0lw==","signatures":[{"sig":"MEUCIQDrYuaHbvQf3wQT3VJ3sk7YqNwsa+7BTIrSnUiLfoSxKwIgVdrGYMM1i6qda7/4Blk+52Stoz5AF/PwzZ7am4VAStg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5924},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.4_1715158226965_0.4134366482422338","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"react-mkx-components","version":"1.0.5","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.5","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"1d6787f122b8cf27833ec4bae3667e0d4677a46e","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.5.tgz","fileCount":7,"integrity":"sha512-0SDXOB8V3H0RbJEkUgFRNiSrZx1WBrpzBvYGg/FPh9FgXLMNOWyzuC8E09/OJOLweAHOB6qWM0XG73HauVZjEQ==","signatures":[{"sig":"MEUCIQCASq4D0N55rv4F6jg2Tx6ngEDmF99g2XefoA4XHYHq/AIgD5elBOhY1nDRCBnXpBWNA8tgMGuLBtq2E+xP/CQjEZA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5712},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66","@babel/preset-react":"^7.24.1"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.5_1715158856929_0.138530440183128","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"react-mkx-components","version":"1.0.6","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.6","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"14a07fd85eac0d3968b6a70a154de295443746f1","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.6.tgz","fileCount":8,"integrity":"sha512-XJBCTwZFqwlmUK11GGnfFtw49i3HjkL6Hwjzn9Ev7Z2R2iqEBMsyjGq0mclJGjIqOTBZ7MijGQ/9WH9u71L10A==","signatures":[{"sig":"MEQCIA5lgKykWHcUQe2pP0gM5qp7uDNZ9g+7k18syRy6sXUZAiBvc69lmPc4PPINehBlyYBvVuroG+PA9Hm2cNvgJ0j38w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5773},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66","@babel/preset-react":"^7.24.1"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.6_1715159001066_0.9295344961347605","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"react-mkx-components","version":"1.0.7","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.7","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"6a5dfd52231a8fa5310dab95533d92847b0cc7b5","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.7.tgz","fileCount":7,"integrity":"sha512-Ugad0mcgtKW8sQBRPTQUuTXeZabvqcbeTpMgjyIsIelXFspmPgZPvltsFEIV/jGq90LFonEtyeNrrrqygNSNGQ==","signatures":[{"sig":"MEUCIHtT8P5/8qzV2GjhKvwe3QumdXFhRoNd11hVt122OqIvAiEA+vy3DAZyXF/hg0M88fH4NjIFqPVKgMtovfTxBx+JqJk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6428},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"A simple custom input component for React applications.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.7_1715159152385_0.8283046520379485","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"react-mkx-components","version":"1.0.8","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.8","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"280493e62a21fa5cdf21ca3e475ad819c7d8d016","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.8.tgz","fileCount":7,"integrity":"sha512-XInbygcr517tdaSRtkYw3c8pX6nwo94DG48XzGaDeAT+xXgTSK3z7wVyn2xB1cESpYgTZHYJDk7o38goMuekTQ==","signatures":[{"sig":"MEUCID0DY1eVzuQ+ISakpcwhuXLDLioSI/qhp450Wa8HeHB0AiEA2tjt90VB3yUxkCQhOIWLlsGchCCxZcw5yoau+gJVTgo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10021},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"![NPM](https://img.shields.io/badge/Author-Mani%20Kant%20Sharma-blue) ![npm](https://img.shields.io/npm/v/react-mkx-components?color=1C939D) ![npm](https://img.shields.io/npm/dt/react-mkx-components) ![NPM](https://img.shields.io/npm/l/react-mkx-component","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.8_1715159885401_0.8360675881517223","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"react-mkx-components","version":"1.0.9","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.9","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"9ce1ea4d3cedfd3db6230c15ad243ea0e49f8fa9","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.9.tgz","fileCount":11,"integrity":"sha512-RsfWUUZgjUV0vRD6EPMpR2v9yO/1w9L+cduoNSoQkQtiTU8yuKPYalQGzU3EBz3hJYI+37oa4cW6iMls9CWFGA==","signatures":[{"sig":"MEQCIGoGPIkwWUqxc5S6GE3EicDtHfvKxQAFw4LvO5RYWzREAiBqIO9byIwVHTiQQDHoAQ2ODlU5G81iTJbNNQ30ss9bSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13432},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"![NPM](https://img.shields.io/badge/Author-Mani%20Kant%20Sharma-blue) ![npm](https://img.shields.io/npm/v/react-mkx-components?color=1C939D) ![npm](https://img.shields.io/npm/dt/react-mkx-components) ![NPM](https://img.shields.io/npm/l/react-mkx-component","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.9_1715334482911_0.9244383913161396","host":"s3://npm-registry-packages"}},"1.0.10":{"name":"react-mkx-components","version":"1.0.10","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.10","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"0fc9db54763501491772bc31d9707b8d2c83cc4b","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.10.tgz","fileCount":11,"integrity":"sha512-VhdvkJPhWEQILHBT8s6V5WClNwzNxSEkq+biKn5LNFMXSBEYjcR1lTCQpzSV3ma4/2KpUDu4q2yw1ACTzJKPtQ==","signatures":[{"sig":"MEYCIQCfRGZBNCh/w/mndmvWZU2mjldAf69aXIXGz0fEs/+51gIhANz+5EIk+6eOg+zdpgsDzBi/sal0/5pO0qlVuQw1a0eS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13558},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"![NPM](https://img.shields.io/badge/Author-Mani%20Kant%20Sharma-blue) ![npm](https://img.shields.io/npm/v/react-mkx-components?color=1C939D) ![npm](https://img.shields.io/npm/dt/react-mkx-components) ![NPM](https://img.shields.io/npm/l/react-mkx-component","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.10_1715335822860_0.0896047679742169","host":"s3://npm-registry-packages"}},"1.0.12":{"name":"react-mkx-components","version":"1.0.12","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.12","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"8f523f8de1dc16aadde1e4fe8b9da1a5df12c371","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.12.tgz","fileCount":11,"integrity":"sha512-VsBWvj4WngQcULrxoLhFBdFX+v4GErlzOjTMVNjJSjypPdiNjQyPwJxRDQKO2O7+Nb2b8VYawEq+xI5CMSZnfg==","signatures":[{"sig":"MEQCIEHY388XV7Z8qA7J/P2a2YY8CpA5/YGnYsDsxaZg2RLZAiAX/nCGsyZCdA3N4QqKXlHgMCfTLMCUiEGGe9jkCPVXIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14391},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.12_1715573111242_0.6597225426692084","host":"s3://npm-registry-packages"}},"1.0.13":{"name":"react-mkx-components","version":"1.0.13","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.13","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"e8d344340d2ff9a0e955eabebfed1ae90a02691a","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.13.tgz","fileCount":13,"integrity":"sha512-JcBwczg5zMWTZR7JOBUkhsbc6N7Mz4uadKPru7iNvaUU8RXIA6HQD1jV2Rkjv8h/+2Csy9esjgGaRO0Uh+gx0g==","signatures":[{"sig":"MEUCIFTM6sEYTKXe2DMmTin1v1EUefKRTa+HOMvUitS0R5aAAiEAioghQZ6BbhOGT6J3MzESlDam7aVIVyPQUHY9NNYctL0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16252},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.13_1715574039172_0.15344793337329077","host":"s3://npm-registry-packages"}},"1.0.14":{"name":"react-mkx-components","version":"1.0.14","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.14","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"51ec3adf10ab3a9ebbc903c8f7aeb8c7df2ebc69","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.14.tgz","fileCount":13,"integrity":"sha512-gZs/+7wKn7w3mIoqK4En5jVDQZjDCUcayuEBjis0Q3YDnIBfPcFJXKnS3N1x/oTFECu67QRc9TMp0ZYEv+DMxA==","signatures":[{"sig":"MEUCIHMtkR//Isdgu3LNnQRM5B6I1/U3QdNDLQXBcbRpRG+jAiEA0r7v0poaGMJiUO5qYcVHMANmRtra4mMjtpyMXKnFKSo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15896},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.14_1715575449920_0.7643871223709813","host":"s3://npm-registry-packages"}},"1.0.15":{"name":"react-mkx-components","version":"1.0.15","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.15","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"6858fabe615ab3592256e376cf852c6b878c0117","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.15.tgz","fileCount":17,"integrity":"sha512-75QgrVf9aDHbpIl4Al193wgjGkQbAA7PELkjHJFvLLCb6Nkwa1hbhRdo/+orWQhN23foJp2wsmVfuF9+xnLPfQ==","signatures":[{"sig":"MEYCIQCiKpa7iva5UPPsVRdm6AllRRwG1vz8qH/CwnAW/FYxPwIhAN0gO2s10wpwdLWPU19LyE3Nj7ucLgQIkOvxY2WoEtW6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18178},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.15_1715575727940_0.9782201605350476","host":"s3://npm-registry-packages"}},"1.0.16":{"name":"react-mkx-components","version":"1.0.16","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.16","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"1d9b4d1c04203e75d8cfbbbf502d3d0f44c54c75","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.16.tgz","fileCount":17,"integrity":"sha512-/klrNATCDyVgzVBNFzbFrlsZpTrjVHKdGcMyleSZM6n+7XRSefSCJQQAk0ruGJlRh3nQTsRwSfEtfohq9GIf6Q==","signatures":[{"sig":"MEQCH0YFxOZiXYrWJfbAt9b8FPVO2/enWm6qGRaevqHabicCIQDyPgsqwDCrjrcYM9ljK4Jtb8NZNo02rgfkVanvKRlVmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18182},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.16_1715575915449_0.02474351817849363","host":"s3://npm-registry-packages"}},"1.0.17":{"name":"react-mkx-components","version":"1.0.17","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.17","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"2e6746b62c021505729947f0876391259a585b31","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.17.tgz","fileCount":15,"integrity":"sha512-W9QAp4hsHahmIY5hXvC0tmzbm2sKLmyKWw3TI5ljS+JX2g0+EyCi8prsTzywXp88CXSRf4WTgv6qW69pBLwKzA==","signatures":[{"sig":"MEUCIQCw00DBvugOXbJsRpB4+4xC65E1CX5NrCzX5+UGrpjiBgIgf+qstfiwXAtL2qF78MjvFcU2/AcbdJ7Qc04zXAMDw7M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19335},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.17_1715576822462_0.888661823999084","host":"s3://npm-registry-packages"}},"1.0.18":{"name":"react-mkx-components","version":"1.0.18","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.18","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"3c898668a0cb41f5962e595168232f54eb7e81ae","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.18.tgz","fileCount":15,"integrity":"sha512-2HLvevauphLmJngVhA9XNjqDLfeGL1UcPvyB3gkYqBeXupB2hTHHLd0VNMVNpIHf8aTrGOplQRNFYYxM1hS2DQ==","signatures":[{"sig":"MEQCIDGkG6EjX6teQ9BdfW5CiMO5wrk1vihzv+KbvQlQ80vDAiAEYST4/J95PqQl1N49jcJVdSlMCWLlOStO60odWa382A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19468},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","typescript":"^5.4.2"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.18_1715578121917_0.5954962378261595","host":"s3://npm-registry-packages"}},"1.0.19":{"name":"react-mkx-components","version":"1.0.19","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.19","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"1d077537979896504ca7986ab2581a9c7a058928","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.19.tgz","fileCount":15,"integrity":"sha512-G6U+S8VyTPs409qb8W5iE/5aKP4mmMByzhIXLydC2wrRDko4WOeywmU4VFrSRr+W6cbS88qVBnErf49wTrjbiA==","signatures":[{"sig":"MEYCIQD13/JOBl3dj5YAXTx5OjEclfuArAIU0gxzALS0q3rXFQIhAPKbgtzK4eWBf2mw6B23DVw/qaLhp9DjRuz845FAksU5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27203},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","formik":"^2.4.6","typescript":"^5.4.2","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.19_1716626921722_0.27945452720192665","host":"s3://npm-registry-packages"}},"1.0.20":{"name":"react-mkx-components","version":"1.0.20","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.20","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"3c6b52a7dc25181ad2ad6595980911a7781e2fc3","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.20.tgz","fileCount":15,"integrity":"sha512-zYpmh0VUkGsOwiHur4x8aapMtPqYQVOIYKwwg3IUheE3PoY85OlWBd7ZZxycq7w2KMj+j6hHSbjTqkLCUNQRdg==","signatures":[{"sig":"MEUCIQD+7v0L9CBnTDdMDlUn8P0POt5gY9UPsbLBOu4Aaz7y1AIgb3xyu5hED8kfTaR8Lx3i85QrEvKwJIzkKo+xmPmaTzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26528},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","formik":"^2.4.6","typescript":"^5.4.2","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.20_1716870682724_0.029338261974246604","host":"s3://npm-registry-packages"}},"1.0.21":{"name":"react-mkx-components","version":"1.0.21","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.21","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"00bba00ada494fb09079e0ecf701d3cf126f1b8c","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.21.tgz","fileCount":15,"integrity":"sha512-6froPMVtP4lHyffLJ2HnsTqehseikLADoBVpWY7fi3oxAlgrw97yykk/R4Y6X/Q/bDHeWwHH2Z+U6rXzg3+1tw==","signatures":[{"sig":"MEUCIQDxOmtVEtLNUTIrF/kwMmB02lTjhTH3elWNEZm9CejNAgIga+OWjhMFHV/DFXfx1MuYWFaVkn3PTJ0S5PKf179aat4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25814},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","formik":"^2.4.6","typescript":"^5.4.2","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.21_1716871330292_0.7737911005966323","host":"s3://npm-registry-packages"}},"1.0.22":{"name":"react-mkx-components","version":"1.0.22","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.22","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"d2e45104b22c6f33343c3c87c9965522464c9e39","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.22.tgz","fileCount":15,"integrity":"sha512-tA4M9AQ0veHiyPENXTxX8f5mgxqkqYJZIkcpp9tX3zRhFkCozvY1QrdvPjQz4HE2Sox7gXuk6E0PcwXRYsWcQg==","signatures":[{"sig":"MEUCIQD6iWH1PaKpggG/Kiw2JPAuDFD/IxrATEhp62dUCmq6WwIgZ1nnvhPtEw310rXPrMxe6fIOZpOXeJHOmsyjV3CUKTM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26254},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","formik":"^2.4.6","typescript":"^5.4.2","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.22_1717045259060_0.5476721375184264","host":"s3://npm-registry-packages"}},"1.0.23":{"name":"react-mkx-components","version":"1.0.23","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.23","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"44ddc311427fc4bd0acf6138abbe9babdab7a5ad","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.23.tgz","fileCount":15,"integrity":"sha512-nNX38lqBEouIk47NkyssZo3vM9tzOatdRy1VTzBaYz1SC/NknQ/KTTb+BS/9f+HOEFSc4eNJ8Ybr8WBxkNcxeg==","signatures":[{"sig":"MEUCIEiRMmiNkb4M+alW4kb2C5pDTcKYDnIfUTce0jAewmm3AiEArY2w3XIS+b4cVmYqDzU1PxorCr+Zau1gqEYqFjY4ga0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33364},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","formik":"^2.4.6","typescript":"^5.4.2","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.23_1717217863906_0.3691800726175811","host":"s3://npm-registry-packages"}},"1.0.24":{"name":"react-mkx-components","version":"1.0.24","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.24","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"6f62696e14c31b49cac23b8257920ceddd5aa4ba","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.24.tgz","fileCount":15,"integrity":"sha512-XDMfAGtodNenLG72RbvG2D3SPYgO0kmSZFB8qnJEaj0AqsitXeorrGSswcCbGyYeQ7N9tbW/OxmQKFU0Uaf5Qg==","signatures":[{"sig":"MEUCIFJalpsbJGQn61Z6VW1HLJN+eXmmaH7NxAIKKXf/Uz5kAiEAkA9cWXIrrGN9vv5cxjbjJ46f0PaP4gV8d+zb0Tz9KLU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33283},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","formik":"^2.4.6","typescript":"^5.4.2","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.24_1717218970966_0.39535026549651864","host":"s3://npm-registry-packages"}},"1.0.25":{"name":"react-mkx-components","version":"1.0.25","keywords":["useKeyboard","hotkeys","keyboard"],"author":{"name":"Mani Kant Sharma"},"license":"ISC","_id":"react-mkx-components@1.0.25","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"dist":{"shasum":"c20ae0ced717995c0daac7a33126d69dddef3cc3","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.0.25.tgz","fileCount":15,"integrity":"sha512-bHMd8vTI6NIKDsUrf9OueU1KCkLZJ0+1dP4jOk6J53uuIZgVpj0HrJCIK4mi+BuzvHubUl5nxCK4iIVyQjkBHw==","signatures":[{"sig":"MEYCIQCuidTBzosyiWSaWOEGuWZOPWk9crw4coKdiYvWp1YswgIhANwWCq1nr+H7iQvX6zhjL7qNAaj12+M+bSpHvs28VpUF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33922},"main":"./dist/index.js","_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"_npmVersion":"10.5.2","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","directories":{},"_nodeVersion":"20.5.1","dependencies":{"react":"^18.2.0","formik":"^2.4.6","typescript":"^5.4.2","@mui/material":"^5.15.18","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18"},"_hasShrinkwrap":false,"devDependencies":{"@types/react":"^18.2.66"},"_npmOperationalInternal":{"tmp":"tmp/react-mkx-components_1.0.25_1717220959628_0.843663126593222","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"react-mkx-components","version":"1.1.0","description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","main":"./dist/index.js","author":{"name":"Mani Kant Sharma"},"license":"ISC","homepage":"https://react-mkx-components.vercel.app","keywords":["useKeyboard","hotkeys","keyboard"],"dependencies":{"@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.18","@mui/material":"^5.15.18","formik":"^2.4.6","react":"^18.2.0","typescript":"^5.4.2"},"devDependencies":{"@types/react":"^18.2.66"},"_id":"react-mkx-components@1.1.0","_nodeVersion":"22.15.1","_npmVersion":"11.10.1","dist":{"integrity":"sha512-NtaljArGHZgTHvWnxgZGCSZesaNyr3x0FTvjY8xftNZZxtKhC0tF+REmfF+G+J6LaIjrXvVCP50GR4YEkdW92g==","shasum":"625f4ef28ca3213b2d2dcfcc149481d92157ce85","tarball":"https://registry.npmjs.org/react-mkx-components/-/react-mkx-components-1.1.0.tgz","fileCount":15,"unpackedSize":33978,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDtz6zFMD7/qbOHo9whoikJEeEM7CqQssM2n8vbDsDqXAIgf8e7ezjUX/H4qcYqCR9naNOU+fvUnjv/nulwkpYFLNo="}]},"_npmUser":{"name":"manikantsharma","email":"dadzheromani@gmail.com"},"directories":{},"maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-mkx-components_1.1.0_1777960988594_0.929316208318689"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-20T04:43:12.563Z","modified":"2026-05-05T06:03:08.863Z","1.0.0":"2024-03-20T04:43:12.704Z","1.0.1":"2024-03-20T04:44:17.235Z","1.0.2":"2024-03-20T04:45:46.557Z","1.0.3":"2024-04-13T04:25:07.274Z","1.0.4":"2024-05-08T08:50:27.111Z","1.0.5":"2024-05-08T09:00:57.099Z","1.0.6":"2024-05-08T09:03:21.191Z","1.0.7":"2024-05-08T09:05:52.542Z","1.0.8":"2024-05-08T09:18:05.559Z","1.0.9":"2024-05-10T09:48:03.058Z","1.0.10":"2024-05-10T10:10:23.057Z","1.0.12":"2024-05-13T04:05:11.422Z","1.0.13":"2024-05-13T04:20:39.373Z","1.0.14":"2024-05-13T04:44:10.123Z","1.0.15":"2024-05-13T04:48:48.098Z","1.0.16":"2024-05-13T04:51:55.628Z","1.0.17":"2024-05-13T05:07:02.701Z","1.0.18":"2024-05-13T05:28:42.184Z","1.0.19":"2024-05-25T08:48:41.914Z","1.0.20":"2024-05-28T04:31:22.871Z","1.0.21":"2024-05-28T04:42:10.441Z","1.0.22":"2024-05-30T05:00:59.237Z","1.0.23":"2024-06-01T04:57:44.067Z","1.0.24":"2024-06-01T05:16:11.172Z","1.0.25":"2024-06-01T05:49:19.834Z","1.1.0":"2026-05-05T06:03:08.764Z"},"author":{"name":"Mani Kant Sharma"},"license":"ISC","keywords":["useKeyboard","hotkeys","keyboard"],"description":"React custom components provide an efficient means to encapsulate and share logic among components within React Projects. This package includes useful React custom components.","maintainers":[{"name":"manikantsharma","email":"dadzheromani@gmail.com"}],"readme":"## React Useful Custom Components\n\n![NPM](https://img.shields.io/badge/Author-Mani%20Kant%20Sharma-blue) ![npm](https://img.shields.io/npm/v/react-mkx-components?color=1C939D)\n![npm](https://img.shields.io/npm/dt/react-mkx-components) ![NPM](https://img.shields.io/npm/l/react-mkx-components) ![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/react-mkx-components)\n\n## Installation\n\nYou can install the package using npm:\n\n```\nnpm install react-mkx-components\n```\n\nOr using yarn:\n\n```\nyarn add react-mkx-components\n```\n\n## Input\n\n- Custom input component with formik integration and optional visibility toggle for password fields.\n- Easy to handle when you have using formik, handles errors etc.\n\n```jsx\nimport React from \"react\";\nimport { Input } from \"react-mkx-components\";\nimport { useFormik } from \"formik\";\nconst MyComponent = () => {\n  const formik = useFormik({\n    initialValues: {\n      username: \"\",\n    },\n    onSubmit: (values) => {\n      console.log(values);\n    },\n  });\n\n  return (\n    <div>\n      <Input\n        name=\"username\"\n        label=\"Username\"\n        placeholder=\"Enter Your Username\"\n        formik={formik}\n      />\n    </div>\n  );\n};\n\nexport default MyComponent;\n```\n\n## Select\n\n- Custom select component with formik integration.\n- Easy to handle when you have using formik, handles errors etc.\n\n#### Example\n\n```jsx\nimport { Button, MenuItem } from '@mui/material'\nimport { useFormik } from 'formik'\nimport React from 'react'\nimport Select from 'react-mkx-components'\nimport  as Yup from 'yup'\n\nconst MyComponent: React.FC = () => {\n const formik = useFormik({\n   initialValues: {\n     value: '',\n   },\n   validationSchema: Yup.object({\n     value: Yup.string().required(),\n   }),\n   onSubmit: (values) => {\n     console.log(values)\n   },\n })\n\n return (\n   <form onSubmit={formik.handleSubmit}>\n     <Select\n       name=\"value\"\n       className=\"w-72\"\n       label=\"Test\"\n       formik={formik}\n     >\n       <MenuItem value=\"Item 1\">Item 1</MenuItem>\n       <MenuItem value=\"Item 2\">Item 2</MenuItem>\n       <MenuItem value=\"Item 3\">Item 3</MenuItem>\n       <MenuItem value=\"Item 4\">Item 4</MenuItem>\n       <MenuItem value=\"Item 5\">Item 5</MenuItem>\n     </Select>\n     <Button type=\"submit\">Submit</Button>\n   </form>\n )\n}\n\nexport default MyComponent\n```\n\n`Choice` Component\n\nThe `Choice` component provides conditional rendering functionality with the following sub-components:\n\n- `When`: Renders children when a condition is true.\n- `Then`: Renders children when a condition is false.\n- `And`: Renders children if both conditions are true.\n\n```jsx\nimport { Choice } from \"react-mkx-components\";\n\nconst ExampleComponent = () => {\n  const condition = true;\n\n  return (\n    <div>\n      <Choice.When condition={condition}>\n        <p>This will be rendered if the condition is true.</p>\n      </Choice.When>\n      <Choice.Then condition={condition}>\n        <p>This will be rendered if the condition is false.</p>\n      </Choice.Then>\n      <Choice.And condition={condition}>\n        <p>This will be rendered if both conditions are true.</p>\n      </Choice.And>\n    </div>\n  );\n};\n\nexport default ExampleComponent;\n```\n\n## ScrollDiv\n\n- Scrollable div component that triggers pagination when scrolled to the bottom.\n\n#### Exmaple\n\n```jsx\n<ScrollDiv\n  page={currentPage}\n  setPage={setPage}\n  totalPage={totalPages}\n  style={{ backgroundColor: \"lightgray\", padding: \"10px\" }}\n  height={400}\n>\n  {content}\n</ScrollDiv>\n```\n\n## Browser Support\n\n| ![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png) | ![Safari](https://raw.githubusercontent.com/alrra/browser-logos/main/src/safari/safari_48x48.png) | ![Opera](https://raw.githubusercontent.com/alrra/browser-logos/main/src/opera/opera_48x48.png) | ![Edge](https://raw.githubusercontent.com/alrra/browser-logos/main/src/edge/edge_48x48.png) | ![IE](https://raw.githubusercontent.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) |\n| ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |\n| Latest ✔                                                                                          | Latest ✔                                                                                             | Latest ✔                                                                                          | Latest ✔                                                                                       | Latest ✔                                                                                    | Latest ✔                                                                                                                                |\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Author\n\n[Mani Kant Sharma](https://www.linkedin.com/in/manikants98)\n\n[![Email](https://img.shields.io/badge/-Gmail-ea4335?style=for-the-badge&logo=gmail&logoColor=white)](mailto:manikants157@gmail.com)\n[![Instagram](https://img.shields.io/badge/-Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/manikantsharmaa/)\n[![GitHub](https://img.shields.io/badge/-GitHub-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/manikants98)\n","readmeFilename":"README.md","homepage":"https://react-mkx-components.vercel.app"}