{"_id":"react-responsive-overflow-list","_rev":"14-16d85969ba7eb569cd2dd1e313ea95da","name":"react-responsive-overflow-list","dist-tags":{"latest":"0.5.0"},"versions":{"0.1.0":{"name":"react-responsive-overflow-list","version":"0.1.0","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.1.0","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"07562e7bb41a7a80d8826f29631241fd9946b86d","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.1.0.tgz","fileCount":32,"integrity":"sha512-HyN0wXP+kmU0vn0de1qEkzdwh6quUp8QeM8CcZ9Vtc+IOsz/t5RKNq0cLihNR5ZD41jg1irGYvm9bcISoVSTwA==","signatures":[{"sig":"MEQCIAiqVs16mh/yhpoL8irNh+usiiz7Q/+msnS0jL1VtYSzAiBEcOx2+wj+mAV6vrHce97DjbqZsp5CZleGYFph4IPc5A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49120},"types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"gitHead":"f124c3c0d7350298b290047c5ae5214762ad4cda","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm run dev & pnpm run demo:dev","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"eliav2","email":"louski.a@gmail.com"},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"10.9.3","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.19.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.1","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"^19.1.10","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.1.0_1758014258096_0.8404974237246143","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"react-responsive-overflow-list","version":"0.1.1","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.1.1","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"3f1362b2910ea9d6ac2c14279503e69932e775d6","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.1.1.tgz","fileCount":32,"integrity":"sha512-gLux4aNZWvVo+oxCBB7N3OrqrwE0Q7dvoGAt+LHY43WC0RxCFHOz6f3EEeXoEAa/r1UPNu945WeNqbMf+GiMJA==","signatures":[{"sig":"MEQCIFFbDCjvo8fUboIJo3zRmCFJSNo/ish9MJzKsgGFu0WEAiAurVnSJjBVdltJBP267xRvf6c2LWxJ3R6tFlIFx8XZdQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.1.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":49324},"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"}},"gitHead":"47001668b44b60b1eba1238427f67e0b32290d18","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm run dev & pnpm run demo:dev","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.6.0","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.19.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.1","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"^19.1.10","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.1.1_1758143121952_0.7810096467000018","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"react-responsive-overflow-list","version":"0.1.2","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.1.2","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"97fdbf0c3819f0dd8f44ae22144d1c33778defc0","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.1.2.tgz","fileCount":32,"integrity":"sha512-ozp+O9pebAkfpkOWPNk95TTOkSCQTBSx8j33sYYgnwhQZbdv7zpfEoqV4jWCWrScK0OQE0cuCYrYl1XlNUtwFg==","signatures":[{"sig":"MEQCIEQO8IfCiF4bDAc+65lfOeoeoqgo99cSlEJjBkQOsDDDAiBsDgzn62xP/9M6/dV1aAvjHOPaYnPpy74R4RJL5vimlg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.1.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":48874},"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"}},"gitHead":"486a5e34340d579c3190d99ea20fe4eac79f8546","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm run dev & pnpm run demo:dev","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.6.0","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.19.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.1","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"^19.1.10","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.1.2_1758147682744_0.22540133663118134","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"react-responsive-overflow-list","version":"0.2.0","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.2.0","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"680e8d5372e0ca9d764b8a6a46ded31d18b7b3c2","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.2.0.tgz","fileCount":38,"integrity":"sha512-1ymCMY3952kj25Ja6CYJCZ1/GcjLLVtRZ0fqNlblMyVtNpBIvD8y/MZAxdJKzOEes1fnfFFI8MmrllMpQb7SVQ==","signatures":[{"sig":"MEUCIGWTIPv8LYEK6Vrim8ke7oeP8JMM2dpVhy+WGmLt2fs+AiEAgS0zjT9U5GbU/GghNOvOpW+JAwsxb3dnm5O3td7/cxI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.2.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":90128},"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"}},"gitHead":"5c92c621836326512b786a9a2911d29c51470458","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm run dev & pnpm run demo:dev","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.6.0","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.19.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.1","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"^19.1.10","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.2.0_1758499056958_0.1316666907913333","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"react-responsive-overflow-list","version":"0.2.1","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.2.1","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"6263db9487c44ebb0530cb7c0fc1ff4c6004f37e","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.2.1.tgz","fileCount":35,"integrity":"sha512-aA/0WLHrGeyVn0OzNaTsUc8/mFqvwkVwX3pfXhNhhVEGNZvqUKNlY3PnpHxWcWLEpzR2xzuesKVgQhFLZU4Uyw==","signatures":[{"sig":"MEUCIQDuP/My5JiVRB/UsWmAq6kmLw07JDECeqnL2+0dut5cAQIgHm18nMYjpnQHm87x9NdV91SVlTj4UGO3VPfDKJaaASg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.2.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":90683},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"80c88486e5699b98e57ee8705d5ae58069915afd","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm run dev & pnpm run demo:dev","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.6.0","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.19.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.1.1","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"^19.1.10","@types/react-dom":"^19.1.7"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.2.1_1758671067037_0.08345427848022702","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"react-responsive-overflow-list","version":"0.3.0","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.3.0","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"7e6cc511559d2d5b7cb8f92de46264a0d13dc8cd","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.3.0.tgz","fileCount":35,"integrity":"sha512-6O9Y4v2IR3dh7Eb9mPfuWhLIHHe+/XQ3coJF5COYXiQcpFow45EKhADSYezlmwkO9E9B4DeMhCKetvVCPKC/9w==","signatures":[{"sig":"MEUCIQDylprWHxgIVBjIsg9BiQOM4tcSQ9XTlrd4G6CNOvrbewIgaHA4OxFFhfU6EJ+XwvdW6z7zSOeQezzdddXcaRyD2/c=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.3.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":96007},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"91c3eb652d13007078c11c3dcea065ea5039a1c2","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.6.2","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.21.1","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.0","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"^19.2.0","@types/react-dom":"^19.2.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.3.0_1763201637408_0.2287994595011078","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"react-responsive-overflow-list","version":"0.3.1","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.3.1","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"4aea57a9e0c666db9b31046024ec868e6e325a64","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.3.1.tgz","fileCount":35,"integrity":"sha512-XbMOx6KH0r0YNC5zyV2fAjyGStBsX9nzT7UH8lOWG+TVf53cRFIy+jGb8lKD3P1oKdurtRcQlAhK54PQR7K0DA==","signatures":[{"sig":"MEQCIDWBTa6qBUXGq1Uu3fZCU9fJ4YxdudvBqvEQiwqLEig7AiA/Lm+16UMm7lEsZ1UgWhW3ZJmlZG+sBXiSt1ql1HQ33g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.3.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":97102},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"002729df338bb2b65e906e339926ba79af690916","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.6.2","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.21.1","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.0","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"^19.2.0","@types/react-dom":"^19.2.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.3.1_1763204672891_0.11689092132219314","host":"s3://npm-registry-packages-npm-production"}},"0.3.2":{"name":"react-responsive-overflow-list","version":"0.3.2","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.3.2","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"11bc26108d7d43eb399ef95b8fceeb3c52534d49","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.3.2.tgz","fileCount":35,"integrity":"sha512-0QRYm6Y0Rodr1X17ZtLrBL+bqCEAqsVBeyGXQkPqYK8dWlHcik5WjRGuG/oI1bk/Yzm4xPtTNuRIqjNTM4ToNw==","signatures":[{"sig":"MEUCIFsnOp8/Y0spvo/yApGlR4j7tCYUJA0xwqXy7WnVqwSnAiEA97uuAoJmYMB+z1c5nRU4DWyMBiSb+g4oJjE7u/ZR4X0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.3.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":99597},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"2befe5d6b47b652ec211076b2eec605bb97e4518","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","build:all":"pnpm build && pnpm build:registry","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","build:registry":"shadcn build ./registry/radix-vega/registry.json -o ./public/r/styles/radix-vega && shadcn build ./registry/base-vega/registry.json -o ./public/r/styles/base-vega","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.10.1","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"react":"catalog:","shadcn":"^3.7.0","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"catalog:","@base-ui/react":"^1.1.0","@types/react-dom":"catalog:","@radix-ui/react-dropdown-menu":"^2.1.16"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.3.2_1771689224921_0.03274107799089698","host":"s3://npm-registry-packages-npm-production"}},"0.3.3":{"name":"react-responsive-overflow-list","version":"0.3.3","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.3.3","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"46e387cf32e14f68e80428a1119a93aa08a03364","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.3.3.tgz","fileCount":35,"integrity":"sha512-wiT5MC/yN0lrHjRrSAWeRTUYzS5tFgX6x/wZbmqCMc+Fo6FPreUsP12pnnxEhRIbGl6za4sxheA9n0wDrd7iiw==","signatures":[{"sig":"MEUCIQDP4C3CMvBcGDGoBlNGtSYx1ISolQFEF6lUMR1oeb5DYgIgOTtEo3ZjSumCVUDGiFQLzUgzigRpSAXheOYGK4fXXSU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.3.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":99692},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"3669c7e02580a3d4510214f266ecff04eee1aae4","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","build:all":"pnpm build && pnpm build:registry","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","build:registry":"shadcn build ./registry/radix-vega/registry.json -o ./public/r/styles/radix-vega && shadcn build ./registry/base-vega/registry.json -o ./public/r/styles/base-vega","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.11.0","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.22.0","_hasShrinkwrap":false,"devDependencies":{"react":"catalog:","shadcn":"^3.7.0","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"catalog:","@base-ui/react":"^1.1.0","@types/react-dom":"catalog:","@radix-ui/react-dropdown-menu":"^2.1.16"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.3.3_1772145311759_0.7040005436588188","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"react-responsive-overflow-list","version":"0.4.0","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.4.0","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"61d0e6f10791dc302c9198c6b02a92dc4b43b207","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.4.0.tgz","fileCount":38,"integrity":"sha512-NaGVrnJvSoVH2n0ezcra0azoZD1eS8S+owOJvIt6J0P7wvLcvAJnEJmnZLR8fAgCUWMW/30IgbmRaY4UG7yfCA==","signatures":[{"sig":"MEQCIDUYIKkzrP3QaTcJuziOrpQB+sheG1gmXxHGU9yOBm2wAiA9STChXTykQba8UPMo7+aUf6DkK8v3sV55WdZgfmrurA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.4.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":117530},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"5f97b5dad4c271245358c48333a47b44d8067fa1","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","build:all":"pnpm build && pnpm build:registry","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","build:registry":"shadcn build ./registry/radix-vega/registry.json -o ./public/r/styles/radix-vega && shadcn build ./registry/base-vega/registry.json -o ./public/r/styles/base-vega","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.15.0","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.22.3","_hasShrinkwrap":false,"devDependencies":{"react":"catalog:","shadcn":"^3.7.0","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"catalog:","@base-ui/react":"^1.1.0","@types/react-dom":"catalog:","@radix-ui/react-dropdown-menu":"^2.1.16"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.4.0_1779736261475_0.9763732966261589","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"react-responsive-overflow-list","version":"0.4.1","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.4.1","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"2f17663165e3c1b20953c1e104e84f492c95a662","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.4.1.tgz","fileCount":38,"integrity":"sha512-UYM/NTVMcwIO72RhtmbeXD96kY5jF/rRdDEXZMqLL19t0289BGdISZ6k/AUjUkDtmAOEmgNT+6t5CLWfZAcALw==","signatures":[{"sig":"MEYCIQD8kkgctjT2+U1e2n5MwQA+JU4rqf7BYjeSOx1x1MTIAwIhAJl1Q/LcLgPQj0nRGPQR7X8qIzb6ZWBGwoaQEbw63sPd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.4.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":119179},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"320cd8facca7894a2ebdbb4f59e328fa9f378604","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","build:all":"pnpm build && pnpm build:registry","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","build:registry":"shadcn build ./registry/radix-vega/registry.json -o ./public/r/styles/radix-vega && shadcn build ./registry/base-vega/registry.json -o ./public/r/styles/base-vega","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"11.17.0","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"_nodeVersion":"22.23.0","_hasShrinkwrap":false,"devDependencies":{"react":"catalog:","shadcn":"^3.7.0","tsdown":"^0.2.0","typescript":"^5.0.0","@types/react":"catalog:","@base-ui/react":"^1.1.0","@types/react-dom":"catalog:","@radix-ui/react-dropdown-menu":"^2.1.16"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.4.1_1782426198250_0.45612282325846154","host":"s3://npm-registry-packages-npm-production"}},"0.4.2":{"name":"react-responsive-overflow-list","version":"0.4.2","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.4.2","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"2ff98690a77f196c976b094df8e532f178dafb46","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.4.2.tgz","fileCount":22,"integrity":"sha512-HYxuLsJ8K6CM1XXUXlfUKq2LiRl0mK0aVcCjEXpu/vuHykQ5NT0TX6Pg2ed0/Tbf2Q2WL7PYGKtW+TdWQMUnJg==","signatures":[{"sig":"MEUCIDYWHLcK06h+aLpi9pm21QGA6O3uZRYoYpuTNxN+iIOkAiEAib8bSHEbM1vjDqdKdLmSk06EDW6aY9fUXSXtJ05eNF8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.4.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":124753},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"gitHead":"8c19b0f0c843b2a3af89d8331eb3e6eb38ac2ff6","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","build:all":"pnpm build && pnpm build:registry","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","build:registry":"shadcn build ./registry/radix-vega/registry.json -o ./public/r/styles/radix-vega && shadcn build ./registry/base-vega/registry.json -o ./public/r/styles/base-vega","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"12.0.2","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"sideEffects":false,"_nodeVersion":"22.23.1","_hasShrinkwrap":false,"devDependencies":{"react":"catalog:","shadcn":"^3.7.0","tsdown":"^0.22.14","publint":"^0.3.8","react-dom":"catalog:","typescript":"^5.0.0","@types/react":"catalog:","@base-ui/react":"^1.1.0","@types/react-dom":"catalog:","@arethetypeswrong/core":"^0.18.1","@radix-ui/react-dropdown-menu":"^2.1.16"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.4.2_1786185058498_0.5173238476646667","host":"s3://npm-registry-packages-npm-production"}},"0.4.3":{"name":"react-responsive-overflow-list","version":"0.4.3","keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","_id":"react-responsive-overflow-list@0.4.3","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"dist":{"shasum":"764b4f77ec9a35390b1619c38b75084f0c41bd80","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.4.3.tgz","fileCount":22,"integrity":"sha512-czC6HMguEB99HOBxF0Scz2XRtxT40FW8HiNNC+YzvtfekiVdrqp0J6+0JwGKnE31ztLcKGX2eUIqFnzErr6ysQ==","signatures":[{"sig":"MEUCIGiDVZ+C0NxVh6dL0V8ADTW1Ybukcb+iEU+tiCOWjTecAiEA7qJSbBiSX4piziRoRP2jIZiPnp6f34e9J1ye4ZPrb3M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.4.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":150059},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"gitHead":"1ee49e998b17b4883869d20745f91d5847dc97b9","scripts":{"dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","build":"tsdown","dev:all":"pnpm -r --parallel run dev","demo:dev":"pnpm --filter demo dev","build:all":"pnpm build && pnpm build:registry","demo:build":"pnpm --filter demo build","type-check":"tsc --noEmit","build:registry":"shadcn build ./registry/radix-vega/registry.json -o ./public/r/styles/radix-vega && shadcn build ./registry/base-vega/registry.json -o ./public/r/styles/base-vega","demo:build:prod":"NODE_ENV=production pnpm --filter demo build"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"prettier":{"printWidth":120},"repository":{"url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git","type":"git"},"_npmVersion":"12.0.2","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","directories":{},"sideEffects":false,"_nodeVersion":"22.23.1","_hasShrinkwrap":false,"devDependencies":{"react":"catalog:","shadcn":"^3.7.0","tsdown":"^0.22.14","publint":"^0.3.8","react-dom":"catalog:","typescript":"^5.0.0","@types/react":"catalog:","@base-ui/react":"^1.1.0","@types/react-dom":"catalog:","@arethetypeswrong/core":"^0.18.1","@radix-ui/react-dropdown-menu":"^2.1.16"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-responsive-overflow-list_0.4.3_1786211534577_0.7552792140951698","host":"s3://npm-registry-packages-npm-production"}},"0.5.0":{"name":"react-responsive-overflow-list","version":"0.5.0","type":"module","description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","module":"./dist/index.js","main":"./dist/index.cjs","types":"./dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"sideEffects":false,"scripts":{"build":"tsdown","build:registry":"shadcn build ./registry/radix-vega/registry.json -o ./public/r/styles/radix-vega && shadcn build ./registry/base-vega/registry.json -o ./public/r/styles/base-vega","build:all":"pnpm build && pnpm build:registry","dev":"tsdown --watch","lint":"eslint src --ext .ts,.tsx","type-check":"tsc --noEmit && tsc --noEmit -p tsconfig.test.json","sync:registry":"node scripts/sync-registry-copies.mjs","sync:registry:check":"node scripts/sync-registry-copies.mjs --check","test":"vitest run","test:watch":"vitest","demo:dev":"pnpm --filter demo dev","demo:build":"pnpm --filter demo build","demo:build:prod":"NODE_ENV=production pnpm --filter demo build","dev:all":"pnpm -r --parallel run dev"},"keywords":["react","component","overflow","responsive","ui","typescript"],"author":{"name":"Eliav Louski"},"license":"MIT","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{"@arethetypeswrong/core":"^0.18.1","@base-ui/react":"^1.1.0","@radix-ui/react-dropdown-menu":"^2.1.16","@testing-library/react":"^16.3.2","@types/react":"catalog:","@types/react-dom":"catalog:","jsdom":"^30.0.1","publint":"^0.3.8","react":"catalog:","react-dom":"catalog:","shadcn":"^3.7.0","tsdown":"^0.22.14","typescript":"^5.0.0","vitest":"^4.1.10"},"repository":{"type":"git","url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git"},"bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","prettier":{"printWidth":120},"gitHead":"45fb8dc8a931e294521beab2f8663f611b5c80eb","_id":"react-responsive-overflow-list@0.5.0","_nodeVersion":"22.23.1","_npmVersion":"12.0.2","dist":{"integrity":"sha512-XCmupMEjjX9YRbvt4++sFj7JB6U+7Xresq4SkisOKfD13m8IlkT9WlIPD6a3P0qR/9mHmTqxNqjEtYwEzMFfyw==","shasum":"52511f4fbe6f113bd68211b21d9c2b4379675fa5","tarball":"https://registry.npmjs.org/react-responsive-overflow-list/-/react-responsive-overflow-list-0.5.0.tgz","fileCount":23,"unpackedSize":202771,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/react-responsive-overflow-list@0.5.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCv416M/shjgN/mRqe6x6gsOwBMFKLnF2M7H9K6ZH5HHAIgf3F66fGbYaDlsferp5Ys2pyPqH33db18dDaay0OFfko="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:4be3768d-3ef6-40e8-b5d3-2a7fdf52dfbf"}},"directories":{},"maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-responsive-overflow-list_0.5.0_1786230130820_0.4762832917075035"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-16T09:17:38.012Z","modified":"2026-08-08T23:02:11.276Z","0.1.0":"2025-09-16T09:17:38.277Z","0.1.1":"2025-09-17T21:05:22.150Z","0.1.2":"2025-09-17T22:21:22.968Z","0.2.0":"2025-09-21T23:57:37.163Z","0.2.1":"2025-09-23T23:44:27.223Z","0.3.0":"2025-11-15T10:13:57.658Z","0.3.1":"2025-11-15T11:04:33.105Z","0.3.2":"2026-02-21T15:53:45.084Z","0.3.3":"2026-02-26T22:35:11.920Z","0.4.0":"2026-05-25T19:11:01.611Z","0.4.1":"2026-06-25T22:23:18.386Z","0.4.2":"2026-08-08T10:30:58.643Z","0.4.3":"2026-08-08T17:52:14.726Z","0.5.0":"2026-08-08T23:02:10.957Z"},"bugs":{"url":"https://github.com/eliav2/react-responsive-overflow-list/issues"},"author":{"name":"Eliav Louski"},"license":"MIT","homepage":"https://github.com/eliav2/react-responsive-overflow-list#readme","keywords":["react","component","overflow","responsive","ui","typescript"],"repository":{"type":"git","url":"git+https://github.com/Eliav2/react-responsive-overflow-list.git"},"description":"A responsive React component that shows as many items as can fit within constraints, hiding overflow items behind a configurable overflow renderer","maintainers":[{"name":"eliav2","email":"louski.a@gmail.com"}],"readme":"# react-responsive-overflow-list\n\nResponsive list for React that shows only items that fit and groups the rest into a customizable overflow element. Recalculates on resize.\n\n[![npm](https://img.shields.io/npm/v/react-responsive-overflow-list.svg)](https://www.npmjs.com/package/react-responsive-overflow-list)\n[![downloads](https://img.shields.io/npm/dm/react-responsive-overflow-list.svg)](https://www.npmjs.com/package/react-responsive-overflow-list)\n[![bundle size](https://img.shields.io/bundlephobia/minzip/react-responsive-overflow-list)](https://bundlephobia.com/package/react-responsive-overflow-list)\n[![license](https://img.shields.io/npm/l/react-responsive-overflow-list.svg)](./LICENSE)\n\n**🔗 Live demo:** https://eliav2.github.io/react-responsive-overflow-list/\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/Eliav2/react-responsive-overflow-list)\n\n![Screen Recording 2025-09-27 at 15 49 03](https://github.com/user-attachments/assets/eab5f27d-bbe3-4da5-8765-2609d16882af)\n\n---\n\n## Features\n\n- Accurate & responsive: measures real layout after paint (ResizeObserver), not guessed widths\n- Two usage modes: `children` (simple) or `items + renderItem` (structured)\n- Customizable overflow element; ships with a lightweight default\n- Multi-row support (via `maxRows`)\n- Handles uneven widths, including a single ultra-wide item\n- TypeScript types; zero runtime deps (React as peer)\n- SSR-friendly: measurement runs on the client\n- No implicit wrappers around your items. (layout behaves as you expect)\n\n## Install\n\n```bash\nnpm i react-responsive-overflow-list\n```\n\n### shadcn/ui\n\nInstall as a styled shadcn component with dropdown menu overflow:\n\n```bash\n# Radix UI primitives (recommended)\nnpx shadcn@latest add https://eliav2.github.io/react-responsive-overflow-list/r/styles/radix-vega/overflow-list.json\n\n# Base UI primitives\nnpx shadcn@latest add https://eliav2.github.io/react-responsive-overflow-list/r/styles/base-vega/overflow-list.json\n```\n\nSee [shadcn/ui docs](https://eliav2.github.io/react-responsive-overflow-list/docs/shadcn) for usage.\n\n## Usage\n\n> In real apps, you’ll typically wrap OverflowList in your own component—design tokens, accessible menus, virtualization, or search. See 'Wrap & extend' below and the demo for a full wrapper example.\n\n### Items + `renderItem` (most common)\n\nMinimal usage with an items array and render function.\n\n```tsx\nimport { OverflowList } from \"react-responsive-overflow-list\";\n\nconst items = [\"One\", \"Two\", \"Three\", \"Four\", \"Five\"];\n\nexport default function Example() {\n  return (\n    <OverflowList\n      items={items}\n      renderItem={(item) => <span style={{ padding: 4 }}>{item}</span>}\n      style={{ gap: 8 }} // root is display:flex; flex-wrap:wrap\n      maxRows={1}\n    />\n  );\n}\n```\n\n### Children pattern\n\nUse children instead of `items + renderItem`.\n\n```tsx\n<OverflowList style={{ gap: 8 }}>\n  <button>A</button>\n  <button>B</button>\n  <button>C</button>\n  <button>D</button>\n</OverflowList>\n```\n\n### Custom overflow element\n\nProvide your own overflow UI (button, menu, details/summary, etc.).\n\n```tsx\n<OverflowList\n  items={items}\n  renderItem={(item) => <span>{item}</span>}\n  renderOverflow={(hidden) => <button>+{hidden.length} more</button>}\n/>\n```\n\n### Polymorphic root\n\nRender using a different HTML element via `as`.\n\n```tsx\n<OverflowList as=\"nav\">\n  <a href=\"#home\">Home</a>\n  <a href=\"#about\">About</a>\n  <a href=\"#contact\">Contact</a>\n</OverflowList>\n```\n\n### Performance control\n\nTrade visual smoothness vs peak performance during rapid resize.\n\n```tsx\n<OverflowList\n  items={items}\n  renderItem={(item) => <span>{item}</span>}\n  flushImmediately={false} // uses rAF; faster under rapid resize, may flicker briefly\n/>\n```\n\nSee the **Flush Immediately** example in the live demo.\n\n---\n\n## API (most used)\n\n| Prop                   | Type                                                             | Default      | Notes                                                                                                         |\n| ---------------------- | ---------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------------------------------------------- |\n| `items`                | `T[]`                                                            | —            | Use with `renderItem`. Omit when using children.                                                              |\n| `renderItem`           | `(item: T, index: number) => ReactNode`                          | —            | How to render each item.                                                                                      |\n| `children`             | `ReactNode`                                                      | —            | Alternative to `items + renderItem`.                                                                          |\n| `as`                   | `React.ElementType`                                              | `\"div\"`      | Polymorphic root element.                                                                                     |\n| `maxRows`              | `number`                                                         | `1`          | Visible rows before overflow.                                                                                 |\n| `maxVisibleItems`      | `number`                                                         | `100`        | Hard cap on visible items.                                                                                    |\n| `renderOverflow`       | `(hidden: T[]) => ReactNode`                                     | default chip | Custom overflow UI.                                                                                           |\n| `renderOverflowItem`   | `(item: T, i: number) => ReactNode`                              | `renderItem` | For expanded lists/menus.                                                                                     |\n| `renderOverflowProps`  | `Partial<OverflowElementProps<T>>`                               | —            | Props for default overflow.                                                                                   |\n| `flushImmediately`     | `boolean`                                                        | `true`       | `true` (flushSync, no flicker) vs `false` (rAF, faster under resize).                                         |\n| `renderItemVisibility` | `(node: ReactNode, meta: RenderItemVisibilityMeta) => ReactNode` | internal     | Control visibility of hidden items (defaults to `React.Activity` if available, otherwise simply return null). |\n| `observeItemSizes`     | `boolean`                                                        | `false`      | Also re-measure when an item's own size changes with no render (web font swap, image load, CSS transition, drag handle). Costs one `ResizeObserver` over the children. |\n\n**Styles:** Root uses `display:flex; flex-wrap:wrap; align-items:center;`. Override via `style`/`className`.\n\n**Default overflow element:** A tiny chip that renders `+{count} more`. Replace via `renderOverflow`.\n\n---\n\n## Headless hook (`useOverflowList`)\n\nSame measurement engine, bring your own layout. Use this when the `<OverflowList />` render shape doesn't fit — e.g. a filter chip bar with custom slots, a layout that interleaves overflow logic with other elements, or any case where you want full control of the JSX.\n\nAttach `containerRef` to your wrap container and `overflowIndicatorRef` to your `+N` element. Render **all** items during the `\"measuring\"` phase so widths are observable; **unmount** overflowed items (or use `display:none` / `React.Activity`) in the `\"normal\"` phase — they must not consume layout space, or the overflow indicator can't fit on the last row.\n\n```tsx\nimport { useOverflowList } from \"react-responsive-overflow-list\";\n\nconst items = [\"One\", \"Two\", \"Three\", \"Four\", \"Five\", \"Six\"];\n\nexport function CustomChipBar() {\n  const { containerRef, overflowIndicatorRef, visibleCount, hiddenCount, phase, showOverflow } =\n    useOverflowList<HTMLDivElement, HTMLSpanElement>({ itemCount: items.length, maxRows: 1 });\n\n  return (\n    <div ref={containerRef} style={{ display: \"flex\", flexWrap: \"wrap\", gap: 8, minWidth: 0 }}>\n      {items.map((item, index) => {\n        const visible = phase === \"measuring\" || index < visibleCount;\n        if (!visible) return null;\n        return <span key={index} style={{ padding: 4 }}>{item}</span>;\n      })}\n      {showOverflow && <span ref={overflowIndicatorRef}>+{hiddenCount} more</span>}\n    </div>\n  );\n}\n```\n\n### Hook options\n\n| Option             | Type      | Default | Notes                                                      |\n| ------------------ | --------- | ------- | ---------------------------------------------------------- |\n| `itemCount`        | `number`  | —       | Total items the consumer will render.                      |\n| `maxRows`          | `number`  | `1`     | Visible rows before overflow.                              |\n| `maxVisibleItems`  | `number`  | `100`   | Hard cap on visible items.                                 |\n| `flushImmediately` | `boolean` | `true`  | `true` (flushSync, no flicker) vs `false` (rAF, smoother). |\n| `observeItemSizes` | `boolean` | `false` | Re-measure on item-driven size changes that skip React entirely. |\n\n### Hook return\n\n| Property               | Type                                                  | Notes                                                                              |\n| ---------------------- | ----------------------------------------------------- | ---------------------------------------------------------------------------------- |\n| `containerRef`         | `React.RefObject<T \\| null>`                          | Attach to the flex-wrap container.                                                 |\n| `overflowIndicatorRef` | `React.RefObject<T \\| null>`                          | Attach to the `+N` indicator element so its width is measured.                     |\n| `visibleCount`         | `number`                                              | Final count of items that fit (already accounts for the indicator's reserved row). |\n| `hiddenCount`          | `number`                                              | `itemCount - visibleCount`.                                                        |\n| `phase`                | `\"normal\" \\| \"measuring\" \\| \"measuring-overflow-indicator\"` | Gate item visibility on this — render all during `\"measuring\"`.                    |\n| `showOverflow`         | `boolean`                                             | `true` when the overflow indicator should be rendered.                             |\n\n---\n\n## Wrap & extend\n\nIt’s **expected** you’ll wrap `OverflowList` for product needs (design system styling, a11y menus, virtualization, search). for example:\n\n- **Radix UI + Virtualization wrapper** (search, large datasets, a11y, perf):\n\n  - **Demo:** see [Radix UI + Virtualization](https://eliav2.github.io/react-responsive-overflow-list/#radix-ui-virtualization-example) in the live site\n  - [**Source**](demo/src/components/RadixVirtualizedOverflowList.tsx)\n  - Uses `@tanstack/react-virtual` and the helper `createLimitedRangeExtractor(...)`.\n\n---\n\n## How it works\n\n1. Measure all items and compute how many fit within `maxRows`.\n2. Re-test with the overflow indicator; if it would create a new row, hide one more item.\n3. Render the stable “normal” state until container size changes.\n\n`flushImmediately=true` → immediate, flicker-free (uses `flushSync`).\n`flushImmediately=false` → defer with rAF; smoother under rapid resize, may flicker.\n\n### When measurement re-runs\n\n- **every render** — item sizes are compared against the sizes the current count was chosen for, and a pass\n  runs if they differ\n- **container resize**\n- **children resize** — only with `observeItemSizes`\n\nThe first two miss size changes React is not involved in: a web font swapping in, an image loading, a CSS\ntransition, a drag handle. `observeItemSizes` covers those, off by default. A re-measure waits for one\nanimation frame with no further size change, so a drag or animation costs one pass when it stops rather than\none per frame; measured at 100 items, frame times while dragging match leaving it off. Toggle it live in the\n`Behaviour/ResizableChildren` stories.\n\n### Edge cases handled\n\n- Single wide item exceeding container width\n- `maxRows` / `maxVisibleItems` respected\n- Varying item widths, responsive content\n- Multi-row overflow detection\n\n### Hidden items & React versions\n\n- In React 19.2+, hidden items use `React.Activity` so overflowed children stay mounted while toggling visibility.\n- In React 16–18, overflowed nodes unmount during measurement; pass `renderItemVisibility` if you need to keep custom\n  elements or skeletons mounted and control visibility yourself.\n\n---\n\n## Requirements\n\n- React ≥ 16.8 (hooks)\n- Modern browsers with `ResizeObserver`\n\n## License\n\nMIT\n","readmeFilename":"README.md"}