{"_id":"shadcn-dropzone","_rev":"5-96f33f541568c51263cd02a68e866b76","name":"shadcn-dropzone","dist-tags":{"latest":"0.2.1"},"versions":{"0.1.1":{"name":"shadcn-dropzone","version":"0.1.1","keywords":["shadcn-ui","tailwindcss","react","drag","drop","upload","typescript"],"author":{"url":"https://github.com/diragb","name":"Dirag Biswas"},"license":"MIT","_id":"shadcn-dropzone@0.1.1","maintainers":[{"name":"diragb","email":"work@diragb.dev"}],"homepage":"https://github.com/diragb/shadcn-dropzone#readme","bugs":{"url":"https://github.com/diragb/shadcn-dropzone/issues"},"dist":{"shasum":"cfcbd83c146089f8e37ec3fe47bae3d606b8819e","tarball":"https://registry.npmjs.org/shadcn-dropzone/-/shadcn-dropzone-0.1.1.tgz","fileCount":9,"integrity":"sha512-dSE+j8jxRLA1myj5CAWDTmKENDwfW9OkDlBjPOS//SivLggVcyw37mAUX5Vjpk5GFVy6dtIcENcolUzHKfIdlA==","signatures":[{"sig":"MEQCIAXz4wDhp/rIuuscLAQjlTOwhPfhidRP6rAlZosKkzZLAiBojUv0tjv5QSJt6o6E+zmiPhy5GhL8iGXRzL/CMNO+0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5478840},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","funding":{"url":"https://github.com/sponsors/diragb","type":"individual"},"gitHead":"8a778d679b9ad8895a23f2d46a8fa177283cbcef","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"_npmUser":{"name":"diragb","email":"work@diragb.dev"},"repository":{"url":"git+https://github.com/diragb/shadcn-dropzone.git","type":"git"},"_npmVersion":"10.8.1","description":"Ready to use File Upload Dropzone component, built with shadcn/ui and react-dropzone.","directories":{},"_nodeVersion":"21.4.0","dependencies":{"clsx":"^2.1.1","lucide-react":"^0.403.0","react-dropzone":"^14.2.3","tailwind-merge":"^2.4.0","tailwindcss-animate":"^1.0.7","class-variance-authority":"^0.7.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","rollup":"^2.79.1","postcss":"^8","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@types/react-dom":"^18","eslint-config-next":"14.2.4","rollup-plugin-terser":"^7.0.2","@rollup/plugin-replace":"^5.0.7","@rollup/plugin-commonjs":"^22.0.0","rollup-plugin-typescript2":"^0.31.2","@rollup/plugin-node-resolve":"^13.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18","react-dom":"^18"},"_npmOperationalInternal":{"tmp":"tmp/shadcn-dropzone_0.1.1_1720558042099_0.30183150527862446","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"shadcn-dropzone","version":"0.1.2","keywords":["shadcn-ui","tailwindcss","react","drag","drop","upload","typescript"],"author":{"url":"https://github.com/diragb","name":"Dirag Biswas"},"license":"MIT","_id":"shadcn-dropzone@0.1.2","maintainers":[{"name":"diragb","email":"work@diragb.dev"}],"homepage":"https://github.com/diragb/shadcn-dropzone#readme","bugs":{"url":"https://github.com/diragb/shadcn-dropzone/issues"},"dist":{"shasum":"3ab0ba01d4b43e5a2190737492158340ed7e9a50","tarball":"https://registry.npmjs.org/shadcn-dropzone/-/shadcn-dropzone-0.1.2.tgz","fileCount":9,"integrity":"sha512-ZWeDmwdj0wcuNN03b0ERD86gEl9Pq5tUbZYvfoqGfo5ufygIz357s1AY7kpBpi3MncyVBfzxIRxTfMCo0fssQA==","signatures":[{"sig":"MEQCIBwL5VcbnGPIOkwfu0AcE7BJSIzK47+Rc3y/fmju95EpAiAYnrOz7v8PHXsDnqR2Bc4jzds4R07sqxuY4jTqJ+90Yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":717407},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","funding":{"url":"https://github.com/sponsors/diragb","type":"individual"},"gitHead":"318618f5a6124eee585960205cdad108e5147b84","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"_npmUser":{"name":"diragb","email":"work@diragb.dev"},"repository":{"url":"git+https://github.com/diragb/shadcn-dropzone.git","type":"git"},"_npmVersion":"10.8.1","description":"Ready to use File Upload Dropzone component, built with shadcn/ui and react-dropzone.","directories":{},"_nodeVersion":"21.4.0","dependencies":{"clsx":"^2.1.1","lucide-react":"^0.403.0","react-dropzone":"^14.2.3","tailwind-merge":"^2.4.0","tailwindcss-animate":"^1.0.7","class-variance-authority":"^0.7.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","rollup":"^2.79.1","postcss":"^8","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@types/react-dom":"^18","eslint-config-next":"14.2.4","rollup-plugin-terser":"^7.0.2","@rollup/plugin-replace":"^5.0.7","@rollup/plugin-commonjs":"^22.0.0","rollup-plugin-typescript2":"^0.31.2","@rollup/plugin-node-resolve":"^13.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18","react-dom":"^18"},"_npmOperationalInternal":{"tmp":"tmp/shadcn-dropzone_0.1.2_1720558581227_0.46358474944223205","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"shadcn-dropzone","version":"0.2.0","keywords":["shadcn-ui","tailwindcss","react","drag","drop","upload","typescript"],"author":{"url":"https://github.com/diragb","name":"Dirag Biswas"},"license":"MIT","_id":"shadcn-dropzone@0.2.0","maintainers":[{"name":"diragb","email":"work@diragb.dev"}],"homepage":"https://github.com/diragb/shadcn-dropzone#readme","bugs":{"url":"https://github.com/diragb/shadcn-dropzone/issues"},"dist":{"shasum":"92aae506261919582ad473488620a015240fbd18","tarball":"https://registry.npmjs.org/shadcn-dropzone/-/shadcn-dropzone-0.2.0.tgz","fileCount":10,"integrity":"sha512-qjURd3sXDxZRBiBbsbLBNEG8/YHysIkndOJB1PtgT1Ll8BcKlP9uk1KjzjWl6/JBXcdvwz3+vy5q35g7LTaVww==","signatures":[{"sig":"MEYCIQCOPmhPYWYyx9Ch++c6/Snhjje2nLEEGWTgdffl9rY7EAIhAOsydfBcXLWyRMFqdQ6p29hh2uoUsuAZCb0AiPNt3pVF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":738902},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","funding":{"url":"https://github.com/sponsors/diragb","type":"individual"},"gitHead":"d5b4e776c81503b83e3bd5f9a10e80df402ca457","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"_npmUser":{"name":"diragb","email":"work@diragb.dev"},"repository":{"url":"git+https://github.com/diragb/shadcn-dropzone.git","type":"git"},"_npmVersion":"10.8.1","description":"Ready to use File Upload Dropzone component, built with shadcn/ui and react-dropzone.","directories":{},"_nodeVersion":"21.4.0","dependencies":{"clsx":"^2.1.1","truncate":"^3.0.0","react-dropzone":"^14.2.3","tailwind-merge":"^2.4.0","tailwindcss-animate":"^1.0.7","class-variance-authority":"^0.7.0","@radix-ui/react-scroll-area":"^1.1.0"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","rollup":"^2.79.1","postcss":"^8","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@types/react-dom":"^18","eslint-config-next":"14.2.4","rollup-plugin-terser":"^7.0.2","@rollup/plugin-replace":"^5.0.7","@rollup/plugin-commonjs":"^22.0.0","rollup-plugin-typescript2":"^0.31.2","@rollup/plugin-node-resolve":"^13.3.0","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18","react-dom":"^18"},"_npmOperationalInternal":{"tmp":"tmp/shadcn-dropzone_0.2.0_1721379596210_0.5473977798313732","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"shadcn-dropzone","version":"0.2.1","description":"Ready to use File Upload Dropzone component, built with shadcn/ui and react-dropzone.","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","author":{"name":"Dirag Biswas","url":"https://github.com/diragb"},"funding":{"type":"individual","url":"https://github.com/sponsors/diragb"},"repository":{"type":"git","url":"git+https://github.com/diragb/shadcn-dropzone.git"},"bugs":{"url":"https://github.com/diragb/shadcn-dropzone/issues"},"homepage":"https://github.com/diragb/shadcn-dropzone#readme","scripts":{"build":"rollup -c","prepublishOnly":"npm run build"},"peerDependencies":{"react":"^18","react-dom":"^18"},"devDependencies":{"@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.3.0","@rollup/plugin-replace":"^5.0.7","@types/node":"^20","@types/react":"^18","@types/react-dom":"^18","eslint":"^8","eslint-config-next":"14.2.4","postcss":"^8","rollup":"^2.79.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","tailwindcss":"^3.4.1","typescript":"^5"},"dependencies":{"class-variance-authority":"^0.7.0","clsx":"^2.1.1","react-dropzone":"^14.2.3","tailwind-merge":"^2.4.0","tailwindcss-animate":"^1.0.7","truncate":"^3.0.0"},"keywords":["shadcn-ui","tailwindcss","react","drag","drop","upload","typescript"],"license":"MIT","_id":"shadcn-dropzone@0.2.1","gitHead":"d5b4e776c81503b83e3bd5f9a10e80df402ca457","_nodeVersion":"21.4.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-eEpZMRPqHcGdjn8tMLTeEks39MTBUhOYEuYv4fe3vwWc8kILOZP5Wg26e9maBgSExcJNF6f9pU3gxs4Bmrqt1A==","shasum":"e185afeba1a7f19e756f7cc912b1c95d060a8229","tarball":"https://registry.npmjs.org/shadcn-dropzone/-/shadcn-dropzone-0.2.1.tgz","fileCount":10,"unpackedSize":738857,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDi5tCXmW/5k41l6WlD0QS+JZCy2xdessPriNEP0XjjVAiBkpWrcQ+liXtcS3V8ecgMIF5AiTHzfONP6hF3mYapntg=="}]},"_npmUser":{"name":"diragb","email":"work@diragb.dev"},"directories":{},"maintainers":[{"name":"diragb","email":"work@diragb.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/shadcn-dropzone_0.2.1_1721380421926_0.9163621155050741"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-09T20:47:22.099Z","modified":"2024-07-19T09:13:42.399Z","0.1.0":"2024-07-08T19:42:48.948Z","0.1.1":"2024-07-09T20:47:22.418Z","0.1.2":"2024-07-09T20:56:21.389Z","0.2.0":"2024-07-19T08:59:56.417Z","0.2.1":"2024-07-19T09:13:42.236Z"},"bugs":{"url":"https://github.com/diragb/shadcn-dropzone/issues"},"author":{"name":"Dirag Biswas","url":"https://github.com/diragb"},"license":"MIT","homepage":"https://github.com/diragb/shadcn-dropzone#readme","keywords":["shadcn-ui","tailwindcss","react","drag","drop","upload","typescript"],"repository":{"type":"git","url":"git+https://github.com/diragb/shadcn-dropzone.git"},"description":"Ready to use File Upload Dropzone component, built with shadcn/ui and react-dropzone.","maintainers":[{"name":"diragb","email":"work@diragb.dev"}],"readme":"# Shadcn Dropzone\n\nReady to use File Upload Dropzone component, built with **[shadcn/ui](http://ui.shadcn.com)** and **[react-dropzone](https://www.npmjs.com/package/react-dropzone)**.\n\n**Demo:** https://diragb.github.io/shadcn-dropzone\n\n## Installation\n\n```bash\nnpm install --save shadcn-dropzone\n```\n\nor\n\n```bash\nyarn add shadcn-dropzone\n```\n\n## Usage\n\n```tsx\nimport Dropzone from 'shadcn-dropzone';\n\n// Use the default UI\nconst DefaultUI = () => {\n  return (\n    <Dropzone\n      onDrop={(acceptedFiles: File) => {\n        // Do something with the files\n      }}\n    />\n  );\n}\n\n// Or, pass a custom UI\nconst CustomUI = () => {\n  return (\n    <Dropzone\n      onDrop={(acceptedFiles: File) => {\n        // Do something with the files\n      }}\n    >\n      {(dropzone: DropzoneState) => (\n        <>\n          {\n            dropzone.isDragAccept ? (\n              <div className='text-sm font-medium'>Drop your files here!</div>\n            ) : (\n              <div className='flex items-center flex-col gap-1.5'>\n                <div className='flex items-center flex-row gap-0.5 text-sm font-medium'>\n                  Upload files\n                </div>\n              </div>\n            )\n          }\n          <div className='text-xs text-gray-400 font-medium'>\n            { dropzone.acceptedFiles.length } files uploaded so far.\n          </div>\n        </>\n      )}\n    </Dropzone>\n  )\n}\n```\n\nMake sure you have TailwindCSS set up in your project, as this component relies on them.\n\n## Props\n\nCheck out [react-dropzone](https://www.npmjs.com/package/react-dropzone) for all the props.\n\n## License\nMIT","readmeFilename":"README.md"}