{"_id":"@alwinkc/tanstack-table-components","_rev":"13-793f0a07b684dd7c065ce60987141a8d","name":"@alwinkc/tanstack-table-components","dist-tags":{"latest":"1.1.2"},"versions":{"1.0.0":{"name":"@alwinkc/tanstack-table-components","version":"1.0.0","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.0","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"dist":{"shasum":"4faf243b78bc39b520576b7bcdb71c90241bb2e2","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.0.tgz","fileCount":13,"integrity":"sha512-siamCQG5Qf5QD2lChJ1xH9wkbAmMXLKeCcPQcwR8PEUhEXJmjUxUdh9UlcNXndJg9DlcIdtzm//E6utrrSI5eA==","signatures":[{"sig":"MEYCIQDZGNvAEb9PJjJ7hcNUTmtxCUMK4XtgkgbU+aGvqnxAvAIhAN3Wnds6m6vJGwkcsq0+E0LW+IlF3G1rvkeXb0Eatq6x","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":61567},"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":"03875e1135a4a64b734bbebb06417916f9a94c7d","scripts":{"dev":"vite build --watch","build":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.3.3","@types/node":"^20.10.6","@types/react":"^18.2.46","vite-plugin-dts":"^3.7.0","@types/react-dom":"^18.2.18","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0","react-dom":"^18.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.0_1768210421907_0.9893992003759577","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@alwinkc/tanstack-table-components","version":"1.0.1","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.1","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"dist":{"shasum":"4340db5a2fa5c5d35aa4af6a2ac38f613bd06372","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.1.tgz","fileCount":13,"integrity":"sha512-Uf1qh1Trok6Hf9DsVLXzBktuvASPN23/K2wvujAmPT6a5UC5W7mYK0oe9+pdEBQf51G5NHpCuPaKzxV3VD+xBg==","signatures":[{"sig":"MEUCIBkNm+IPbFUHG6zEZYnUJ1mmxt6K6kHrmjjULOH/08YqAiEAkeTqm4c75CrmS2mkGG7PFnTfi1wc2i1oocBJQ7e09Ck=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":62158},"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":"03875e1135a4a64b734bbebb06417916f9a94c7d","scripts":{"dev":"vite build --watch","build":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","@types/react":"^19.2.8","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.1_1768211262789_0.7261985803902722","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@alwinkc/tanstack-table-components","version":"1.0.2","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.2","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"c99d61ef043a31623a0a0c3f06b61a82403222f6","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.2.tgz","fileCount":13,"integrity":"sha512-WkQKE69x99Z+d2ncVL+8zGwYhI7mgv6+NC6zIJSmOk7+9OiV0ocoexssz5aY7xoOBS4qZl0Dioqwu+c63cXt+A==","signatures":[{"sig":"MEUCIQC2mkJzDzPbD90VDMMAH/FgpkxueGXBdcXtPmLMIujPXgIgFPcXoxa4AUwk+apVG+ses9e3Gi3IlkTFAUBO254k/kA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63593},"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":"03875e1135a4a64b734bbebb06417916f9a94c7d","scripts":{"dev":"vite build --watch","build":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","@types/react":"^19.2.8","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.2_1768212521914_0.35174589676664514","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@alwinkc/tanstack-table-components","version":"1.0.3","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.3","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"8d301b4652d5674979d67b6f121ad4495526e6c2","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.3.tgz","fileCount":13,"integrity":"sha512-mAluGjaGiAihAIR0qZ0DqqTwCnPFUjNn+c6yBNqkN+sf0YWl+yL02ba1JP4DT9D9kGrKZLtKnBjExqdw2hE9Pg==","signatures":[{"sig":"MEYCIQC5b+lZbuVF4uL3e0Y+ts+i8t57WcSA/nRQ+fD5uKLiQQIhAKF5l6/i0x9ybTu6mr4/K6C2G4/UItzXAcvnscZNU3Cf","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63725},"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":"6af3744e40f8d05d6c1b898bfa59dd5fd901afd1","scripts":{"dev":"vite build --watch","build":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","@types/react":"^19.2.8","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.3_1768222141775_0.14910375941782883","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@alwinkc/tanstack-table-components","version":"1.0.4","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.4","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"f8b96558f268928747526c85d7ab41230e2c299e","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.4.tgz","fileCount":13,"integrity":"sha512-fB9ZQnIMQ7x6Fm0pYfnDX+g8FdWe+5awBpHrVHjy3ulW6L2et9iMB2FAgMONXI98B7xPvv21A2X1hBTXv/YGgg==","signatures":[{"sig":"MEUCIEydIJ62uy70Wah2Hjq8vQWXiQAkdW17tbeyAIAvgY1eAiEA5/iHSafevAowy+AjZlDI1RdS/njJZEbqKGWwC2uZCLU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63745},"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":"6af3744e40f8d05d6c1b898bfa59dd5fd901afd1","scripts":{"dev":"vite build --watch","build":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","@types/react":"^19.2.8","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.4_1768222338690_0.3866266446834663","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@alwinkc/tanstack-table-components","version":"1.0.5","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.5","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"b171fd2c91e36776c68dfc73f58e8e3f9d530092","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.5.tgz","fileCount":14,"integrity":"sha512-YueNeRN3sRiHSO06bnzcnVbjP/ylRpceUcd1BS/22WbUiR9YPOefcc7akYlmtjAx/0MJB0WXkO74kR+uRgL+2g==","signatures":[{"sig":"MEYCIQCitEITeNkh4SqrFaRXnfpJrTKu8Gdiw0NIGdKT9SIlDgIhAL6GY1YWUc6u7+EdYfIWfETgCwEhlKy10BRjAxnrOt7g","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":71875},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"gitHead":"6af3744e40f8d05d6c1b898bfa59dd5fd901afd1","scripts":{"dev":"vite build --watch","build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","postcss":"^8.5.6","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","tailwindcss":"^3.4.19","@types/react":"^19.2.8","autoprefixer":"^10.4.23","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.5_1768223339910_0.8338079182244076","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@alwinkc/tanstack-table-components","version":"1.0.6","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.6","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"9f579bdcaad5bd729b0eb76029e6e12eaab68a40","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.6.tgz","fileCount":14,"integrity":"sha512-vhkjbZ90meSC7lP1iQTpPf3fOyMsLKI2S2Xk425WOurJSDW3HT1kx4kOIBt09kG4509uAn7o2HoF22rjVPdkZw==","signatures":[{"sig":"MEUCIF3JWVzPImU8IhP/tyO1ASObh89KeMvwUnbDh6PFO63CAiEA9lfLacPKSlvHa01tLX/gGlj/r6ZO/UYJ7aIfEnEHno4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63507},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"gitHead":"6af3744e40f8d05d6c1b898bfa59dd5fd901afd1","scripts":{"dev":"vite build --watch","build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","postcss":"^8.5.6","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","tailwindcss":"^3.4.19","@types/react":"^19.2.8","autoprefixer":"^10.4.23","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.6_1768223756549_0.2532897368384619","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@alwinkc/tanstack-table-components","version":"1.0.7","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.7","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"f44de57742dd38ea5e7193be3f5ac8f36428e6c3","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.7.tgz","fileCount":14,"integrity":"sha512-eO8qdbiCT86ebJfKN5qkyI497WZHEUtN9y7sqHj9HbRfBilRsFskpr5C9pyZYWovlKQ1h6WMzOJ4W9ylu4V93A==","signatures":[{"sig":"MEUCIQD7P83djetJyO0It8N/IJH4u7f/h6OCJ7JJ3tKNH/9jIwIgXaQ5Citt2nEhGbhzQ3Eq+dpcH4Vy3/4KHqfmMJ1Brfc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63575},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"gitHead":"6af3744e40f8d05d6c1b898bfa59dd5fd901afd1","scripts":{"dev":"vite build --watch","build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","postcss":"^8.5.6","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","tailwindcss":"^3.4.19","@types/react":"^19.2.8","autoprefixer":"^10.4.23","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.7_1768223919996_0.9178579716828859","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@alwinkc/tanstack-table-components","version":"1.0.8","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.8","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"e0d2491ee068139769c9c8cbab1370ef8056fa45","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.8.tgz","fileCount":14,"integrity":"sha512-aeu/DiW0qWmWg/JDnGNB3xSVhh5hOFlyY/4/JaOP91tX/qFPt3AEms0Z64t+rsZ9d0ecKg83C6IVQyebVQa7iw==","signatures":[{"sig":"MEUCIQCggBrw1xZaHg8uqREfANdBLB0Zfx8A26Qhy07o43gbswIgZFZhYLcP2TqbYLMU5gMwui++UZH8n+3eO3tIA8dMz+k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":98414},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"gitHead":"1a536df281d8d2e105f4512896b91ccfdf0459c6","scripts":{"dev":"vite build --watch","build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","postcss":"^8.5.6","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","tailwindcss":"^3.4.19","@types/react":"^19.2.8","autoprefixer":"^10.4.23","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.8_1768392761679_0.1741809520076354","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@alwinkc/tanstack-table-components","version":"1.0.9","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.0.9","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"152e5ac7b18d7ff6f814c3c9aca67017b015981f","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.0.9.tgz","fileCount":14,"integrity":"sha512-I3/9wNcN51PHTz/XjdoJnIsj5tfu/6/X0JdgjB712O4RnnZLVe9c1e5Tr0g6sVuBDDKBQwhiXrQj8tOO3Sud6g==","signatures":[{"sig":"MEUCIF7eqTbcJ8L5CN+ZKIJiHo3+8qFY5hX9BX7YKwldk0jmAiEAvfNuuizdBuj2PCeJoxTZjdjSrCqb20fe+c8r8U+q9uc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":106264},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"gitHead":"1a536df281d8d2e105f4512896b91ccfdf0459c6","scripts":{"dev":"vite build --watch","build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","postcss":"^8.5.6","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","tailwindcss":"^3.4.19","@types/react":"^19.2.8","autoprefixer":"^10.4.23","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.0.9_1768395009370_0.37279752333981153","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@alwinkc/tanstack-table-components","version":"1.1.0","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.1.0","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"a23b6940d6f352f3f587f09eb64649016492ad24","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.1.0.tgz","fileCount":14,"integrity":"sha512-OkMSrhxFsneeYbHOQFFKhAEZsqXk+UjXf0zoE0EhNs9J690Dgf7XBf56EZ0SnyuP76K9OeQ2NaPspQvfqAsEow==","signatures":[{"sig":"MEUCIB9EKWk09Ha3cJvWVcFhmr+0SX+HdepPD41DNLYIiuO8AiEA0svko8jTwOv3VTDCjmqz7db9flEAzcowuItdx8zHjZc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":98007},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"gitHead":"1a536df281d8d2e105f4512896b91ccfdf0459c6","scripts":{"dev":"vite build --watch","build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","postcss":"^8.5.6","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","tailwindcss":"^3.4.19","@types/react":"^19.2.8","autoprefixer":"^10.4.23","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.1.0_1768395251408_0.4273891969010477","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@alwinkc/tanstack-table-components","version":"1.1.1","keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","_id":"@alwinkc/tanstack-table-components@1.1.1","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"dist":{"shasum":"6b1ddebd3fccc0f4c47e90e657b0cdd3802ab01f","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.1.1.tgz","fileCount":14,"integrity":"sha512-nwGgY5DpA8D9hZ6k3u1suIiPRIp6gfNZfUFcTSJfUhIJzqMoUAzfyz6aa76KEuN+ygB01RgZBAiOOCqgKNag/w==","signatures":[{"sig":"MEYCIQC3zqvqg76/4M3ElDV5inlZa3Rk0ooF5DpOfiQWIoKWqgIhANH05Z4ahQorwtqIxaGw7+RcYL5dz7g4SV4dLOyE0PGk","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":99621},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"},"./styles.css":"./dist/styles.css"},"gitHead":"1a536df281d8d2e105f4512896b91ccfdf0459c6","scripts":{"dev":"vite build --watch","build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","prepublishOnly":"npm run build"},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"repository":{"url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git","type":"git"},"_npmVersion":"11.6.2","description":"A React table component library built on TanStack Table with pagination support","directories":{},"sideEffects":false,"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.10","react":"^19.2.3","postcss":"^8.5.6","react-dom":"^19.2.3","typescript":"^5.3.3","@types/node":"^20.10.6","tailwindcss":"^3.4.19","@types/react":"^19.2.8","autoprefixer":"^10.4.23","vite-plugin-dts":"^3.7.0","@types/react-dom":"^19.2.3","@tanstack/react-table":"^8.11.6"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@tanstack/react-table":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/tanstack-table-components_1.1.1_1768395896701_0.8892151367109513","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"@alwinkc/tanstack-table-components","version":"1.1.2","description":"A React table component library built on TanStack Table with pagination support","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"},"./styles.css":"./dist/styles.css"},"sideEffects":false,"scripts":{"build":"npm run build:js && npm run build:css","build:js":"vite build && tsc --emitDeclarationOnly --declaration --declarationMap","build:css":"npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify","dev":"vite build --watch","prepublishOnly":"npm run build"},"keywords":["react","table","tanstack","pagination","component","ui"],"author":{"name":"Alwin KC"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git"},"bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","peerDependencies":{"@tanstack/react-table":"^8.0.0","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"dependencies":{"clsx":"^2.1.0"},"devDependencies":{"@tanstack/react-table":"^8.11.6","@types/node":"^20.10.6","@types/react":"^19.2.8","@types/react-dom":"^19.2.3","autoprefixer":"^10.4.23","postcss":"^8.5.6","react":"^19.2.3","react-dom":"^19.2.3","tailwindcss":"^3.4.19","typescript":"^5.3.3","vite":"^5.0.10","vite-plugin-dts":"^3.7.0"},"gitHead":"9d7af6f1e12a15d50a999916f3410dca633526cc","_id":"@alwinkc/tanstack-table-components@1.1.2","_nodeVersion":"24.11.1","_npmVersion":"11.6.2","dist":{"integrity":"sha512-cnc+yqEGcFbqr/a7RuNw+k27HHYgGNy2pYXp7CrxLC794g4LYQQ+8h5mXDp6HmD9NMxswhH1gidtU3ci1IPl5w==","shasum":"ceaa99a59d3f9fc281ba1145ba2b34c2c85f76fd","tarball":"https://registry.npmjs.org/@alwinkc/tanstack-table-components/-/tanstack-table-components-1.1.2.tgz","fileCount":14,"unpackedSize":99811,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGhbNEteB/cXdAiP99BVeUgrtP8fn3xr8Mh00K1TCFA+AiEAy01IC+iLfx+Fo3OrdMfc0c2qwHnlnVfI/KIRKzGALcs="}]},"_npmUser":{"name":"alwinkc","email":"akcakpl2001@gmail.com"},"directories":{},"maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tanstack-table-components_1.1.2_1768819108515_0.04769395500548934"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-12T09:33:41.813Z","modified":"2026-01-19T10:38:28.813Z","1.0.0":"2026-01-12T09:33:42.045Z","1.0.1":"2026-01-12T09:47:42.927Z","1.0.2":"2026-01-12T10:08:42.060Z","1.0.3":"2026-01-12T12:49:01.926Z","1.0.4":"2026-01-12T12:52:18.822Z","1.0.5":"2026-01-12T13:09:00.050Z","1.0.6":"2026-01-12T13:15:56.690Z","1.0.7":"2026-01-12T13:18:40.162Z","1.0.8":"2026-01-14T12:12:41.831Z","1.0.9":"2026-01-14T12:50:09.534Z","1.1.0":"2026-01-14T12:54:11.538Z","1.1.1":"2026-01-14T13:04:56.867Z","1.1.2":"2026-01-19T10:38:28.685Z"},"bugs":{"url":"https://github.com/Alwin-2984/react-table-with-pagination/issues"},"author":{"name":"Alwin KC"},"license":"MIT","homepage":"https://github.com/Alwin-2984/react-table-with-pagination#readme","keywords":["react","table","tanstack","pagination","component","ui"],"repository":{"type":"git","url":"git+https://github.com/Alwin-2984/react-table-with-pagination.git"},"description":"A React table component library built on TanStack Table with pagination support","maintainers":[{"name":"alwinkc","email":"akcakpl2001@gmail.com"}],"readme":"# TanStack Table Components\n\nA React component library built on top of [@tanstack/react-table](https://tanstack.com/table/v8) with built-in pagination support and beautiful pre-compiled styling.\n\n## Features\n\n- 🎨 Beautiful, modern table design with dark mode support\n- 📱 Responsive and mobile-friendly\n- 🔄 Built-in pagination component\n- 🎯 Full TypeScript support\n- 🚀 Built on TanStack Table v8\n- ⚛️ React 18 & 19 compatible\n- ✨ Pre-compiled CSS - works without Tailwind!\n- 📦 Tiny bundle size (< 10KB)\n\n## Installation\n\n```bash\nnpm install @alwinkc/tanstack-table-components @tanstack/react-table\n# or\nyarn add @alwinkc/tanstack-table-components @tanstack/react-table\n# or\npnpm add @alwinkc/tanstack-table-components @tanstack/react-table\n```\n\n### Peer Dependencies\n\nThis package requires the following peer dependencies:\n\n```bash\nnpm install @tanstack/react-table react react-dom\n```\n\n**Supported versions:**\n\n- React: ^18.0.0 or ^19.0.0\n- React DOM: ^18.0.0 or ^19.0.0\n- TanStack Table: ^8.0.0\n\n### Setup\n\n**Import the CSS** in your app's entry point:\n\n```tsx\n// src/index.tsx or src/App.tsx\nimport \"@alwinkc/tanstack-table-components/styles.css\";\n```\n\nThat's it! No Tailwind configuration needed. The styles are pre-compiled and ready to use.\n\n> ✅ **Non-invasive CSS**: The styles are scoped to component classes only and won't affect your existing styles. No CSS reset or global styles are included.\n\n## Usage\n\n### Basic Example\n\n```tsx\nimport \"@alwinkc/tanstack-table-components/styles.css\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getPaginationRowModel,\n  ColumnDef,\n} from \"@tanstack/react-table\";\nimport { TableComponent, Pagination } from \"@alwinkc/tanstack-table-components\";\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  role: string;\n}\n\nconst columns: ColumnDef<User>[] = [\n  {\n    accessorKey: \"id\",\n    header: \"ID\",\n    size: 80,\n  },\n  {\n    accessorKey: \"name\",\n    header: \"Name\",\n  },\n  {\n    accessorKey: \"email\",\n    header: \"Email\",\n  },\n  {\n    accessorKey: \"role\",\n    header: \"Role\",\n  },\n];\n\nfunction MyTable() {\n  const [data, setData] = useState<User[]>([\n    { id: 1, name: \"John Doe\", email: \"john@example.com\", role: \"Admin\" },\n    { id: 2, name: \"Jane Smith\", email: \"jane@example.com\", role: \"User\" },\n    // ... more data\n  ]);\n\n  const [pagination, setPagination] = useState({\n    pageIndex: 0,\n    pageSize: 10,\n  });\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    onPaginationChange: setPagination,\n    state: {\n      pagination,\n    },\n  });\n\n  return (\n    <div>\n      <TableComponent table={table} />\n      <Pagination\n        pagination={true}\n        totalPages={table.getPageCount()}\n        currentPage={pagination.pageIndex + 1}\n        handlePageChange={(page) => table.setPageIndex(page - 1)}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={(size) => table.setPageSize(size)}\n      />\n    </div>\n  );\n}\n```\n\n## API Reference\n\n### TableComponent\n\nThe main table component that renders your data with extensive customization options.\n\n#### Simple/User-Friendly Props\n\nQuick and easy props for common use cases:\n\n| Prop                  | Type                              | Default        | Description                             |\n| --------------------- | --------------------------------- | -------------- | --------------------------------------- |\n| `table`               | `Table<TData>`                    | **Required**   | TanStack Table instance                 |\n| `className`           | `string`                          | `\"\"`           | Additional CSS classes for wrapper      |\n| `striped`             | `boolean`                         | `false`        | Alternating row background colors       |\n| `hoverable`           | `boolean`                         | `false`        | Row hover effects                       |\n| `bordered`            | `boolean`                         | `false`        | Add borders around table                |\n| `compact`             | `boolean`                         | `false`        | Reduced padding/spacing                 |\n| `stickyHeader`        | `boolean`                         | `false`        | Fixed header on scroll                  |\n| `loading`             | `boolean`                         | `false`        | Show loading state                      |\n| `loadingMessage`      | `string \\| () => React.ReactNode` | `\"Loading...\"` | Custom loading message                  |\n| `highlightOnHover`    | `boolean`                         | `false`        | Highlight row on hover (blue highlight) |\n| `selectedRowId`       | `string \\| number`                | `undefined`    | ID of selected row to highlight         |\n| `getRowId`            | `(row: Row<TData>) => string`     | `undefined`    | Function to get unique row ID           |\n| `size`                | `\"sm\" \\| \"md\" \\| \"lg\"`            | `undefined`    | Predefined size variants (sm/md/lg)     |\n| `emptyStateMessage`   | `string \\| () => React.ReactNode` | `\"No data...\"` | Custom empty state message              |\n| `emptyStateClassName` | `string`                          | `undefined`    | Custom class for empty state            |\n\n#### Advanced Customization Props\n\nFor complex scenarios requiring full control:\n\n**Header Customization:**\n\n| Prop                | Type                                         | Description                                     |\n| ------------------- | -------------------------------------------- | ----------------------------------------------- |\n| `theadClassName`    | `string`                                     | Custom class for `<thead>`                      |\n| `theadRowClassName` | `string`                                     | Custom class for header row                     |\n| `thClassName`       | `string \\| (header) => string`               | Custom class for header cells (can be function) |\n| `thStyle`           | `CSSProperties \\| (header) => CSSProperties` | Custom inline styles for header cells           |\n| `onHeaderClick`     | `(header: Header<TData>) => void`            | Click handler for header cells                  |\n\n**Body Customization:**\n\n| Prop             | Type                                             | Description                                   |\n| ---------------- | ------------------------------------------------ | --------------------------------------------- |\n| `tbodyClassName` | `string`                                         | Custom class for `<tbody>`                    |\n| `trClassName`    | `string \\| (row, index) => string`               | Custom class for body rows (can be function)  |\n| `trStyle`        | `CSSProperties \\| (row, index) => CSSProperties` | Custom inline styles for body rows            |\n| `tdClassName`    | `string \\| (cell) => string`                     | Custom class for body cells (can be function) |\n| `tdStyle`        | `CSSProperties \\| (cell) => CSSProperties`       | Custom inline styles for body cells           |\n\n**Event Handlers:**\n\n| Prop               | Type                          | Description                        |\n| ------------------ | ----------------------------- | ---------------------------------- |\n| `onRowClick`       | `(row: Row<TData>) => void`   | Click handler for rows             |\n| `onRowDoubleClick` | `(row: Row<TData>) => void`   | Double-click handler for rows      |\n| `onRowMouseEnter`  | `(row: Row<TData>) => void`   | Mouse enter handler for rows       |\n| `onRowMouseLeave`  | `(row: Row<TData>) => void`   | Mouse leave handler for rows       |\n| `onCellClick`      | `(cell: Cell<TData>) => void` | Click handler for individual cells |\n\n### Pagination\n\nA pagination component that works seamlessly with TanStack Table.\n\n#### Props\n\n| Prop               | Type                     | Required | Default | Description                     |\n| ------------------ | ------------------------ | -------- | ------- | ------------------------------- |\n| `pagination`       | `boolean`                | No       | -       | Whether to show pagination      |\n| `totalPages`       | `number`                 | No       | `1`     | Total number of pages           |\n| `currentPage`      | `number`                 | No       | `1`     | Current active page (1-indexed) |\n| `handlePageChange` | `(page: number) => void` | Yes      | -       | Callback when page changes      |\n| `pageSize`         | `number`                 | Yes      | -       | Current page size               |\n| `onPageSizeChange` | `(size: number) => void` | Yes      | -       | Callback when page size changes |\n\n## Styling\n\nThe components use Tailwind CSS classes and support:\n\n- Light and dark mode (using `dark:` variants)\n- Responsive design\n- Hover states\n- Custom scrollbars\n- Smooth transitions\n\nYou can customize the appearance by:\n\n1. Overriding Tailwind classes in your config\n2. Passing custom `className` props to `TableComponent`\n3. Using Tailwind's dark mode configuration\n\n## TypeScript Support\n\nThis library is written in TypeScript and provides full type definitions. The components are generic and will infer types from your data:\n\n```tsx\ninterface MyData {\n  id: number;\n  name: string;\n}\n\n// TypeScript will infer the correct types\nconst table = useReactTable<MyData>({ ... });\n<TableComponent<MyData> table={table} />\n```\n\n## Examples\n\n### Simple Table with Striped Rows\n\n```tsx\n<TableComponent table={table} striped hoverable size=\"md\" />\n```\n\n### Table with Row Selection\n\n```tsx\nfunction SelectableTable() {\n  const [selectedId, setSelectedId] = useState<number | undefined>();\n\n  return (\n    <TableComponent\n      table={table}\n      hoverable\n      selectedRowId={selectedId}\n      getRowId={(row) => row.original.id}\n      onRowClick={(row) => setSelectedId(row.original.id)}\n    />\n  );\n}\n```\n\n### Compact Bordered Table\n\n```tsx\n<TableComponent table={table} bordered compact stickyHeader />\n```\n\n### Custom Row Styling\n\n```tsx\n<TableComponent\n  table={table}\n  trClassName={(row) =>\n    row.original.status === \"active\" ? \"bg-green-50\" : \"bg-red-50\"\n  }\n  tdClassName={(cell) =>\n    cell.column.id === \"amount\" ? \"font-bold text-right\" : \"\"\n  }\n/>\n```\n\n### Loading State\n\n```tsx\nfunction TableWithLoading() {\n  const [isLoading, setIsLoading] = useState(true);\n\n  return (\n    <TableComponent\n      table={table}\n      loading={isLoading}\n      loadingMessage=\"Fetching data...\"\n    />\n  );\n}\n```\n\n### Interactive Table\n\n```tsx\n<TableComponent\n  table={table}\n  hoverable\n  onRowClick={(row) => console.log(\"Row clicked:\", row.original)}\n  onRowDoubleClick={(row) => navigate(`/details/${row.original.id}`)}\n  onCellClick={(cell) => console.log(\"Cell clicked:\", cell.getValue())}\n  onHeaderClick={(header) => header.column.toggleSorting()}\n/>\n```\n\n### With Server-Side Pagination\n\n```tsx\nfunction ServerPaginatedTable() {\n  const [data, setData] = useState([]);\n  const [pagination, setPagination] = useState({ pageIndex: 0, pageSize: 10 });\n  const [totalRows, setTotalRows] = useState(0);\n\n  useEffect(() => {\n    // Fetch data from your API\n    fetchData(pagination.pageIndex, pagination.pageSize).then((result) => {\n      setData(result.data);\n      setTotalRows(result.total);\n    });\n  }, [pagination]);\n\n  const table = useReactTable({\n    data,\n    columns,\n    pageCount: Math.ceil(totalRows / pagination.pageSize),\n    state: { pagination },\n    onPaginationChange: setPagination,\n    manualPagination: true,\n    getCoreRowModel: getCoreRowModel(),\n  });\n\n  return (\n    <>\n      <TableComponent table={table} />\n      <Pagination\n        pagination={true}\n        totalPages={table.getPageCount()}\n        currentPage={pagination.pageIndex + 1}\n        handlePageChange={(page) => table.setPageIndex(page - 1)}\n        pageSize={pagination.pageSize}\n        onPageSizeChange={(size) => table.setPageSize(size)}\n      />\n    </>\n  );\n}\n```\n\n### Custom Column Sizing\n\n```tsx\nconst columns: ColumnDef<User>[] = [\n  {\n    accessorKey: \"id\",\n    header: \"ID\",\n    size: 60, // Fixed width\n  },\n  {\n    accessorKey: \"name\",\n    header: \"Name\",\n    size: 200,\n  },\n  {\n    accessorKey: \"email\",\n    header: \"Email\",\n    // Uses default size (150px) if not specified\n  },\n];\n```\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## Troubleshooting\n\n### Styles Not Showing\n\nIf your table appears unstyled:\n\n1. **Make sure you imported the CSS:**\n\n   ```tsx\n   import \"@alwinkc/tanstack-table-components/styles.css\";\n   ```\n\n2. **Check your bundler is processing CSS:**\n   - Vite: Should work out of the box\n   - Next.js: Should work out of the box\n   - Webpack: Make sure `css-loader` is configured\n\n### Dark Mode Not Working\n\nAdd the `dark` class to your root HTML element:\n\n```tsx\n<html className=\"dark\">\n```\n\n## License\n\nMIT\n\n## Credits\n\nBuilt with:\n\n- [TanStack Table](https://tanstack.com/table/v8)\n- [React](https://react.dev/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [clsx](https://github.com/lukeed/clsx)\n","readmeFilename":"README.md"}