{"_id":"@bradreelee/react-ripple","_rev":"9-0e240b45f8ee7cc8837c76a25cff024e","name":"@bradreelee/react-ripple","dist-tags":{"latest":"0.2.2"},"versions":{"0.1.0":{"name":"@bradreelee/react-ripple","version":"0.1.0","_id":"@bradreelee/react-ripple@0.1.0","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"9f2f6465abbb83b83581667f4470824740f495d7","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.1.0.tgz","fileCount":6,"integrity":"sha512-IlF5Nqxk2P2kXcde1Bru5UWE8OfWYI5KnJpaBLsuaEzug/g1p/dFTeKeCecCH95BSrqWM/2NihiX2/TkY7hWIA==","signatures":[{"sig":"MEUCIAPrCTgMFoo2nH6OCuUHxlBiEhSQ1Co2JgmuPZYW+Gt+AiEAzENxZDPXN+d69K+Mdn8x7/t99yGiQBb2ZyUpSN3Duik=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7320},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"3af812544494fb8a4d67fb95eb8cbf32b40a8683","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.1.0_1754116964137_0.6319443545371013","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@bradreelee/react-ripple","version":"0.1.1","_id":"@bradreelee/react-ripple@0.1.1","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"c72b396a3d1f6a8e0707871da2573ee57c49902a","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.1.1.tgz","fileCount":6,"integrity":"sha512-sNb/8K5JieAnwpAy7FOW+p2/aypdpSf4VKFk2vhOtQPyK8Embek8G9uTrTx0XaVjy/bwebRN2vX4tkEJHt/5/A==","signatures":[{"sig":"MEUCIAmlYPR3y/2c58Fn0E2vtJ/z3f6xlJmsXRunvpkJAj2gAiEAxfgnaOQMEK7je7TOlkIvkIWOHKVM+NeA3OpUcZOJmjo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8333},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"7eca928ec9cd2567b9584fb50852b7fb4e757ae5","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.1.1_1754117888846_0.02884807761803554","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@bradreelee/react-ripple","version":"0.1.2","_id":"@bradreelee/react-ripple@0.1.2","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"8efe6fc479a4eb18cdc6eee9d2212427d5997706","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.1.2.tgz","fileCount":6,"integrity":"sha512-H2PT6a35tLzW1Yxfqjwcqh4KeNY56WWdwa1vVSBMupRu4frwD+o+IB66htMdJ+zTLQKMmdewuuJZ3UWcgYgTnw==","signatures":[{"sig":"MEUCIGLRM169PxZ+sLrX/PQXR1qiStTw2CLgsIvKmPtd68TSAiEA6dHgPXZJnHYIwFHbJMfE9NJJYMA3LrmmtthtqNIwzOw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9650},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"b9b869e44e0dbfbff4ba8c0bfdf3c06981e33b03","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.1.2_1754118791363_0.0022081902281132493","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@bradreelee/react-ripple","version":"0.1.3","license":"MIT","_id":"@bradreelee/react-ripple@0.1.3","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"b661d756c3e4aa6dc062e7e8d0d5490416b52c8c","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.1.3.tgz","fileCount":7,"integrity":"sha512-KarQMzJAraqOpBEpuTWN4nT3SqmHBpcnagtIFPQVEK6E84nfdK1ZzVqSJzNQGUSeUjJ6A9lYvNNIx4Xe+lpwyA==","signatures":[{"sig":"MEUCIQDUr6YQz7Nm+I7VoJB/JQf82nY3VFvwq1iiqs7iWZctzgIgWMZ+A5zSzBvMsxV+F/KXc/kUk2QwyUJjtYxp/8p2SSg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10699},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"5bcfd51d97a0f3320fd0fcab2b241546b33980b8","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.1.3_1754122059816_0.3305998639365","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@bradreelee/react-ripple","version":"0.1.4","license":"MIT","_id":"@bradreelee/react-ripple@0.1.4","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"ac7632111efacef8063b0721057d1258d75b5125","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.1.4.tgz","fileCount":7,"integrity":"sha512-coVVvQ4OVF+He0MRLXjxHbseaSKh5BBYHqLgaQ7kUr2mN5QPg0tMIOMxM2PyTkCUMEwkpCXv0cqB9P5zsSp+/A==","signatures":[{"sig":"MEUCIQCT5gtzhvPaeIYcm8vdoC9/ROcLlTvXo/cpdrHWfxd/xgIgenHI3OOJcJ6VgsCqoLvOz1un8kNUfzPs2QnfYgsHNe0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11800},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"bb8cecc27ca21de0cafd252875bdc9bdc7346e38","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.1.4_1754123104777_0.42920493748310795","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"@bradreelee/react-ripple","version":"0.1.5","license":"MIT","_id":"@bradreelee/react-ripple@0.1.5","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"13bcf3f8167b79f9307ade98296cc33df072e967","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.1.5.tgz","fileCount":7,"integrity":"sha512-bbjimquQT8d81JUoWIFFeuj8PPY4KO24i/L0cfnWsGfAcVWuDRq8VnmxyP8CVn87nasbAG5GXnCK2fQ2A905Pg==","signatures":[{"sig":"MEUCIQCxTLXXowrupBFj26/1kwE+bc7HEK/U3uXKwaj5iI0N0wIgX/9bsNrBHCPuEpuqS1oykpLad4CH/sz4oIWoEp9ZuLk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9672},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"7de61de4e4dfafbb575f3d3436bf07bac1687d8c","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.1.5_1754129405487_0.9821537790860295","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@bradreelee/react-ripple","version":"0.2.0","license":"MIT","_id":"@bradreelee/react-ripple@0.2.0","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"1b6a892aeeda57b8350a41a45d8e48e23dd9ed63","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.2.0.tgz","fileCount":7,"integrity":"sha512-w0peFzMqpeK0ajsmTdLqvpPgvxjNgoHpgL9TIa9/P6VEWZxCzFwYcT+3UaNEzsUaAG8rU1Im8EGUxWVf0V6AUg==","signatures":[{"sig":"MEQCIBtEiVIC9VOHi9wrjCfpRkOYHUypV2C1KQL2hyG9d9G2AiBftlVesihImy24dRcYKfcXFI/t8erh5eip9K3L5fjDCA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9651},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"8eea2565ddca03c91f840384c014e679f6c69fa1","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.2.0_1754129850330_0.3659063151263924","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@bradreelee/react-ripple","version":"0.2.1","license":"MIT","_id":"@bradreelee/react-ripple@0.2.1","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"dist":{"shasum":"b4702870d63f7aa1482834f1f2945e78d86e22fa","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.2.1.tgz","fileCount":7,"integrity":"sha512-/6nfHMN075VlV9lslS4aGAusow3LRJdXyJ+SNwPHdfwNbZke9t2xWOljyJ/9oZEqgTLq0Dx7LGrB5EF/957I4A==","signatures":[{"sig":"MEYCIQDEzk8I8E3G6lqNa4cfJ+KCCE6dsURO8WsLUWKVz4ddogIhAM2+bkQcag/9MZueKbikyUdZe+p2xyvMRR4EM6j98+uN","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9682},"type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"gitHead":"c320922b656b88ed0d33953ad8bd07775dd7658d","private":false,"scripts":{"dev":"vite --host","lint":"eslint .","build":"tsc -b ./tsconfig.lib.json && vite build","preview":"vite preview","prepublishOnly":"npm run build"},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"_npmVersion":"11.2.0","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.4","react":"^19.1.0","eslint":"^9.30.1","globals":"^16.3.0","react-dom":"^19.1.0","@eslint/js":"^9.30.1","typescript":"~5.8.3","@types/node":"^24.1.0","@types/react":"^19.1.8","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.1.6","typescript-eslint":"^8.35.1","@vitejs/plugin-react":"^4.6.0","eslint-plugin-react-hooks":"^5.2.0","vite-plugin-lib-inject-css":"^2.2.2","eslint-plugin-react-refresh":"^0.4.20"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-ripple_0.2.1_1754130261060_0.48031969881263503","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"@bradreelee/react-ripple","private":false,"publishConfig":{"access":"public"},"version":"0.2.2","type":"module","exports":{".":{"types":"./dist/main.d.ts","default":"./dist/react-ripple.js"}},"scripts":{"dev":"vite --host","build":"tsc -b ./tsconfig.lib.json && vite build","lint":"eslint .","preview":"vite preview","prepublishOnly":"npm run build"},"sideEffects":["**/*.css"],"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"devDependencies":{"@eslint/js":"^9.30.1","@types/node":"^24.1.0","@types/react":"^19.1.8","@types/react-dom":"^19.1.6","@vitejs/plugin-react":"^4.6.0","eslint":"^9.30.1","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.20","globals":"^16.3.0","react":"^19.1.0","react-dom":"^19.1.0","typescript":"~5.8.3","typescript-eslint":"^8.35.1","vite":"^7.0.4","vite-plugin-dts":"^4.5.4","vite-plugin-lib-inject-css":"^2.2.2"},"license":"MIT","_id":"@bradreelee/react-ripple@0.2.2","gitHead":"7210d82b33d93c24efbf725e37715ed525f2f269","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","_nodeVersion":"22.14.0","_npmVersion":"11.2.0","dist":{"integrity":"sha512-mboZbb1o1KU+ZWCVF4xJNjIZGNdagqRdYUT+eoGCdx42rA/urXH2O0dyO677wIF36Wz4Tf98QDoDGLPIKyAqyw==","shasum":"f93c6926c27c386331172723da858c27de265a3c","tarball":"https://registry.npmjs.org/@bradreelee/react-ripple/-/react-ripple-0.2.2.tgz","fileCount":7,"unpackedSize":10396,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCID9GYAqh2SeisFEnQ2iCfUDklDuqVHuLTXRnYwjqms41AiEA2uoYVKq/BmbtlSBXDVsmgAjh+dgBErR2v7Fi4hI8kVU="}]},"_npmUser":{"name":"bradreelee","email":"chantree607@gmail.com"},"directories":{},"maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-ripple_0.2.2_1754393539022_0.08182033053139781"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-02T06:42:44.007Z","modified":"2025-08-05T11:32:19.381Z","0.1.0":"2025-08-02T06:42:44.297Z","0.1.1":"2025-08-02T06:58:09.059Z","0.1.2":"2025-08-02T07:13:11.569Z","0.1.3":"2025-08-02T08:07:40.004Z","0.1.4":"2025-08-02T08:25:04.963Z","0.1.5":"2025-08-02T10:10:05.682Z","0.2.0":"2025-08-02T10:17:30.503Z","0.2.1":"2025-08-02T10:24:21.251Z","0.2.2":"2025-08-05T11:32:19.193Z"},"license":"MIT","description":"A lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.","maintainers":[{"name":"bradreelee","email":"chantree607@gmail.com"}],"readme":"# React Ripple\n\nA lightweight, customizable React component that adds Material Design-style ripple effects to any element. Perfect for creating interactive UI components with smooth touch feedback.\n\n## ✨ Features\n\n- **Touch-First Design**: Optimized for mobile devices with `touchstart` event handling\n- **Highly Customizable**: Control color, duration, scale, border radius, and border width\n- **TypeScript Support**: Full TypeScript definitions included\n- **Lightweight**: Minimal bundle size with no external dependencies\n- **Event Propagation Control**: Optional event propagation stopping\n\n## 🚀 Installation\n\n```bash\nnpm install @bradreelee/react-ripple\n```\n\n## 📖 Usage\n\nPlease refer to [demo page](https://bradreelee.github.io/oss/react-ripple/example/) for detailed usage examples!\n\nIt includes:\n- basic usage\n- advanced usages:\n  - handling borders\n  - handling event propagation\n  - handling custom styling\n\n## 🎛️ API Reference\n\n### RippleWrapper Props\n\n| Prop              | Type            | Default | Description                            |\n| ----------------- | --------------- | ------- | -------------------------------------- |\n| `children`        | `ReactNode`     | -       | The element to wrap with ripple effect |\n| `onClick`         | `() => void`    | -       | Click event handler                    |\n| `stopPropagation` | `boolean`       | `false` | Whether to stop event propagation. Useful when `RippleWrapper` is a decendent of another `RippleWrapper`      |\n| `options`         | `RippleOptions` | -       | Ripple customization options           |\n\n### RippleOptions\n\n| Option         | Type     | Default                | Description                         |\n| -------------- | -------- | ---------------------- | ----------------------------------- |\n| `color`        | `string` | `\"rgba(0, 0, 0, 0.2)\"` | Ripple color (CSS color value)      |\n| `duration`     | `number` | `600`                  | Animation duration in milliseconds  |\n| `borderRadius` | `string` | `\"0%\"`                 | Border radius of the ripple         |\n| `borderWidth`  | `string` | `\"0px\"`                | Border width around the ripple      |\n| `scale`        | `number` | `4`                    | Final scale of the ripple animation |\n\n## 📄 License\n\nMIT License - see LICENSE file for details.\n","readmeFilename":"README.md"}