{"_id":"@anil-labs/lightbox-gallery-react","_rev":"2-f577ad35198bc55ea20311cfdf08d701","name":"@anil-labs/lightbox-gallery-react","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@anil-labs/lightbox-gallery-react","version":"0.1.0","keywords":["react","lightbox","gallery","image","zoom","carousel"],"author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","_id":"@anil-labs/lightbox-gallery-react@0.1.0","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://github.com/anilkumarthakur60/lightbox-gallery/tree/main/packages/react#readme","bugs":"https://github.com/anilkumarthakur60/lightbox-gallery/issues","dist":{"shasum":"07b0083e4773cf91c43d7115a6eb422c77575421","tarball":"https://registry.npmjs.org/@anil-labs/lightbox-gallery-react/-/lightbox-gallery-react-0.1.0.tgz","fileCount":9,"integrity":"sha512-Pz2GPQ5EoPe2PY/WuvHNc72sf2oup5jDL0sOXQIwQRimq46p42SqFfK8ZK/GIDz5ClC9G/vp59FvR/PnCZjHVw==","signatures":[{"sig":"MEYCIQCTlQ4+KJWXo6iBmRwFkU2NbDQE/M4k0Jbndv8eogzAnAIhAKVGc0zBpU2zulKik3B83Qk7JpkM/zFJGRX+7pUrL6nK","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":24681},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"echo \"covered by @anil-labs/lightbox-gallery-core\"","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"repository":{"url":"git+https://github.com/anilkumarthakur60/lightbox-gallery.git","type":"git","directory":"packages/react"},"description":"React bindings for @anil-labs/lightbox-gallery-core — a modern lightbox gallery with zoom, swipe, thumbnails, slideshow and video support.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","dependencies":{"@anil-labs/lightbox-gallery-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","react":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.12"},"peerDependencies":{"react":">=17"},"_npmOperationalInternal":{"tmp":"tmp/lightbox-gallery-react_0.1.0_1784049285805_0.030850026291311394","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anil-labs/lightbox-gallery-react","version":"0.1.1","description":"React bindings for @anil-labs/lightbox-gallery-core — a modern lightbox gallery with zoom, swipe, thumbnails, slideshow and video support.","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"keywords":["react","lightbox","gallery","image","zoom","carousel"],"engines":{"node":">=18"},"license":"MIT","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/lightbox-gallery.git","directory":"packages/react"},"homepage":"https://github.com/anilkumarthakur60/lightbox-gallery/tree/main/packages/react#readme","bugs":"https://github.com/anilkumarthakur60/lightbox-gallery/issues","publishConfig":{"access":"public"},"dependencies":{"@anil-labs/lightbox-gallery-core":"^0.2.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0"},"devDependencies":{"@types/react":"^19.2.17","react":"^19.2.7","tsup":"^8.5.1","typescript":"^5.7.2"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"echo \"covered by @anil-labs/lightbox-gallery-core\"","typecheck":"tsc --noEmit"},"_nodeVersion":"24.18.0","_id":"@anil-labs/lightbox-gallery-react@0.1.1","dist":{"integrity":"sha512-XvMxemqUDPiCycp07e4dFafiMRjjJdKMazCtJq5bsmAzrIMzSxkQkQ9ziDZu2HaaQD+O4SGHPaG3lWV2f7XqaQ==","shasum":"a5fc6fdc4502137285471acd6cfeb83100d37a08","tarball":"https://registry.npmjs.org/@anil-labs/lightbox-gallery-react/-/lightbox-gallery-react-0.1.1.tgz","fileCount":9,"unpackedSize":24706,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFdxsq5toAYG9MBfNlRarvbdzJ8wsS5F8+JldPqo7/l/AiEAtPfjvirSSzy9B9EVVZ27Z8mhsMdC5i0b+jFZtR4Cefw="}]},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"directories":{},"maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/lightbox-gallery-react_0.1.1_1784086472423_0.8276088577676359"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-14T17:14:45.584Z","modified":"2026-07-15T03:34:32.679Z","0.1.0":"2026-07-14T17:14:45.956Z","0.1.1":"2026-07-15T03:34:32.550Z"},"bugs":"https://github.com/anilkumarthakur60/lightbox-gallery/issues","author":"Er. Anil Kumar Thakur <anilkumarthakur60@gmail.com>","license":"MIT","homepage":"https://github.com/anilkumarthakur60/lightbox-gallery/tree/main/packages/react#readme","keywords":["react","lightbox","gallery","image","zoom","carousel"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/lightbox-gallery.git","directory":"packages/react"},"description":"React bindings for @anil-labs/lightbox-gallery-core — a modern lightbox gallery with zoom, swipe, thumbnails, slideshow and video support.","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"readme":"# @anil-labs/lightbox-gallery-react\n\nReact bindings for [`@anil-labs/lightbox-gallery-core`](https://www.npmjs.com/package/@anil-labs/lightbox-gallery-core) — a modern lightbox gallery with zoom, swipe, thumbnails, slideshow, fullscreen and video support.\n\n```bash\npnpm add @anil-labs/lightbox-gallery-react @anil-labs/lightbox-gallery-core\n```\n\n```tsx\nimport { Lightbox, useLightbox } from '@anil-labs/lightbox-gallery-react'\nimport '@anil-labs/lightbox-gallery-core/styles.css'\n\nfunction Gallery({ items }) {\n  const { open, lightboxProps } = useLightbox(items, { loop: true })\n  return (\n    <>\n      {items.map((item, i) => (\n        <button key={item.src} onClick={() => open(i)}>\n          <img src={item.thumb} alt={item.caption} />\n        </button>\n      ))}\n      <Lightbox {...lightboxProps} />\n    </>\n  )\n}\n```\n\nAlso works fully controlled via `open` / `index` / `onClose` / `onIndexChange` props.\n\nFull documentation: see the repository README.\n\nMIT\n","readmeFilename":""}