{"_id":"@abhishekzambare/react-grid-dnd","_rev":"13-29cf1acbcc0240a035706cf9fc2f605b","name":"@abhishekzambare/react-grid-dnd","dist-tags":{"latest":"0.0.13"},"versions":{"0.0.0":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.0","_id":"@abhishekzambare/react-grid-dnd@0.0.0","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"dist":{"shasum":"c489bd7c621e67025d95cb8bbd27b17c13d9224c","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.0.tgz","fileCount":6,"integrity":"sha512-FIjk51XNGdpieGYFvNs4DbTjVTPh4sjJrpf8IlW3FMdfx4WWJs8tfrAwvwEDX0/8V51xECIGxEjQWuPD3UE3nQ==","signatures":[{"sig":"MEUCIQCKzYHZG4Ptwi+Qt+Bvqj5H2P4lU4j/6i1z5CMXCiKTpwIgS+6RODF+s8qMrpgwSOl0cAbNk1/YInmGCrk83rxSiOE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":395437},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"_npmVersion":"10.9.2","description":"This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","react":"^19.2.5","motion":"^12.38.0","react-dom":"^19.2.5","vite-tsconfig-paths":"^6.1.1","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","eslint":"^10.2.1","globals":"^17.5.0","@eslint/js":"^10.0.1","typescript":"~6.0.2","@babel/core":"^7.29.0","@types/node":"^24.12.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.58.2","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.0_1777709696536_0.44743012102754687","host":"s3://npm-registry-packages-npm-production"}},"0.0.1":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.1","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.1","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"23b357ad51facfc29394cee57567946256234af6","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.1.tgz","fileCount":6,"integrity":"sha512-ycqtRTirAXwR8wJ0eRxh6S0Fpd8bf0G6emDItfmHDDkrGLj4+EqPeaEyYlrsCQouuFUolDkCM4BI+uMW7IdenA==","signatures":[{"sig":"MEYCIQCTwbXxO/l6gXxWCm3QvlRrVEIHJfA1WdxN5uYKmtrlqAIhAMmrDh/X7OtsFDWkbY1lZfi19dyGiZHGvJ763b+xTS59","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":395979},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"10.9.2","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","motion":"^12.38.0","vite-tsconfig-paths":"^6.1.1","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","react":"^19.2.5","eslint":"^10.2.1","globals":"^17.5.0","react-dom":"^19.2.5","@eslint/js":"^10.0.1","typescript":"~6.0.2","@babel/core":"^7.29.0","@types/node":"^24.12.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.58.2","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.1_1777712031762_0.15559907408466223","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.2","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.2","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"a6a436771cdb19c093276228a318a6503fd4a811","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.2.tgz","fileCount":6,"integrity":"sha512-nUMZmrS8BEg6U/gZB2LbDgO3G3aCqYMcyD641Sw399NVBnLh5s+HwVCeT8bTfJMTk2AQdxAkZ4rwJ7OJcAcDqA==","signatures":[{"sig":"MEUCIBt6dMbNzlcqTbbk1WeVPWEtdzyen1sZG7r8/kl8owM6AiEA0tDx2P5o7txzgDrYvLw/IQE5FcBRoAeUWfIwEbLYm/U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":395978},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"10.9.2","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","motion":"^12.38.0","vite-tsconfig-paths":"^6.1.1","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","react":"^19.2.5","eslint":"^10.3.0","globals":"^17.6.0","react-dom":"^19.2.5","@eslint/js":"^10.0.1","typescript":"~6.0.3","@babel/core":"^7.29.0","@types/node":"^25.6.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.59.1","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.2_1777712360851_0.938589835294728","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.3","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.3","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"0aa2278ca337e724760ab77164006d3d9e9a96d9","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.3.tgz","fileCount":6,"integrity":"sha512-WaJ/1MY4WWIlS2BYzeJtCzcs2rIaYL5ku/YI6oj9q7ZmhBxxYN89H6KKlbCA5gLhgcQyqxDEPfT6gLUSORjjVQ==","signatures":[{"sig":"MEUCIEzrCYSGkcxzOcBBb7n+Pt8sEXA8/8ymiY8kYtZgsCJuAiEAnpD6C3TVchGBfxAuGx6A2ekKynZ3x2/ZPuTKYzeLHc8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":398063},"type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js"}},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"10.9.2","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","motion":"^12.38.0","vite-tsconfig-paths":"^6.1.1","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","react":"^19.2.5","eslint":"^10.3.0","globals":"^17.6.0","react-dom":"^19.2.5","@eslint/js":"^10.0.1","typescript":"~6.0.3","@babel/core":"^7.29.0","@types/node":"^25.6.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.59.1","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.3_1777714270774_0.051904646500761764","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.4","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.4","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"c540e0d624414bb379e9eb00e092795179908290","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.4.tgz","fileCount":5,"integrity":"sha512-NGDv5Fy45RXS7JCjNnlOZwlOzsZK72wRPxPXdIsRsSxS+4fWNMVB4oEvhrw54bZvoFGCDZi1iyMGSiRPndyDNg==","signatures":[{"sig":"MEQCIBrVBqHp5/jMwUmVhPbdeA0YEMR2hpK36gjqpwjEEsR0AiA5ShmlgQM/Zla20PqYLnyCjvrdqZ6JX0p2iDRd+GkbTg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":230603},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"10.9.2","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","motion":"^12.38.0","vite-tsconfig-paths":"^6.1.1","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","react":"^19.2.5","eslint":"^10.3.0","globals":"^17.6.0","react-dom":"^19.2.5","@eslint/js":"^10.0.1","typescript":"~6.0.3","@babel/core":"^7.29.0","@types/node":"^25.6.0","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","typescript-eslint":"^8.59.1","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.4_1777718302519_0.38251148698937154","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.5","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.5","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"653300cf2bc93c4dfbae0ab0e31eaefcdf356c44","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.5.tgz","fileCount":5,"integrity":"sha512-C8/0IKbanyjUmTl+v2y8WPQNP0FblaeDZi92af/CFRiHNTFMndvTbNNs33nNq+xbVin2+NUg8jjRSBToYeCYIQ==","signatures":[{"sig":"MEUCIFmhEFU33UuDKXkEc+eDW/CRzXfGAibYpb6ljbUWJC7hAiEAn6ISBw8prMUNjg27Ctz2zaLTd+iTV8OpDr7GhRUs/gM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":230599},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"10.9.2","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","motion":"^12.38.0","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","react":"^19.2.5","eslint":"^10.3.0","globals":"^17.6.0","react-dom":"^19.2.5","@eslint/js":"^10.0.1","typescript":"~6.0.3","@babel/core":"^7.29.0","@types/node":"^25.6.0","@types/react":"^19.2.14","vite-plugin-dts":"^5.0.0","@types/react-dom":"^19.2.3","typescript-eslint":"^8.59.1","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.5_1777723214198_0.2837575101706158","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.6","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.6","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"6987547114ee07ff9dc43970b361dc93fee2e17a","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.6.tgz","fileCount":18,"integrity":"sha512-pQcqUEkeos1DWM32uOsI0ksoaGK7YIpqE0w28Wknt/ryWd82oaIJnwXLehJWcCoTXuI+cdtF29XObAWyoFU8MA==","signatures":[{"sig":"MEUCIQCxHdqKvsF/AAXV6fafv8IqrMVo4DHqCUn47k4ky7LAswIgFV4KhuVxehdoU1i9vZod3V4t1ASM0NIECaCtoKVESOQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":238652},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"gitHead":"1e2c420edbb9aa4bc05aabf013f05a7d3bd00f96","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"10.9.2","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","motion":"^12.38.0","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","react":"^19.2.5","eslint":"^10.3.0","globals":"^17.6.0","react-dom":"^19.2.5","@eslint/js":"^10.0.1","typescript":"~6.0.3","@babel/core":"^7.29.0","@types/node":"^25.6.0","@types/react":"^19.2.14","vite-plugin-dts":"^5.0.0","@types/react-dom":"^19.2.3","typescript-eslint":"^8.59.1","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.6_1777729640623_0.9187946176755903","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.7","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.7","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"b99653d57bed4cea74c189e36e3a380fe300f998","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.7.tgz","fileCount":6,"integrity":"sha512-Y9xJmKy9NeP26Lxc3nQ26gDUyhqRuRArD4VgQQxnExA6PphVWq+8pYFK0j1Lm5+ZGt1K6eCS3V3jwgv5d2ogzQ==","signatures":[{"sig":"MEQCIEfrJUKnlG+VCLsY/7lfXN08+xud1jhI6R/rPQlgmI29AiAeTeZHlbYHJrC+2U6eP5Vdi9M/ViVcaIQqP/IIflSrOw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":233352},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"gitHead":"9c2d370587636a7a972c7f101a0477b43134d282","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"10.9.2","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"22.13.1","dependencies":{"uuid":"^14.0.0","motion":"^12.38.0","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.10","react":"^19.2.5","eslint":"^10.3.0","globals":"^17.6.0","react-dom":"^19.2.5","@eslint/js":"^10.0.1","typescript":"~6.0.3","@babel/core":"^7.29.0","@types/node":"^25.6.0","@types/react":"^19.2.14","unplugin-dts":"^1.0.0","@types/react-dom":"^19.2.3","typescript-eslint":"^8.59.1","@types/babel__core":"^7.20.5","@vitejs/plugin-react":"^6.0.1","@rolldown/plugin-babel":"^0.2.3","@microsoft/api-extractor":"^7.58.7","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.7_1777731040008_0.8947022383778072","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.8","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.8","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"e8d3938ef020dea503e02ce381f90fdc78ec0370","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.8.tgz","fileCount":6,"integrity":"sha512-5uW6AuN0a71pZr4xU1/g9XG/S3FQiTKqK6ji3r2DVhakxF2ia4nLJLEjc488ZX5hxWxJayTqej4Bb22AvUV/7A==","signatures":[{"sig":"MEQCIAlKd0khmSy/obD+dAMpRDDkSNgzNiy4sTscYyM7QMnkAiA9E83E4NjgJsTr+a9luoibSVppXo0yH2AXuJzXxocuPg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":233471},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"gitHead":"697a74fc1e797281741e95bdb3f13e573b0ea167","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"11.14.1","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"24.15.0","dependencies":{"uuid":"^14.0.0","motion":"^12.40.0","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.0.16","react":"^19.2.7","eslint":"^10.4.1","globals":"^17.6.0","react-dom":"^19.2.7","@eslint/js":"^10.0.1","typescript":"~6.0.3","@babel/core":"^7.29.7","@types/node":"^25.9.2","@types/react":"^19.2.17","unplugin-dts":"^1.0.2","@types/react-dom":"^19.2.3","typescript-eslint":"^8.60.1","@types/babel__core":"^7.20.5","vite-plugin-checker":"^0.14.1","@vitejs/plugin-react":"^6.0.2","@rolldown/plugin-babel":"^0.2.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","@microsoft/api-extractor":"^7.58.7","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.2"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.8_1780756348014_0.5773233086292646","host":"s3://npm-registry-packages-npm-production"}},"0.0.10":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.10","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.10","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"257d3e1b44262119f5721ea6c9d258309f5e73fa","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.10.tgz","fileCount":7,"integrity":"sha512-+5tWMU92Uyl/dBWFPkK7OpGyl3dEnBNcRDWPkvS4LZpPaPn38aMNy9m5VPhC/5PN3FuAUmahUJ8wc+yLbSg/lQ==","signatures":[{"sig":"MEYCIQCE5U8r9g1qQxd7IBygKNlddXVo17gHWBuOyYw36cyixAIhANjnRjlO/z3uwMffxxg28+Ep1mMp0w/vUOrFsuEkyFEe","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":238113},"main":"./dist/react-grid-dnd.umd.cjs","type":"module","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.umd.cjs"}},"gitHead":"24f1ed4d2ee46b7ade513f3e728cd24e0cc03843","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"11.14.1","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"24.15.0","dependencies":{"uuid":"^14.0.1","motion":"^12.42.2","resize-observer-polyfill":"^1.5.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^8.1.4","react":"^19.2.7","eslint":"^10.7.0","globals":"^17.7.0","react-dom":"^19.2.7","@eslint/js":"^10.0.1","typescript":"~7.0.2","@babel/core":"^8.0.1","@types/node":"^26.1.1","@types/react":"^19.2.17","unplugin-dts":"^1.0.3","@types/react-dom":"^19.2.3","typescript-eslint":"^8.64.0","@types/babel__core":"^7.20.5","vite-plugin-checker":"^0.14.4","@vitejs/plugin-react":"^6.0.3","@rolldown/plugin-babel":"^0.2.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","@typescript/typescript6":"^6.0.2","@microsoft/api-extractor":"^7.58.10","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.3"},"peerDependencies":{"react":"^19","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.10_1784180188220_0.4323609444177958","host":"s3://npm-registry-packages-npm-production"}},"0.0.11":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.11","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.11","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"0aaa141c9b5a7b03afa10505afb6ed5ff38899b0","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.11.tgz","fileCount":8,"integrity":"sha512-5qFfo6F0yoVaa16mqb90bx3BJWLj2ndwYTpnCYha+WDoRqf+QSDCNNzFxh93TctjjANmSBOBWuwIotABaGYrYw==","signatures":[{"sig":"MEQCIGcysP8PdI5SDdS+gjIJGVZXbHPv1gfy/QBbq/ZYsQEEAiADZOf7a8zrLEcF3/mkmydYrCIC8yOPpm2hWHNBzDyB3Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":381620},"main":"./dist/react-grid-dnd.cjs","type":"module","types":"./dist/react-grid-dnd.d.ts","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.cjs"}},"gitHead":"fee12c60bd168e25d13b448a92df5416a77c5975","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"11.17.0","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"26.5.0","_hasShrinkwrap":false,"devDependencies":{"uuid":"^14.0.1","vite":"^8.1.4","react":"^19.2.7","eslint":"^10.7.0","motion":"^12.42.2","globals":"^17.7.0","react-dom":"^19.2.7","@eslint/js":"^10.0.1","typescript":"~7.0.2","@babel/core":"^8.0.1","@types/node":"^26.1.1","@types/react":"^19.2.17","unplugin-dts":"^1.0.3","@types/react-dom":"^19.2.3","typescript-eslint":"^8.64.0","@types/babel__core":"^7.20.5","vite-plugin-checker":"^0.14.4","@vitejs/plugin-react":"^6.0.3","@rolldown/plugin-babel":"^0.2.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","@typescript/typescript6":"^6.0.2","@microsoft/api-extractor":"^7.58.10","resize-observer-polyfill":"^1.5.1","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.3"},"peerDependencies":{"react":"^19","motion":"^12","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.11_1784991186156_0.34372567005924193","host":"s3://npm-registry-packages-npm-production"}},"0.0.12":{"name":"@abhishekzambare/react-grid-dnd","version":"0.0.12","keywords":["react","gesture","drag and drop","dnd","grid"],"author":{"name":"Abhishek Zambare"},"license":"MIT","_id":"@abhishekzambare/react-grid-dnd@0.0.12","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"dist":{"shasum":"61153dc8fc5a067b3f0785c0a81297d431ebd97b","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.12.tgz","fileCount":8,"integrity":"sha512-30nFgVMdq8/I8T3dIOccEE+jnledcOGXDxthJ1Lvtv6yd6sBW2cIRkacfWR9gIJ6doyXJCwtX/GJ+yHZ1C/96g==","signatures":[{"sig":"MEUCIQCyCUbY+tZ4waKWx0dw6iSnEaKX7al4iJ5Tg0zu1JNOkwIgWP3WPi6dbIWodLB6oQwtkWQqc5HMZQXbX0kjgLkm8A8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":384281},"main":"./dist/react-grid-dnd.cjs","type":"module","types":"./dist/react-grid-dnd.d.ts","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.cjs"}},"gitHead":"fee12c60bd168e25d13b448a92df5416a77c5975","private":false,"scripts":{"dev":"vite","lint":"eslint .","build":"tsc -b && vite build","format":"prettier --check . --config ./.prettierrc.json","preview":"vite preview","lint:fix":"eslint --fix .","format:fix":"prettier --write . --config ./.prettierrc.json"},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"repository":{"url":"git+https://github.com/Macintosh98/react-grid-dnd.git","type":"git"},"_npmVersion":"11.17.0","description":"grid style drag and drop for react","directories":{},"_nodeVersion":"26.5.0","_hasShrinkwrap":false,"devDependencies":{"uuid":"^14.0.1","vite":"^8.1.5","react":"^19.2.8","eslint":"^10.8.0","motion":"^12.43.0","globals":"^17.8.0","prettier":"^3.9.6","rolldown":"^1.2.1","react-dom":"^19.2.8","@eslint/js":"^10.0.1","typescript":"^6.0.3","@babel/core":"^8.0.1","@types/node":"^26.1.2","@types/react":"^19.2.17","unplugin-dts":"^1.0.3","@types/react-dom":"^19.2.3","typescript-eslint":"^8.65.0","@types/babel__core":"^7.20.5","vite-plugin-checker":"^0.14.5","@vitejs/plugin-react":"^6.0.4","@rolldown/plugin-babel":"^0.2.3","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","@typescript/typescript6":"^6.0.2","@microsoft/api-extractor":"^7.58.12","resize-observer-polyfill":"^1.5.1","eslint-plugin-react-hooks":"^7.1.1","babel-plugin-react-compiler":"^1.0.0","eslint-plugin-react-refresh":"^0.5.3"},"peerDependencies":{"react":"^19","motion":"^12","react-dom":"^19"},"_npmOperationalInternal":{"tmp":"tmp/react-grid-dnd_0.0.12_1785341524304_0.09025886366944325","host":"s3://npm-registry-packages-npm-production"}},"0.0.13":{"name":"@abhishekzambare/react-grid-dnd","description":"grid style drag and drop for react","version":"0.0.13","author":{"name":"Abhishek Zambare"},"license":"MIT","private":false,"keywords":["react","gesture","drag and drop","dnd","grid"],"type":"module","main":"./dist/react-grid-dnd.cjs","module":"./dist/react-grid-dnd.js","exports":{".":{"import":"./dist/react-grid-dnd.js","require":"./dist/react-grid-dnd.cjs"}},"homepage":"https://github.com/Macintosh98/react-grid-dnd","bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"repository":{"type":"git","url":"git+https://github.com/Macintosh98/react-grid-dnd.git"},"scripts":{"dev":"vite","build":"tsc -b && vite build","lint":"eslint .","lint:fix":"eslint --fix .","format":"prettier --check . --config ./.prettierrc.json","format:fix":"prettier --write . --config ./.prettierrc.json","preview":"vite preview"},"devDependencies":{"@babel/core":"^8.0.1","@eslint/js":"^10.0.1","@microsoft/api-extractor":"^7.59.0","@rolldown/plugin-babel":"^0.2.3","@types/babel__core":"^7.20.5","@types/node":"^26.4.1","@types/react":"^19.2.18","@types/react-dom":"^19.2.7","@typescript/typescript6":"^6.0.2","@vitejs/plugin-react":"^6.1.1","babel-plugin-react-compiler":"^1.0.0","eslint":"^10.10.0","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-react-refresh":"^0.5.6","globals":"^17.12.0","motion":"^13.2.0","prettier":"^3.9.6","react":"^19.2.8","react-dom":"^19.2.8","resize-observer-polyfill":"^1.5.1","rolldown":"^1.2.7","typescript":"^6.0.3","typescript-eslint":"^8.69.0","unplugin-dts":"^1.1.0","uuid":"^14.0.2","vite":"^8.2.2","vite-plugin-checker":"^0.14.5"},"peerDependencies":{"motion":"^13","react":"^19","react-dom":"^19"},"gitHead":"c6a46e003328afdf6c5bfee1910cb8290d604dec","types":"./dist/react-grid-dnd.d.ts","_id":"@abhishekzambare/react-grid-dnd@0.0.13","_nodeVersion":"26.5.0","_npmVersion":"12.0.2","dist":{"integrity":"sha512-CTWJUcMs8Rox4SBN56UjSFc2ZVtSlZmTcYsf2pO/7JIbWRNptLiD611vJkkcVSg70ZKdkfyBFHVQvdBB3z1b1A==","shasum":"5d7fb75d2607ff71469621ab50b886d55632454f","tarball":"https://registry.npmjs.org/@abhishekzambare/react-grid-dnd/-/react-grid-dnd-0.0.13.tgz","fileCount":8,"unpackedSize":384281,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICjX1qBvvugSkbKLLVavnkecOPRUEf+UhvuuOGqPqz0hAiEAqgrxgObyyuWYxMUKYX5hSBuz0YUtRcxCRhfBxVy7hyg="}]},"_npmUser":{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"},"directories":{},"maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-grid-dnd_0.0.13_1788613436944_0.5480827026230757"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-02T08:14:56.450Z","modified":"2026-09-05T13:03:57.217Z","0.0.0":"2026-05-02T08:14:56.694Z","0.0.1":"2026-05-02T08:53:51.933Z","0.0.2":"2026-05-02T08:59:21.024Z","0.0.3":"2026-05-02T09:31:11.018Z","0.0.4":"2026-05-02T10:38:22.675Z","0.0.5":"2026-05-02T12:00:14.405Z","0.0.6":"2026-05-02T13:47:20.780Z","0.0.7":"2026-05-02T14:10:40.156Z","0.0.8":"2026-06-06T14:32:28.152Z","0.0.10":"2026-07-16T05:36:28.363Z","0.0.11":"2026-07-25T14:53:06.305Z","0.0.12":"2026-07-29T16:12:04.447Z","0.0.13":"2026-09-05T13:03:57.081Z"},"bugs":{"url":"https://github.com/Macintosh98/react-grid-dnd/issues"},"author":{"name":"Abhishek Zambare"},"license":"MIT","homepage":"https://github.com/Macintosh98/react-grid-dnd","keywords":["react","gesture","drag and drop","dnd","grid"],"repository":{"type":"git","url":"git+https://github.com/Macintosh98/react-grid-dnd.git"},"description":"grid style drag and drop for react","maintainers":[{"name":"abhishekzambare","email":"abhishekzambare@gmail.com"}],"readme":"<div align=\"center\">\n <img \n    max-width=\"300px\"\n    alt=\"A demo showing views being swiped left and right.\"\n     src=\"https://raw.githubusercontent.com/bmcmahen/react-dnd-grid/master/demo.gif\">\n</div>\n\n# react-grid-dnd\n\n[![npm package](https://img.shields.io/npm/v/react-dnd-grid/latest.svg)](https://www.npmjs.com/package/react-dnd-grid)\n[![Follow on Twitter](https://img.shields.io/twitter/follow/benmcmahen.svg?style=social&logo=twitter)](https://twitter.com/intent/follow?screen_name=benmcmahen)\n\nGrid style drag and drop, built with React. See a live example on [codesandbox](https://codesandbox.io/embed/gracious-wozniak-kj9w8). You can also see it in action [here](https://react-gesture-responder.netlify.com/).\n\n## Features\n\n- **Supports dragging between arbitrary number of lists**.\n- **Built with [react-gesture-responder](https://github.com/bmcmahen/react-gesture-responder) to enable better control over gesture delegation.**\n- **Disable drop targets or dragging altogether**\n- **Animated with react-spring**\n\n## Install\n\nInstall `react-grid-dnd` and `react-gesture-responder` using yarn or npm.\n\n```\nyarn add react-grid-dnd react-gesture-responder\n```\n\n## Usage\n\nBecause `GridItem` components are rendered with absolute positioning, you need to ensure that `GridDropZone` has a specified height or flex, like in the example below.\n\n```jsx\nimport {\n    GridContextProvider,\n    GridDropZone,\n    GridItem,\n    swap,\n} from \"react-grid-dnd\";\n\nfunction Example() {\n    const [items, setItems] = React.useState([1, 2, 3, 4]); // supply your own state\n\n    // target id will only be set if dragging from one dropzone to another.\n    function onChange(sourceId, sourceIndex, targetIndex, targetId) {\n        const nextState = swap(items, sourceIndex, targetIndex);\n        setItems(nextState);\n    }\n\n    return (\n        <GridContextProvider onChange={onChange}>\n            <GridDropZone\n                id=\"items\"\n                boxesPerRow={4}\n                rowHeight={100}\n                style={{ height: \"400px\" }}\n            >\n                {items.map((item) => (\n                    <GridItem key={item}>\n                        <div\n                            style={{\n                                width: \"100%\",\n                                height: \"100%\",\n                            }}\n                        >\n                            {item}\n                        </div>\n                    </GridItem>\n                ))}\n            </GridDropZone>\n        </GridContextProvider>\n    );\n}\n```\n\n## Dragging between lists\n\nYou can see this example in action on [codesandbox](https://codesandbox.io/embed/gracious-wozniak-kj9w8).\n\n```jsx\nimport {\n    GridContextProvider,\n    GridDropZone,\n    GridItem,\n    swap,\n    move,\n} from \"react-grid-dnd\";\n\nfunction App() {\n    const [items, setItems] = React.useState({\n        left: [\n            { id: 1, name: \"ben\" },\n            { id: 2, name: \"joe\" },\n            { id: 3, name: \"jason\" },\n            { id: 4, name: \"chris\" },\n            { id: 5, name: \"heather\" },\n            { id: 6, name: \"Richard\" },\n        ],\n        right: [\n            { id: 7, name: \"george\" },\n            { id: 8, name: \"rupert\" },\n            { id: 9, name: \"alice\" },\n            { id: 10, name: \"katherine\" },\n            { id: 11, name: \"pam\" },\n            { id: 12, name: \"katie\" },\n        ],\n    });\n\n    function onChange(sourceId, sourceIndex, targetIndex, targetId) {\n        if (targetId) {\n            const result = move(\n                items[sourceId],\n                items[targetId],\n                sourceIndex,\n                targetIndex,\n            );\n            return setItems({\n                ...items,\n                [sourceId]: result[0],\n                [targetId]: result[1],\n            });\n        }\n\n        const result = swap(\n            items[sourceId],\n            sourceIndex,\n            targetIndex,\n        );\n        return setItems({\n            ...items,\n            [sourceId]: result,\n        });\n    }\n\n    return (\n        <GridContextProvider onChange={onChange}>\n            <div className=\"container\">\n                <GridDropZone\n                    className=\"dropzone left\"\n                    id=\"left\"\n                    boxesPerRow={4}\n                    rowHeight={70}\n                >\n                    {items.left.map((item) => (\n                        <GridItem key={item.name}>\n                            <div className=\"grid-item\">\n                                <div className=\"grid-item-content\">\n                                    {item.name[0].toUpperCase()}\n                                </div>\n                            </div>\n                        </GridItem>\n                    ))}\n                </GridDropZone>\n                <GridDropZone\n                    className=\"dropzone right\"\n                    id=\"right\"\n                    boxesPerRow={4}\n                    rowHeight={70}\n                >\n                    {items.right.map((item) => (\n                        <GridItem key={item.name}>\n                            <div className=\"grid-item\">\n                                <div className=\"grid-item-content\">\n                                    {item.name[0].toUpperCase()}\n                                </div>\n                            </div>\n                        </GridItem>\n                    ))}\n                </GridDropZone>\n            </div>\n        </GridContextProvider>\n    );\n}\n```\n","readmeFilename":"Readme.md"}