{"_id":"@apex467/react-brackets","_rev":"11-780b3e6f9b91fdda5983de9721842412","name":"@apex467/react-brackets","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@apex467/react-brackets","version":"1.0.0","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.0","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/BattleGrid-Main#readme","bugs":{"url":"https://github.com/leke467/BattleGrid-Main/issues"},"dist":{"shasum":"b2abbef5c1e525af6c5490819abf78acb0411e61","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.0.tgz","fileCount":17,"integrity":"sha512-aETcQ82L1fR3bHaucvdKek0wyTh9Y8LkodAQ9P7YlSlgK5SYDgKzwp/r3wDS/3bMVTJRlTqMAapNmlatSNCMRA==","signatures":[{"sig":"MEQCIEwj2vgDJxK7dVlMy/+n8No5drJgvRuzNteeCg+rBNPxAiAGV1JyFXAk/FNf6Fnt3vDG4X4w1WWWQSf5mbYg9SR69w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":83200},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"a89e1fe24333e9390f1ed31245066b0b5d817b3c","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && yarn install && yarn run build","test:lint":"eslint './src/**/*.{ts,tsx}'","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/BattleGrid-Main.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets","directories":{},"_nodeVersion":"22.21.1","dependencies":{"styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","eslint":"^6.8.0","gh-pages":"^2.2.0","prettier":"^2.0.4","cross-env":"^7.0.2","react-dom":"^16.13.1","typescript":"^3.7.5","@types/jest":"^26.0.13","@types/node":"^12.12.38","npm-run-all":"^4.1.5","@types/react":"^16.9.27","babel-eslint":"^10.0.3","react-scripts":"^3.4.1","microbundle-crl":"^0.13.10","@types/react-dom":"^16.9.7","eslint-plugin-node":"^11.0.0","eslint-plugin-react":"^7.17.0","eslint-plugin-import":"^2.18.2","eslint-plugin-promise":"^4.2.1","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-standard":"^4.0.1","@types/styled-components":"^5.1.2","@testing-library/jest-dom":"^5.11.4","@typescript-eslint/parser":"^2.26.0","@testing-library/user-event":"^12.1.4","@types/react-swipeable-views":"^0.13.0","eslint-config-standard-react":"^9.2.0","@typescript-eslint/eslint-plugin":"^2.26.0"},"peerDependencies":{"react":"^18.0.0","styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.0_1763325896181_0.6683696105264623","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@apex467/react-brackets","version":"1.0.1","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.1","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/react_bracket#readme","bugs":{"url":"https://github.com/leke467/react_bracket/issues"},"dist":{"shasum":"f407ce71807e04d027ed4fe0c4e49572f16d3abd","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.1.tgz","fileCount":17,"integrity":"sha512-1AUYXqyoRJCps72SkudMr7mbK0W6Fam/f/10C665HAbV0ySNlCJB0cDWoFXbBA1nzF8jqpFFza412ovrNpQV2Q==","signatures":[{"sig":"MEYCIQCOHqaZKYJg9KUVjPsmaOBTZCSJHWZVUOSzrmCDwtROhgIhALrjQhA05IQpSoIaI8z4hrZILo7icL17x9PeM+iAOXWt","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":83198},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"74ec1b8312614ab55a3573170ac3285e9cdbfd2b","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && yarn install && yarn run build","test:lint":"eslint './src/**/*.{ts,tsx}'","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/react_bracket.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets","directories":{},"_nodeVersion":"22.21.1","dependencies":{"styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^16.13.1","eslint":"^6.8.0","gh-pages":"^2.2.0","prettier":"^2.0.4","cross-env":"^7.0.2","react-dom":"^16.13.1","typescript":"^3.7.5","@types/jest":"^26.0.13","@types/node":"^12.12.38","npm-run-all":"^4.1.5","@types/react":"^16.9.27","babel-eslint":"^10.0.3","react-scripts":"^3.4.1","microbundle-crl":"^0.13.10","@types/react-dom":"^16.9.7","eslint-plugin-node":"^11.0.0","eslint-plugin-react":"^7.17.0","eslint-plugin-import":"^2.18.2","eslint-plugin-promise":"^4.2.1","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-standard":"^4.0.1","@types/styled-components":"^5.1.2","@testing-library/jest-dom":"^5.11.4","@typescript-eslint/parser":"^2.26.0","@testing-library/user-event":"^12.1.4","@types/react-swipeable-views":"^0.13.0","eslint-config-standard-react":"^9.2.0","@typescript-eslint/eslint-plugin":"^2.26.0"},"peerDependencies":{"react":"^18.0.0","styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.1_1763326328004_0.5182348733655258","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@apex467/react-brackets","version":"1.0.2","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.2","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/BattleGrid-Main#readme","bugs":{"url":"https://github.com/leke467/BattleGrid-Main/issues"},"dist":{"shasum":"cebfbc2f703e1cc6aac7a071b3e0d7aee91e1a23","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.2.tgz","fileCount":17,"integrity":"sha512-eDL2WHuPPOP/8THzu4nRLzk8jYfxvLgU8P5CI8bZCTeohlHbFyw/OQyK5L0UeOoX2nNtgeQORausnaLI8PTJhQ==","signatures":[{"sig":"MEUCIQCgh6APw/9p626/qASm1YhyVSFfmDjiHPYlxRo8w3YWtwIgOGp2h+f1Xrxxdsrq2R/80gUPp4X2poVU7v8JlYYmty0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":84915},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"e461574d032d9570dc4bdb97c5b1cd8debfde974","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && yarn install && yarn run build","test:lint":"eslint './src/**/*.{ts,tsx}'","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/BattleGrid-Main.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets","directories":{},"_nodeVersion":"22.21.1","dependencies":{"@babel/runtime":"^7.26.10","styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","eslint":"^9.39.1","gh-pages":"^6.3.0","prettier":"^2.0.4","cross-env":"^7.0.2","react-dom":"^18.3.1","typescript":"^3.7.5","@types/jest":"^26.0.13","@types/node":"^12.12.38","npm-run-all":"^4.1.5","@types/react":"^18.2.37","babel-eslint":"^10.0.3","react-scripts":"^5.0.1","microbundle-crl":"^0.13.10","@types/react-dom":"^18.2.15","eslint-plugin-node":"^11.0.0","eslint-plugin-react":"^7.17.0","eslint-plugin-import":"^2.18.2","eslint-plugin-promise":"^4.2.1","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-standard":"^4.0.1","@types/styled-components":"^5.1.2","@testing-library/jest-dom":"^5.11.4","@typescript-eslint/parser":"^8.47.0","@testing-library/user-event":"^12.1.4","@types/react-swipeable-views":"^0.13.0","eslint-config-standard-react":"^9.2.0","@typescript-eslint/eslint-plugin":"^8.47.0"},"peerDependencies":{"react":"^18.0.0","styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.2_1763593917979_0.409623030151685","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@apex467/react-brackets","version":"1.0.3","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.3","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/BattleGrid-Main#readme","bugs":{"url":"https://github.com/leke467/BattleGrid-Main/issues"},"dist":{"shasum":"bb2e42f360e7ab3d3496c8f8ca343b541a43cf2b","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.3.tgz","fileCount":17,"integrity":"sha512-4bSnJ26wiaZzfBhFyFAM8wTOYsvrwR/zIXi05CB+YUr8FBy1OSJVtSflg4mzxD8+YabtedOr7C/YjNXuVasfqg==","signatures":[{"sig":"MEQCIEUHZO0c7t0k0bwKRnEqtY7R4kOxq1lNx5fMFyh3UjlPAiAeGlEAw2I3Lryu4A0glDWknnHdzdtf91OCh30SVpJk4A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":84981},"main":"dist/index.js","types":"./dist/index.d.ts","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"gitHead":"e461574d032d9570dc4bdb97c5b1cd8debfde974","scripts":{"test":"run-s test:unit test:lint test:build","build":"microbundle-crl --no-compress --format modern,cjs --no-external \"@babel/runtime\"","start":"microbundle-crl watch --no-compress --format modern,cjs --no-external \"@babel/runtime\"","deploy":"gh-pages -d example/build","prepare":"run-s build","predeploy":"cd example && yarn install && yarn run build","test:lint":"eslint './src/**/*.{ts,tsx}'","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:build":"run-s build","test:watch":"react-scripts test --env=jsdom"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/BattleGrid-Main.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets","directories":{},"_nodeVersion":"22.21.1","dependencies":{"@babel/runtime":"^7.26.10","styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","eslint":"^9.39.1","gh-pages":"^6.3.0","prettier":"^2.0.4","cross-env":"^7.0.2","react-dom":"^18.3.1","typescript":"^3.7.5","@types/jest":"^26.0.13","@types/node":"^12.12.38","npm-run-all":"^4.1.5","@types/react":"^18.2.37","babel-eslint":"^10.0.3","react-scripts":"^5.0.1","microbundle-crl":"^0.13.10","@types/react-dom":"^18.2.15","eslint-plugin-node":"^11.0.0","eslint-plugin-react":"^7.17.0","eslint-plugin-import":"^2.18.2","eslint-plugin-promise":"^4.2.1","@testing-library/react":"^11.0.4","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-standard":"^4.0.1","@types/styled-components":"^5.1.2","@testing-library/jest-dom":"^5.11.4","@typescript-eslint/parser":"^8.47.0","@testing-library/user-event":"^12.1.4","@types/react-swipeable-views":"^0.13.0","eslint-config-standard-react":"^9.2.0","@typescript-eslint/eslint-plugin":"^8.47.0"},"peerDependencies":{"react":"^18.0.0","styled-components":"^5.1.1","react-swipeable-views":"npm:react-swipeable-views-react-18-fix@^0.14.1"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.3_1763762853359_0.44601182757811597","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@apex467/react-brackets","version":"1.0.4","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.4","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/BattleGrid-Main#readme","bugs":{"url":"https://github.com/leke467/BattleGrid-Main/issues"},"dist":{"shasum":"e136037b6f658d672a7065d6d1a955965524cc19","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.4.tgz","fileCount":19,"integrity":"sha512-JQPe5BE9pgPBXjiwBECcg3jXa6r4Qy33sRMYS26Sr/BshhJAjKHmTcYXF7cbkxptMwz6ioGc758r3LKUyZah2A==","signatures":[{"sig":"MEQCICNPGpcAjw8MNzdh5ldXvrANzN7rLp7tu3TNK6g0aYNeAiBormjKCNHqSEZvh9sbz0Q4aGeMXgutGPFCebm/VvgfjA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":137271},"main":"dist/index.cjs.js","module":"dist/index.js","gitHead":"e461574d032d9570dc4bdb97c5b1cd8debfde974","scripts":{"build":"rollup -c"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/BattleGrid-Main.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets","directories":{},"_nodeVersion":"22.21.1","dependencies":{"@babel/runtime":"^7.28.4"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.8.1","rollup":"^4.53.3","typescript":"^5.9.3","@babel/core":"^7.28.5","@babel/preset-env":"^7.28.5","@babel/preset-react":"^7.28.5","@rollup/plugin-babel":"^6.1.0","@rollup/plugin-commonjs":"^29.0.0","@rollup/plugin-typescript":"^12.3.0","@rollup/plugin-node-resolve":"^16.0.3","@babel/plugin-transform-runtime":"^7.28.5"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.4_1763766210701_0.5635101683697865","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@apex467/react-brackets","version":"1.0.5","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.5","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/BattleGrid-Main#readme","bugs":{"url":"https://github.com/leke467/BattleGrid-Main/issues"},"dist":{"shasum":"d2b8087eb2f9d48a5e9c3af8e148ea37644b4174","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.5.tgz","fileCount":19,"integrity":"sha512-6ivIe7Tl9FMJM2SfeOcyju9HYYw4lC2dUHFPJc9yS5NLaVeeBWoQmCbLBl5FDEUpdXb8N6LZ+jx2l//1TjH2BA==","signatures":[{"sig":"MEUCIQCWRgJDJ5hSjz2J5j2x5nimLly5+ZFLk8CS087nkaIjaQIgJ7UH8oNP8JI+neY8n3zHTruY5DvJIiXutlFHenTVoEc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":137271},"main":"dist/index.cjs.js","module":"dist/index.js","gitHead":"e461574d032d9570dc4bdb97c5b1cd8debfde974","scripts":{"build":"rollup -c"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/BattleGrid-Main.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets","directories":{},"_nodeVersion":"22.21.1","dependencies":{"@babel/runtime":"^7.28.4"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.8.1","rollup":"^4.53.3","typescript":"^5.9.3","@babel/core":"^7.28.5","@babel/preset-env":"^7.28.5","@babel/preset-react":"^7.28.5","@rollup/plugin-babel":"^6.1.0","@rollup/plugin-commonjs":"^29.0.0","@rollup/plugin-typescript":"^12.3.0","@rollup/plugin-node-resolve":"^16.0.3","@babel/plugin-transform-runtime":"^7.28.5"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.5_1763766566214_0.5434404728818101","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@apex467/react-brackets","version":"1.0.6","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.6","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/BattleGrid-Main#readme","bugs":{"url":"https://github.com/leke467/BattleGrid-Main/issues"},"dist":{"shasum":"5a17cbe71d70cad728ba1c089b1ba9b28241193f","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.6.tgz","fileCount":19,"integrity":"sha512-BKZbD/mh13NrHvF7URHTHpc8Kif4/w00uYMKCsazecjv4shErFT2c1xBjr+ZVeo0joM8itVpfrMxFDhfsdghLg==","signatures":[{"sig":"MEQCIGJ7NSHekTfSkWVTFa1e8zLBPVbmQyQV9s/e2c6gA33GAiA66L/fHf6Jwmd1t7F5SzcwYNQ3nHeVumGjiMpCej5FPA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1271479},"main":"dist/index.cjs.js","module":"dist/index.js","gitHead":"e461574d032d9570dc4bdb97c5b1cd8debfde974","scripts":{"build":"rollup -c"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/BattleGrid-Main.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets","directories":{},"_nodeVersion":"22.21.1","dependencies":{"@babel/runtime":"^7.28.4"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","react-swipeable-views-react-18-fix":"^0.14.1"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.6_1763770782110_0.2107675931585189","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@apex467/react-brackets","version":"1.0.7","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.7","maintainers":[{"name":"apex467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/BattleGrid-Main#readme","bugs":{"url":"https://github.com/leke467/BattleGrid-Main/issues"},"dist":{"shasum":"78f398c1b2d7a56d2e3f1f897d7cce207d3e9e91","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.7.tgz","fileCount":19,"integrity":"sha512-O3WyNXrFqDugW0sTF50n7OZ6lIndS7/HyjjeRm7dmvlXBGM2eFnziK3biuycMLC7XL30cV4sDOu0Q+B+rLvxPQ==","signatures":[{"sig":"MEUCIQD+96opsxjiqtWTfvx6pQe5K+IU2io0l/XU6r1r/lVHJQIgHf3ZYybqeJdigvQaoW/+sYHBBksXI+vva8R03/0Na4I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1271504},"main":"dist/index.cjs.js","module":"dist/index.js","gitHead":"e461574d032d9570dc4bdb97c5b1cd8debfde974","scripts":{"build":"rollup -c"},"_npmUser":{"name":"apex467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/BattleGrid-Main.git","type":"git"},"_npmVersion":"10.9.4","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets fixed babel build issues","directories":{},"_nodeVersion":"22.21.1","dependencies":{"@babel/runtime":"^7.28.4"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","react-swipeable-views-react-18-fix":"^0.14.1"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.7_1763771486498_0.7522380847176096","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@apex467/react-brackets","version":"1.0.9","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"author":{"url":"https://github.com/leke467","name":"Apex"},"license":"MIT","_id":"@apex467/react-brackets@1.0.9","maintainers":[{"name":"apexlabs467","email":"adeleke467@gmail.com"}],"contributors":[{"url":"https://github.com/Oliver-Looney","name":"Oliver-Looney"},{"url":"original creator","name":"mohux"}],"homepage":"https://github.com/leke467/react_bracket#readme","bugs":{"url":"https://github.com/leke467/react_bracket/issues"},"dist":{"shasum":"8643b2ccfc36270b4f9503239e8f7ce063ccad92","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.0.9.tgz","fileCount":17,"integrity":"sha512-xOI78rrrCyQUE9cruACdZf+QPSpa2GteAau842YjwxAajLcj5ChC/ZnZecsVXeFB4ZCfwdWDPOTVg3HdMuceVA==","signatures":[{"sig":"MEUCIGZqGqX+pqNBiD7PqeHD+fuRvFyadj4brhSRgCV/qCFPAiEA1Q028NEWVc/xQTxdpBstwPK4JHlwgE07Cm/GS3TKHmU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@apex467%2freact-brackets@1.0.9","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":1286726},"main":"dist/index.cjs.js","module":"dist/index.js","gitHead":"246ddb75e0406f914b296f35344ed94e787a98f3","scripts":{"build":"rollup -c"},"_npmUser":{"name":"apexlabs467","email":"adeleke467@gmail.com"},"repository":{"url":"git+https://github.com/leke467/react_bracket.git","type":"git"},"_npmVersion":"10.8.2","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets fixed babel build issues","directories":{},"_nodeVersion":"18.20.8","dependencies":{"@babel/runtime":"^7.28.4"},"_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.8.1","rollup":"^2.79.2","typescript":"^5.9.3","styled-components":"^6.3.5","@rollup/plugin-babel":"^6.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-postcss":"^4.0.2","@rollup/plugin-commonjs":"^29.0.0","@rollup/plugin-typescript":"^12.3.0","@rollup/plugin-node-resolve":"^16.0.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","react-swipeable-views-react-18-fix":"^0.14.1"},"_npmOperationalInternal":{"tmp":"tmp/react-brackets_1.0.9_1771639298049_0.8276684108733143","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@apex467/react-brackets","version":"1.1.0","description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets fixed babel build issues","author":{"name":"Apex","url":"https://github.com/leke467"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/leke467/react_bracket.git"},"keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"contributors":[{"name":"Oliver-Looney","url":"https://github.com/Oliver-Looney"},{"name":"mohux","url":"original creator"}],"main":"dist/index.cjs.js","module":"dist/index.js","peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","react-swipeable-views-react-18-fix":"^0.14.1"},"dependencies":{"@babel/runtime":"^7.28.4"},"scripts":{"build":"rollup -c"},"devDependencies":{"@rollup/plugin-babel":"^6.1.0","@rollup/plugin-commonjs":"^29.0.0","@rollup/plugin-node-resolve":"^16.0.3","@rollup/plugin-typescript":"^12.3.0","rollup":"^2.79.2","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","styled-components":"^6.3.5","tslib":"^2.8.1","typescript":"^5.9.3"},"_id":"@apex467/react-brackets@1.1.0","gitHead":"0771db8ac75ee568de4a12f4500f267fd520141f","bugs":{"url":"https://github.com/leke467/react_bracket/issues"},"homepage":"https://github.com/leke467/react_bracket#readme","_nodeVersion":"18.20.8","_npmVersion":"10.8.2","dist":{"integrity":"sha512-MHadgvH78OfPoY6WBaQFHf7X4rxjLWPEnKEdkbkVdTY8UA58WxqWq0SgH8RelUxbvwTCfsMNEcvo67B5TVxbfA==","shasum":"3030ca6a4eefb73aded303c89585c12adf9485b2","tarball":"https://registry.npmjs.org/@apex467/react-brackets/-/react-brackets-1.1.0.tgz","fileCount":17,"unpackedSize":1289727,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@apex467%2freact-brackets@1.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHJwBWyXLUyFWizumUgNyx9rMvavLXJpxQkXNHLNrKtiAiEAmk4DNgGH+ySJ+w6xoSMNvhYRnaMIeWhMeo0xzxIfKIg="}]},"_npmUser":{"name":"apexlabs467","email":"adeleke467@gmail.com"},"directories":{},"maintainers":[{"name":"apexlabs467","email":"adeleke467@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-brackets_1.1.0_1771657949397_0.21583197028498935"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-16T20:44:56.077Z","modified":"2026-02-21T07:12:29.933Z","1.0.0":"2025-11-16T20:44:56.379Z","1.0.1":"2025-11-16T20:52:08.199Z","1.0.2":"2025-11-19T23:11:58.184Z","1.0.3":"2025-11-21T22:07:33.599Z","1.0.4":"2025-11-21T23:03:30.912Z","1.0.5":"2025-11-21T23:09:26.408Z","1.0.6":"2025-11-22T00:19:42.363Z","1.0.7":"2025-11-22T00:31:26.772Z","1.0.9":"2026-02-21T02:01:38.231Z","1.1.0":"2026-02-21T07:12:29.598Z"},"bugs":{"url":"https://github.com/leke467/react_bracket/issues"},"author":{"name":"Apex","url":"https://github.com/leke467"},"license":"MIT","homepage":"https://github.com/leke467/react_bracket#readme","keywords":["react","brackets","react-brackets","tournaments","react-tournaments"],"repository":{"type":"git","url":"git+https://github.com/leke467/react_bracket.git"},"description":"React component to render dynamic bracket UI with BYE-skip connectors for single and double elimination tournaments. Forked from @oliverlooney/react-brackets fixed babel build issues","contributors":[{"name":"Oliver-Looney","url":"https://github.com/Oliver-Looney"},{"name":"mohux","url":"original creator"}],"maintainers":[{"name":"apexlabs467","email":"adeleke467@gmail.com"}],"readme":"# @apex467/react-brackets\n\n> Dynamic bracket component with BYE-skip connectors for single and double elimination tournaments\n\n**Forked from [@oliverlooney/react-brackets](https://github.com/Oliver-Looney/react-brackets)**, which was originally created by [mohux](https://github.com/mohux). This fork adds enhanced BYE match handling with automatic connector line routing.\n\n[![npm](https://img.shields.io/npm/v/%40apex467%2Freact-brackets.svg?label=npm)](https://www.npmjs.com/package/@apex467/react-brackets)\n[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## ✨ New Features in @apex/react-brackets\n\n### 1. BYE-Skip Connectors\n- **Automatic BYE match detection and hiding** - Matches with BYE opponents are automatically hidden from view\n- **Smart connector routing** - Connector lines intelligently route around hidden BYE matches to connect directly to the next round\n- **Works in both formats** - Fully functional in single elimination and double elimination (upper bracket)\n- **Visual consistency** - Maintains the same clean bracket appearance as standard matches\n\n**How It Works:**\nWhen a tournament has an odd number of participants, BYE matches are created automatically. Instead of displaying these non-competitive matches, `@apex/react-brackets` hides them and extends the connector lines from real matches upward to meet the convergence point where they would naturally connect.\n\n**Example:**\n```\nRound 1              Quarter-Finals\n                     ┌─ Phoenix Legends\nEmerald Vipers   ────┘\nvs Ruby Raptors      ┌─ Ghost Protocol\n                     └─ Silver Hawks\nDiamond Dragons  ────┐\nvs Jade Jaguars      └─ Shadow Warriors\n```\n\n### 2. Single-Line Connectors (Losers Bracket)\n- **Optimized for double elimination losers bracket** - Automatically detects consolidation rounds\n- **Same-level match detection** - When both source matches are in the previous round, uses direct horizontal connectors\n- **Cleaner visual flow** - Eliminates unnecessary vertical connectors in losers bracket progression\n- **Smart round detection** - Round 1 of losers bracket (consolidation round) automatically uses single-line connectors\n\n**How It Works:**\nIn double elimination tournaments, the losers bracket has consolidation rounds where teams from the same winners bracket round compete. Instead of using the standard Y-shaped connectors, single-line connectors provide a cleaner, more direct connection between matches at the same level.\n\n**Example:**\n```\nLosers Round 1       Losers Round 2\nTeam A ───────────┐\nTeam B ───────────┤─ Winner AB\n                  │\nTeam C ───────────┤\nTeam D ───────────┘\n```\n\n## Credits\n\n- **Original Library:** [mohux/react-brackets](https://github.com/mohux/react-brackets)\n- **Maintained Fork:** [@oliverlooney/react-brackets](https://github.com/Oliver-Looney/react-brackets)\n- **BYE-Skip Enhancement:** Apex / [leke467](https://github.com/leke467)\n\n## Install\n\nvia npm\n\n```bash\nnpm i @apex467/react-brackets\n```\n\nvia yarn\n\n```bash\nyarn add @apex467/react-brackets\n```\n\n## Usage\n\n### Basic Example with BYE Handling\n\nThe component automatically handles BYE matches. Simply provide your match data:\n\n```jsx\nimport { Bracket, Seed, SeedItem, SeedTime, ByeSkipSeed } from '@apex467/react-brackets';\n\nconst rounds = [\n  {\n    title: 'Round 1',\n    seeds: [\n      {\n        id: 1,\n        teams: [{ name: 'Phoenix Legends' }, { name: 'BYE' }], // BYE match - will be hidden\n      },\n      {\n        id: 2,\n        teams: [{ name: 'Emerald Vipers' }, { name: 'Ruby Raptors' }], // Real match - uses ByeSkipSeed\n      },\n      {\n        id: 3,\n        teams: [{ name: 'Ghost Protocol' }, { name: 'BYE' }], // BYE match - will be hidden\n      },\n    ],\n  },\n  {\n    title: 'Quarter-Finals',\n    seeds: [\n      {\n        id: 9,\n        teams: [{ name: 'Phoenix Legends' }, { name: 'Emerald Vipers' }],\n      },\n    ],\n  },\n];\n\nfunction MyBracket() {\n  return (\n    <Bracket\n      rounds={rounds}\n      roundTitleComponent={(title) => <div>{title}</div>}\n      mobileBreakpoint={768}\n    />\n  );\n}\n```\n\n### Double Elimination with Single-Line Losers Bracket\n\nFor double elimination tournaments, the losers bracket automatically uses single-line connectors:\n\n```jsx\nimport { Bracket, SingleLineSeed } from '@apex467/react-brackets';\n\nconst winnersRounds = [\n  {\n    title: 'Winners Round 1',\n    seeds: [\n      { id: 1, teams: [{ name: 'Team A' }, { name: 'Team B' }] },\n      { id: 2, teams: [{ name: 'Team C' }, { name: 'Team D' }] },\n    ],\n  },\n  // ... more winners rounds\n];\n\nconst losersRounds = [\n  {\n    title: 'Losers Round 1', // Consolidation round - automatic single-line connectors\n    seeds: [\n      { \n        id: 101, \n        teams: [{ name: 'Loser Match 1' }, { name: 'Loser Match 2' }],\n        sourceMatchIds: [1, 2] // Both from Winners Round 1\n      },\n    ],\n  },\n  // ... more losers rounds\n];\n\nfunction DoubleEliminationBracket() {\n  return (\n    <>\n      <Bracket\n        rounds={winnersRounds}\n        roundTitleComponent={(title) => <h3>Winners: {title}</h3>}\n      />\n      <Bracket\n        rounds={losersRounds}\n        roundTitleComponent={(title) => <h3>Losers: {title}</h3>}\n        renderSeedComponent={(props) => {\n          // Automatically uses SingleLineSeed for same-level matches\n          return <YourCustomSeed {...props} bracketType=\"losers\" />;\n        }}\n      />\n    </>\n  );\n}\n```\n\n### Custom Seed Rendering with Connector Selection\n\nYou can manually control which connector component to use:\n\n```jsx\nimport { Bracket, Seed, SingleLineSeed, ByeSkipSeed } from '@apex467/react-brackets';\n\nconst CustomSeed = ({ seed, bracketType, ...props }) => {\n  // Determine connector type\n  let SeedComponent = Seed;\n  \n  // Use SingleLineSeed for losers bracket same-level matches\n  if (bracketType === 'losers' && seed.sourceMatchIds?.length === 2) {\n    SeedComponent = SingleLineSeed;\n  }\n  // Use ByeSkipSeed for BYE-adjacent matches in winners/single elimination\n  else if (seed.useSingleLine && bracketType !== 'losers') {\n    SeedComponent = ByeSkipSeed;\n  }\n  \n  return (\n    <SeedComponent {...props}>\n      {/* Your custom match card content */}\n    </SeedComponent>\n  );\n};\n```\n\nconst rounds: IRoundProps[] = [\n  {\n    title: 'Round one',\n    seeds: [\n      {\n        id: 1,\n        date: new Date().toDateString(),\n        teams: [{ name: 'Team A' }, { name: 'Team B' }],\n      },\n      {\n        id: 2,\n        date: new Date().toDateString(),\n        teams: [{ name: 'Team C' }, { name: 'Team D' }],\n      },\n    ],\n  },\n  {\n    title: 'Round one',\n    seeds: [\n      {\n        id: 3,\n        date: new Date().toDateString(),\n        teams: [{ name: 'Team A' }, { name: 'Team C' }],\n      },\n    ],\n  },\n];\n\nconst Component = () => {\n  return <Bracket rounds={rounds} />;\n};\n```\n\n### Custom Title\n\nThe core shape is similar to the above, since we can customize seeds and titles, you can pass any additional data to a seed or treat the title as a component.\n\nmodifying a title of the round is so simple,\n\n```jsx\nimport { Bracket, IRoundProps } from 'react-brackets';\nimport React from 'react';\n\nconst Component = () => {\n  //....\n  return (\n    <Bracket\n      rounds={rounds}\n      roundTitleComponent={(title: React.ReactNode, roundIndex: number) => {\n        return <div style={{ textAlign: 'center', color: 'red' }}>{title}</div>;\n      }}\n    />\n  );\n};\n```\n\n### Custom Seed\n\nCustomizing a seed on the other hand is a little bit more complicated, yet still easy,\nbecause we need to let the bracket tree to have a consistent design\n\n**Any additional data you pass inside a seed object is accessible via renderSeedComponent**\n\n```jsx\nimport { Bracket, IRoundProps, Seed, SeedItem, SeedTeam, IRenderSeedProps } from 'react-brackets';\nimport React from 'react';\n\nconst CustomSeed = ({seed, breakpoint, roundIndex, seedIndex}: IRenderSeedProps) => {\n  // breakpoint passed to Bracket component\n  // to check if mobile view is triggered or not\n\n  // mobileBreakpoint is required to be passed down to a seed\n  return (\n    <Seed mobileBreakpoint={breakpoint} style={{ fontSize: 12 }}>\n      <SeedItem>\n        <div>\n          <SeedTeam style={{ color: 'red' }}>{seed.teams[0]?.name || 'NO TEAM '}</SeedTeam>\n          <SeedTeam>{seed.teams[1]?.name || 'NO TEAM '}</SeedTeam>\n        </div>\n      </SeedItem>\n    </Seed>\n  );\n};\n\nconst Component = () => {\n  //....\n  return <Bracket rounds={rounds} renderSeedComponent={CustomSeed} />;\n};\n```\n\n### Double Elimination\n\nHow about if I want to use this component for double elimination losing bracket? the current Seed component only works on single elimination, the answer is fairly simple as well.\n\n```jsx\nimport { Bracket, IRoundProps, Seed, SingleLineSeed, SeedItem, SeedTeam, IRenderSeedProps } from 'react-brackets';\nimport React from 'react';\n\nconst CustomSeed = ({seed, breakpoint, roundIndex, seedIndex}: IRenderSeedProps) => {\n  // ------ assuming rounds is the losers brackets rounds ------\n  // losers rounds usually got some identical seeds amount like (2 - 2 - 1 - 1)\n\n  const isLineConnector = rounds[roundIndex].seeds.length === rounds[roundIndex + 1]?.seeds.length;\n\n  const Wrapper = isLineConnector ? SingleLineSeed : Seed;\n\n  // mobileBreakpoint is required to be passed down to a seed\n  return (\n    <Wrapper mobileBreakpoint={breakpoint} style={{ fontSize: 12 }}>\n      <SeedItem>\n        <div>\n          <SeedTeam style={{ color: 'red' }}>{seed.teams[0]?.name || 'NO TEAM '}</SeedTeam>\n          <SeedTeam>{seed.teams[1]?.name || 'NO TEAM '}</SeedTeam>\n        </div>\n      </SeedItem>\n    </Wrapper>\n  );\n};\n\nconst Component = () => {\n  //....\n  return <Bracket rounds={rounds} renderSeedComponent={CustomSeed} />;\n};\n```\n\n### Two-sided Single Elimination\n\nHow to render Single Elimination as a two-sided bracket? You must set twoSided to true, and structure your custom seed render component like below, if you have a custom seed render component.\n\n```jsx\nimport { Bracket, RoundProps, Seed, SeedItem, SeedTeam, RenderSeedProps } from 'react-brackets';\nimport React from 'react';\n\nconst CustomSeed = ({seed, breakpoint, roundIndex, seedIndex, isMiddleOfTwoSided}: RenderSeedProps) => {\n  // breakpoint passed to Bracket component\n  // to check if mobile view is triggered or not\n\n  // mobileBreakpoint is required to be passed down to a seed\n  const Wrapper = isMiddleOfTwoSided ? SingleLineSeed : Seed\n  return (\n    <Wrapper mobileBreakpoint={breakpoint} style={{ fontSize: 12 }}>\n      <SeedItem>\n        <div>\n          <SeedTeam style={{ color: 'red' }}>{seed.teams[0]?.name || 'NO TEAM '}</SeedTeam>\n          <SeedTeam>{seed.teams[1]?.name || 'NO TEAM '}</SeedTeam>\n        </div>\n      </SeedItem>\n    </Wrapper>\n  );\n};\n\nconst Component = () => {\n  //....\n  return <Bracket rounds={rounds} renderSeedComponent={CustomSeed} twoSided={true} />;\n};\n```\n\n### Loading\n\n```jsx\nimport { Bracket, IRenderSeedProps, Seed, SeedItem, SeedTeam, SeedTime } from 'react-brackets';\n\nconst CustomSeed = ({ seed, breakpoint }: IRenderSeedProps) => {\n  return (\n    <Seed mobileBreakpoint={breakpoint} className='test'>\n      <SeedItem className='skeleton-item'>\n        <div>\n          <SeedTeam>.</SeedTeam>\n          <SeedTeam>.</SeedTeam>\n        </div>\n      </SeedItem>\n      <SeedTime mobileBreakpoint={breakpoint} style={{ fontSize: 9 }}>\n        {seed.date}\n      </SeedTime>\n    </Seed>\n  );\n};\n\nconst Component = () => {\n  //....\n  return <Bracket rounds={rounds} renderSeedComponent={CustomSeed} />;\n};\n```\n\n## Bracket Props\n\n| Prop                | Type                 | Description                                                                                                                                                              |\n| ------------------- |----------------------| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| rounds              | IRoundProps[]        | Array of rounds, each round has {title,array of seeds}, if you're not using a custom seed render, each seed needs an array of teams, each team should have a name        |\n| mobileBreakpoint    | number               | This bracket supports responsive design, on window reaching this size, it will trigger mobile swipable view, if you want to disable it, you can pass 0, (default is 992) |\n| rtl                 | boolean              | Direction of the bracket as RTL (default is LTR)                                                                                                                         |\n| twoSided            | boolean              | Sets Single elimination to be two sided if true. Default is False                                                                                                        |\n| roundClassName      | string               | Round wrapper className                                                                                                                                                  |\n| bracketClassName    | string               | The bracket className                                                                                                                                                    |\n| renderSeedComponent | functional component | Custom render for every seed                                                                                                                                             |\n| roundTitleComponent | functional component | Custom render for every round title                                                                                                                                      |\n| swipeableProps      | SwipeableProps       | Please check this [React Swipeable Views](https://github.com/oliviertassinari/react-swipeable-views)                                                                     |\n\nFor detailed examples, you can clone this repo then:\n\n> you can skip starting the root folder, but if you want to modify the library you have to run it.\n\n```bash\nyarn\n```\n\nthen\n\n```bash\nyarn start\n```\n\nthen open a new terminal\n\n```bash\ncd example\n```\n\nthen\n\n```bash\nyarn\n```\n\nlastly\n\n```bash\nyarn start\n```\n\n## License\n\nMIT © [mohammadou1](https://github.com/mohammadou1)\n\nOriginally created by [mohux](https://github.com/mohux). This fork is maintained and published as **@oliverlooney/react-brackets**.\n\n### Migration from react-brackets\n\n1) Uninstall: `npm rm react-brackets`\n2) Install:  `npm i @oliverlooney/react-brackets`\n3) Imports stay the same for this library (package name change only).\n\n\n\ngood luck\n","readmeFilename":"README.md"}