{"_id":"react-unsplash","_rev":"29-6adf9816480b92ee8611628aad5582a1","name":"react-unsplash","dist-tags":{"latest":"1.0.2"},"versions":{"0.1.0":{"name":"react-unsplash","version":"0.1.0","author":{"name":"Thucne"},"license":"ISC","_id":"react-unsplash@0.1.0","dist":{"shasum":"f650e7c09dde616b9ddfa488455465ea2ea89033","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.0.tgz","fileCount":13,"integrity":"sha512-J7wPeh3GAEb91MCX6z1OEhd3PrBpAIBvNQVZ1FDQx26UEdwtYI9r8ttohcZJx6TcnC4okeHpz6jm2oqMZUuxDA==","signatures":[{"sig":"MEYCIQDW6GITExhd565ivprZaerkYsy6i62stZivaTyaD2Ho9gIhAJV5OKyz4c15UEVXPaQq6vBbhe9pOT9bqxezgwhtMmcL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":38186},"main":"dist/components/index","module":"dist/components/index","gitHead":"6deebf13d0c61af27d9700dd60b99510a894bb7c","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"del dist 2>nul & npx swc ./components -d dist --ignore ./components/Preview.tsx","start":"next start"},"typings":"dist/components/index","_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"A React Unsplash Accelerator","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.0_1719218557242_0.6922436373215175","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"react-unsplash","version":"0.1.1","author":{"name":"Thucne"},"license":"ISC","_id":"react-unsplash@0.1.1","dist":{"shasum":"10925735f5ee3225be0ab38ce5197389943f9c9b","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.1.tgz","fileCount":15,"integrity":"sha512-pG/8ND7w+exwjdaT1SjylTrvaanyvc9Q8t2Ph7MPOLCcwVi2EHvK2DpsZjsbya46NB/QR8e5LQP2vmd5jDml+Q==","signatures":[{"sig":"MEUCIQDIryngcEvu2Ij4qsicHXWtK2esl5c8WoTwn52uSOg3EQIgMtcLlfou4eR06gE7EcbmOQRVpOkl9lbEUY26VnLtZL8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36152},"main":"dist/index","module":"dist/index","gitHead":"6deebf13d0c61af27d9700dd60b99510a894bb7c","private":false,"scripts":{"dev":"next dev","copy":"copyfiles -u 1 src/**/*.d.ts dist","lint":"next lint","build":"npx swc src -d dist & npm run copy","start":"next start"},"typings":"dist/index","_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"A React Unsplash Accelerator","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.1.57","@swc/core":"^1.2.245","copyfiles":"^2.4.1","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.1_1719223112713_0.34646195998261464","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"react-unsplash","version":"0.1.2","author":{"name":"Thucne"},"license":"ISC","_id":"react-unsplash@0.1.2","dist":{"shasum":"23aefecb6b1eea3250ffbf6e9a39eb7c8835ca34","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.2.tgz","fileCount":13,"integrity":"sha512-EG3R8Esls56Uxz6GQsO8/o9LvOH8OhTwBtIxyg1Dwxzwq83HIbN+G8kYqIBVayqzIOv6/lJrZE7Gcf+5l9zDqg==","signatures":[{"sig":"MEUCIQCd80tfEO4O69CZJWzrJKhBkAsIjc94+QQPld2LVLvmJgIgGVul0IGo0db2V3myB533dcl5jIgM56JOh8nwiYX/eo8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36028},"main":"dist/index","module":"dist/index","gitHead":"6deebf13d0c61af27d9700dd60b99510a894bb7c","private":false,"scripts":{"dev":"next dev","copy":"copyfiles -u 1 src/**/*.d.ts dist","lint":"next lint","build":"del dist 2>nul & npx swc src -d dist & npm run copy","start":"next start"},"typings":"dist/index","_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"A React Unsplash Accelerator","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.1.57","@swc/core":"^1.2.245","copyfiles":"^2.4.1","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.2_1719223911966_0.013489049189568059","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"react-unsplash","version":"0.1.3","author":{"name":"Thucne"},"license":"ISC","_id":"react-unsplash@0.1.3","dist":{"shasum":"ec245bc7e77de633e48265d598c254d351517d56","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.3.tgz","fileCount":14,"integrity":"sha512-9QtgqfAdHXwrB/6JGK18V30sAw15yEB6aVIZdrRDfYeP84G1F1w8u7VUcsfslXNU7Cwa9jTYfJbg7jVO7tMHLQ==","signatures":[{"sig":"MEQCIAQYSRKwbUvjGbhpGQuj9pJmqwg1moGprqUmqPH3hSDBAiBIbmik4nSLSsFpFwVH+H/UYdGfW0dvSnpqTfnC/E+K3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":36216},"main":"dist/index","module":"dist/index","gitHead":"6deebf13d0c61af27d9700dd60b99510a894bb7c","private":false,"scripts":{"dev":"next dev","copy":"copyfiles -u 1 src/**/*.d.ts dist","lint":"next lint","build":"del dist 2>nul & npx swc src -d dist & npm run copy","start":"next start"},"typings":"dist/index","_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"A React Unsplash Accelerator","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.1.57","@swc/core":"^1.2.245","copyfiles":"^2.4.1","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.3_1719224017084_0.01522290774293067","host":"s3://npm-registry-packages"}},"0.1.4":{"name":"react-unsplash","version":"0.1.4","author":{"name":"Thucne"},"license":"ISC","_id":"react-unsplash@0.1.4","dist":{"shasum":"64e35cb96b19fbd23eb1e8a88c2fcf327b2678f8","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.4.tgz","fileCount":13,"integrity":"sha512-k3xITPS0BUJ4osCst7gSS8qznqvkngTbmT6Wry77CadvO7xc4qIgq/QOxsePPgpenv6zEyUxHiOpHvf4Ka1cRQ==","signatures":[{"sig":"MEYCIQDb4sfMX9aLWzeMwvwglEqL5sA34K6UX/J8Db1xaHik+QIhAIMZVD/Xey0GPTS44wNrj/M5hiavFcyfIcHcDWX5dFrp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35770},"main":"dist/index","module":"dist/index","gitHead":"6deebf13d0c61af27d9700dd60b99510a894bb7c","private":false,"scripts":{"dev":"next dev","copy":"copyfiles -u 1 src/**/*.d.ts dist","lint":"next lint","build":"del dist 2>nul & npx swc src -d dist & npm run copy","start":"next start"},"typings":"dist/index","_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"A React Unsplash Accelerator","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.1.57","@swc/core":"^1.2.245","copyfiles":"^2.4.1","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.4_1719224513494_0.3437006165581311","host":"s3://npm-registry-packages"}},"0.1.5":{"name":"react-unsplash","version":"0.1.5","author":{"name":"Thucne"},"license":"ISC","_id":"react-unsplash@0.1.5","dist":{"shasum":"ea252e03b743a9128fbac492d5a9be3f44ca568d","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.5.tgz","fileCount":13,"integrity":"sha512-qB4mIu1gJMu82pkWqPHULnnBYSiTQd9zlbI271YwWMfi5uYzdDJgR9bVKht4VQ5nLzJRyzgsB7PbNWKpOUSlHw==","signatures":[{"sig":"MEUCIQDJlhMiw5DbMJfVQF1217kp5s2YfEUzaPjriw03y40rPgIgBrw8TmgIo4TdnkZyXIs1cg/UhDs8jEDrJGGg9HGD5Ck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35893},"main":"dist/index","module":"dist/index","gitHead":"6deebf13d0c61af27d9700dd60b99510a894bb7c","private":false,"scripts":{"dev":"next dev","copy":"copyfiles -u 1 src/**/*.d.ts dist","lint":"next lint","build":"del dist 2>nul & npx swc src -d dist & npm run copy","start":"next start"},"typings":"dist/index","_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"A React Unsplash Accelerator","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.1.57","@swc/core":"^1.2.245","copyfiles":"^2.4.1","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.5_1719224747062_0.691168434697712","host":"s3://npm-registry-packages"}},"0.1.7":{"name":"react-unsplash","version":"0.1.7","_id":"react-unsplash@0.1.7","dist":{"shasum":"43c6cc9084decea64d354bf19d01dc35c7b5beec","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.7.tgz","fileCount":26,"integrity":"sha512-LmV52nye+QaumFyml78iZdAg3LOHR6ItrwKiPThDFXljCQ7t4UyPzlPD6W9RQKckz/t3TcVL6OZnf1CYUMTIKg==","signatures":[{"sig":"MEYCIQDxyyqQ9D1DRh83Dmx0ZnrPIugFTyreHkVrY6B9HT8qBgIhANxNwAbh4TUq1H71y41VgRgG3CmI6faSNeRQY627ZRFO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25702},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"4bdf148363ecf47cdc3fb5dd45c58f1c48e83757","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.7_1719370783928_0.49603397251756776","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"react-unsplash","version":"0.1.8","_id":"react-unsplash@0.1.8","dist":{"shasum":"950daae584a2285b89256c45cb6a8f1d8ee28e70","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.8.tgz","fileCount":27,"integrity":"sha512-clGfB0JtLlPzW1UUYHOovROW6y7XcVv2Eicy6sm9lZa6RnqfBJPPMYpMdWOjT8r1nJlbTofCSN+Nf8eovqF/Sg==","signatures":[{"sig":"MEUCIQDo+X962DvH51Lg2xurrbk/Y1/IR7JqQkv/Phm8gyHXKQIgaFk3rK3q5FbA28cHNmE9+DJ98Qj3VJVV2dtATC4cjfg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":27655},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"e0f5070937b54fd163b21a7f0d463ce42aca0c58","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.8_1719371333069_0.022890966472116414","host":"s3://npm-registry-packages"}},"0.1.9":{"name":"react-unsplash","version":"0.1.9","_id":"react-unsplash@0.1.9","dist":{"shasum":"195012a09a378b8efdcc3a79b417c21f7dae5463","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.9.tgz","fileCount":28,"integrity":"sha512-9xC8qk8SHaFiLScboLawPPNIwzPJQW2QdrGwEEWjcAuc/tsB1JN5YZilp+EreIgcb0O1NNnzl6lw+V0+YIERYA==","signatures":[{"sig":"MEUCIHi8SXeZSfk3JVqODxxQDo00ypHDi9jolh/LslQfxzYiAiEAh57Jxa8qvE48wuBFbJPt8R5HE/guWU9gQE03JHNwQ1A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":301532},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"e0f5070937b54fd163b21a7f0d463ce42aca0c58","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.9_1719372291915_0.4060071971113246","host":"s3://npm-registry-packages"}},"0.1.10":{"name":"react-unsplash","version":"0.1.10","_id":"react-unsplash@0.1.10","dist":{"shasum":"74ec7449339d0b3d06c5f91c2234f5d6853d5a66","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.10.tgz","fileCount":28,"integrity":"sha512-S50hu4AvPdSuZGXsHRX0BmlbZBWL5uzFbRtDNK5l2iz1fJc3wJo02Yo9Eth+ZP3i/H4AzW5tpy4UYuisYpChLA==","signatures":[{"sig":"MEQCIEqUtbRPU56scowYxuHIb523Fgn39aL2LSYaSULmdYl3AiBmYqZhru6+XNqWHoNp/Wv+mjpOa9HY3icnI2drIEieEA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":301533},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"3e58af425a893c02ccf5d63424d2d59aa34f18b6","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.10_1719372363552_0.8097354381520723","host":"s3://npm-registry-packages"}},"0.1.11":{"name":"react-unsplash","version":"0.1.11","_id":"react-unsplash@0.1.11","dist":{"shasum":"1c09e8635c3e0d71a540994f9d36014faa765577","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.11.tgz","fileCount":28,"integrity":"sha512-rGj7KHdPWcD8NHOMOXXWgW9sJXAOqvLQ95uSTrMF5DV+lBvSEB/guZtm56exDbAAQD/zi7f71o4Z6yETH6atfA==","signatures":[{"sig":"MEYCIQDvdnCSP4mQ024aWGASNPZIPnRgJQw/D4SCWux9pt/fFAIhAORWcLiwDBU6o5MZI5sHximUsrXqTjET8U+IhGaOwrU4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":301533},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"6d785a8d23ec39e3e6bdb3b8a3931b142ca98bc1","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.11_1719372537024_0.3310642559156485","host":"s3://npm-registry-packages"}},"0.1.12":{"name":"react-unsplash","version":"0.1.12","_id":"react-unsplash@0.1.12","dist":{"shasum":"336063f58eee537393a7775e63c640d676be5bfd","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.12.tgz","fileCount":28,"integrity":"sha512-Jx1ZDvWc6c0K+djD3VH6WX46x8jW22N5tY2WPNrnuvDsbGqWZI5UBS65ivQ3akOUIGDmKcV67I1+FmID1maiUQ==","signatures":[{"sig":"MEUCIQCoVAQUVgM0i/Du66AKb6cKWQotw2yhbfXnV7l3CUq7IwIgM2QCrX1JwUnu9USBcXTi0vU9TuU9rQVl44BD26P6Wkw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":301682},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"178a2e8ac3b6d483fe0d6969c8b2a53447f51af7","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.12_1719372610946_0.48556586864344364","host":"s3://npm-registry-packages"}},"0.1.13":{"name":"react-unsplash","version":"0.1.13","_id":"react-unsplash@0.1.13","dist":{"shasum":"a66fe22aa5b8a0972dfbc91864c0e7bb01c7888e","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.13.tgz","fileCount":28,"integrity":"sha512-HBtHCFwQBRDTcLe9HBFBZdAcMHlxn/0Gx0M3j/kUodc1CNxwRoLqKXtZWzFdFo2pAWYwG/p7fVfQnLF4ZnOioA==","signatures":[{"sig":"MEUCIDB8lEMnvYUaICYhXurmrQpiB/qN9B4lHOAu9AnGyMSHAiEA6DzO2KwTW0HphkEAQUQP9YK+PdpCXf6u34729g6J6u4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":301683},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"178a2e8ac3b6d483fe0d6969c8b2a53447f51af7","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.13_1719372963122_0.2849264207068041","host":"s3://npm-registry-packages"}},"0.1.14":{"name":"react-unsplash","version":"0.1.14","_id":"react-unsplash@0.1.14","dist":{"shasum":"b8b08d1f13d20cdcd31c1f4ef2c058c0896cfa7c","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.14.tgz","fileCount":28,"integrity":"sha512-3I6lHqEt48JAc+XPapMTyIeLuADSs0jMvyMTCFr/l5NB5PkoUBzjkVuxTGgJvg4WMNyiMqYjxD7JGjAoB+YtoQ==","signatures":[{"sig":"MEUCIE6/LQCxSTgLJ6Yqjo85A7g4jjMN+fMxojXANkAEdovzAiEAywXqVP5C/20//ZwuYzRfmd1Rm1TrSTeznKPG+SsKxIg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":303511},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"af04dba0a2cd9b7d50b78216307bd01d66b87251","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.14_1719375244414_0.35821781008344744","host":"s3://npm-registry-packages"}},"0.1.15":{"name":"react-unsplash","version":"0.1.15","_id":"react-unsplash@0.1.15","dist":{"shasum":"72e0132f06653fd9cf4d4b0e3dfecf53d7816a09","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.15.tgz","fileCount":29,"integrity":"sha512-Z5JsJTOr79w44oqAFuw6lZe9m3f5sQS5uqy4+glJcHBzSvrHWmfvcJjVjqmEja5EfFKlLFYlaHGP0T+sTZu7Tw==","signatures":[{"sig":"MEYCIQCr8Q1XhjWUqGKANQsJKQoW98YX8wbxsaD40vTE4GGjgQIhAKTHRmwj7gx1iALn+Z9MFCcz1qP/E/9KvwmfLr4c14Jx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":575251},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"af04dba0a2cd9b7d50b78216307bd01d66b87251","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.15_1719375684378_0.9605712114803504","host":"s3://npm-registry-packages"}},"0.1.16":{"name":"react-unsplash","version":"0.1.16","_id":"react-unsplash@0.1.16","dist":{"shasum":"4bf18f6113b85ad7e071fe8f587c744cb66df749","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.16.tgz","fileCount":29,"integrity":"sha512-9NRYts+Hq9xaUNCCV84VeW01+HqsMOVKOOxW7HHqJoKo7bXFds30PdUZXdiRSYZpYN5k+E+hTuY7kHbtiNH6Jw==","signatures":[{"sig":"MEUCIQDtk32FvMp4+tXXafMOofyC1yjUFqbi8p1O0v4hQfKJVwIgbeG1zOUrp5lFJuWumSW5FgEW6ATlHRbMPMerZsrbESA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":575478},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"af04dba0a2cd9b7d50b78216307bd01d66b87251","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.16_1719376024879_0.9914160824935656","host":"s3://npm-registry-packages"}},"0.1.17":{"name":"react-unsplash","version":"0.1.17","_id":"react-unsplash@0.1.17","dist":{"shasum":"88246d27926d127c5185f783a3dd8545fc35f35f","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.17.tgz","fileCount":29,"integrity":"sha512-cIico1Sip+ELkvxS3ncvDyVIzjWGeM6CqFCWSLXW++2rvGm/X0woILI21BnGCy/7rBUaxhvq5TZ7yMRggYwCmw==","signatures":[{"sig":"MEUCIGvDDTXesTvNVS4Y6xGayS4Xxxg1KJyilf7AX1DEWihJAiEArSZFtykACVlnS4zluiW/VCSoCARTcRpcdpemQw3cOcQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":576219},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"af04dba0a2cd9b7d50b78216307bd01d66b87251","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.17_1719376714798_0.40609977482284254","host":"s3://npm-registry-packages"}},"0.1.18":{"name":"react-unsplash","version":"0.1.18","_id":"react-unsplash@0.1.18","dist":{"shasum":"bc422cf26918a06b1f76b3c55aedd6ec4dea90ee","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.18.tgz","fileCount":29,"integrity":"sha512-8PrzAXATZsX0qmygGXuGmFxNMY6Tqb4+ck5ZiNT1emCGJcb6n5/SooQ8sbGd7hJjco6D2jJQCACyYyQxEmMqSg==","signatures":[{"sig":"MEUCIF6Wj4tfIAPqpcheSBcwX4mbFu1ojsjxXNmnf5I95qfOAiEA57yeefUsPMesjud2zz91uxXTrvWVGLlHIjGRCMf595Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":576298},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"98b9b537bb883304c9cb6be51bfb13b9f4ee93bd","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.18_1719377015788_0.22951970907370578","host":"s3://npm-registry-packages"}},"0.1.19":{"name":"react-unsplash","version":"0.1.19","_id":"react-unsplash@0.1.19","dist":{"shasum":"3d504a5e209f1163265c01175d7a57ceea0fa24a","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.19.tgz","fileCount":29,"integrity":"sha512-e7XLrwjP2YW2YiNnEZJjPNDL+TGqmVJ7Iw0iq9ROHS7JTTaDbqOX619Iu+EjPIXxy+xE0TsnuSRwJSn/Dgeysw==","signatures":[{"sig":"MEUCIQDDLOed3PboutomJN9CIEqd+Wr77SDyEXaJh1RCWEZ8OAIgIaCQKCdkwLbjiXo8to5VWxZbUYYacW5Yn3CTXVvMVoU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":576313},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"0242ea3fd0bd8b3e62905a5a9b7c1f4db660b0e9","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.19_1719396187991_0.8676300237045129","host":"s3://npm-registry-packages"}},"0.1.20":{"name":"react-unsplash","version":"0.1.20","_id":"react-unsplash@0.1.20","dist":{"shasum":"30ce4c371c421b1046f7bb8c26b9050b8191f78e","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.20.tgz","fileCount":29,"integrity":"sha512-0umfnL8rveA1fjkVFXkl8Yu3kGGQb9+UEqQifPX26ELkYM7+atpdhFW/XTSr9PpDSIgvE0bOwwkV48PHHnxpFw==","signatures":[{"sig":"MEYCIQDH/Rx06yhtua48jzrg4xIKgQ4OcLNYgMrKCJ/Gq72y6AIhAOSsgzBKQY4sMVAnyCtdj7OgoYbinaxW1oj/rQHLB69t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":575562},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"0242ea3fd0bd8b3e62905a5a9b7c1f4db660b0e9","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.20_1719396893555_0.07445161679224888","host":"s3://npm-registry-packages"}},"0.1.21":{"name":"react-unsplash","version":"0.1.21","_id":"react-unsplash@0.1.21","dist":{"shasum":"e7056805a59d169f67f1340a1445ff5f6f6e9efa","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.21.tgz","fileCount":29,"integrity":"sha512-FWGLkzN3mQyAxfEzMHx5KlarpH8nFoeV3rqNPnS0gAi4M4aC+3VRtX+etAkmVH0a184pngDvUDZ4NTWkCnCqZQ==","signatures":[{"sig":"MEUCIQDsdiggAYIbkQ/RDmYLmJ7EP70xDNaJeXyBq2G+gzzqagIgbrZvzP0frPz5OCCdN95EowaJVt0TzaQoFJXAFDAOsfY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":575675},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"0242ea3fd0bd8b3e62905a5a9b7c1f4db660b0e9","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.21_1719397312500_0.3120311225455157","host":"s3://npm-registry-packages"}},"0.1.22":{"name":"react-unsplash","version":"0.1.22","_id":"react-unsplash@0.1.22","dist":{"shasum":"bb53b57c6fa2e4f3b3bec4e8111116aac711ce9a","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.22.tgz","fileCount":29,"integrity":"sha512-8s3gIgpregoI2n8CehZLI4tCEHXrhd17NMatss+w0Ex0ZpQW46qPSTxtoTURSde+FcNv9gJWBZqX8fdeKxwH6Q==","signatures":[{"sig":"MEUCIHey4Q/0kxgzOP4/qfUtbs2OBPMQaLCh3/1WKXlVIIWWAiEAi5QbCqNRNqpOamZkzVFt9OO7ggTi5NyfNM6ZBRldaD4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":575724},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"3b639950c6154857200c2b70612756b774a50810","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.22_1719398392164_0.5735622557776578","host":"s3://npm-registry-packages"}},"0.1.23":{"name":"react-unsplash","version":"0.1.23","_id":"react-unsplash@0.1.23","dist":{"shasum":"7cc762166ee0f1feb66ae316a47b22e46026f908","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.23.tgz","fileCount":29,"integrity":"sha512-tK3nt2yPBSeeOe9hA+KwY4GgfM+yPLoxXNdhKS9kX5qPlm23ET5MShv+G6GcmCteVg/EedELDBddlL5lgUioMA==","signatures":[{"sig":"MEQCIGE5+DWTxtjCty3HnrZ2/PwcSp9kAKRp/X8hPY4rTtWqAiA/RlzKaEBuPWXS1Ln2M5L5qlgEqHY98p7HYRvFLIJKnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":577134},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"c63bcb2ebbe90810ab7d748366b5edd840dc0e8b","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"_npmVersion":"10.2.4","description":"React-Unsplash streamlines the process of integrating an Unsplash photo library into your projects, allowing you to focus on developing the features that matter most.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.23_1719463475540_0.39501872849121455","host":"s3://npm-registry-packages"}},"0.1.24":{"name":"react-unsplash","version":"0.1.24","_id":"react-unsplash@0.1.24","homepage":"https://github.com/thucne/react-unsplash#readme","bugs":{"url":"https://github.com/thucne/react-unsplash/issues"},"dist":{"shasum":"a83e22f01c1805f2b49d7c08c1910aee2bb6528f","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.24.tgz","fileCount":28,"integrity":"sha512-G4Qq7rZBzx/HTRqMW02ifAeSLara3SDDVZeTAmvsgrs1JYzgonZ9I2ceDAwxF0NcVZQuNEnHyv1fPB4ZxpGPrA==","signatures":[{"sig":"MEUCIGiUPI2d7SplNzl/0PxsAsN1f6E2BQnwuNKBWyVB1NskAiEAw3Kkeq/HwXmPfcrNBW+v4DkZEPd7zvyyqUW9jymNOIA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305495},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"3c1e2154d87ab49473829418dd6334d7dc0863ba","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"repository":{"url":"git+https://github.com/thucne/react-unsplash.git","type":"git"},"_npmVersion":"10.2.4","description":"React-Unsplash streamlines the process of integrating an Unsplash photo library into your projects, allowing you to focus on developing the features that matter most.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.24_1719475478195_0.6172281627547438","host":"s3://npm-registry-packages"}},"0.1.25":{"name":"react-unsplash","version":"0.1.25","_id":"react-unsplash@0.1.25","homepage":"https://github.com/thucne/react-unsplash#readme","bugs":{"url":"https://github.com/thucne/react-unsplash/issues"},"dist":{"shasum":"6db36d3ba7a20cfee0017bdeb0461e7e0103ea0a","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.25.tgz","fileCount":28,"integrity":"sha512-z2mtCpVphZZaZmJ/JLGdazMcweZdTH1mm0bJw/VZ9WFblBQ2XjPng059f4VOd4fEcZ1tHbqQq3N9VP0auwXWvg==","signatures":[{"sig":"MEUCIDXAOdr5/N8Sn9oG2jfr5nSiItR6uudBRGpjOAgmBPUnAiEAsjRvRvEE3iP4KGh7TFgjip512CWP0D4eLIgI1CFkJAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305597},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"d6bc15e29ea62bcf16add3a2c504a3a6a71a7a31","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"repository":{"url":"git+https://github.com/thucne/react-unsplash.git","type":"git"},"_npmVersion":"10.2.4","description":"React-Unsplash streamlines the process of integrating an Unsplash photo library into your projects, allowing you to focus on developing the features that matter most.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.25_1719568870062_0.7442007562220145","host":"s3://npm-registry-packages"}},"0.1.26":{"name":"react-unsplash","version":"0.1.26","_id":"react-unsplash@0.1.26","maintainers":[{"name":"tallis","email":"trongthuc.bentre@gmail.com"}],"homepage":"https://github.com/thucne/react-unsplash#readme","bugs":{"url":"https://github.com/thucne/react-unsplash/issues"},"dist":{"shasum":"03f067350cd62294c04ebbae539a11ac50a91ff4","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-0.1.26.tgz","fileCount":28,"integrity":"sha512-M5H0A4+xbgRsWmWZ4ETld2h4w4HnH/5TYCbxv1n3Jn4hha373MEeb+GqeVDg3Eh5/ZFooyop04Yl2g2qpG+kGQ==","signatures":[{"sig":"MEUCIQDtan0p+ZJkIRNxYji1NBvdG/9r1tkUQ1D7C/kMtMDdAAIgIlQEg7KOjulrP/RLAIdCEdskD+//keCadAVwFo0lOMg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":305787},"main":"dist/index.jsx","types":"dist/index.d.ts","gitHead":"514c5811ee015d63e1d964899e9474b8e7cfb027","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"repository":{"url":"git+https://github.com/thucne/react-unsplash.git","type":"git"},"_npmVersion":"10.2.4","description":"React-Unsplash streamlines the process of integrating an Unsplash photo library into your projects, allowing you to focus on developing the features that matter most.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"swr":"^2.2.5","next":"14.2.4","react":"^18","lodash":"^4.17.21","blurhash":"^2.0.5","react-dom":"^18","@mui/material":"^5.15.20","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^8","postcss":"^8","@swc/cli":"^0.3.14","@swc/core":"^1.6.5","@svgr/core":"^8.1.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@svgr/webpack":"^8.1.0","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_0.1.26_1721966550085_0.5486165408560066","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"react-unsplash","version":"1.0.0","keywords":["react","unsplash","photo","image","picker","gallery","shadcn","tailwind","typescript","component","library","masonry"],"author":{"name":"thucne"},"license":"MIT","_id":"react-unsplash@1.0.0","maintainers":[{"name":"tallis","email":"trongthuc.bentre@gmail.com"}],"homepage":"https://github.com/thucne/react-unsplash#readme","bugs":{"url":"https://github.com/thucne/react-unsplash/issues"},"dist":{"shasum":"bac6c280753fa5dec58a3d715efc19d64a8d787a","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-1.0.0.tgz","fileCount":11,"integrity":"sha512-Hv9h/VIUcAlLgJ441LSgxFBZQlS00+MtPP6wyr0X+lgmbocdXSYb0qDoLLbSZcpMrmNfN7DyiJ8oCKPrc01xlQ==","signatures":[{"sig":"MEYCIQD+A9p52qFuXdn/5HKBjV8gjdkmiB5nowz76cEo5Mh4VgIhAL5+tqE/4OoC6Qzebk2hDhg1p3q8IJAYQ8k3G+sm47pS","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":182018},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles":"./dist/react-unsplash.css"},"gitHead":"63c88edadee8b5123acd441c6a35937db1fc0a32","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start","build:lib":"tsup","type-check":"tsc --noEmit","prepublishOnly":"pnpm build:lib && pnpm type-check","build:lib:watch":"tsup --watch"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"repository":{"url":"git+https://github.com/thucne/react-unsplash.git","type":"git"},"_npmVersion":"11.13.0","description":"A highly customizable React component library for integrating Unsplash photo picker into your projects. Supports shadcn/Tailwind, compound components, render props, and full TypeScript.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.16.0","dependencies":{"blurhash":"^2.0.5"},"_hasShrinkwrap":false,"devDependencies":{"swr":"^2.2.5","next":"14.2.4","tsup":"^8.5.1","react":"^18","eslint":"^8","lodash":"^4.17.21","postcss":"^8","react-dom":"^18","type-fest":"^4.23.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@mui/material":"^5.15.20","@types/lodash":"^4.17.5","@emotion/cache":"^11.11.0","@emotion/react":"^11.11.4","@emotion/styled":"^11.11.5","@types/react-dom":"^18","eslint-config-next":"14.2.4","@mui/icons-material":"^5.15.20","@mui/material-nextjs":"^5.15.11"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_1.0.0_1781318327915_0.9117216160735959","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"react-unsplash","version":"1.0.1","keywords":["react","unsplash","photo","image","picker","gallery","shadcn","tailwind","typescript","component","library","masonry"],"author":{"name":"thucne"},"license":"MIT","_id":"react-unsplash@1.0.1","maintainers":[{"name":"tallis","email":"trongthuc.bentre@gmail.com"}],"homepage":"https://react-unsplash.thucde.dev/","bugs":{"url":"https://github.com/thucne/react-unsplash/issues"},"dist":{"shasum":"8051d81d95f8fbaf03c4b2788a7b46705efa2a6d","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-1.0.1.tgz","fileCount":11,"integrity":"sha512-i+MA8nDgqpsf+z1VC7cgXWJPauWPZlnasa7apaNUcXipQ8QdxGPaVRtqez+59JFM9qnypJsZ+/6fv/+5OhXIXg==","signatures":[{"sig":"MEQCIGYwE4S8IPRTHlYU8dHWTf6dwEIb9f3fMa14a/yzWvIAAiBok69XGzemJlkGaFweQ2GL0n7bTwccrE9mex2nDfnpDA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":188751},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles":"./dist/react-unsplash.css"},"gitHead":"7e6b9075074c9ba422bc8c4ff210189013692c8b","private":false,"scripts":{"dev":"next dev","lint":"next lint","build":"next build","start":"next start","build:lib":"tsup","type-check":"tsc --noEmit","prepublishOnly":"pnpm build:lib && pnpm type-check","build:lib:watch":"tsup --watch"},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"repository":{"url":"git+https://github.com/thucne/react-unsplash.git","type":"git"},"_npmVersion":"11.13.0","description":"A highly customizable React component library for integrating Unsplash photo picker into your projects. Supports shadcn/Tailwind, compound components, render props, and full TypeScript. Demo: https://react-unsplash.thucde.dev/","directories":{},"sideEffects":["*.css"],"_nodeVersion":"24.16.0","dependencies":{"blurhash":"^2.0.5"},"_hasShrinkwrap":false,"devDependencies":{"swr":"^2.2.5","next":"14.2.4","tsup":"^8.5.1","react":"^18","eslint":"^8","lodash":"^4.17.21","postcss":"^8","react-dom":"^18","type-fest":"^4.23.0","typescript":"^5","@types/node":"^20","tailwindcss":"^3.4.1","@types/react":"^18","@types/lodash":"^4.17.5","@types/react-dom":"^18","eslint-config-next":"14.2.4"},"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/react-unsplash_1.0.1_1781350569021_0.5728584787030497","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"react-unsplash","version":"1.0.2","description":"A highly customizable React component library for integrating Unsplash photo picker into your projects. Supports shadcn/Tailwind, compound components, render props, and full TypeScript. Demo: https://react-unsplash.thucde.dev/","keywords":["react","unsplash","photo","image","picker","gallery","shadcn","tailwind","typescript","component","library","masonry"],"author":{"name":"thucne"},"license":"MIT","homepage":"https://react-unsplash.thucde.dev/","repository":{"type":"git","url":"git+https://github.com/thucne/react-unsplash.git"},"bugs":{"url":"https://github.com/thucne/react-unsplash/issues"},"private":false,"main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles":"./dist/react-unsplash.css"},"sideEffects":["*.css"],"scripts":{"dev":"next dev","build":"next build","start":"next start","lint":"next lint","build:lib":"tsup","build:lib:watch":"tsup --watch","type-check":"tsc --noEmit","prepublishOnly":"pnpm build:lib && pnpm type-check"},"peerDependencies":{"react":">=18","react-dom":">=18"},"dependencies":{"blurhash":"^2.0.5"},"devDependencies":{"@types/lodash":"^4.17.5","@types/node":"^20","@types/react":"^18","@types/react-dom":"^18","eslint":"^8","eslint-config-next":"14.2.4","lodash":"^4.17.21","next":"14.2.4","postcss":"^8","react":"^18","react-dom":"^18","swr":"^2.2.5","tailwindcss":"^3.4.1","tsup":"^8.5.1","type-fest":"^4.23.0","typescript":"^5"},"gitHead":"d5db6185831fdab3a3d82edb0dc3c230d167484f","_id":"react-unsplash@1.0.2","_nodeVersion":"24.16.0","_npmVersion":"11.13.0","dist":{"integrity":"sha512-x4rDBFb5IuGh6j2il889lwUH6VGXTy7MQrMoPbPcwv1Y1h7J+6FrcIBsbHzvrJOnNrXRyE7SYgChfKUjFYoE8A==","shasum":"b80102a94da262746a394f631f767e43e99c3154","tarball":"https://registry.npmjs.org/react-unsplash/-/react-unsplash-1.0.2.tgz","fileCount":11,"unpackedSize":191004,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDWHkxhPp67VceGKEb93TpKhE1jMJUbp8Mq2cGkkXXaFQIgJQihIiyspUlIe/JM8YpKxiQRWA89V1eIrpygr70hWfM="}]},"_npmUser":{"name":"tallis","email":"trongthuc.bentre@gmail.com"},"directories":{},"maintainers":[{"name":"tallis","email":"trongthuc.bentre@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-unsplash_1.0.2_1781351325436_0.36962429916000494"},"_hasShrinkwrap":false}},"time":{"created":"2024-06-24T08:42:37.241Z","modified":"2026-06-13T11:48:45.688Z","0.1.0":"2024-06-24T08:42:37.385Z","0.1.1":"2024-06-24T09:58:32.854Z","0.1.2":"2024-06-24T10:11:52.094Z","0.1.3":"2024-06-24T10:13:37.219Z","0.1.4":"2024-06-24T10:21:53.650Z","0.1.5":"2024-06-24T10:25:47.265Z","0.1.7":"2024-06-26T02:59:44.107Z","0.1.8":"2024-06-26T03:08:53.248Z","0.1.9":"2024-06-26T03:24:52.078Z","0.1.10":"2024-06-26T03:26:03.714Z","0.1.11":"2024-06-26T03:28:57.175Z","0.1.12":"2024-06-26T03:30:11.150Z","0.1.13":"2024-06-26T03:36:03.407Z","0.1.14":"2024-06-26T04:14:04.644Z","0.1.15":"2024-06-26T04:21:24.523Z","0.1.16":"2024-06-26T04:27:05.049Z","0.1.17":"2024-06-26T04:38:35.004Z","0.1.18":"2024-06-26T04:43:35.999Z","0.1.19":"2024-06-26T10:03:08.124Z","0.1.20":"2024-06-26T10:14:53.793Z","0.1.21":"2024-06-26T10:21:52.715Z","0.1.22":"2024-06-26T10:39:52.408Z","0.1.23":"2024-06-27T04:44:35.698Z","0.1.24":"2024-06-27T08:04:38.339Z","0.1.25":"2024-06-28T10:01:10.253Z","0.1.26":"2024-07-26T04:02:30.357Z","1.0.0":"2026-06-13T02:38:48.064Z","1.0.1":"2026-06-13T11:36:09.162Z","1.0.2":"2026-06-13T11:48:45.576Z"},"bugs":{"url":"https://github.com/thucne/react-unsplash/issues"},"author":{"name":"thucne"},"license":"MIT","homepage":"https://react-unsplash.thucde.dev/","keywords":["react","unsplash","photo","image","picker","gallery","shadcn","tailwind","typescript","component","library","masonry"],"repository":{"type":"git","url":"git+https://github.com/thucne/react-unsplash.git"},"description":"A highly customizable React component library for integrating Unsplash photo picker into your projects. Supports shadcn/Tailwind, compound components, render props, and full TypeScript. Demo: https://react-unsplash.thucde.dev/","maintainers":[{"name":"tallis","email":"trongthuc.bentre@gmail.com"}],"readme":"<p align=\"center\">\n  <a href=\"https://react-unsplash.thucde.dev/\" target=\"_blank\">\n    <img src=\"https://raw.githubusercontent.com/thucne/react-unsplash/main/public/unsplash-logo.svg\" alt=\"Unsplash\" height=\"40\" />\n  </a>\n</p>\n\n<h1 align=\"center\">react-unsplash</h1>\n\n<p align=\"center\">\n  A highly customizable React component library for integrating an Unsplash photo picker into your projects.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://react-unsplash.thucde.dev/\"><strong>Live Demo</strong></a> ·\n  <a href=\"https://www.npmjs.com/package/react-unsplash\"><img src=\"https://img.shields.io/npm/v/react-unsplash?style=flat-square&color=18181b\" alt=\"npm version\" /></a>\n  <a href=\"https://www.npmjs.com/package/react-unsplash\"><img src=\"https://img.shields.io/npm/dm/react-unsplash?style=flat-square&color=18181b\" alt=\"npm downloads\" /></a>\n  <a href=\"https://github.com/thucne/react-unsplash/blob/main/LICENSE\"><img src=\"https://img.shields.io/github/license/thucne/react-unsplash?style=flat-square&color=18181b\" alt=\"license\" /></a>\n  <img src=\"https://img.shields.io/badge/React-18%2B-18181b?style=flat-square&logo=react\" alt=\"React 18+\" />\n  <img src=\"https://img.shields.io/badge/TypeScript-Ready-18181b?style=flat-square&logo=typescript\" alt=\"TypeScript\" />\n  <img src=\"https://img.shields.io/badge/shadcn%2Fui-Compatible-18181b?style=flat-square\" alt=\"shadcn compatible\" />\n</p>\n\n---\n\n## ✨ Features\n\n- 🎨 **shadcn/ui compatible** — CSS Variables map directly to shadcn design tokens\n- 🪶 **Lightweight** — zero UI framework dependency (no MUI, no Emotion)\n- 🧩 **Two usage modes** — flat props API and compound component API\n- 🖼️ **Custom renderers** — inject `next/image`, custom links, custom overlays\n- 🌑 **Dark mode** — automatic via `.dark` class or `data-theme=\"dark\"`\n- ♾️ **Infinite scroll & button pagination** — configurable via `loadMode`\n- 💎 **Full TypeScript** — complete Unsplash API types exported\n- 📦 **Dual ESM/CJS** — tree-shakable, works in any bundler\n- ♿ **Accessible** — proper ARIA roles, keyboard navigation\n\n---\n\n## 📦 Installation\n\n```bash\nnpm i react-unsplash\n# or\npnpm add react-unsplash\n# or\nyarn add react-unsplash\n```\n\n> **Peer dependencies**: React ≥ 18 and react-dom ≥ 18 are required.\n\n---\n\n## 🚀 Quick Start\n\n### 1. Import the stylesheet\n\n```tsx\n// In your app's root layout or entry file:\nimport 'react-unsplash/styles';\n```\n\n> **shadcn/Tailwind users**: The styles automatically inherit your CSS variables. No extra config needed.\n\n### 2. Use the component\n\n```tsx\nimport ReactUnsplash from 'react-unsplash';\nimport type { UnsplashPhoto } from 'react-unsplash';\n\nexport function MyPicker() {\n  const [photos, setPhotos] = useState<UnsplashPhoto[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  const handleSearch = async (query: string) => {\n    setLoading(true);\n    const results = await fetchFromUnsplash(query); // your API call\n    setPhotos(results);\n    setLoading(false);\n  };\n\n  return (\n    <ReactUnsplash\n      images={photos}\n      loading={loading}\n      onSearch={handleSearch}\n      onSelect={(photo) => console.log('Selected:', photo)}\n    />\n  );\n}\n```\n\n> **Note**: `react-unsplash` is a UI component only — it does not call the Unsplash API. You supply the photos and it handles the display and selection UX. See [Setting Up the Unsplash API](#-setting-up-the-unsplash-api) below.\n\n---\n\n## 📖 API Reference\n\n### Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `images` | `UnsplashPhoto[]` | `[]` | Array of Unsplash photo objects |\n| `onSelect` | `(photo: UnsplashPhoto) => void` | **required** | Called when a photo is clicked |\n| `loading` | `boolean` | `false` | Shows loading indicator |\n| `initValue` | `string` | `''` | Initial search value |\n| `onSearch` | `(value: string) => void` | — | Called on every keystroke |\n| `onCommit` | `(value: string) => void` | — | Called when Enter is pressed |\n| `searchPlaceholder` | `string` | `'Search photos...'` | Search input placeholder |\n| `maxSearchLength` | `number` | `64` | Max characters in search input |\n| `hasMore` | `boolean` | `false` | Whether more results are available |\n| `handleLoadMore` | `() => void` | — | Load next page callback |\n| `loadMode` | `'scroll' \\| 'button'` | `'scroll'` | How to trigger loading more |\n| `displayMode` | `'normal' \\| 'popup'` | `'normal'` | Inline or modal display |\n| `open` | `boolean` | `false` | Controls popup visibility |\n| `onClose` | `() => void` | — | Called when popup closes |\n| `cols` | `number` | auto | Number of columns (auto-responsive if omitted) |\n| `gap` | `number` | `8` | Gap between images (px) |\n| `width` | `number` | `'100%'` | Fixed width of the component |\n| `height` | `number` | `450` | Height of the image grid area |\n| `autoFocus` | `boolean` | `true` | Auto-focus the search input |\n| `renderImage` | `(props: ImageRenderProps) => ReactNode` | — | Custom image renderer |\n| `renderLink` | `(props: LinkRenderProps) => ReactNode` | — | Custom link renderer |\n| `className` | `string` | — | Extra class on the root element |\n| `classNames` | `ReactUnsplashClassNames` | — | Per-part class name overrides |\n| `style` | `CSSProperties` | — | Inline style / CSS variable overrides |\n| `slots` | `ReactUnsplashSlots` | — | Custom render slot overrides |\n\n### `classNames` (per-part overrides)\n\n```tsx\n<ReactUnsplash\n  classNames={{\n    root: '',           // outermost container\n    searchWrapper: '',  // search bar wrapper div\n    searchInput: '',    // <input> element\n    loadingBar: '',     // loading progress bar\n    imageGrid: '',      // image grid scroll area\n    imageItem: '',      // each image card\n    imageOverlay: '',   // author overlay on hover\n    authorLink: '',     // author <a> element\n    dialog: '',         // popup dialog panel\n    loadMore: '',       // load more button wrapper\n    emptyState: '',     // empty/no-results div\n  }}\n/>\n```\n\n### `slots` (render overrides)\n\n```tsx\n<ReactUnsplash\n  slots={{\n    // Custom empty state when no search yet\n    emptyState: <div>Start typing to discover photos!</div>,\n    \n    // Custom empty state for no results\n    noResults: <div>No photos found 😢</div>,\n    \n    // Custom loading spinner\n    loadingState: <MySpinner />,\n    \n    // Custom \"Load More\" button (loadMode=\"button\")\n    loadMoreButton: ({ onClick, loading }) => (\n      <Button onClick={onClick} disabled={loading} variant=\"outline\">\n        {loading ? <Loader2 className=\"animate-spin\" /> : 'Load more'}\n      </Button>\n    ),\n    \n    // Custom overlay on top of each image\n    imageOverlay: (photo) => (\n      <div className=\"absolute inset-0 flex items-end p-2 bg-gradient-to-t from-black/60\">\n        <Badge>{photo.likes} ♥</Badge>\n      </div>\n    ),\n    \n    // Custom search icon\n    searchIcon: <MySearchIcon className=\"text-primary\" />,\n  }}\n/>\n```\n\n---\n\n## 🔌 Custom Renderers\n\n### Using `next/image`\n\n```tsx\nimport NextImage from 'next/image';\nimport NextLink from 'next/link';\n\n<ReactUnsplash\n  renderImage={(props) => (\n    <NextImage\n      {...props}\n      // next/image requires these:\n      unoptimized  // or configure remotePatterns for images.unsplash.com\n      className=\"w-full h-auto\"\n    />\n  )}\n  renderLink={(props) => (\n    <NextLink href={props.href} target={props.target} rel={props.rel}>\n      {props.children}\n    </NextLink>\n  )}\n/>\n```\n\nAdd to your `next.config`:\n```js\n// next.config.mjs\nconst nextConfig = {\n  images: {\n    remotePatterns: [{ hostname: 'images.unsplash.com' }],\n  },\n};\n```\n\n---\n\n## 🧩 Compound Component API\n\nFor maximum layout control, use the compound components:\n\n```tsx\nimport {\n  UnsplashRoot,\n  UnsplashSearch,\n  UnsplashGrid,\n  UnsplashDialog,\n  UnsplashEmptyState,\n} from 'react-unsplash';\n\n// ---- Normal layout with custom structure ----\n<UnsplashRoot\n  images={photos}\n  onSelect={handleSelect}\n  loading={isLoading}\n  hasMore={hasNextPage}\n  handleLoadMore={loadMore}\n>\n  <div className=\"flex flex-col border rounded-xl overflow-hidden\">\n    <UnsplashSearch className=\"border-b\" />\n    <UnsplashEmptyState>\n      <p className=\"text-muted-foreground\">Search for beautiful photos...</p>\n    </UnsplashEmptyState>\n    <UnsplashGrid\n      cols={4}\n      height={500}\n      renderImage={(props) => <NextImage {...props} unoptimized />}\n    />\n  </div>\n</UnsplashRoot>\n\n// ---- Popup with compound components ----\n<UnsplashRoot images={photos} onSelect={handleSelect} onClose={() => setOpen(false)}>\n  <UnsplashDialog open={isOpen} onClose={() => setOpen(false)}>\n    <UnsplashSearch />\n    <UnsplashGrid />\n  </UnsplashDialog>\n</UnsplashRoot>\n```\n\n---\n\n## 🎨 Theming\n\n### shadcn/ui (automatic)\n\nIf your project uses shadcn/ui, `react-unsplash` automatically inherits your theme colors. No additional configuration needed. The component uses the same CSS variable names (`--background`, `--border`, `--primary`, etc.).\n\n### Custom CSS Variables\n\nOverride any `--ru-*` variable on the root class or inline:\n\n```css\n/* globals.css */\n.react-unsplash {\n  --ru-primary:    #6366f1;  /* indigo */\n  --ru-radius:     0.75rem;\n  --ru-image-hover: brightness(0.75) saturate(1.2);\n}\n```\n\nOr per-instance via the `style` prop:\n```tsx\n<ReactUnsplash\n  style={{\n    '--ru-primary': '#6366f1',\n    '--ru-radius': '1rem',\n  } as React.CSSProperties}\n/>\n```\n\n### Dark Mode\n\nDark mode works automatically with:\n- **shadcn**: `.dark` class on `<html>` (default shadcn behavior)\n- **Manual**: `data-theme=\"dark\"` attribute\n- **System**: `@media (prefers-color-scheme: dark)` ← add your own CSS rule if needed\n\n---\n\n## 🌐 Setting Up the Unsplash API\n\n`react-unsplash` is a **pure UI component** — you manage the API calls. Here's a recommended setup:\n\n### Next.js (App Router)\n\n**1. Create an API route** (keeps your key server-side):\n```ts\n// app/api/unsplash/route.ts\nexport async function GET(request: Request) {\n  const { searchParams } = new URL(request.url);\n  \n  const res = await fetch(\n    `https://api.unsplash.com/search/photos?${searchParams}`,\n    {\n      headers: { Authorization: `Client-ID ${process.env.UNSPLASH_ACCESS_KEY}` },\n    }\n  );\n  \n  return Response.json(await res.json());\n}\n```\n\n**2. Fetch in your component**:\n```tsx\nconst [photos, setPhotos] = useState([]);\n\nconst handleSearch = async (query: string) => {\n  const res = await fetch(`/api/unsplash?query=${query}&per_page=20`);\n  const data = await res.json();\n  setPhotos(data.results);\n};\n```\n\nGet your free API key at [unsplash.com/developers](https://unsplash.com/developers).\n\n### React App (Vite, CRA, etc.) + TanStack Query\n\n**1. Create your fetch function**:\n```ts\n// src/api/unsplash.ts\nimport type { UnsplashPhoto } from 'react-unsplash';\n\ninterface UnsplashResponse {\n  results: UnsplashPhoto[];\n  total_pages: number;\n}\n\nexport async function fetchUnsplashPhotos({\n  query,\n  page = 1,\n}: {\n  query: string;\n  page?: number;\n}): Promise<UnsplashResponse> {\n  if (!query) return { results: [], total_pages: 0 };\n  \n  // NOTE: In production, route requests through your own backend to hide your Access Key.\n  const response = await fetch(\n    `https://api.unsplash.com/search/photos?query=${encodeURIComponent(query)}&page=${page}&per_page=20`,\n    {\n      headers: {\n        Authorization: `Client-ID ${import.meta.env.VITE_UNSPLASH_ACCESS_KEY}`,\n      },\n    }\n  );\n  \n  if (!response.ok) throw new Error('Failed to fetch from Unsplash');\n  return response.json();\n}\n```\n\n**2. Implement in your component**:\n```tsx\nimport React, { useState } from 'react';\nimport { useInfiniteQuery } from '@tanstack/react-query';\nimport ReactUnsplash from 'react-unsplash';\nimport { fetchUnsplashPhotos } from './api/unsplash';\n\nexport function PhotoPicker() {\n  const [search, setSearch] = useState('');\n\n  // Set up useInfiniteQuery for pagination/infinite scroll\n  const {\n    data,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage,\n    isLoading,\n  } = useInfiniteQuery({\n    queryKey: ['unsplashPhotos', search],\n    queryFn: ({ pageParam = 1 }) => fetchUnsplashPhotos({ query: search, page: pageParam }),\n    getNextPageParam: (lastPage, allPages) => {\n      const nextPage = allPages.length + 1;\n      return nextPage <= lastPage.total_pages ? nextPage : undefined;\n    },\n    initialPageParam: 1,\n    enabled: !!search,\n  });\n\n  // Flatten infinite query pages\n  const photos = data?.pages.flatMap((page) => page.results) || [];\n\n  return (\n    <ReactUnsplash\n      images={photos}\n      loading={isLoading || isFetchingNextPage}\n      onSearch={(v) => setSearch(v)}\n      onCommit={(v) => setSearch(v)}\n      hasMore={hasNextPage}\n      handleLoadMore={fetchNextPage}\n      loadMode=\"scroll\" // use \"scroll\" for infinite scroll, or \"button\"\n      onSelect={(photo) => console.log('Selected:', photo)}\n    />\n  );\n}\n```\n\n---\n\n## 🔄 Migration Guide: v0.x → v1.0\n\n### Breaking Changes\n\n#### 1. Import stylesheet manually\n```tsx\n// v1.0 — add this import\nimport 'react-unsplash/styles';\n```\n\n#### 2. `onSelect` is now typed\n```tsx\n// v0.x\nonSelect={(image: any) => ...}\n\n// v1.0\nimport type { UnsplashPhoto } from 'react-unsplash';\nonSelect={(photo: UnsplashPhoto) => ...}\n```\n\n#### 3. No more MUI ThemeProvider needed\n```tsx\n// v0.x — required MUI setup\nimport { ThemeProvider } from '@mui/material';\n<ThemeProvider theme={theme}>\n  <ReactUnsplash ... />\n</ThemeProvider>\n\n// v1.0 — no wrappers needed\n<ReactUnsplash ... />\n```\n\n#### 4. `next/image` is opt-in\n```tsx\n// v0.x — automatically used next/image (broke in non-Next.js apps)\n\n// v1.0 — opt-in via renderImage prop\n<ReactUnsplash\n  renderImage={(props) => <NextImage {...props} unoptimized />}\n/>\n```\n\n### Non-Breaking Additions\nAll existing props (`initValue`, `onSearch`, `onCommit`, `hasMore`, `handleLoadMore`, `displayMode`, `open`, `onClose`, `cols`, `gap`, `width`, `height`) work identically.\n\n---\n\n## 📄 License\n\nMIT © [thucne](https://github.com/thucne)\n\n---\n\n<p align=\"center\">\n  Made with ❤️ by <a href=\"https://thucde.dev\">thucde.dev</a>\n  &nbsp;•&nbsp;\n  Powered by the <a href=\"https://unsplash.com/developers\">Unsplash API</a>\n</p>\n","readmeFilename":"README.md"}