{"_id":"@ashishgogula/coverflow","_rev":"12-ec75a824c5b825f7d610eb8d049df299","name":"@ashishgogula/coverflow","dist-tags":{"latest":"1.1.3"},"versions":{"0.1.1":{"name":"@ashishgogula/coverflow","version":"0.1.1","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@0.1.1","maintainers":[{"name":"ashishgogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"857e2d412e131351f6f3d8e29eb45663858a3263","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-0.1.1.tgz","fileCount":5,"integrity":"sha512-D0vzADoOIftUgDXOSK6Fl6svkHvHKVLqAMK60tyQea3tcAIbAERFbMnf8qZbl1qtES2vcKp2WfH8FBo8cztpmg==","signatures":[{"sig":"MEUCIHkP8l5vUyzwL21roKnWmEYLVhcuUCN6isgrTfNY/cxFAiEA4r0h20BbsB+CxR1uRLsKgdIcMcogJhjhNbTGXIgWrdA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":20936},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"ashishgogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.6.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"24.11.0","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_0.1.1_1770018776499_0.7272521545541957","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@ashishgogula/coverflow","version":"0.1.2","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@0.1.2","maintainers":[{"name":"ashishgogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"ff2bffd51f213e57f9a9af4d811fd53e584244ec","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-0.1.2.tgz","fileCount":6,"integrity":"sha512-QDHEaLJ4tk0CSah/bLNHahWXGgmYx2jg7t4sgW2mYw4gC0IiBclsT1r42JpRin6dakNyNvFyXp7ma8Ap50dc5A==","signatures":[{"sig":"MEQCIEHnYgnsgCfuMiMo0rqHCjTObmiATrJYGj63C6TVaUdjAiBKFNfB/NvjwDSt5rKNo58o4rBE49YivLovZ4Aq//26yQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23354},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"ashishgogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.6.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"24.11.0","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_0.1.2_1770036184584_0.15691113276385615","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@ashishgogula/coverflow","version":"0.1.3","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@0.1.3","maintainers":[{"name":"ashishgogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"4991db527112ea0ba5dc007cf0882bcda55b94a0","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-0.1.3.tgz","fileCount":6,"integrity":"sha512-LHMPtsfUd4yeolnW1z/mtIAJGY1gD+3jUaTswgb29gFDrZnq7nafHTlLUBMzGom1ueT54ahU4zGIKyKAwJi0RQ==","signatures":[{"sig":"MEUCIQDvlhIwuJrFWb7lPsz3Va9qrXAxR7GH9hISJUd7wwSEtgIgJ/30gcGn7KuopnIYYjgQr3U5lcVuKbe9XfU5eZbFssk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23823},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"4718312b4376dc68a5038b737ea407d480fb6f2d","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"ashishgogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.6.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"25.2.1","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_0.1.3_1770139405545_0.7902381004850552","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@ashishgogula/coverflow","version":"0.1.4","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@0.1.4","maintainers":[{"name":"ashishgogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"e86aa23c34b4884067eb3beeae4f1d5179342911","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-0.1.4.tgz","fileCount":6,"integrity":"sha512-uCRtgPAIdV8rvcdsgWE87ti5a7KLQT+zLWVl5W4zy9Nntf/bZheP41ayZB9LDHqHX9ZP0sRCvvhlKOkiQjmR3A==","signatures":[{"sig":"MEYCIQCzsgDqxmT9/armDrW9G/FoK9+LyKDeD3R/59tZ3Rf3ygIhAJxPZe7g9NJOE7PiMd+ELwEkN2X96QXzXSdV5/4j6YQi","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23933},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"8b4fde6fdf3a3892466853feee61355122fc7d8e","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"ashishgogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.6.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"25.2.1","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_0.1.4_1770655252435_0.9032469564615968","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@ashishgogula/coverflow","version":"0.2.0","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@0.2.0","maintainers":[{"name":"ashishgogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"80e1e82377438d9f10d55b7baa20ad0eaca34cb8","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-0.2.0.tgz","fileCount":6,"integrity":"sha512-9t1jzV6TE+nPIq8xFdz6jpyyHxav7Opt3qHEQQ+EwWQkmygShjU3/gnnU5BEhoRla8nGkqy74uikP54E6J6Jtg==","signatures":[{"sig":"MEYCIQD7k2oHJPVQvTuN2diNOXEf/BE3S5EpfnlseXwTrSEobgIhALJCGCAt74pbdFk7g4QHDqRUU2osq3puFsAMoK3QQJ1E","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":27947},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"373d33a0daa82cf05d8d765a0a945321253b0aa3","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"ashishgogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.6.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"25.2.1","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_0.2.0_1771098465432_0.3894550144893463","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@ashishgogula/coverflow","version":"0.3.0","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@0.3.0","maintainers":[{"name":"ashishgogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"c0cd09c3fe4832000bd072602deebb46f8d9a2e4","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-0.3.0.tgz","fileCount":6,"integrity":"sha512-HEM3u9BfAfr6Vag+oOLAzHLFw6coFyC37KmVhtSuA6VjFCVWiS8/DVWbhbZv5na5Bf3iRzDKAlCmxhcXeZbYDQ==","signatures":[{"sig":"MEUCIEpsewfxfXXabk3w2ey3Z44cA+/GiOOrkeAnnJqED50gAiEAy0gQoYX1G2Oo200l/7AePqecCU5bu1Sl3b6XpwA0gZc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":27945},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"600eba5d8c2ed9b8bd93e5d2567bb29cc3c1290c","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"ashishgogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.6.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"25.2.1","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_0.3.0_1771160340853_0.3440518872808458","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@ashishgogula/coverflow","version":"1.0.0","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@1.0.0","maintainers":[{"name":"agogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"cfb551fd4e5b4e3d59b749983241a42f2dbf2028","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-1.0.0.tgz","fileCount":6,"integrity":"sha512-0BG6VK9bX5LczMpAXguxEskEuToRLj1SEpWIQbtIg3AN8Wu7UtBMaBFjeqypmUN8PucFLobR5uOWEDhzhKWsUQ==","signatures":[{"sig":"MEUCIFLJvSlHFK4yHa7fAr4miin4sQo0owMqdT7x693YNy0WAiEAkNfW1O7PzcvluNWUGv0r+/Wo5/TcbfyhRvdt0XFDGRk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30256},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"fa1e29d097638d0e872d54a91d4e78d38363eabc","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"agogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"10.8.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_1.0.0_1779654922573_0.903275067921111","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@ashishgogula/coverflow","version":"1.1.0","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@1.1.0","maintainers":[{"name":"agogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"2773de186374144b0537756555e7d6a6d99d7264","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-1.1.0.tgz","fileCount":6,"integrity":"sha512-MbNVuKJxN67LurAfff4iR4aG/MSmvfHHPqDxyQFtnXZdeiEmVFE4kztEItk2vhFvYFEsh2BaI82AXUNwKVnAyA==","signatures":[{"sig":"MEUCIBo6gaPV5IeF7M3e5VNYTbdmHFaJzskb8fu4P6v/BvLdAiEApRfsEL9KH03HvvohDCEnloXRIB5IRJRqk3wfb2U9jW4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":44449},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"e62303dfb7546c2075171d7c6fd14b3546c82798","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"agogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"10.8.2","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_1.1.0_1779990745873_0.4588438293518131","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@ashishgogula/coverflow","version":"1.1.1","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@1.1.1","maintainers":[{"name":"agogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"304b1edff13da53828e23555c6ce8d99fe8e6662","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-1.1.1.tgz","fileCount":6,"integrity":"sha512-dgtOQCGAb9MFXhYB121MJSM7aJ63/BFLsL9ew1pr4W5vDE8aH7pW1PMnZalldiHPVjbU888Vd/q9N5ltnWXUkQ==","signatures":[{"sig":"MEYCIQCQFdGpbRgrZ8G6uce2r/hMnE/8pim9027DiNvs6/KIvQIhAKvjigVDbyorMJtjJ8fyE0hWnJ/UE3uCIfS+ZJ63RbYi","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46388},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"5155fb49135928e0f6276092c7298e223c5fb9b4","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"agogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.13.0","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"24.16.0","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_1.1.1_1780057225099_0.7012659955625034","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"@ashishgogula/coverflow","version":"1.1.2","keywords":["react","coverflow","motion","ui","animation"],"license":"MIT","_id":"@ashishgogula/coverflow@1.1.2","maintainers":[{"name":"agogula","email":"ashishgogula12@gmail.com"}],"homepage":"https://coverflow.ashishgogula.in","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"a2fbdccca539abfd3dda357a3c452804e415a8b8","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-1.1.2.tgz","fileCount":6,"integrity":"sha512-A+FNK/eoxW1uzh6atNCxJKCe7XXkJXv8mrmNIZumV8zaiVRhbfFWBR8BPIANSE8zAKV/BSazUG6xeIo+ar/gGA==","signatures":[{"sig":"MEUCIQCKpiHUfODCitNdDYgwtxnnHipn7AaYWC2osZnZu3qAvgIgb974T6v4mC6b6ipeniOjH8XPLNUxhwSmsxMevZaYQm0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49321},"main":"dist/index.cjs","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"d9d571fa69bdfe8f2f86dccab21c6606711a5734","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"_npmUser":{"name":"agogula","email":"ashishgogula12@gmail.com"},"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.13.0","description":"Apple-style Cover Flow component for React","directories":{},"sideEffects":false,"_nodeVersion":"24.16.0","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"tmp":"tmp/coverflow_1.1.2_1780380586503_0.7104091480462242","host":"s3://npm-registry-packages-npm-production"}},"1.1.3":{"_id":"@ashishgogula/coverflow@1.1.3","bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"dist":{"shasum":"1b110a8449d7f1b4feb57146b3453f6ab0289917","tarball":"https://registry.npmjs.org/@ashishgogula/coverflow/-/coverflow-1.1.3.tgz","fileCount":6,"integrity":"sha512-XxR6kzuv6HDzLgtb+UFsNK4FD1clkYEElQCDEjniwSFMNMPvAWvd819lYngl70hkyTYonEs1f/jyg/RjkYyx1g==","signatures":[{"sig":"MEQCIHXrGBcLNzx4NLUf8o8cM7+A1aQsgvpEPWY9mOJUhJZiAiBkRDy7KaAFzpxpm5iszj81DbOLL4uXFdJWm8IaE8Z8PQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDJHgziGoIHfh84+RFhVnoPN3HeZiUci/aBsMu+H9NiBQIgU0F0KJ099dQexmSoXu2wCMZ8CJ+ay/JZM2clsi7WW9U="}],"unpackedSize":49648},"main":"dist/index.cjs","name":"@ashishgogula/coverflow","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"235cbfed5c9d559b76281e6d6fe83f20290f5b63","license":"MIT","scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts"},"version":"1.1.3","_npmUser":{"name":"agogula","email":"ashishgogula12@gmail.com"},"homepage":"https://coverflow.ashishgogula.in","keywords":["react","coverflow","motion","ui","animation"],"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"_npmVersion":"11.6.2","description":"Apple-style Cover Flow component for React","directories":{},"maintainers":[{"name":"agogula","email":"ashishgogula12@gmail.com"}],"sideEffects":false,"_nodeVersion":"25.2.1","dependencies":{"motion":"^11"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8","typescript":"^5","@types/react":"^18"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=3"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/coverflow_1.1.3_1789923779125_0.8640482135764567"}}},"time":{"created":"2026-02-02T07:52:56.409Z","modified":"2026-09-20T17:02:59.379Z","0.1.1":"2026-02-02T07:52:56.646Z","0.1.2":"2026-02-02T12:43:04.746Z","0.1.3":"2026-02-03T17:23:25.714Z","0.1.4":"2026-02-09T16:40:52.591Z","0.2.0":"2026-02-14T19:47:45.584Z","0.3.0":"2026-02-15T12:59:01.025Z","1.0.0":"2026-05-24T20:35:22.775Z","1.1.0":"2026-05-28T17:52:26.029Z","1.1.1":"2026-05-29T12:20:25.271Z","1.1.2":"2026-06-02T06:09:46.630Z","1.1.3":"2026-09-20T17:02:59.212Z"},"bugs":{"url":"https://github.com/ashishgogula/coverflow/issues"},"license":"MIT","homepage":"https://coverflow.ashishgogula.in","keywords":["react","coverflow","motion","ui","animation"],"repository":{"url":"git+https://github.com/ashishgogula/coverflow.git","type":"git"},"description":"Apple-style Cover Flow component for React","maintainers":[{"name":"agogula","email":"ashishgogula12@gmail.com"}],"readme":"# Cover Flow\n\nApple-style Cover Flow component for React, inspired by iOS.  \nSmooth 3D motion, keyboard + drag support, and zero layout shifts.\n\n## Installation\n\n### npm\n```bash\nnpm install @ashishgogula/coverflow\n```\n### pnpm\n```bash\npnpm add @ashishgogula/coverflow\n```\n### yarn\n```bash\nyarn add @ashishgogula/coverflow\n```\n### bun\n```bash\nbun add @ashishgogula/coverflow\n```\n\n### shadcn CLI (copies the source into your project)\n```bash\nnpx shadcn add https://useplanes.com/r/cover-flow.json\n```\nThe registry build is maintained in [Planes](https://useplanes.com/components/cover-flow) and installs as `@/components/ui/CoverFlow`.\n\n### Requirements\n\nReact 18+\n\nTailwind CSS v3+\n\nmotion (installed automatically)\n\n## Usage\n\n```\nimport { CoverFlow, CoverFlowItem } from \"@ashishgogula/coverflow\";\n\nconst items: CoverFlowItem[] = [\n  { id: 1, image: \"/images/1.jpg\", title: \"Sanemi Shinazugawa\" },\n  { id: 2, image: \"/images/2.jpg\", title: \"Obanai Iguro\" },\n  { id: 3, image: \"/images/3.jpg\", title: \"Mitsuri Kanroji\" },\n  { id: 4, image: \"/images/4.jpg\", title: \"Giyu Tomioka\" },\n];\n\nexport default function Example() {\n  return (\n    <div className=\"h-[500px] w-full\">\n      <CoverFlow\n        items={items}\n        itemWidth={250}\n        itemHeight={250}\n        initialIndex={2}\n        enableReflection\n      />\n    </div>\n  );\n}\n```\n## Props\n\n### CoverFlow\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `items` | `CoverFlowItem[]` | — | Array of items to display |\n| `itemWidth` | `number` | `400` | Width of each card in pixels |\n| `itemHeight` | `number` | `400` | Height of each card in pixels |\n| `stackSpacing` | `number` | `100` | Spacing between stacked cards |\n| `centerGap` | `number` | `250` | Gap between the center card and the stack |\n| `rotation` | `number` | `50` | Rotation angle (in degrees) for stacked cards |\n| `initialIndex` | `number` | `0` | Index of the initially selected item |\n| `enableReflection` | `boolean` | `false` | Enable or disable reflection effect |\n| `enableClickToSnap` | `boolean` | `true` | Enable or disable clicking on items to snap them to the center |\n| `enableScroll` | `boolean` | `true` | Enable or disable horizontal wheel scroll snapping |\n| `enableAudio` | `boolean` | `false` | Enable procedural click sound with stereo panning and velocity sensitivity |\n| `scrollThreshold` | `number` | `100` | Wheel delta threshold required before snapping to next card |\n| `reduceMotion` | `boolean \\| undefined` | `undefined` | Disable all 3D transforms and animations. `true` always disables, `false` always enables, omit to respect the OS accessibility setting |\n| `className` | `string` | — | Additional CSS class names for the root element |\n| `onItemClick` | `(item: CoverFlowItem, index: number) => void` | — | Callback when an item is clicked |\n| `onIndexChange` | `(index: number) => void` | — | Callback when the active index changes (does not fire on initial mount) |\n| `renderImage` | `(props: RenderImageProps) => ReactNode` | — | Custom image renderer — use this to pass a Next.js `<Image>` or any custom component |\n\n## Features\nFluid Physics Engine\n\nKeyboard First \n\nZero Layout Shift \n\nTouch Ready\n\nDark Mode Native \n\n## Notes\n\nUses a standard `<img>` internally by default — pass `renderImage` to use Next.js `<Image>` or any custom renderer\n\nTailwind CSS is required for styling\n\n## Demo\n\nLive demo:\nhttps://coverflow.ashishgogula.in\n\nDocs and props reference:\nhttps://useplanes.com/components/cover-flow\n\n## Changelog\n\n### 1.1.2\n\n- Fixed cards overflowing on mobile — container is now measured via `ResizeObserver` and all dimensions auto-scale proportionally. Desktop is unchanged.\n- Fixed reflection jank on Safari desktop — reflection layer promoted to GPU compositing layer; SVG `feTurbulence` filter auto-disabled on Safari\n- Fixed division-by-zero when `itemWidth={0}` is passed\n\n### 1.1.1\n\n- Fixed major mobile lag on iOS Safari/Brave caused by the SVG `feTurbulence` reflection filter (auto-disabled on touch/narrow screens; a CSS-only mirrored reflection is used instead)\n\n### 1.1.0\n\n- Added `enableAudio` prop (procedural click with stereo panning + velocity sensitivity) and `reduceMotion` prop\n- Smoother drag tracking and debounced wheel scroll\n\n## License\n\nMIT © [Ashish Gogula](https://www.ashishgogula.in)\n\nBuilt with Motion & Tailwind CSS","readmeFilename":"README.md"}